@font-face { font-display: swap; font-family: The Antiqua B; font-stretch: 25% 150%; font-style: normal; font-weight: 100 900; src: url("TheAntiquaB-LeMonde.b353d5d190089f96.woff2") format("woff2-variations"), url("TheAntiquaB-LeMonde.b353d5d190089f96.woff2") format("woff2") } @font-face { ascent-override: 99%; descent-override: 29%; font-family: The Antiqua B Fallback; line-gap-override: 1%; size-adjust: 100%; src: local("Georgia"), local(Georgia) } :root { --font-antiqua-b: "The Antiqua B", "The Antiqua B Fallback", Droid-serif; --font-antiqua-b-extrabold: "The Antiqua B ExtraBold", "The Antiqua B ExtraBold Fallback", "Georgia", "Times Roman", serif; --font-marr-sans: "Marr Sans", "Marr Sans Fallback", Roboto; --font-marr-sans-medium: "Marr Sans Medium", "Marr Sans Medium Fallback", Roboto; --font-marr-sans-condensed: "Marr Sans Condensed", "Marr Sans Condensed Fallback", "DINCondensed-Bold", "Roboto Condensed"; --font-marr-sans-condensed-semibold: "Marr Sans Condensed Semibold", "Marr Sans Condensed Semibold Fallback", "DINCondensed-Bold", "Roboto Condensed" } @font-face { font-display: swap; font-family: The Antiqua B standard; font-style: normal; font-weight: 800; src: url(""); src: local("TheAntiquaB_LT_800"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_800.a5e223e59d84d843.woff2") format("woff2"), url("TheAntiquaB_LT_800.ae7988b2d6c42dc2.woff") format("woff"), url("") format("svg") } @font-face { font-display: swap; font-family: The Antiqua B ExtraBold; font-style: normal; font-weight: 800; src: url(""); src: local("TheAntiquaB_LT_800"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_800.a5e223e59d84d843.woff2") format("woff2"), url("TheAntiquaB_LT_800.ae7988b2d6c42dc2.woff") format("woff"), url("") format("svg") } @font-face { ascent-override: 94%; descent-override: 29%; font-family: The Antiqua B ExtraBold Fallback; line-gap-override: 0%; size-adjust: 107%; src: local(Georgia), local("Georgia") } @font-face { font-display: swap; font-family: Marr Sans; font-style: normal; font-weight: 400; src: url(""); src: url("") format("embedded-opentype"), url("MarrSans-Regular-Web.2f89fff3877253bf.woff2") format("woff2"), url("MarrSans-Regular-Web.cdb3946e94041532.woff") format("woff") } @font-face { ascent-override: 90%; descent-override: 36%; font-family: Marr Sans Fallback; line-gap-override: 3%; size-adjust: 102.6%; src: local("Arial") } @font-face { font-display: swap; font-family: Marr Sans; font-style: normal; font-weight: 500; src: url(""); src: url("") format("embedded-opentype"), url("MarrSans-Medium-Web.ac7bf37b26f16e97.woff2") format("woff2"), url("MarrSans-Medium-Web.925dd64435af08a3.woff") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Medium; font-style: normal; font-weight: 500; src: url(""); src: url("") format("embedded-opentype"), url("MarrSans-Medium-Web.ac7bf37b26f16e97.woff2") format("woff2"), url("MarrSans-Medium-Web.925dd64435af08a3.woff") format("woff") } @font-face { ascent-override: 98%; descent-override: 23%; font-family: Marr Sans Medium Fallback; line-gap-override: 3%; size-adjust: 102%; src: local("Arial"), local(Arial) } @font-face { font-display: swap; font-family: Marr Sans Condensed; font-style: normal; font-weight: 500; src: url(""); src: url("") format("embedded-opentype"), url("MarrSansCondensed-Medium-Web.133dea79c01db68e.woff2") format("woff2"), url("MarrSansCondensed-Medium-Web.3a8ed51cac63c624.woff") format("woff") } @font-face { ascent-override: 103%; descent-override: 22%; font-family: Marr Sans Condensed Fallback; line-gap-override: 0%; size-adjust: 89%; src: local(Arial Narrow), local("Arial Narrow") } @font-face { font-display: swap; font-family: Marr Sans Condensed; font-style: normal; font-weight: 600; src: url(""); src: url("") format("embedded-opentype"), url("MarrSansCondensed-Semibold-Web.22ed62e40765ed70.woff2") format("woff2"), url("MarrSansCondensed-Semibold-Web.38e59055f09189d1.woff") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Condensed Semibold; font-style: normal; font-weight: 600; src: url(""); src: url("") format("embedded-opentype"), url("MarrSansCondensed-Semibold-Web.22ed62e40765ed70.woff2") format("woff2"), url("MarrSansCondensed-Semibold-Web.38e59055f09189d1.woff") format("woff") } @font-face { ascent-override: 100%; descent-override: 20%; font-family: Marr Sans Condensed Semibold Fallback; line-gap-override: 0%; size-adjust: 96%; src: local(Arial Narrow), local("Arial Narrow") } .weight--hairline { font-weight: 100 } .weight--thin { font-weight: 200 } .weight--light { font-weight: 300 } .weight--normal { font-weight: 400 } .weight--medium { font-weight: 500 } .weight--semibold { font-weight: 600 } .weight--bold { font-weight: 700 } .weight--extrabold { font-weight: 800 } .weight--black { font-weight: 900 } [data-af-custom-fonts=af-creatives-text] { font-family: Marr Sans, sans-serif !important } html { box-sizing: border-box; color: #383f4e; -webkit-font-smoothing: antialiased; font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif } body, figure, h1, h3, p, ul { font-weight: inherit; margin: 0; padding: 0 } img { height: auto; max-width: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap } img:not([src]) { visibility: hidden } a { color: inherit; font-family: inherit; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none } svg { flex-shrink: 0 } @media (min-width:320px) { [class*=" grid-"] { display: grid; grid-auto-flow: dense } } [class*=grid-template-row-4] { grid-template-rows: repeat(4, auto) } [class*=grid-template-row-5] { grid-template-rows: repeat(5, auto) } [class*=grid-template-row-6] { grid-template-rows: repeat(6, auto) } [class*=row-4] { grid-row: auto/span 4 } [class*=row-5] { grid-row: auto/span 5 } [class*=row-6] { grid-row: auto/span 6 } .zone { background-color: #fff; margin: 0 auto } .main { background-color: #fff; overflow-x: clip } .main .zone { margin: 0 1.6rem } @media (min-width:576px) { .main .zone { margin: 0 3.2rem } } @media (min-width:768px) { .main .zone { margin: 0 auto; max-width: 66.4rem } } .zone--article { padding-bottom: 4rem; padding-top: 3.2rem } @media (max-width:767px) { .zone--article.zone--article-offer { padding-top: 1.2rem } } .zone--article-premium .aside__article .friend:first-child { margin-top: 0 } @media (min-width:1024px) { body { background-color: #f5f6f8 } [class*=grid-][class*=-l-2] { grid-template-columns: repeat(2, 1fr) } .zone { max-width: 115.2rem } .main { background-color: #f5f6f8 } .main--free .zone { margin: 0 auto; max-width: 100rem; padding-bottom: 4rem; padding-left: 1.6rem; padding-right: 1.6rem } .zone--article { display: grid; grid-template-columns: 1fr 31.6rem; grid-column-gap: 6.4rem; grid-template-rows: auto auto auto } .zone--article-premium { grid-template-rows: auto 2.2rem auto auto } .zone--article-premium .article__content, .zone--article-premium .article__special-container { grid-row: 3 } .zone--article-premium .aside__iso { grid-row: 2/4 } .zone--article-premium.zone--article-special { grid-template-rows: auto 1fr auto auto auto } .zone--article-premium.zone--article-special .article__footer-single { grid-row: 5 } .zone--article-premium.zone--article-special .services { grid-row: 6 } .zone--article-premium.zone--article-special .aside__article, .zone--article-premium.zone--article-special .aside__iso { grid-row: 4/5 } .zone--article-premium.zone--article-special .article__special-container--vertical { grid-column: 1 } .zone--article-premium.zone--article-special .article__special-container--vertical+.aside__article, .zone--article-premium.zone--article-special .article__special-container--vertical+.aside__iso { grid-row: 3/6 } .zone--article-premium.zone--article-special .article__special-container--vertical .aside__special--video { grid-row: 3/6 !important } .zone--article-special .article__special-container--vertical { grid-column: 1 } .zone--article-special .article__special-container--vertical~.aside__article, .zone--article-special .article__special-container--vertical~.aside__iso, .zone--article-special .article__special-container--vertical~.aside__special--video { grid-row: 3/6 } .main--abo .article__title--opinion { margin-right: 10rem; max-width: 66.4rem } } .main--abo .aside__article { grid-template-rows: auto auto } @media (min-width:1200px) { .zone { margin: 0 auto } .main--abo .article--single .article__header .meta__publisher--opinion, .main--abo .article__desc--opinion, .main--abo .article__status--opinion, .main--abo .article__title--wirecutter { margin-right: 10rem; max-width: 66.4rem } } .main--abo .article__content { max-width: 66.4rem } .main--free .article__restricted { display: flex; height: 100rem } @font-face { font-display: swap; font-family: Barlow; font-style: normal; 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-display: swap; font-family: Barlow; font-style: normal; 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, .btn--premium { border-radius: .3rem; display: inline-block; font-size: inherit; font-weight: inherit; line-height: normal; padding: .8rem 1.6rem; -webkit-text-decoration: none !important; text-decoration: none !important } .meta__icon-container { align-items: center; background-color: transparent; border: .1rem solid #d5d8dc; border-radius: 25rem; display: flex; height: 3.2rem; justify-content: center; width: 3.2rem } .icon__arrow, .icon__email, .icon__facebook, .icon__favorites, .icon__home, .icon__information, .icon__link, .icon__linkedin, .icon__messenger, .icon__nav-connexion, .icon__nav-en-continu, .icon__premium, .icon__reading-time, .icon__search, .lmd-dropdown-gift-article__close, .lmd-dropdown__close { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; flex-shrink: 0; height: 2rem; width: 2rem } .icon__reading-time { background-image: url("../assets/1308b950ac72a0e20d9f72b1707be82afe6bf193.svg"); height: 2.4rem; margin-right: .8rem; width: 1.2rem } .icon__home { background-image: url("../assets/15111daef9354258110d13a1405190b06ed92e23.svg"); height: 2.4rem; width: 2.4rem } .icon__search { background-image: url("../assets/4c710526e113ad3608f50f584a7626a71f869cd1.svg") } .icon__premium { background-image: url("../assets/d7e79ca2b72902f4e7872154a8da4aae9f299ea9.svg"); height: 1.8rem; vertical-align: sub; width: 2.6rem } .icon__nav-en-continu { background-image: url("../assets/b5ec5ce9bc3066772854a6330ec62fec6f3630f3.svg"); height: 2.4rem; width: 2.4rem } .logo__lemonde { background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; background-image: url("../assets/48bf6df2152ef870644c991cb2bfb025850296af.svg"); height: 3rem; width: 13.8rem } .icon__nav-connexion { background-image: url("../assets/ede15467ef17d1eba01ae75c8c9e78dc663ba653.svg"); height: 2.4rem; width: 2.4rem } .icon__favorites { background-image: url("../assets/2e0ffd09d718f278115ed4e300b3ea70d97ed95a.svg"); height: 1.56rem; width: 1.1rem } .icon__information { background-image: url("../assets/9cecfb65e8f5456336913350c564031805beea07.svg"); height: 2rem; width: 2rem } @media (min-width:768px) { .icon__information { height: 2.8rem; width: 2.8rem } } .icon__reading-time--opinion { background-image: url(""); height: 1.4rem; width: 1.4rem } .icon__arrow { background-image: url("../assets/691836e5d4ab1c266e586e03fe5ed710de5e07e6.svg") } .icon__link { background-image: url("../assets/f93ad8b742d4bc292187a153c4f7d2f402c0d8ec.svg"); height: 1.6rem; width: 1.6rem } .icon__linkedin { background-image: url("../assets/24c29bc67d7b1fa558b337703f78e7fed2a4157a.svg"); height: 1.6rem; position: relative; width: 1.6rem } .icon__messenger { background-image: url("../assets/49483f7f1c1bf756ac25275c6a827e760b2a9f73.svg") } .icon__email { background-image: url("../assets/37279a242ab17148f0140d832b0575a0cbcc121f.svg"); height: 2.4rem; width: 2.4rem } .btn--premium { background-color: #ffc700; padding: .5rem 1.5rem } @media (min-width:320px) { .btn--premium { padding: .8rem 1.6rem } } .btn--premium:hover { background-color: #eab002 } .button { border-radius: .4rem; display: inline-block; font-family: Arial, Roboto, sans-serif; font-weight: 600 } html.fonts-loaded .button { font-family: Marr Sans, Arial, Roboto, sans-serif } .button--lightblue { align-items: center; background-color: #007ac8; border: 0; color: #fff; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: center; text-align: center; width: 100% } .button--border-grey { border: .1rem solid #a4a9b4; border-radius: .4rem; color: #007ac8; align-items: center; background-color: #fff; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: center; text-align: center; width: 100% } .message--partner-nyt { display: none } .message--partner-nyt.message--shown+.main { margin-top: 4rem } .message__cross--partner-nyt { align-self: center; background-image: url(""); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block } .message__close--partner-nyt { position: absolute; right: 1.6rem; top: 1.6rem } @media (min-width:1024px) { .main--abo .article__extra--related { bottom: .4rem; left: .4rem } .main--abo .article__extra--related .icon__multimedia, .main--abo .article__extra--related .icon__portfolio, .main--abo .article__extra--related .icon__video { height: 3rem; width: 3rem } .main--abo .article__special-container--multimedia { margin: 0 auto; max-width: 100rem; width: 100% } .main--free .zone--article { padding: 3.2rem } .main--free .article__restricted { display: block } .main--free .article__title--wirecutter { width: calc(100% - 27.6rem) } .main--free .article__content { max-width: 55.6rem } .main--free .article__special-container--multimedia { margin: 0 -3.2rem } .message--partner-nyt.message--shown { background-color: #000; color: #fff; display: flex; height: 4.4rem; position: fixed; top: 5.8rem; width: 100%; z-index: 5 } .message__content--partner-nyt { align-items: center; color: #fff; display: flex; flex-direction: row } .message__link--partner-nyt { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.1rem; margin-left: 1.6rem; -webkit-text-decoration: none; text-decoration: none } html:not(.fonts-loaded) .message__link--partner-nyt, html:not(.fonts-loaded) .message__link--partner-nyt>* { letter-spacing: -.025rem } html.fonts-loaded .message__link--partner-nyt { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .message__link--partner-nyt { letter-spacing: .05rem } .message__link--partner-nyt:after { background: url(""); content: ""; display: inline-block; height: 1.6rem; width: 2.4rem } .message__cta--partner-nyt { font-size: 1.5rem; font-weight: 400; line-height: 1.9rem; margin-left: 1.6rem } } .message__wrapper--partner-nyt { padding: 0 } @media (max-width:1023px) { .message__wrapper--partner-nyt { margin: 0 } } @media (min-width:1024px) { .message__logo--partner-nyt { background: url(""); display: block; height: 2rem; margin: 0 1.6rem 0 0; position: relative; width: 14.2rem } .message__logo--partner-nyt:after { background-color: #bdc1c8; content: " "; display: block; height: 1.8rem; margin: 0 .8rem; position: absolute; right: -2.4rem; top: 0; width: .1rem } } .capping { background-color: rgba(0, 0, 0, .9); display: none; height: 100vh; opacity: 0; overflow-x: hidden; overflow-y: visible; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 5 } .capping__wrapper { border-radius: .4rem; font-family: Arial, Roboto, sans-serif; left: 50%; margin: 0 auto 2.4rem; max-width: 26rem; position: absolute; top: 14rem; transform: translateX(-50%); width: 100% } 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 { margin-bottom: 10rem; max-width: 48.8rem; top: 20rem } } .capping__picture { background: url("../assets/capping-mobile.543e7ffcd35b32fa.svg") no-repeat; display: none; height: 78px; margin: 4rem auto; opacity: 0; width: 158px } @media (min-width:360px) { .capping__picture { display: block } } @media (min-width:768px) { .capping__picture { background: url("../assets/capping-tablet.1c3e70ca3d0c0cda.svg") no-repeat; height: 114px; margin: 3.2rem auto; width: 230px } } @media (min-width:1024px) { .capping__picture { background: url("../assets/capping-desktop.2f4f0d0e0d27c717.svg") no-repeat; height: 109px; width: 287px } } .capping__header { align-items: center; background-color: #fff6d3; border-radius: .4rem; color: #6c3d04; display: flex; flex-direction: column; font-size: 1.6rem; line-height: 1.25; opacity: 0; padding: 1.6rem 3.2rem 2.4rem; position: relative; transform: translateY(-.8rem); z-index: 5 } .capping__notice { font-weight: 500; margin-top: .4rem; text-align: center } @media (min-width:768px) { .capping__header { flex-direction: row; font-size: 1.6rem; line-height: 4; padding: 0 3.2rem } .capping__notice { margin-left: 1.6rem; margin-top: 0; text-align: left } .capping__title { margin: 0 auto; max-width: 32rem; width: 100% } } .capping__content { background-color: #fff; opacity: 0; padding: 2.4rem 2rem; position: relative; text-align: center; top: -.4rem; transform: scaleY(0); transform-origin: 50% 0 } .capping__title { font-family: Georgia, Droid-serif, serif; font-size: 1.8rem; font-weight: 700; line-height: normal } 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 } } .capping__cta { height: 4rem; margin-top: 1.2rem; width: 100% } @media (min-width:360px) { .capping__content { padding: 2.4rem 3.6rem } .capping__cta { margin-top: 0 } } @media (min-width:768px) { .capping__cta { margin: 0 auto; max-width: 32rem } } .capping__cta--next { margin-bottom: 1.2rem; margin-top: 1.6rem } .capping__cta-text { color: #717b8e; font-size: 1.6rem; line-height: 1.375; margin-top: .8rem } @media (min-width:768px) { .capping__cta-text { line-height: normal; margin-top: 1.6rem } } .capping__faq { display: none; margin-bottom: 50px } @media (min-width:1024px) { .capping__faq { margin-bottom: 170px } } .capping__bottom { margin: 0 2rem; opacity: 0 } .capping__bottom:before { background-color: #d8d8d8; content: " "; display: block; height: .1rem; width: 100% } .capping__trigger { background: 0 0; border: 0; color: #007ac8; display: flex; font-family: inherit; font-size: 1.6rem; font-weight: 500; line-height: 1.375; margin: 0; padding: .8rem 0 2.4rem; text-align: left; width: 100% } @media (min-width:360px) { .capping__trigger { line-height: normal } .article__reactions .meta .meta__icon--favorite:after { display: inline-flex } } .capping__trigger:after { align-self: center; background-image: url("../assets/fa701cbe4765760a31c633c7a136b557d9197173.svg"); background-repeat: no-repeat; content: " "; height: 1.4rem; margin-left: auto; position: relative; width: 1.4rem } .capping__item:first-child { margin-top: 1.6rem } .capping__item:not(:first-child) { margin-top: 3.2rem } .capping__question { font-size: 1.6rem; font-weight: 600; line-height: 1.375 } .capping__answer { font-size: 1.6rem; line-height: 1.375; margin-top: 1.6rem } .capping__answer+.capping__answer { margin-top: 0 } .capping__answer-line { display: block; margin-top: 1.6rem } .capping__link { background: 0 0; border: 0; color: #007ac8; font-family: inherit; font-size: 1.6rem; font-weight: 500; margin: 0; padding: 0 } .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 } .article__ordered-list li .page--campaigns h2, .article__unordered-list li .page--campaigns h2, .page--campaigns .article__ordered-list li h2, .page--campaigns .article__sub-title, .page--campaigns .article__unordered-list li h2 { font-family: Helvetica, Arial, Roboto, sans-serif } .article__ordered-list li html.fonts-loaded .page--campaigns h2, .article__unordered-list li html.fonts-loaded .page--campaigns h2, html.fonts-loaded .page--campaigns .article__ordered-list li h2, html.fonts-loaded .page--campaigns .article__sub-title, html.fonts-loaded .page--campaigns .article__unordered-list li 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__float--campaigns .aside__page-float { float: none; bottom: 0; display: flex; flex-direction: column; height: 100%; position: absolute; right: 0; top: 0 } .page__float--campaigns .aside__campaign--sticky { height: 100% } .page__float--campaigns .dfp__slot--pave { top: 19rem } .page--campaigns .article__portfolio-container, .page--campaigns .article__video-container-main { grid-column: 1/span 2; grid-row: 3 } } .article__gift-modal__footer-link:after { height: .9rem; width: 1.2rem; background-image: url("") } .article__gift-modal { bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; width: 100vw; z-index: 9997 } @media screen and (min-width:768px) { .article__gift-modal { height: 100vh } } .article__gift-modal--opened, .article__gift-modal.js-opened { display: block } .article__gift-modal__overlay { background-color: #2a303c; content: ""; height: calc(100vh - 6rem); left: 0; opacity: .6; position: absolute; top: 6rem; width: 100vw; z-index: 9996 } @media (min-width:768px) { .article__gift-modal__overlay { height: 100vh; top: 0 } } .article__gift-modal__overlay.js-opened { display: block } .article__gift-modal__content { align-items: center; background: #fff; border-radius: 0; border-top: .1rem solid #e8eaee; bottom: 0; display: flex; flex-direction: column; font-family: Arial, Roboto, sans-serif; left: 0; max-height: 80vh; padding: 2.4rem 1.6rem; position: absolute; width: 100%; z-index: 9997 } html:not(.fonts-loaded) .article__gift-modal__content, html:not(.fonts-loaded) .article__gift-modal__content>* { letter-spacing: .314px } html.fonts-loaded .article__gift-modal__content { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__gift-modal__content:has(.lmd-modal-gift-not-sub__footer, .article__gift-modal__footer), .lmd-modal-gift-not-sub__content:has(.lmd-modal-gift-not-sub__footer, .article__gift-modal__footer) { padding: 2.4rem 1.6rem 0 } @media screen and (min-width:768px) { .article__gift-modal__content { border-radius: .3rem; border-top: 0; bottom: auto; left: 50%; padding: 2.4rem 3.2rem; top: 50%; transform: translate3d(-50%, -50%, 0); width: 57.2rem } .article__gift-modal__content:has(.lmd-modal-gift-not-sub__footer, .article__gift-modal__footer), .lmd-modal-gift-not-sub__content:has(.lmd-modal-gift-not-sub__footer, .article__gift-modal__footer) { padding: 2.4rem 3.2rem 0 } } .article__gift-modal__close { margin-bottom: .8rem; margin-left: auto; position: relative } .article__gift-modal__close .icon__cross { height: 1rem; width: 1rem } .article__gift-modal__title { font-family: Georgia, Droid-serif, serif; font-size: 2.4rem; font-weight: 700; line-height: 2.8rem; margin-bottom: 1.6rem; margin-right: auto; text-align: left } html:not(.fonts-loaded) .article__gift-modal__title, html:not(.fonts-loaded) .article__gift-modal__title>* { letter-spacing: -.645px } html.fonts-loaded .article__gift-modal__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @supports (font-variation-settings:normal) { html.fonts-loaded .article__gift-modal__title { font-family: The Antiqua B, Georgia, Droid-serif, serif } } .article__gift-modal__logo.icon__gift { height: 2.8rem; margin-right: .8rem; position: relative; top: .3rem; width: 2.8rem } @media (min-width:768px) { .article__gift-modal__close { left: 1.6rem; top: -.8rem } .article__gift-modal__title { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; margin-right: 0; text-align: center } .article__gift-modal__logo.icon__gift { height: 3.6rem; margin-bottom: .8rem; margin-right: 0; width: 3.6rem } } .article__gift-modal__text { font-size: 1.4rem; line-height: 2rem; margin-bottom: 1.6rem; text-align: left; width: 100% } @media (min-width:768px) { .article__gift-modal__text { font-size: 1.6rem; text-align: center } } .article__gift-modal__text--no-margin { margin: 0 } .article__gift-modal__text b { font-weight: 500 } .article__gift-modal__link { color: #026b9c; -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .article__gift-modal__link:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__gift-modal__footer { border-top: .1rem solid #e8eaee; padding: 1.6rem 0; width: 100% } .article__gift-modal__footer-link { align-items: center; color: #026b9c; display: inline-flex; font-size: 1.4rem; line-height: 1.8rem; width: 100% } .article__gift-modal__footer-link:after { content: ""; display: inline-block; margin-left: .8rem } .article__gift-modal__footer-link:hover { color: #005b85 } .article__gift-modal__footer-link:hover:after { background-image: url("") } .article__gift-modal .lmd-btn:not(:last-child) { margin-bottom: .8rem } .article:after { clear: both; content: ""; display: table } .article picture { display: block; padding-top: 66.66% } .article picture img { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .article__sactisfaction-survey--container { background-color: #fcfcfd; border: 1px solid #e8eaee; border-radius: .1875rem; display: flex; justify-content: center; margin-top: 2rem; padding: 1.5rem 2rem } .article__sactisfaction-survey--wrapper { align-items: center; display: flex; flex-direction: column; font-family: Arial, Roboto, sans-serif; font-size: 1.5rem; gap: 16px; justify-content: center; text-align: center } html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper, html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper>* { letter-spacing: .314px } html.fonts-loaded .article__sactisfaction-survey--wrapper { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:768px) { .article__sactisfaction-survey--wrapper { flex-direction: row } } @media (max-width:576px) { .article__sactisfaction-survey--wrapper { width: 27rem } } .article__byline { color: #717b8e; font-family: Arial, Roboto, sans-serif; font-size: 1.3rem; line-height: 1.5rem } html:not(.fonts-loaded) .article__byline, html:not(.fonts-loaded) .article__byline>* { letter-spacing: .314px } html.fonts-loaded .article__byline { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__desc { color: #2a303b; display: none; font-family: Georgia, Droid-serif, serif; font-size: 1.5rem; line-height: 1.34; margin: 1.6rem 0 } html:not(.fonts-loaded) .article__desc, html:not(.fonts-loaded) .article__desc>* { letter-spacing: -.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 { bottom: .8rem; color: #fff; font-family: Arial, Roboto, sans-serif; font-size: 1rem; letter-spacing: .01rem; line-height: 1.7; position: absolute; right: .8rem; text-transform: uppercase; z-index: 4 } html:not(.fonts-loaded) .article__copyright, html:not(.fonts-loaded) .article__copyright>* { letter-spacing: .314px } html.fonts-loaded .article__copyright { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__mention { color: #666e80; font-family: Arial, Roboto, sans-serif; font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.6rem; margin-top: 8px } html:not(.fonts-loaded) .article__mention, html:not(.fonts-loaded) .article__mention>* { letter-spacing: .314px } html.fonts-loaded .article__mention { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__extra { align-items: center; font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article__extra, html:not(.fonts-loaded) .article__extra>* { letter-spacing: .314px } html.fonts-loaded .article__extra { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__extra--embed { bottom: .8rem; color: #fff; display: flex; font-size: 1.1rem; font-weight: 600; left: .8rem; margin-left: 0; position: absolute; z-index: 4 } .article__extra--embed>:first-child { margin-right: .8rem } .article__extra--related { display: none } .article__extra--related .icon__multimedia, .article__extra--related .icon__portfolio, .article__extra--related .icon__video { height: 3rem; width: 3rem } @media (min-width:1024px) { .article__sactisfaction-survey--container { padding-bottom: 1rem; padding-top: 1rem } .article__extra--related { align-items: center; bottom: .8rem; display: flex; left: .8rem } .article__extra--related .icon__multimedia, .article__extra--related .icon__portfolio, .article__extra--related .icon__video { height: 4rem; width: 4rem } } .article__extra--inline { align-items: center; color: #383f4e; display: inline-flex; font-family: Arial, Roboto, sans-serif; font-size: 1.2rem; font-weight: 400 } html:not(.fonts-loaded) .article__extra--inline, html:not(.fonts-loaded) .article__extra--inline>* { letter-spacing: .314px } html.fonts-loaded .article__extra--inline { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__extra--featured { bottom: auto; left: 0; top: -5.2rem } .article__extra--podcast-inline { display: inline } .article__info { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article__info, html:not(.fonts-loaded) .article__info>* { letter-spacing: .314px } html.fonts-loaded .article__info { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__media-container { position: relative } .article__media-credit { color: #717b8e; font-family: Arial, Roboto, sans-serif; font-size: .8rem; font-weight: 400; line-height: 1; margin-bottom: 1.6rem; margin-top: .4rem; text-align: right; text-transform: uppercase; width: 100% } html:not(.fonts-loaded) .article__media-credit, html:not(.fonts-loaded) .article__media-credit>* { letter-spacing: .314px } html.fonts-loaded .article__media-credit { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__media-credit--une { font-size: 1rem } @media (max-width:1023px) { .article__media-credit--only-desktop { display: none } } .article .video-container.js-with-consent-notice:not(.video-container--sticky), .article .video-container.js-with-consent-notice:not(.video-container--sticky) .article__video-element { padding: 0; position: relative } .article__video-container { background-color: #2a303b; clear: both; position: relative; z-index: 4 } .article__video-container .js_player, .article__video-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5 } .article__video-container--ratio, .article__video-container--ratio .js_player:empty:not(iframe) { padding-top: 56.25% } .article__video-container--vertical { display: flex; height: 80vh; margin: 1.6rem auto; max-width: 100%; overflow: hidden; padding-top: 0; width: 45vh } .article__video-container--vertical .js_player:empty:not(iframe) { padding-top: 100% } .article__video-container--vertical .dailymotion-player-root { height: 80vh; min-height: 20rem; padding-bottom: 0 !important; position: absolute !important; right: 50%; transform: translate3d(50%, 0, 0); width: 45vh } .article__video-container--vertical .dailymotion-player-root .dailymotion-player-wrapper { position: static !important } .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; background-color: #026b9c; border: 0; border-radius: .3rem; color: #fff; display: flex; flex-shrink: 0; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.6rem; height: 4.2rem; justify-content: center; line-height: 1; margin-top: 1.2rem; max-width: 100%; padding: 1rem 2.4rem; text-align: center } .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-family: Georgia, Droid-serif, serif; font-size: 1.6rem; font-weight: 600; line-height: 1.25 } html:not(.fonts-loaded) .article__title, html:not(.fonts-loaded) .article__title>* { letter-spacing: -.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 } .Connexion .article button:hover .article__title, .article .Connexion button:hover .article__title, .article a:hover .article__title { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .article__kicker { color: #2a303b; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.3rem; font-weight: 500; letter-spacing: .13rem; line-height: 1.15; margin-bottom: .8rem; text-transform: uppercase } html:not(.fonts-loaded) .article__kicker, html:not(.fonts-loaded) .article__kicker>* { letter-spacing: -.025rem } html.fonts-loaded .article__kicker { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__kicker { letter-spacing: .05rem } .article__type { color: #717b8e; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.3rem; font-weight: 500; letter-spacing: .13rem; margin-top: 1.2rem; text-transform: uppercase } html:not(.fonts-loaded) .article__type, html:not(.fonts-loaded) .article__type>* { letter-spacing: -.025rem } html.fonts-loaded .article__type { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__type { letter-spacing: .05rem } .article__author { align-items: center; display: flex; max-width: 70% } .article__author:not(:last-child) { margin-bottom: .4rem } @media (min-width:768px) { .article__author { max-width: 28rem } } .article__author--posts { max-width: 100% } .article__author-picture { background-color: #e8eaee; background-image: url(""); background-repeat: no-repeat; background-size: cover; border-radius: 50%; flex-shrink: 0; height: 5rem; margin-right: 1.2rem; width: 5rem } .article__author-picture--no-pp { background-position-y: .6rem } .article__author-picture--posts { height: 6.2rem; margin-right: 1.6rem; width: 6.2rem } .article__author-identity--posts { color: #2a303b; display: inline; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 2.9rem; font-weight: 600; line-height: 1 } html:not(.fonts-loaded) .article__author-identity--posts, html:not(.fonts-loaded) .article__author-identity--posts>* { letter-spacing: -.025rem } html.fonts-loaded .article__author-identity--posts { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__author-identity--posts { letter-spacing: .05rem } @media (min-width:1024px) { .article__author-picture--posts { height: 7.8rem; margin-right: 2.4rem; width: 7.8rem } .article__author-identity--posts { font-size: 3.8rem; font-weight: 700 } } .article__author-job--posts { color: #2a303b; font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; font-weight: 600; letter-spacing: .02rem; line-height: 1.42; margin-top: .4rem } html:not(.fonts-loaded) .article__author-job--posts, html:not(.fonts-loaded) .article__author-job--posts>* { letter-spacing: .314px } html.fonts-loaded .article__author-job--posts { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__author-description--posts { align-items: center; display: flex; height: 6.2rem } .article__author-name { color: #2a303b; font-family: Arial, Roboto, sans-serif; font-size: 1.5rem; font-weight: 500 } html:not(.fonts-loaded) .article__author-name, html:not(.fonts-loaded) .article__author-name>* { letter-spacing: .314px } html.fonts-loaded .article__author-name { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__author-desc { color: #717b8e; font-family: Arial, Roboto, sans-serif; font-size: 1.3rem; line-height: 1.25 } html:not(.fonts-loaded) .article__author-desc, html:not(.fonts-loaded) .article__author-desc>* { letter-spacing: .314px } html.fonts-loaded .article__author-desc { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__related { font-family: Arial, Roboto, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.33; margin-bottom: 2.4rem } html:not(.fonts-loaded) .article__related, html:not(.fonts-loaded) .article__related>* { letter-spacing: .314px } html.fonts-loaded .article__related { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__related li { list-style: none; margin-bottom: 1.2rem } .Connexion .article__related li button:hover, .article__related li .Connexion button:hover, .article__related li a:hover { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .article__related-featured { display: grid; grid-template-columns: 16.2rem 16.2rem 16.2rem; grid-column-gap: 1.2rem; overflow-x: auto; padding-right: 1.6rem } .article__related-featured .article__media { float: none } .article--nav:hover .article__title { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .article--nav .article__kicker { margin-top: 1.6rem } .article--nav .article__media { float: none; margin-left: 0; max-width: 100% } @media (min-width:768px) { .article__related { font-size: 1.4rem; line-height: 1.29; margin: 2.4rem 0 2rem } .article__related-featured { margin-right: 0; overflow-x: visible; padding-right: 0; grid-column-gap: 2.4rem } .article__related-featured .article { border-top: 0; padding-top: 0 } .article--nav .article__author { margin-top: .8rem } .article--featured .article__desc { display: block; margin-bottom: 0 } } .article--nav .article__author-name { font-size: 1.3rem; line-height: 1.25 } .article--featured { background: #fff; margin-top: 0; overflow: hidden; padding-bottom: 1.6rem; position: relative; text-align: center } .Connexion .article--featured button, .article--featured .Connexion button, .article--featured a { align-items: stretch; display: inline-flex; flex-direction: column; height: 100%; justify-content: flex-start; padding: 0 2rem; width: 100% } .article--featured .icon__premium { height: 1.6rem; position: relative; top: 1.2rem; width: 2.4rem } .article--featured .article__byline { margin-top: .4rem } .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__author-description--posts { height: 7.8rem } .article__related li { margin-bottom: 0 } .article--featured { border: .1rem solid rgba(0, 0, 0, .09) } .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 0; max-width: 100%; overflow: hidden; padding-top: 66.66%; position: absolute; top: 0; width: 100%; z-index: 1 } .article--featured .article__media:before { background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1)); bottom: 0; content: " "; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 2 } .article--featured .article__media img { display: block; left: 50%; max-width: none; top: 50%; transform: translate(-50%, -50%); 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; font-weight: 500; letter-spacing: .13rem; margin-top: 0 } .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: -.5rem; z-index: 2 } .article--related { margin-top: 0; padding-top: 2.4rem } .article--related .article__title { color: #2a303b; font-family: Georgia, Droid-serif, serif; font-size: 1.5rem; font-weight: 600; line-height: 1.25; margin-bottom: 0 } html:not(.fonts-loaded) .article--related .article__title, html:not(.fonts-loaded) .article--related .article__title>* { letter-spacing: -.645px } html.fonts-loaded .article--related .article__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @supports (font-variation-settings:normal) { html.fonts-loaded .article--related .article__title { font-family: The Antiqua B, Georgia, Droid-serif, serif } } .article--related .article__media-container { display: block; float: none; font-size: 0; margin: 0 0 .8rem; width: 100% } @media (min-width:1024px) { .article--related .article__media-container { float: right; margin: 0 0 .4rem .8rem; width: 11.4rem } } .article--toast__container { bottom: -4.4rem; position: fixed; right: 0; width: 100%; z-index: 9999 } .article--toast__container .article--toast { background-color: #fff; margin-bottom: 4.4rem; opacity: 0; padding: .8rem 0 1.4rem; position: relative; visibility: hidden; width: 100% } .article--toast__container .article--toast__text { color: hsla(0, 0%, 100%, .87); font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; line-height: 1.7rem; margin: .5rem 0 0; text-align: center } html:not(.fonts-loaded) .article--toast__container .article--toast__text, html:not(.fonts-loaded) .article--toast__container .article--toast__text>* { letter-spacing: .314px } html.fonts-loaded .article--toast__container .article--toast__text { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--toast__container .article--toast-active { opacity: 1; visibility: visible } .article--toast__container .article--toast-success { background-color: rgba(0, 0, 0, .85) } .consent-notice { align-items: center; background-color: #2a303b; display: flex; height: 100%; position: relative; width: 100% } .consent-notice--video-vertical { height: 100%; margin: 0 auto } .consent-notice--ratio-2-3 { margin: 0 auto; padding-top: 150% } .consent-notice--ratio-16-9 { padding-top: 56.25%; width: 100% } .consent-notice--ratio-podcast-spotify, .consent-notice--ratio-podcast-voxeus { min-height: 20rem } .consent-notice--ratio-podcast-spotify { aspect-ratio: 556/152 } .consent-notice--ratio-podcast-voxeus { aspect-ratio: 556/367 } @media (max-width:575px) { .consent-notice--video-vertical .consent-notice__wrapper { justify-content: safe center; padding-bottom: 0 } .consent-notice--ratio-16-9 .consent-notice__wrapper, .consent-notice--ratio-2-3 .consent-notice__wrapper { height: 100%; justify-content: safe center; padding-bottom: 0 } .consent-notice--ratio-podcast-spotify .consent-notice__wrapper, .consent-notice--ratio-podcast-voxeus .consent-notice__wrapper { height: 100%; padding-bottom: 0 } .consent-notice--ratio-podcast-spotify .consent-notice__wrapper { justify-content: flex-start } .consent-notice--ratio-podcast-voxeus .consent-notice__wrapper { justify-content: safe center } .consent-notice__wrapper { overflow: auto } } .consent-notice__container { width: 100% } .consent-notice__wrapper { align-items: center; background-color: #2a303b; bottom: 0; display: flex; flex-direction: column; font-family: Arial, Roboto, sans-serif; justify-content: center; left: 0; padding: 2.4rem 0; position: absolute; right: 0; top: 0 } html:not(.fonts-loaded) .consent-notice__wrapper, html:not(.fonts-loaded) .consent-notice__wrapper>* { letter-spacing: .314px } html.fonts-loaded .consent-notice__wrapper { font-family: Marr Sans, Arial, Roboto, sans-serif } .consent-notice__text { color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; margin-bottom: -.8rem; max-width: calc(100% - 3.2rem); text-align: center } @media (min-width:576px) { .article__related-featured { grid-template-columns: 1fr 1fr 1fr } .consent-notice__wrapper { top: 50%; transform: translate3d(0, -50%, 0) } .consent-notice__text { margin-bottom: 1.6rem; max-width: calc(100% - 4.8rem) } } @media (max-width:575px) { .consent-notice__btn-wrapper { align-items: flex-end; background: linear-gradient(0deg, #2a303b 62.37%, rgba(42, 48, 59, 0) 104.84%); bottom: 0; display: flex; flex-shrink: 0; justify-content: center; padding-bottom: 1.6rem; padding-top: 4.6rem; position: -webkit-sticky; position: sticky; width: 100% } .Nav__container li a { white-space: normal } } .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 { grid-row: 4; margin: 0; max-width: 100% } .article__footer-single--multimedia, .article__footer-single--video, .article__footer-single--wirecutter { grid-row: 4 } } .article__footer { display: flex; margin-top: 1.2rem } .Connexion .article__footer button, .article__footer .Connexion button, .article__footer a { display: flex } .article__footer .article__author:before { color: #bdc1c8; content: "|"; padding-left: .4rem; padding-right: .4rem } .article__footer .article__author:not(:last-child) { align-self: center; margin-bottom: 0 } .article__footer .article__author-name { align-self: center; color: #717b8e; font-size: 1.3rem; font-weight: 400; line-height: 1.15 } .article__footer .article__type { align-self: center; margin-top: 0 } .article__question { font-family: Arial, Roboto, sans-serif; font-size: 1.7rem; font-weight: 700; line-height: 1.52; margin-top: 2.4rem } html:not(.fonts-loaded) .article__question, html:not(.fonts-loaded) .article__question>* { letter-spacing: .314px } html.fonts-loaded .article__question { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:768px) { .article__question { font-size: 1.8rem; line-height: 1.55 } } .Connexion .article__question button, .article__question .Connexion button, .article__question a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__question button:hover, .article__question .Connexion button:hover, .article__question a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__fact { color: #383f4e; display: inline-block; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .03rem; line-height: 1; margin-left: .4rem; margin-top: 2rem; position: relative; text-transform: uppercase; z-index: 2 } html:not(.fonts-loaded) .article__fact, html:not(.fonts-loaded) .article__fact>* { letter-spacing: -.025rem } html.fonts-loaded .article__fact { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__fact { letter-spacing: .05rem } .article__fact:after { bottom: -.2rem; content: " "; display: block; height: .9rem; left: -.4rem; position: absolute; width: calc(100% + .8rem); z-index: -1 } .article__fact--true:after { background-color: #bcfec5 } .article__fact--false:after { background-color: #fab4b4 } .article__fact--neutral:after { background-color: #ffe38f } .Connexion .article__fact button, .article__fact .Connexion button, .article__fact a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__fact button:hover, .article__fact .Connexion button:hover, .article__fact a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__ordered-list, .article__unordered-list { clear: both; list-style: none; margin-left: .8rem; margin-top: 2.4rem; width: 100% } .article__ordered-list li, .article__unordered-list li { color: #383f4e; display: block; font-size: 1.7rem; line-height: 1.52; padding-left: 2.8rem; position: relative } .article__ordered-list li:before, .article__unordered-list li:before { color: #8b92a1; display: block; font-weight: 600; left: 0; position: absolute } .article__ordered-list li:last-child, .article__unordered-list li:last-child { margin-bottom: 0 } .article__ordered-list li h2, .article__unordered-list li h2 { display: inline } .Connexion .article__ordered-list li button, .Connexion .article__unordered-list li button, .article__ordered-list li .Connexion button, .article__ordered-list li a, .article__unordered-list li .Connexion button, .article__unordered-list li a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__ordered-list li button:hover, .Connexion .article__unordered-list li button:hover, .article__ordered-list li .Connexion button:hover, .article__ordered-list li a:hover, .article__unordered-list li .Connexion button:hover, .article__unordered-list li a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__ordered-list { counter-reset: li } .article__ordered-list li { counter-increment: li; margin-bottom: 1.6rem } .article__ordered-list li:before { content: counter(li) "."; font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article__ordered-list li:before, html:not(.fonts-loaded) .article__ordered-list li:before>* { letter-spacing: .314px } html.fonts-loaded .article__ordered-list li:before { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__ordered-list+p { clear: both } .article__unordered-list li { margin-bottom: 1.2rem } .article__unordered-list li:before { content: "•"; font-family: Georgia, Droid-serif, serif; font-size: 2.4rem; line-height: 1 } html:not(.fonts-loaded) .article__unordered-list li:before, html:not(.fonts-loaded) .article__unordered-list li:before>* { letter-spacing: -.645px } html.fonts-loaded .article__unordered-list li:before { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } .article__unordered-list+p { clear: both } .article__ordered-list li h2, .article__sub-title, .article__unordered-list li h2 { color: #2a303b; font-family: Arial, Roboto, sans-serif; font-size: 2.2rem; font-weight: 600; line-height: 1.18; margin-top: 2.4rem } .article__ordered-list li html:not(.fonts-loaded) h2, .article__ordered-list li html:not(.fonts-loaded) h2>*, .article__unordered-list li html:not(.fonts-loaded) h2, .article__unordered-list li html:not(.fonts-loaded) h2>*, html:not(.fonts-loaded) .article__ordered-list li h2, html:not(.fonts-loaded) .article__ordered-list li h2>*, html:not(.fonts-loaded) .article__sub-title, html:not(.fonts-loaded) .article__sub-title>*, html:not(.fonts-loaded) .article__unordered-list li h2, html:not(.fonts-loaded) .article__unordered-list li h2>* { letter-spacing: .314px } .article__ordered-list li html.fonts-loaded h2, .article__unordered-list li html.fonts-loaded h2, html.fonts-loaded .article__ordered-list li h2, html.fonts-loaded .article__sub-title, html.fonts-loaded .article__unordered-list li h2 { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:1024px) { .article__ordered-list, .article__unordered-list { margin-left: 1.6rem; padding-left: 2rem } .article__ordered-list li, .article__unordered-list li { font-size: 1.8rem; padding-left: .8rem } .article__ordered-list li:before, .article__unordered-list li:before { left: -2rem } .article__ordered-list li h2, .article__sub-title, .article__unordered-list li h2 { line-height: 1.2 } } .Connexion .article__ordered-list li h2 button, .Connexion .article__sub-title button, .Connexion .article__unordered-list li h2 button, .article__ordered-list li h2 .Connexion button, .article__ordered-list li h2 a, .article__sub-title .Connexion button, .article__sub-title a, .article__unordered-list li h2 .Connexion button, .article__unordered-list li h2 a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__ordered-list li h2 button:hover, .Connexion .article__sub-title button:hover, .Connexion .article__unordered-list li h2 button:hover, .article__ordered-list li h2 .Connexion button:hover, .article__ordered-list li h2 a:hover, .article__sub-title .Connexion button:hover, .article__sub-title a:hover, .article__unordered-list li h2 .Connexion button:hover, .article__unordered-list li h2 a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__comments { grid-column: 1; margin-top: 2.4rem } .article__siblings { grid-column: 1; margin-top: 4.4rem } .article__siblings:before { background-color: #383f4e; content: " "; display: block; height: .3rem; width: 100% } .article__siblings-title { color: #383f4e; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 2.4rem; font-weight: 600; letter-spacing: .022rem; line-height: 1.25; margin-bottom: 4.8rem; margin-top: 2.4rem } html:not(.fonts-loaded) .article__siblings-title, html:not(.fonts-loaded) .article__siblings-title>* { letter-spacing: -.025rem } html.fonts-loaded .article__siblings-title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__siblings-title { letter-spacing: .05rem } .article__author-container { font-size: 1.5rem } .article__chapter-title { display: list-item; font-size: 2.2rem; font-weight: 700; list-style-type: disc; margin-left: 2.4rem; margin-top: 2.4rem } .Connexion .article__chapter-title button, .article__chapter-title .Connexion button, .article__chapter-title a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__chapter-title button:hover, .article__chapter-title .Connexion button:hover, .article__chapter-title a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__paragraph { color: #383f4e; font-size: 1.7rem; font-weight: 500; line-height: 1.52; margin-top: 2rem } @media (min-width:768px) { .article__siblings-title { margin-bottom: 5.6rem } .article__paragraph { font-size: 1.8rem; line-height: 1.55 } } .Connexion .article__paragraph button, .article__paragraph .Connexion button, .article__paragraph a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__paragraph button:hover, .article__paragraph .Connexion button:hover, .article__paragraph a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__paragraph--caption { color: var(--lmd-color-storm-content-light); font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.1rem; padding-left: 2.8rem; position: relative } html:not(.fonts-loaded) .article__paragraph--caption, html:not(.fonts-loaded) .article__paragraph--caption>* { letter-spacing: .314px } html.fonts-loaded .article__paragraph--caption { font-family: Marr Sans, Arial, Roboto, sans-serif } .article__paragraph--caption:before { background-image: url(""); content: ""; height: 1.8rem; left: 0; position: absolute; top: .2rem; width: 1.8rem } .article__content { font-family: Georgia, Droid-serif, serif; padding-top: 2.4rem } html:not(.fonts-loaded) .article__content, html:not(.fonts-loaded) .article__content>* { letter-spacing: -.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, html.fonts-loaded .article__unordered-list li:before { font-family: The Antiqua B, Georgia, Droid-serif, serif } } .article__content>:first-child { margin-top: 0 } .article__content--restricted, .article__content--restricted-media { height: 126rem; position: relative; z-index: 2 } @media (min-width:768px) { .article__content--restricted, .article__content--restricted-media { height: 130rem } } .article__content--restricted-media { height: 150rem } .article__content sup { line-height: 0 } .Connexion .article__content .article__catchphrase button:not(.lmd-link-nostyle):not(.inread__link), .Connexion .article__content .catcher button:not(.lmd-link-nostyle):not(.inread__link), .Connexion .article__content .multimedia-embed button:not(.lmd-link-nostyle):not(.inread__link), .article__content .article__catchphrase .Connexion button:not(.lmd-link-nostyle):not(.inread__link), .article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link), .article__content .catcher .Connexion button:not(.lmd-link-nostyle):not(.inread__link), .article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link), .article__content .multimedia-embed .Connexion button:not(.lmd-link-nostyle):not(.inread__link), .article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link) { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__content .article__catchphrase button:not(.lmd-link-nostyle):not(.inread__link):hover, .Connexion .article__content .catcher button:not(.lmd-link-nostyle):not(.inread__link):hover, .Connexion .article__content .multimedia-embed button:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .article__catchphrase .Connexion button:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .catcher .Connexion button:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .multimedia-embed .Connexion button:not(.lmd-link-nostyle):not(.inread__link):hover, .article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link):hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__content .article__cite { color: #717b8e; display: block; font-size: 1.6rem; font-style: italic; line-height: 1.53; margin-top: 2rem; max-width: 100% } .Connexion .article__content .article__cite button, .article__content .article__cite .Connexion button, .article__content .article__cite a { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article__content .article__cite button:hover, .article__content .article__cite .Connexion button:hover, .article__content .article__cite a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .article__content .article__cite em, .article__content .article__cite i { font-style: normal } .Connexion .article--content .article__content .product__title button, .article--content .article__content .product__title .Connexion button, .article--content .article__content .product__title a { color: #3374ff } .Connexion .article--content .article__content .product__title button:hover, .article--content .article__content .product__title .Connexion button:hover, .article--content .article__content .product__title a:hover { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .article--content .article__content button[data-type=huit-affiliate], .article--content .article__content .Connexion button[data-type=huit-affiliate], .article--content .article__content a[data-type=huit-affiliate] { color: #3374ff } .Connexion .article--content button.meta__link-sub, .Connexion .article--content button.meta__link-sub:hover, .article--content .Connexion button.meta__link-sub, .article--content .Connexion button.meta__link-sub:hover, .article--content a.meta__link-sub, .article--content a.meta__link-sub:hover { border-bottom: 0 } .article__author-link:hover { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .article__reactions { align-items: center; display: flex; font-family: Arial, Roboto, sans-serif; justify-content: space-between; margin-bottom: 1.6rem; margin-top: 2.4rem; position: relative; z-index: 2 } html:not(.fonts-loaded) .article__reactions, html:not(.fonts-loaded) .article__reactions>* { letter-spacing: .314px } html.fonts-loaded .article__reactions { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (max-width:768px) { .article__reactions .comments__active, .article__reactions .comments__blocked-btn { flex-grow: 1; margin-right: 2.4rem } .article__reactions .meta__link--full { background: 0 0 } .article__reactions .meta__link--full:hover { border-color: transparent } .article__reactions .icon__description { display: none } .article__reactions .meta__sub.ui-collapse--shown { left: auto; right: 0; transform: none } .article__reactions .meta__sub.ui-collapse--shown:after, .article__reactions .meta__sub.ui-collapse--shown:before { content: none } } .article__reactions .meta__social { margin-top: 0 } .article__reactions .meta__text { display: inline-flex } .article__reactions .meta__text--share { margin-left: 0 } .article__reactions .reuse__content { color: #2a303c; -webkit-text-decoration: underline; text-decoration: underline } .article__reactions .reuse__content:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .main--free .article--restricted { overflow: hidden } .article__iframe { border: 0; width: 100% } .article__special-container { position: relative } @media (min-width:1024px) { .article__content { padding-top: 3.2rem } .article__content .article__cite { font-size: 1.8rem; line-height: 1.6 } .article__reactions .meta__text--share { margin-left: .8rem } .article__iframe { grid-column: 1/span 2; grid-row: 2 } .article__iframe--bizdev { grid-row: 3; margin-top: 4rem } .article__special-container { grid-column: 1/span 2; grid-row: 2 } } .article__special-container--video { background-color: #2a303b; margin: 1.6rem -1.6rem; z-index: 4 } @media (min-width:576px) { .article__content .article__cite { max-width: 80% } .article__special-container--video { margin: 1.6rem -3.2rem } } @media (min-width:768px) { .article__special-container--video { margin: 2.4rem -5.2rem 1.6rem } } @media (min-width:769px) { .article__special-container--video { margin: 2.4rem 0 1.6rem } } .article__special-container--video .js_player { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5 } .article__special-container--video .consent-notice__wrapper { height: 100% } .article__special-container--vertical { display: flex; height: 80vh; margin: 1.6rem auto; max-width: 100%; overflow: hidden; padding-top: 0; width: 45vh } @media (min-width:768px) { .article__special-container--vertical { margin: 2.4rem auto 1.6rem } } .article__special-container--vertical .js_player:empty:not(iframe) { padding-top: 56.25% } .article__special-container--vertical .dailymotion-player-root { height: 80vh; min-height: 20rem; padding-bottom: 0 !important; position: absolute !important; right: 50%; transform: translate3d(50%, 0, 0); width: 45vh } .article__special-container--vertical .dailymotion-player-root .dailymotion-player-wrapper { position: static !important } .article--single { margin-bottom: 0 } .article--single h1 { font-size: 2.8rem } .article--single .article__ordered-list li .friend+h2, .article--single .article__unordered-list li .friend+h2, .article--single .friend+.article__sub-title, .article__ordered-list li .article--single .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 } .article--single .catcher .catcher--inline .catcher__desc, .article--single .catcher .catcher--inline .catcher__title { font-family: Arial, Roboto, sans-serif; font-size: 1.6rem; font-weight: 500 } html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc, html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc>*, html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title, html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title>* { letter-spacing: .314px } html.fonts-loaded .article--single .catcher .catcher--inline .catcher__desc, html.fonts-loaded .article--single .catcher .catcher--inline .catcher__title { 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__ordered-list li h2, .article--single .catcher .article__sub-title, .article--single .catcher .article__unordered-list li h2, .article__ordered-list li .article--single .catcher h2, .article__unordered-list li .article--single .catcher h2 { font-size: 1.8rem } .article--single .catcher .article__ordered-list, .article--single .catcher .article__unordered-list { margin-left: 0; padding-left: 0; padding-right: 0 } .article--single .catcher .article__ordered-list li, .article--single .catcher .article__unordered-list li { font-size: 1.6rem; letter-spacing: 0 } .article--single .page__title--campaigns { font-size: 1.8rem } .article--single .article__header { padding-bottom: 2rem; position: relative } .article--single .article__header:after { background-color: #d5d8dc; bottom: 0; content: " "; display: block; height: .1rem; position: absolute; width: 4rem } .article--single .article__header .article__header-wrap { position: relative } @media (min-width:1024px) { .article--single h1 { font-size: 3.8rem } .article--single .catcher .article__ordered-list, .article--single .catcher .article__unordered-list { margin-left: 2.4rem } .article--single .article__header .article__heading, .article--single .article__header .meta__publisher { max-width: 85% } } .article--single .article__header .more .meta__author-trigger:after { margin-left: .2rem; margin-top: .5rem; transform: rotate(-90deg) } .article--single .article__header .author__desc--header, .article--single .article__header .meta__date--header { color: #717b8e; font-size: 1.4rem } .article--single .article__header .meta__date--header { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__header .meta__date--header, html:not(.fonts-loaded) .article--single .article__header .meta__date--header>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__header .meta__date--header { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__header .meta__date-reading { align-items: center; display: inline-block; flex-wrap: wrap } .article--single .article__header .meta__author-trigger { background-color: #eff0f3; border-radius: 5rem; height: 2.4rem; margin-left: auto; position: relative; width: 2.4rem } .article--single .article__header .meta__author-trigger:after { background-image: url(""); content: " "; display: block; height: 1.8rem; margin-left: .4rem; margin-top: .2rem; transform: rotate(90deg); width: 1.8rem } .article--single .article__header .meta__author--header { display: block; width: 31rem } @media (min-width:768px) { .article--single .catcher .article__ordered-list, .article--single .catcher .article__unordered-list { padding-left: 1.6rem; padding-right: 1.6rem } .article--single .article__header .meta__author-trigger { margin-left: 0 } .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 { display: block; margin-left: 0 } .article--single .article__header .meta__publisher--opinion { align-items: center } @media (min-width:1024px) { .article--single .article__header .meta__publisher--opinion { float: right; max-width: none; width: calc(100% - 25.6rem) } .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 } .article--single .article__header .meta__social { z-index: 4 } } .article--single .article__header .meta__reading-time--opinion { display: inline; float: none; margin-top: 0 } .article--single .article__header .meta__reading-time--opinion:before { color: #bdc1c8; content: "|"; display: inline; padding-left: .4rem } .article--single .article__header .meta__reading-time--opinion .icon__reading-time { margin: .2rem .4rem 0; vertical-align: text-top } @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 { background-color: #d5d8dc; content: " "; display: block; height: .1rem; margin: 3.2rem 0 0; position: absolute; width: 4rem } .article--single .article__header .meta__social--opinion { margin-left: auto; width: calc(100% - 25.6rem) } } .article--single .article__header .meta__reading-time--header { display: inline-flex; float: none; margin-top: 0 } .article--single .article__header .meta__reading-time--header:before { color: #d5d8dc; content: " "; content: "•"; display: inline-block; font-family: Georgia, Droid-serif, serif; line-height: 1; padding-right: .4rem } html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before, html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before>* { letter-spacing: -.645px } html.fonts-loaded .article--single .article__header .meta__reading-time--header:before { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } .article--single .article__header .meta__social { clear: both; gap: 1.2rem; justify-content: flex-start; margin-top: 1.2rem; padding-top: 1.2rem; position: relative } .article--single .article__header .meta__social--opinion { position: relative; top: 1.6rem } .article--single .article__header--opinion { margin: 0 1.6rem } @media (min-width:576px) { .article--single .article__header { grid-column: 1/span 2; grid-row: 1; padding-bottom: 2.4rem } .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 } } .article--single .article__header--opinion:after { display: none } .article--single .article__header--wirecutter { margin: 0; position: relative } .article--single .article__header--wirecutter:after { background-color: #d5d8dc; content: " "; display: block; height: .1rem; margin-top: 2.5rem; width: 4rem } @media (min-width:1024px) { .article--single .article__header--opinion { margin: 0; max-width: 100% } .article--single .article__header--privacy { max-width: 85% } .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 } } .article--single .article__extra { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.3rem; font-weight: 500; letter-spacing: normal; letter-spacing: .13rem; text-transform: uppercase } html:not(.fonts-loaded) .article--single .article__extra, html:not(.fonts-loaded) .article--single .article__extra>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__extra { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__extra { letter-spacing: .05rem } .article--single .article__extra:after { color: #d5d8dc; content: "|"; display: block; margin-left: .8rem; margin-right: .8rem } .article--single .article__content--comments { overflow: hidden; padding-top: 0 } .article--single .article__content--comments>:first-child { margin-top: 2.4rem } .article--single .article__content--comments .comment__header { line-height: 1; margin-top: 0 } .article--single .article__content--comments .comment__author { font-family: Arial, Roboto, sans-serif; line-height: 1.53 } html:not(.fonts-loaded) .article--single .article__content--comments .comment__author, html:not(.fonts-loaded) .article--single .article__content--comments .comment__author>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__author { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__date { font-family: Arial, Roboto, sans-serif; line-height: 2 } html:not(.fonts-loaded) .article--single .article__content--comments .comment__date, html:not(.fonts-loaded) .article--single .article__content--comments .comment__date>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__date { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__pinned { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; letter-spacing: .042rem; line-height: 1.8 } html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned, html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__content--comments .comment__pinned { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__content--comments .comment__pinned { letter-spacing: .05rem } .article--single .article__content--comments .comment__content { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__content, html:not(.fonts-loaded) .article--single .article__content--comments .comment__content>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__content { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__view-more { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more, html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__view-more { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__answer { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer, html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__answer { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__report { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__report, html:not(.fonts-loaded) .article--single .article__content--comments .comment__report>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__report { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__box { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__box, html:not(.fonts-loaded) .article--single .article__content--comments .comment__box>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__box { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__name { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__name, html:not(.fonts-loaded) .article--single .article__content--comments .comment__name>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__name { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__rule-trigger { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger, html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__rule-trigger { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__box-title { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; letter-spacing: .022rem } html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title, html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__content--comments .comment__box-title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__content--comments .comment__box-title { letter-spacing: .05rem } .article--single .article__content--comments .comment__submit { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit, html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__submit { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__user-label { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label, html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__user-label { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__user-edit { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit, html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__user-edit { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__toxicity { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity, html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__toxicity { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__success { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__success, html:not(.fonts-loaded) .article--single .article__content--comments .comment__success>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__success { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__admin { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin, html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__admin { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__cancel { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel, html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__cancel { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comment__rework-container { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container, html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comment__rework-container { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__title { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; letter-spacing: .022rem } html:not(.fonts-loaded) .article--single .article__content--comments .comments__title, html:not(.fonts-loaded) .article--single .article__content--comments .comments__title>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__content--comments .comments__title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__content--comments .comments__title { letter-spacing: .05rem } .article--single .article__content--comments .comments__sort { font-family: Arial, Roboto, sans-serif; letter-spacing: .019rem } html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort, html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__sort { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__action { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comments__action, html:not(.fonts-loaded) .article--single .article__content--comments .comments__action>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__action { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__action-forward { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward, html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__action-forward { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__cta { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta, html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__cta { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__none { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comments__none, html:not(.fonts-loaded) .article--single .article__content--comments .comments__none>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__none { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .comments__box-lock-text { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text, html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .comments__box-lock-text { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--comments .pagination { font-family: Arial, Roboto, sans-serif } html:not(.fonts-loaded) .article--single .article__content--comments .pagination, html:not(.fonts-loaded) .article--single .article__content--comments .pagination>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__content--comments .pagination { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__content--clean .dfp__inread { background-color: transparent; padding: 0 } .article--single .article__content--clean .dfp__inread:before { display: none } .article--single .article__video-container { background-color: #2a303b; clear: both; margin-top: 2.4rem; z-index: 4 } .article--single .article__kicker { color: #026b9c; font-size: 1.7rem; margin-bottom: 0 } .article--single .article__sub-nav { align-items: center; display: flex; height: 5rem; margin-bottom: 1.2rem } .article--single .article__title { font-size: 2.6rem; font-weight: 700; line-height: 1.25; margin-top: 1.2rem } @media (min-width:576px) { .article--single .article__title { font-size: 2.8rem; line-height: 1.14 } } @media (min-width:768px) { .article--single .article__title { font-size: 3.4rem; font-weight: 500; line-height: 1.11 } } .article--single .article__title--wirecutter { font-weight: 800; margin-top: 2rem } .article--single .article__title--opinion { font-weight: 800; margin-top: 2rem } @media (min-width:1024px) { .article--single .article__header-special--portfolio { max-width: 100%; width: 100% } .article--single .article__content--campaign { grid-column: 1; grid-row: 3 } .article--single .article__content--media-campaign { grid-column: 1; grid-row: 4 } .article--single .article__sub-nav { margin-bottom: 0 } .article--single .article__title { font-size: 3.8rem } .article--single .article__title--wirecutter { float: right; line-height: 1.26; width: calc(100% - 27.6rem) } .article--single .article__title--opinion { float: right; line-height: 1.26; margin-top: 4rem; width: calc(100% - 25.6rem) } } .article--single .article__title--campaign { font-size: 2.6rem; font-weight: 700; padding-top: 6.6rem } .article--single .article__title--campaign:before { background-color: #2a303b; content: " "; display: block; height: .4rem; margin-bottom: 2rem; width: 3.8rem } @media (min-width:768px) { .article--single .article__title--campaign { font-size: 3.4rem; padding-top: 3.6rem } .article--single .article__title--campaign:before { margin-bottom: 2.4rem } } @media (min-width:1024px) { .article--single .article__title--campaign { font-size: 3.8rem; padding-top: 0; width: 85% } .article--single .article__title--campaign:before { margin-bottom: 2.8rem } } .article--single .article__desc { display: block; font-family: Arial, Roboto, sans-serif; font-size: 1.6rem; font-weight: 500; letter-spacing: .02rem; line-height: 1.5; margin-bottom: 0; margin-top: .8rem } html:not(.fonts-loaded) .article--single .article__desc, html:not(.fonts-loaded) .article--single .article__desc>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__desc { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:576px) { .article--single .article__desc { font-size: 1.7rem; letter-spacing: .021rem; line-height: 1.41 } } @media (min-width:768px) { .article--single .article__desc { font-size: 1.8rem; letter-spacing: .022rem; line-height: 1.33 } } .article--single .article__desc--opinion { margin-top: 2rem } @media (min-width:1024px) { .article--single .article__desc { font-size: 1.8rem; letter-spacing: .009rem; line-height: 1.44 } .article--single .article__desc--opinion { float: right; margin-top: 1.6rem; width: calc(100% - 25.6rem) } .article--single .article__desc--wirecutter { width: calc(100% - 27.6rem) } .article--single .article__desc--campaign { width: 85% } } .article--single .article__desc--campaign { font-family: Helvetica, Arial, Roboto, sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: .008rem; line-height: 1.375 } 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 { font-size: 1.8rem; letter-spacing: .009rem; line-height: 1.55 } } .article--single .article__status { align-items: center; color: #717b8e; display: flex; font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; letter-spacing: .02rem; margin-top: 2.4rem } html:not(.fonts-loaded) .article--single .article__status, html:not(.fonts-loaded) .article--single .article__status>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__status { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__status--opinion { margin-top: 2.4rem; padding-top: 2.4rem; position: relative } .article--single .article__status+.article__special-container--portfolio { margin-top: 2.8rem } @media (min-width:1024px) { .article--single .article__status { grid-column: 1/span 2; grid-row: 2 } .article--single .article__status--opinion { float: right; width: calc(100% - 25.6rem) } .article--single .article__status+.article__wrapper--premium { margin-top: 2.4rem } } .article--single .article__media { float: none; margin-bottom: 0; margin-left: 0; max-width: 100%; padding-top: 0; position: relative } .article--single .article__media img { position: relative } .article--single .article__siblings-container { margin-bottom: 4rem; margin-top: 2.4rem } .article--single .article__siblings-container .friend--wide { border-top: .1rem solid #a4a9b4 } .article--single .article__siblings-container .article__title { font-size: 1.5rem; font-weight: 600; line-height: 1.26; margin-top: 0 } .article--single .article__siblings-container .article__desc { display: none; font-family: Georgia, Droid-serif, serif } html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc, html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc>* { letter-spacing: -.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__header .meta__reading-time--header:before, 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__title { font-size: 1.8rem } .article--single .article__siblings-container .article__desc { display: block; font-size: 1.5rem; font-weight: 400; line-height: 1.33 } } .article--single .article__siblings-container .article__media-container { float: right; margin: 0 0 .4rem 3.2rem; width: 11.4rem } .article--single .article__digiteka { position: relative; z-index: 2 } .article--single .article__authors { margin-top: 2.4rem } .article--single .article__authors:before { background-color: #2a303b; content: " "; display: block; height: .4rem; margin: 0 0 2rem; width: 4rem } @media (min-width:1024px) { .article--single .article__authors { float: left; margin-top: 3.2rem; width: 24rem } } .article--single .article__authors-wirecutter { background-color: #f5f6f8; margin-top: 2.4rem; padding: 1.6rem } .article--single .article__opinion-type { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 1.8rem; font-weight: 700; letter-spacing: .11rem; line-height: 1; margin-bottom: 2.4rem; text-transform: uppercase } html:not(.fonts-loaded) .article--single .article__opinion-type, html:not(.fonts-loaded) .article--single .article__opinion-type>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__opinion-type { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__opinion-type { letter-spacing: .05rem } @media (min-width:1024px) { .article--single .article__authors-wirecutter { float: left; margin-top: 3.2rem; width: 24rem } .article--single .article__opinion-type { font-size: 2.2rem } } .article--single .article__author { display: flex; font-family: Arial, Roboto, sans-serif; margin-top: 1.6rem; max-width: 100% } html:not(.fonts-loaded) .article--single .article__author, html:not(.fonts-loaded) .article--single .article__author>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__author { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__author:first-of-type { margin-top: 0 } .article--single .article__author--link:hover .article__author-identity { -webkit-text-decoration: underline; text-decoration: underline } .article--single .article__author-picture { margin-right: 1.6rem } .article--single .article__author-description { align-self: center } .article--single .article__author-description--no-pp { margin-left: 6.6rem } .article--single .article__author-identity { color: #2a303b; font-family: Arial, Roboto, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 1 } html:not(.fonts-loaded) .article--single .article__author-identity, html:not(.fonts-loaded) .article--single .article__author-identity>* { letter-spacing: .314px } html.fonts-loaded .article--single .article__author-identity { font-family: Marr Sans, Arial, Roboto, sans-serif } .article--single .article__author-job { font-size: 1.4rem; letter-spacing: .02rem; line-height: 1.29; margin-top: .4rem } .article--single .article__inner { color: #2a303b; float: left; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 5.2rem; font-weight: 700; line-height: 1.8; margin-right: 1.6rem; margin-top: -2.4rem; text-transform: uppercase } html:not(.fonts-loaded) .article--single .article__inner, html:not(.fonts-loaded) .article--single .article__inner>* { letter-spacing: -.025rem } html.fonts-loaded .article--single .article__inner { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article--single .article__inner { letter-spacing: .05rem } .article--single .article__inner:after { background-color: #2a303b; content: " "; display: block; height: .8rem; margin-top: -.8rem } .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 } .article--iso footer .friend { border-top: 0 } @media (min-width:1024px) { .article--single .article__inner { font-size: 6.2rem; line-height: normal; margin-top: -.8rem } .article--single .article__inner:after { margin-top: 0 } .article--single .article__heading--campaign { grid-column: 1/span 2; grid-row: 2; position: relative } .article--iso .article { border-top: 0; padding-top: 0 } .article--iso .article--related { border-bottom: .1rem solid #eff0f3; padding-bottom: 2.4rem } .article--iso .article--wide { border-bottom: 0; grid-column: 1/span 2; margin: 0 auto 2.4rem; max-width: 39.5rem } .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 } .article--aec { margin: 0 1.6rem; padding-bottom: 4rem; padding-top: 3.2rem } @media (min-width:576px) { .article--aec { margin: 0 3.2rem } } .article__wrapper article { position: relative; z-index: 2 } .article__wrapper footer { position: relative; z-index: 1 } .main--abo .article--single .article__header .meta__social--opinion { max-width: calc(100% - 27.5rem) } .dfp__container { align-items: center; background: #e8eaee; display: flex; height: min(20rem, 20vh); justify-content: center; min-height: 20vh } .dfp__container:has(>.adm-ad-skin) { align-items: flex-start; background-color: #fff } .dfp__container:has(>.dfp__slot--banniere-haute--live-inverse.adm-ad-skin) { background: #181a1e } .dfp__container:has(>.dfp__slot--banniere-haute-abo) { height: auto !important; min-height: 0 !important } .dfp__container:has(>.dfp__slot--banniere-haute--live) { background: var(--lmd-color-storm-bg-medium); margin: 0 auto; position: relative; width: 100%; z-index: 1 } .dfp__container:has(>.dfp__slot--banniere-haute--live-inverse) { background: #3e4045 } .dfp__sticky { align-items: flex-start; display: none; flex-grow: 1; position: -webkit-sticky; position: sticky; top: 8rem; width: inherit } @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 { float: none; margin: 0 0 1.6rem; width: 100% } .article--aec .zone--article { padding: 3.2rem } .article__wrapper { grid-column: 1; grid-row: 2 } .article__wrapper--premium, .article__wrapper--special { grid-row: 3 } .article__wrapper--special.article__wrapper--premium { grid-row: 4 } .article__wrapper--wirecutter { grid-row: 3 } .dfp__container { background: 0 0; height: auto; min-height: 22rem !important } .dfp__sticky { display: flex } } .dfp__slot--pave, .dfp__slot>div { text-align: center } .dfp__slot--pave { margin-bottom: 2.4rem } .dfp__slot--pave:before { color: #717b8e; content: "La suite après cette publicité"; display: block; font-size: .9rem; letter-spacing: .09rem; line-height: normal; margin-bottom: .8rem; padding-top: 2rem; text-transform: uppercase } .dfp__slot--pave:before, 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; margin-bottom: 1.2rem; padding-bottom: 2.4rem } .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 } } .dfp__slot--banniere-haute, .dfp__slot--banniere-roll-haute { align-items: center; display: flex; justify-content: center; margin: 0 } .dfp__slot--banniere-haute, .dfp__slot--banniere-haute.adm-ad-loading, .dfp__slot--banniere-roll-haute, .dfp__slot--banniere-roll-haute.adm-ad-loading { height: min(20rem, 20vh) } @media (min-width:1024px) { .dfp__slot--banniere-haute, .dfp__slot--banniere-roll-haute { margin: 1.6rem auto } .dfp__slot--banniere-haute, .dfp__slot--banniere-haute.adm-ad-loading, .dfp__slot--banniere-roll-haute, .dfp__slot--banniere-roll-haute.adm-ad-loading { height: auto; min-height: 18.8rem !important } .dfp__slot--banniere-haute-abo, .dfp__slot--banniere-roll-haute-abo { margin: 0 } .dfp__slot--banniere-haute-abo.adm-ad-rendered, .dfp__slot--banniere-roll-haute-abo.adm-ad-rendered { margin-bottom: 0; margin-top: 3.2rem } .dfp__slot--banniere-haute-abo.adm-ad-rendered.dfp__slot--banniere-haute--live, .dfp__slot--banniere-roll-haute-abo.adm-ad-rendered.dfp__slot--banniere-haute--live { margin-bottom: 3.2rem } } .dfp__slot--banniere-haute-abo, .dfp__slot--banniere-haute-abo.adm-ad-loading, .dfp__slot--banniere-roll-haute-abo, .dfp__slot--banniere-roll-haute-abo.adm-ad-loading { height: auto !important; min-height: 0 !important } .dfp__slot--banniere-haute-abo .loader, .dfp__slot--banniere-roll-haute-abo .loader { display: none !important } .dfp__slot--desktop { display: none } .dfp__slot--mobile { display: block } @media (min-width:1024px) { .dfp__slot--banniere-roll { margin: 1.2rem auto 3.2rem } .dfp__slot--banniere-roll:before { color: #717b8e; content: "Publicité"; display: block; font-size: .9rem; font-weight: 500; letter-spacing: .09rem; line-height: normal; margin-bottom: .8rem; text-align: center; text-transform: uppercase } .dfp__slot--banniere-roll:before, html.fonts-loaded .dfp__slot--banniere-roll:before { font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif } .dfp__slot--desktop { display: block } .dfp__slot--mobile { display: none } } .dfp__slot[data-format=banniere_sticky_live] { bottom: 0; margin: 0 auto; position: -webkit-sticky; position: sticky; text-align: center; z-index: 5 } .dfp__slot[data-format=banniere_sticky_live]>div { margin: auto } .dfp__inread { align-items: center; background-color: #eef1f5; clear: both; display: flex; flex-direction: column; margin: 3.2rem -1.6rem; padding: 0 2rem 2rem } .dfp__inread:before { color: rgba(0, 0, 0, .5); content: "La suite après cette publicité"; display: block; font-size: 1rem; line-height: 3.2; text-align: center; text-transform: uppercase } .dfp__inread:before, 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__fake-ad { align-items: center; background-color: #2a303b; color: #fff; display: flex; justify-content: center; padding: 1.2rem } .dfp-unloaded { border: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important } .dfp-unloaded:before { display: none } .dfp__placeholder.adm-ad-loading, .dfp__slot--banniere-haute.adm-ad-loading { height: min(20rem, 20vh); position: relative; visibility: visible !important } .dfp__placeholder.adm-ad-loading .loader, .dfp__slot--banniere-haute.adm-ad-loading .loader { color: #717b8e; position: absolute } .dfp__placeholder.adm-ad-loading .loader:before, .dfp__slot--banniere-haute.adm-ad-loading .loader:before { content: "Publicité"; font-family: Arial, Roboto, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 2rem } html:not(.fonts-loaded) .dfp__placeholder.adm-ad-loading .loader:before, html:not(.fonts-loaded) .dfp__placeholder.adm-ad-loading .loader:before>*, html:not(.fonts-loaded) .dfp__slot--banniere-haute.adm-ad-loading .loader:before, html:not(.fonts-loaded) .dfp__slot--banniere-haute.adm-ad-loading .loader:before>* { letter-spacing: .314px } html.fonts-loaded .dfp__placeholder.adm-ad-loading .loader:before, html.fonts-loaded .dfp__slot--banniere-haute.adm-ad-loading .loader:before { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:1024px) { .dfp__placeholder.adm-ad-loading, .dfp__slot--banniere-haute.adm-ad-loading { height: 18.8rem !important } .dfp__placeholder.adm-ad-loading .loader:before, .dfp__slot--banniere-haute.adm-ad-loading .loader:before { font-size: 1.6rem } } .dfp__slot--banniere-haute--live-inverse.adm-ad-loading .loader { color: #fff } .dfp__slot--banniere-haute-abo.adm-ad-loading { height: 0 !important } .dfp__slot--banniere-haute-abo.adm-ad-loading .loader { display: none } .adm-ad-loading.dfp__placeholder { background-color: #ccd0d9; max-width: 30rem; min-height: 30rem !important } .dfp__placeholder.dfp__inread, .dfp__placeholder.dfp__slot--banniere-milieu { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; margin: 3.9rem auto 3.7rem !important; min-height: 30rem !important; padding: 0 !important; position: relative } .dfp__placeholder.dfp__inread:before, .dfp__placeholder.dfp__slot--banniere-milieu:before { color: rgba(0, 0, 0, .5); content: "Publicité"; display: block; font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif; font-size: 1rem; font-weight: 400; line-height: 2rem; margin: 0; padding: 0; position: absolute; text-align: center; text-transform: uppercase; top: -2.5rem } html.fonts-loaded .dfp__placeholder.dfp__inread:before, html.fonts-loaded .dfp__placeholder.dfp__slot--banniere-milieu:before { font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif } .dfp__placeholder.dfp__inread:before { content: "La suite après cette publicité" } .Burger__right-arrow:after, .Connexion .Nav__mobile .Nav__item--icon-btn button:after, .Connexion .Nav__mobile .Nav__item-en-continu button:after, .Nav__container--default a:after, .Nav__mobile .Nav__item--icon-btn .Connexion button:after, .Nav__mobile .Nav__item--icon-btn a:after, .Nav__mobile .Nav__item-en-continu .Connexion button:after, .Nav__mobile .Nav__item-en-continu a:after { background-image: url("../assets/fbf1c6a7d386fb8e7d5af6ac8427d86b0d560f1a.svg"); content: " "; height: 1.2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); width: .7rem } .Connexion .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger-open:after, .Connexion .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger:after, .Nav__mobile .Connexion .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger-open:after, .Nav__mobile .Connexion .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger:after, .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):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__item--icon-btn):not(.Nav__search)>a.js-dropdown-burger:after { content: " "; height: 1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem } #Header { align-items: center; background-color: #fcfcfd; position: fixed; top: 0; width: 100%; z-index: 7 } #Header .center { align-self: center; display: flex } #Header .left { justify-content: flex-start; width: 5.6rem } @media (min-width:1024px) { #Header { background-color: #fff; position: relative } #Header.sticky .right .btn--premium { font-size: 1.3rem; padding: .7rem 1.5rem } #Header .left { align-self: flex-end; padding-left: 4.8rem; width: 100% } #Header .right { align-self: flex-end; width: 100% } } #Header .right { justify-content: flex-end; margin-left: auto } @media (min-width:1200px) { #Header .left { padding-left: 0 } #Header .right { padding-right: 0 } } #Header .right .btn--premium { align-self: center; border: .1rem solid #ffc700; display: flex; font-size: 1.3rem } #Header .Header { align-items: center; background-color: #fff; border-bottom: .1rem solid #eff0f3; display: flex; flex-direction: row; font-family: var(--font-marr-sans-medium), sans-serif; height: auto; margin: 0 auto; max-width: 115.2rem; position: relative } @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 } .Nav--contextual .Nav--with-contextual-nav.wrapper { height: 0 } } @media (min-width:1024px) { #Header .right .btn--premium { font-size: 1.4rem } #Header .Header { border-bottom: 0; height: 13.2rem } } #Header .Header__jelec { align-items: center; align-self: flex-end; background-image: url("../assets/42f142a57a47e51543379023e20f3c6c5b599735.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: .1rem solid #eff0f3; color: #717b8e; display: none; flex-direction: column; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.3rem; height: 5.4rem; line-height: 1.1; padding-left: 7rem; -webkit-text-decoration: none; text-decoration: none; width: 8rem } #Header .Header__jelec p { height: 5.4rem; line-height: 1.6rem; margin-left: 9rem; padding-top: 1rem } #Header .Header__logo { margin-bottom: 0; padding-left: 0 } #Header .Header__logo a { align-items: center; display: flex; height: 2rem; justify-content: center; width: 8.9rem } @media (min-width:360px) { #Header .Header__logo a { height: 2.3rem; width: 9.9rem } } @media (min-width:768px) { .adm-ad-loading.dfp__placeholder { max-width: 95.2rem } .dfp__placeholder.dfp__inread, .dfp__placeholder.dfp__slot--banniere-milieu { margin: 3.2rem auto 2.4rem !important } #Header .Header__logo a { height: 3rem; width: 13.8rem } } #Header .Header__actions { align-items: center; align-self: center; display: flex; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.2rem; justify-content: flex-end } @media (min-width:360px) { #Header .Header__actions { font-size: 1.3rem } } #Header .Header__actions .login-info { display: none } @media (min-width:576px) { #Header .Header__actions .login-info { display: block; margin-left: .8rem } } @media (min-width:1024px) { #Header .Header__jelec { display: flex } #Header .Header__logo { align-self: center; padding-left: 0 } #Header .Header__logo a { height: 6.1rem; width: 29rem } #Header .Header__actions { font-size: 1.4rem; margin-bottom: 2.8rem } #Header .Header__actions .login-info { display: none } .Header__nav-container { height: 5.8rem } } @media (min-width:1200px) { #Header .Header__actions .login-info { display: block } } #Header .Header__actions .Header__connexion { align-self: center; display: flex; padding: .8rem 0; -webkit-text-decoration: none; text-decoration: none } #Header .Header__actions .Header__connexion span { align-self: center } #Header .Header__actions .Header__connexion:after { background-color: #e2e4e9; content: " "; display: block; height: auto; margin: 0 1.6rem 0 .8rem; width: .1rem } .Burger { align-content: center; background: 0 0; border: 0; display: flex; justify-content: center; width: 5.6rem } @media (min-width:1024px) { .Burger { display: none } } .Burger__icon { align-self: center; background-image: url("../assets/b5e17ba502359a380e90b08bd28d45c37a751b93.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: flex; flex-shrink: 0; height: 2.4rem; width: 2.4rem } .Burger__right-arrow:after { display: none } .Nav { align-items: center; background-color: #fff; color: #000b15; height: auto; padding-top: 6rem; position: relative; width: 100%; z-index: 6 } @media (min-width:1024px) { .Nav { border-bottom: .1rem solid #eff0f3; border-top: .4rem solid #026b9c; height: 5.8rem; padding-top: 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--sticky #nav-markup.nav__main--abonne { padding-left: 8rem; padding-right: 8rem } } @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 { bottom: .6rem; top: auto } } } } .Nav--sticky .Nav__item-link:not(.Nav__search) { padding: .5rem } .Nav .wrapper { display: flex; height: 100%; margin: 0 auto; max-width: 115.2rem; overflow-x: scroll; overflow-y: hidden; padding: 0; width: 100% } .Nav .wrapper>ul { display: flex; white-space: nowrap } @media (min-width:1024px) { .Nav .wrapper { overflow-x: hidden; padding: 0 1.6rem } } @media (min-width:1200px) { .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-en-continu:before, .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-home:before { width: 5.6rem } .Nav--sticky #nav-markup.nav__main--abonne { padding-right: 18rem } .Nav--sticky .Nav__item-link:not(.Nav__search) { padding: 1.6rem } .Nav .wrapper { padding: 0 } } .Nav ul { list-style: none } .Nav__item { align-items: center; display: flex; flex-shrink: 0; font-size: 1.8rem; height: 100% } .Nav__item, .Nav__item a, .Nav__item button { -webkit-text-decoration: none; text-decoration: none } .Nav__item a, .Nav__item button { color: #2a303b; display: inherit; font-family: var(--font-marr-sans-condensed), sans-serif; letter-spacing: .05rem; position: relative } .Nav__item a:hover, .Nav__item button:hover { color: #026b9c } @media (max-width:1024px) { .Nav__item a:hover, .Nav__item button:hover { color: #2a303b } } .Nav__item a:hover .icon__home, .Nav__item button:hover .icon__home { background-image: url("../assets/2e028b2c9609ca252808cfda4234b0f931260189.svg") } .Nav__item--contextual-header { color: #383f4e; font-size: 1.6rem; font-weight: 400 } .Nav__item--contextual-header.contextual-home { border: none; color: #2a303b; font-size: 1.6rem; font-weight: 600; position: relative } .Nav__item--contextual-header.contextual-home:after { background-color: #e2e4e9; content: " "; display: block; height: 1.8rem; margin: 0 .8rem; width: .1rem } .Nav__item--contextual-header.Nav__item.Nav__item-search { display: flex } .Connexion .Nav__item--contextual-header>button.nav__contextual-header-link, .Nav__item--contextual-header>a.nav__contextual-header-link { font-family: var(--font-marr-sans-condensed), sans-serif; letter-spacing: .05rem; padding: .8rem .6rem .6rem; text-transform: none } .Connexion .Nav__item--contextual-header>a.nav__contextual-header-link:nth-child(n+3):not(:last-child)>button:after, .Connexion .Nav__item--contextual-header>button.nav__contextual-header-link:nth-child(n+3):not(:last-child)>a:after, .Connexion .Nav__item--contextual-header>button.nav__contextual-header-link:nth-child(n+3):not(:last-child)>button:after, .Nav__item--contextual-header>a.nav__contextual-header-link:nth-child(n+3):not(:last-child)>a:after { display: none } .Connexion .Nav__item--contextual-header>button.nav__contextual-header-link .icon__election-presidential, .Nav__item--contextual-header>a.nav__contextual-header-link .icon__election-presidential { align-self: center; margin-right: .6rem } .Connexion .Nav__item--contextual-header>button.Nav__link, .Nav__item--contextual-header>a.Nav__link { display: inline-block; height: 100%; max-height: 100%; padding: .8rem .8rem .8rem 0 } .Nav__item--contextual-header .Nav__link-img { max-height: 100%; -o-object-fit: contain; object-fit: contain; width: auto } .Connexion .Nav__item--droppable>button:after, .Nav__item--droppable>a:after { align-self: center; background-image: url("../assets/fbf1c6a7d386fb8e7d5af6ac8427d86b0d560f1a.svg"); background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: .8rem; margin-left: .4rem; position: relative; top: .2rem; transform: rotate(270deg); width: .467rem } .Nav__item.Nav__item-home { border-right: .1rem solid #eff0f3; padding: 0 } @media (min-width:1024px) { .Nav__item--contextual-header { color: #565e70 } .Nav__item--contextual-header.contextual-home { color: #383f4e } .Nav__item.Nav__item-home { border-right: none } } .Connexion .Nav__item.Nav__item-home button, .Nav__item.Nav__item-home .Connexion button, .Nav__item.Nav__item-home a { padding: 1.6rem } .Nav__item.Nav__item-en-continu { border-right: .1rem solid #eff0f3; padding: 0 } .Connexion .Nav__item.Nav__item-en-continu button, .Nav__item.Nav__item-en-continu .Connexion button, .Nav__item.Nav__item-en-continu a { padding: 1.6rem } .Connexion .Nav__item.Nav__item-en-continu button:after, .Nav__item.Nav__item-en-continu .Connexion button:after, .Nav__item.Nav__item-en-continu a:after { display: none } @media (min-width:1024px) { .Nav__item.Nav__item-en-continu { border-right: none; display: none } } .Nav__item.Nav__item--icon-btn { border-right: .1rem solid #eff0f3; padding: 0 } .Nav__item.Nav__item--icon-btn a, .Nav__item.Nav__item--icon-btn button { padding: 1.6rem } .Nav__item.Nav__item--icon-btn a:active, .Nav__item.Nav__item--icon-btn button:active { background: #ecf3fe } .Nav__item.Nav__item--icon-btn button { align-items: center; min-height: 5.6rem; min-width: 5.6rem; width: 100% } .Nav__item.Nav__item-search { padding: 1.6rem } .Nav__item.Nav__item-search .Nav__search { align-self: center; flex-direction: column; height: 100%; justify-content: center; width: 1.6rem } .Nav__item.Nav__item-search .Nav__search .sr-only { height: 1.6rem; width: 1.6rem } .Connexion .Nav__item-actualites button:after, .Nav__item-actualites .Connexion button:after, .Nav__item-actualites a:after { display: block } .Nav__item--active--droppable { text-transform: uppercase } .Nav__item--active.Nav__item-en-continu, .Nav__item--active.Nav__item-home { border-bottom: 0 } .Nav__item--active.Nav__item-en-continu:before, .Nav__item--active.Nav__item-home:before { background-color: #026b9c; content: " "; height: .4rem; left: auto; position: absolute; top: 0; width: 5.6rem } .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) { background-color: #f5f6f8 } .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) .Nav__item-link { color: #2a303b } .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) .Nav__item-link:after { transform: rotate(90deg) } .Nav__item .js-dropdown-close { text-align: right } .Nav__item__modal-trigger { background: 0 0; border: none; padding: 0; text-transform: uppercase } .Nav__item-link:not(.Nav__search) { padding: 1.6rem } .Nav__item-link[class*=logo] { text-transform: none } .Nav__sub-item { background-color: #f5f6f8; left: 0; padding: 3.6rem 2rem; position: absolute; top: 11.6rem; transform: scaleY(0); width: 100%; z-index: 5 } .Nav__sub-item .wrapper { height: calc(100vh - 15rem); overflow-y: scroll } @media (min-width:1024px) { .Nav__item--extended:before, .Nav__item.Nav__item--icon-btn { border-right: none; display: none } .Nav__item--active.Nav__item-en-continu:before, .Nav__item--active.Nav__item-home:before { height: .4rem; left: auto; top: calc(100% - .3rem) } .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) .Nav__item-link { color: #026b9c } .Nav__item--mobile { display: none } .Nav__sub-item { padding: 5.2rem 2rem; top: 5.3rem } .Nav__sub-item .wrapper { padding: 0 } .Nav__container { padding: 3.2rem 2rem } } .Nav__sub-item-actualites span { display: block; margin-bottom: 2rem } .Nav__sub-item-actualites .Nav__container--left { display: none } @media (min-width:576px) { #Header .Header__actions .Header__connexion:after { margin: 0 1.6rem } .Nav .wrapper { overflow-x: hidden } .Nav .wrapper>ul { white-space: normal } .Nav__sub-item-actualites .Nav__container--left { display: block } .Nav__sub-item-actualites .Nav__container--left li { display: inline; float: left; margin-bottom: 1.2rem; margin-right: 1.2rem } .Nav__sub-item-actualites .Nav__container--left a { align-items: center; border: .1rem solid #d5d8dc; border-radius: .3rem; color: #383f4e; display: inline-flex; flex-shrink: 0; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.2rem; justify-content: center; letter-spacing: .01rem; line-height: 1; padding: 1.2rem 1.2rem 1rem } } .Nav__sub-item-actualites .Nav__container--right { display: block } @media (min-width:768px) { .Nav__sub-item .wrapper { height: auto; overflow-y: visible } .Nav__sub-item-actualites .Nav__container--right { width: 100% } #nav-desktop { position: static } } .Nav__container { display: none; font-family: var(--font-marr-sans-condensed), sans-serif; letter-spacing: .05rem } .Nav__container ul { display: block } .Nav__container .Nav__sub-title { font-size: 1.8rem } .Nav__container li { text-transform: none } .Nav__container li a { font-size: 1.3rem } .Nav__container span:not([class*=flag-live-cartridge]) { font-size: 1.8rem; font-weight: 500; text-transform: uppercase } .Nav__container--mobile { display: block; width: 100% } @media (min-width:1024px) { .Nav__container--mobile { width: auto } } .Nav__container--left { width: 100% } @media (min-width:576px) { .Nav__container span:not([class*=flag-live-cartridge]) { font-size: 2.2rem } .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; padding: 1rem 0 } .Nav__container--left li a { padding: 1.1rem 0 } .Nav__container--left { padding-right: 1.6rem; width: 36rem } } .Nav__container--right { display: none } .Nav__container--default+.Nav__container--right { max-width: calc(100% - 27.2rem); width: 100% } .Nav__container--default li { border-top: .1rem solid #e2e4e9; -moz-column-break-inside: avoid; break-inside: avoid-column } .Nav__container--default li:first-child { border-top: 0 } .Nav__container--default li:first-child a { font-family: var(--font-marr-sans-condensed), sans-serif; text-transform: uppercase } .Nav__container--default a { padding: 1.2rem 0; position: relative } @media (min-width:576px) { .Nav__container--right { display: block } .Nav__container--default a { padding: .8rem 0 } } .Nav__content--list a { padding: 1.2rem 0; position: relative } .Nav__content--list ul { -moz-column-count: 2; -moz-column-gap: 2rem; column-gap: 2rem; -moz-column-width: 10rem; columns: 10rem 2 } @media (min-width:360px) { .Nav__content--list ul { -moz-column-width: 14rem; column-width: 14rem } } @media (min-width:576px) { .Nav__content--list ul { -moz-column-gap: 4.9rem; column-gap: 4.9rem } } @media (min-width:1024px) { .Nav__container--left { width: 43rem } .Nav__item-actualites .Nav__container--left { padding-top: 1rem } .Nav__container--right { width: auto } .Nav__item-actualites .Nav__container--right { border-top: .1rem solid #e2e4e9; padding-top: 1rem } .Nav__container--default+.Nav__container--right { max-width: calc(100% - 21rem) } .Nav__container--default { padding-right: 0; width: 21rem } .Nav__container--default li { max-width: 27.2rem } .Nav__container--default li.nav-item--has-logo { margin-top: 1.6rem } .Nav__content--list { border-top: .1rem solid #e2e4e9 } .Nav__content--list ul { -moz-column-count: auto; -moz-column-gap: normal; column-gap: normal; -moz-column-width: 21rem; columns: 21rem } } @media (min-width:1200px) { .Nav__content--list ul { -moz-column-width: 24.3rem; column-width: 24.3rem } } .Nav__content--list li { -moz-column-break-inside: avoid; break-inside: avoid-column } .Nav__content--list li:not(:nth-of-type(9n+1)) { border-top: .1rem solid #e2e4e9 } .Nav__content--list li:nth-child(9n) { border-bottom: .1rem solid #e2e4e9 } .Nav__content--media .article__author__desc { font-family: var(--font-marr-sans), sans-serif } .Nav__content--media .article__title { font-size: 1.4rem; letter-spacing: normal; line-height: 1.29; text-align: left } @media (min-width:576px) { .Nav__content-wrapper { align-content: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 6.4rem } .Nav__content-wrapper .article { border: none; display: block; margin: 0 0 1.6rem; max-width: none; padding-top: 0; width: calc(50% - 1.6rem) } } @media (min-width:1024px) { .Nav__content--list li { padding-right: 3.2rem } .Nav__content--list li:nth-child(6n) { border-bottom: .1rem solid #e2e4e9 } .Nav__content--list li:nth-child(6n+1) { border-top: 0 } .Nav__content-wrapper { flex-wrap: nowrap; justify-content: flex-start } .Nav__content-wrapper .article { border-bottom: 0; border-top: 0; display: block; margin: 0; max-width: 18rem; padding-top: 0; width: 100% } .Nav__content-wrapper .article:not(.Nav__item-search) { margin: 0 3.2rem 0 0 } .Nav__mobile { display: none } } .Nav__content-wrapper .article__author { align-items: flex-start; flex-direction: column } .Nav .js-burger-to-show { display: none; font-size: 1.6rem; line-height: 1.88 } .Nav__mobile { background-color: #fcfcfd; height: calc(100vh - 6rem); left: -100vw; overflow-y: scroll; position: absolute; top: 0; width: 100vw; z-index: 50 } .Nav__mobile .Nav__item { border-bottom: .1rem solid #e2e4e9; border-right: 0; height: 6rem; padding: 0 1.6rem } .Nav__mobile .Nav__item--hide { border-bottom: 0; height: 0 } .Connexion .Nav__mobile .Nav__item>button, .Nav__mobile .Connexion .Nav__item>button, .Nav__mobile .Nav__item>a { text-transform: uppercase } .Nav__mobile .Nav__item.Nav__item-search { display: none } .Nav__mobile .Nav__item .icon__home, .Nav__mobile .Nav__item .icon__nav-en-continu, .Nav__mobile .Nav__item .icon__nav-my-account, .Nav__mobile .Nav__item .icon__seenthis { align-self: center; display: flex; margin-right: 1.6rem } .Nav__mobile .Nav__item .Burger__right-arrow:after { display: inline-block; visibility: visible } .Nav__mobile .Nav__item--icon-btn button, .Nav__mobile .Nav__item-en-continu button { padding: 0 } .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) { background-color: #fff; flex-direction: column } .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn).Nav__item--active { background-color: #f5f6f8 } .Connexion .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger:after, .Nav__mobile .Connexion .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger:after, .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>a.js-dropdown-burger:after { background-image: url("") } .Connexion .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger-open:after, .Nav__mobile .Connexion .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>button.js-dropdown-burger-open:after, .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn):not(.Nav__search)>a.js-dropdown-burger-open:after { background-image: url("") } .Connexion .Nav__mobile .Nav__item .Nav__container button, .Connexion .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn)>button, .Nav__mobile .Connexion .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn)>button, .Nav__mobile .Nav__item .Nav__container .Connexion button, .Nav__mobile .Nav__item .Nav__container a, .Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn)>a { padding: 2.1rem 0 } .Nav__mobile .Nav__item.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__item--icon-btn) { height: auto } .Nav__mobile .Nav__item .Nav__sub-item { display: none; padding: 0; top: 0 } .Nav__mobile .Nav__item .Nav__sub-item .wrapper { height: auto; overflow-y: visible } .Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open { display: block } .Connexion .Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open li button, .Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open li .Connexion button, .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 } .Connexion .Nav__mobile .Nav__item .Nav__container button, .Nav__mobile .Nav__item .Nav__container .Connexion button, .Nav__mobile .Nav__item .Nav__container a { font-family: var(--font-marr-sans-condensed), sans-serif; font-size: 1.6rem; font-style: normal } .Connexion .Nav__mobile .Nav__item .Nav__container button:after, .Nav__mobile .Nav__item .Nav__container .Connexion button:after, .Nav__mobile .Nav__item .Nav__container a:after { display: none } .Nav__mobile .Nav__item .Nav__container--default ul { -moz-column-count: 1; column-count: 1 } .Nav__mobile .Nav__item .Nav__content--column>div ul { border-bottom: 0; padding-bottom: 0 } .Nav__mobile .Nav__item .Nav__content--column li:last-child { border-bottom: 0 } .Nav__mobile .Nav__item .Nav__content--column>div { margin-top: 2.4rem } .Nav__mobile .Nav__item .Nav__content--column>div:first-child { margin-bottom: 0 } .Nav__mobile .Nav__item .Nav__content--column>div:last-child { padding-bottom: 12rem } .Connexion .Nav__mobile .Nav__item .Nav__content--column button, .Nav__mobile .Nav__item .Nav__content--column .Connexion button, .Nav__mobile .Nav__item .Nav__content--column a { font-family: var(--font-marr-sans-condensed), sans-serif; font-size: 1.6rem; letter-spacing: .05rem } .Nav__mobile .Nav__item .Nav__content--list ul { -moz-column-count: 1; column-count: 1 } .Connexion .Nav__mobile .Nav__item .Nav__content--list ul li button, .Nav__mobile .Nav__item .Nav__content--list ul li .Connexion button, .Nav__mobile .Nav__item .Nav__content--list ul li a { visibility: hidden } .Nav__mobile .Nav__item .Nav__sub-item-actualites span { margin-bottom: 0 } .Connexion .Nav__mobile .Nav__item button, .Nav__mobile .Nav__item .Connexion button, .Nav__mobile .Nav__item a { padding: 0; position: relative; width: 100% } .Nav__mobile .Nav__item--active:before { display: none } .Nav__mobile--contextual #nav-markup-contextual { overflow-x: hidden; padding-right: 0 } .Nav__mobile--contextual #nav-markup-contextual .nav-item--has-logo { margin-top: 0 } .Nav__mobile--contextual .Nav__item-en-continu, .Nav__mobile--contextual .Nav__item-home { display: flex } .Connexion .Nav__mobile--contextual .Nav__item-home button, .Nav__mobile--contextual .Nav__item-home .Connexion button, .Nav__mobile--contextual .Nav__item-home a { padding-left: 0 } .Nav__sub-item-services { padding: 0 0 2.4rem 1.6rem } .Nav__sub-item-services.js-burger-open { display: block; margin-bottom: 3.6rem } .Nav__sub-item-services .sub-item-wrapper { gap: 0 4rem; height: 100%; margin: 0 auto; max-width: 115.2rem } .Nav__sub-item-services p { border-bottom: .1rem solid #d5d8dc; font-family: var(--font-marr-sans-condensed), sans-serif; font-size: 2.2rem; letter-spacing: .05rem; padding: 3.2rem 0 .8rem; text-transform: uppercase } .Nav__sub-item-services .wrapper-list-link { border-bottom: .1rem solid #d5d8dc; padding-bottom: 1.6rem; padding-top: 1.6rem } .Nav__sub-item-services .wrapper-list-link:last-child { border-bottom: none; padding-bottom: .8rem } .Nav__sub-item-services .wrapper-list-link li { list-style: none; padding: 1.2rem 0 .8rem } .Nav__sub-item-services .wrapper-list-link li:last-child { border-bottom: none; padding-bottom: 0 } .Nav__sub-item-services .wrapper-list-link li a { align-items: baseline; display: flex; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.3rem; justify-content: space-between; line-height: 1.6rem; position: relative } @media (max-width:768px) { .Nav__sub-item-services .wrapper-list-link li { border-bottom: .1rem solid #e8eaee } .Nav__sub-item-services .wrapper-list-link li a:after { background-image: url("../assets/b8da4aca2ebdfd47e808ac2d2ad358d6baac3f25.svg"); content: " "; flex-shrink: 0; height: 1.4rem; position: relative; top: .2rem; transform: rotate(-90deg); width: 1.4rem } } .Nav__sub-item-services .wrapper-list-link-cookie { border-top: .1rem solid #d5d8dc; margin-top: 3.2rem } #nav-desktop .Nav__sub-item-services .sub-item-wrapper { height: calc(100vh - 15rem); overflow-y: scroll } @media (min-width:769px) { .Nav__sub-item-services p { font-size: 1.8rem } .Nav__sub-item-services .wrapper-list-link li { padding: .8rem 0 } #nav-desktop .Nav__sub-item-services .sub-item-wrapper { height: auto; overflow-y: visible } } #nav-desktop .Nav__item--icon-btn, #nav-desktop .Nav__item-en-continu, #nav-desktop .Nav__item-home { position: relative } #nav-desktop .Nav__item-search { justify-content: flex-end } #nav-desktop.Nav--hidden { display: none } @media (min-width:1024px) { .Nav__sub-item-services .wrapper-list-link { gap: 0 2rem; grid-auto-columns: auto; grid-auto-flow: column dense } #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 { border-bottom: .1rem solid #eff0f3; overflow-x: auto; overflow-y: hidden; position: static; width: 100% } #nav-markup { justify-content: space-between } @media (max-width:768px) { #nav-markup-contextual.nav-contextual--serie { display: none } } .lmd-user__suspended-account { display: none !important; margin-left: 3.2rem; position: relative } .lmd-user__suspended-account:before { background-color: #e2e4e9; content: ""; height: 2.4rem; left: -1.6rem; position: absolute; top: .4rem; width: .1rem } .overlay { background-color: rgba(0, 0, 0, .4); height: 100%; opacity: 0; overflow: hidden; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 4 } @media (max-width:1023px) { #nav-markup-contextual { background-color: #fff; height: 5.6rem; padding-left: 1.6rem; position: fixed; top: 6rem } .main--with-contextual-nav:not(.main--serie) { margin-top: 5.6rem } .body--premium-banner #Header .center, .body--premium-banner #Header .right { margin-top: 0 !important } } @media (min-width:1024px) { #nav-markup, #nav-markup-contextual { border-bottom: none; overflow: hidden } #nav-markup-contextual { justify-content: center; margin-left: -5rem } .body--premium-banner #Header:not(.sticky) .center, .body--premium-banner #Header:not(.sticky) .right, .body--premium-banner .Nav:not(.on-scroll) { margin-top: 0 !important } .footer__top>.footer__category { margin-right: 2.4rem } } .footer__category { border-bottom: .1rem solid #a4a9b4; line-height: 1; padding: 1.6rem 0; position: relative } @media (min-width:768px) { .lmd-user__suspended-account { display: flex !important } .footer__top>.footer__category { margin-right: 2.4rem } .footer__category { border-bottom: 0; padding: 0 0 2.4rem; width: 33.3336% } } .footer__category-checkbox { left: -1000rem; opacity: 0; position: absolute } .footer__category-label { display: block; position: relative } .footer__category-label:after { background-image: url("../assets/4654a225e3a8914e65f2526bb3673bb2f376b4cd.svg"); background-position: 50%; background-repeat: no-repeat; content: " "; display: inline-block; height: 1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem } .footer__category-title { color: #fff; font-family: var(--font-marr-sans-condensed), sans-serif; font-size: 1.4rem; letter-spacing: .05rem; margin: 0; padding: 0; text-transform: uppercase } .footer__category-legales { display: none } .footer__links { font-size: 1.3rem; height: 0; line-height: 1.3; list-style: none; margin: 0; overflow: hidden; padding-left: 0; position: relative } @media (min-width:768px) { .footer__category-label:after { display: none } .footer__category-title { padding-bottom: .8rem } .footer__links { display: block; height: auto } .footer__bullet>.footer__link { max-width: 24rem } } .footer__bullet { line-height: 1.6; position: relative } .footer__bullet:before { content: "•"; display: block; left: 0; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%) } .footer__bullet>.footer__link { padding-left: .8rem } .footer__link { align-items: center; color: #e8eaee; display: inline-flex; line-height: 1.23; -webkit-text-decoration: none; text-decoration: none; width: 100% } .paywall__comments { background-color: #fff6d3; border: .1rem solid #f3ecce; border-radius: .2rem; bottom: 86.4%; color: #2a303b; display: none; flex-direction: column; padding: 1.6rem; position: absolute; width: 100%; z-index: 99 } .paywall__comments:before { border: 11px solid transparent; border-top-color: #f3ecce } .paywall__comments:after, .paywall__comments:before { content: ""; display: block; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 0 } .paywall__comments:after { border: 10px solid transparent; border-top-color: #fff6d3 } @media (min-width:768px)and (max-width:1024px) { .paywall__comments:after { border-width: 1rem } .paywall__comments:before { border-width: 1.1rem } } @media (min-width:1024px) { .paywall__comments { bottom: 80% } .paywall__comments:after { border-width: .7rem } .paywall__comments:before { border-width: .8rem } } .paywall__comments-header { display: flex; flex-direction: column; justify-content: flex-start } .paywall__comments-btn { display: flex; margin-top: .8rem } @media (min-width:768px) { .paywall__comments { margin-left: 0; max-width: 66.6rem; padding: 1.4rem 0; width: 100% } .paywall__comments:after, .paywall__comments:before { left: 5.5rem } .paywall__comments-header { margin-left: 2.4rem } .paywall__comments-btn { margin: .8rem 2.4rem 0 } } .paywall__comments-subscribe a { border-bottom: none; font-size: 1.2rem; font-weight: 500 } .paywall__comments-title { font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.3 } html.fonts-loaded .paywall__comments-title { font-family: Marr Sans, Arial, Roboto, sans-serif } .paywall__comments-subtitle { font-family: Arial, Roboto, sans-serif; font-size: 1.3rem } html.fonts-loaded .paywall__comments-subtitle { font-family: Marr Sans, Arial, Roboto, sans-serif } .paywall__comments-close { height: 2.4rem; position: absolute; right: .4rem; text-align: center; top: 0; width: 2.4rem } .paywall__comments-close:before { content: "×"; display: block; font-size: 2.6rem; margin-top: -.6rem } .paywall__articles .article--featured { margin-top: 4.8rem; padding-top: 0 } .paywall__articles .article--featured .article__desc { display: none } .paywall__articles .article--related { border-top: .1rem solid #a4a9b4; margin-bottom: 0; margin-top: 0 } .paywall__articles .article--related:first-of-type { border-top: 0; margin-top: 2.4rem } .paywall__articles .article--related:not(:last-child) { padding-bottom: 2.4rem; padding-top: 2.4rem } @media (min-width:768px) { .paywall__articles .article--featured { grid-row: 2; margin-top: 0 } .paywall__articles .article--related { border-top: 0; padding-top: 0 } .paywall__articles .article--related:first-of-type { margin-top: 0 } .paywall__articles .article--related:not(:last-child) { padding-top: 0 } } .paywall__articles .article--related .article__title { font-family: Georgia, Droid-serif, serif; font-size: 1.6rem; margin-top: 0 } html:not(.fonts-loaded) .paywall__articles .article--related .article__title, html:not(.fonts-loaded) .paywall__articles .article--related .article__title>* { letter-spacing: -.645px } html.fonts-loaded .paywall__articles .article--related .article__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } .paywall__articles .article--related .article__media { float: none; margin-bottom: 0; margin-left: 0; max-width: 100%; overflow: hidden; position: relative } .paywall__articles .article--related .article__media-container { float: right; margin-bottom: .4rem; margin-left: 1.6rem; position: relative; width: 11.4rem } .paywall--longform .article__reactions { margin: 0 auto 1.6rem; padding: 2.4rem .8rem 0 } @media (min-width:700px) { .paywall--longform .article__reactions { max-width: 75rem } } @media (min-width:768px) { .paywall--longform .article__reactions { max-width: 62rem; padding: 2.4rem 2.4rem 0 } } @media (min-width:1024px) { .paywall__comments-close { height: 1rem; right: 1.1rem; top: 0; width: 1rem } .paywall__articles .article--related .article__title { margin-top: 1.2rem } .paywall__articles .article--related .article__media-container { float: none; margin-left: 0; max-width: 100%; width: 100% } .paywall--longform .article__reactions { max-width: 63rem; padding: 2.4rem 0 0 } .dropdown__content-live .article__unordered-list li:before { color: var(--lmd-color-storm-content-dark) } } .dropdown__bloc-live-mobile .article__unordered-list { padding-top: 0 } .meta { display: flex; font-family: Arial, Roboto, sans-serif; list-style: none } html.fonts-loaded .meta { font-family: Marr Sans, Arial, Roboto, sans-serif } .meta__publisher { color: #717b8e; font-size: 1.4rem; letter-spacing: .02rem; line-height: 1.42; margin-top: 1.6rem } @media (min-width:576px) { .meta__publisher { letter-spacing: .019rem } } @media (min-width:768px) { .meta__publisher { letter-spacing: .02rem } .meta__publisher--premium { display: none } } @media (min-width:1024px) { .meta__publisher--free { display: none } .meta__publisher--wirecutter { width: calc(100% - 27.6rem) } } .meta__author:after { color: #d5d8dc; content: "•"; display: inline-block; line-height: 1; padding: 0 .4rem 0 .8rem } .meta__author:after, html.fonts-loaded .meta__author:after { font-family: Helvetica Neue, Helvetica, Arial, Roboto, sans-serif } .meta__author--no-after:after { display: none } .meta__link--extend { background-size: auto; display: flex; height: 3.2rem; width: 3.2rem } .meta__link-sub { align-items: center; background: 0 0; border: 0; display: flex; font-family: Arial, Roboto, sans-serif; padding: 0; width: 100% } html.fonts-loaded .meta__link-sub { font-family: Marr Sans, Arial, Roboto, sans-serif } .meta__icon-container { margin-right: 1.2rem } .meta__label-sub { color: #383f4e; font-size: 1.4rem } .meta__social { align-items: center; gap: 1.2rem; height: 3.2rem; margin-top: 2.4rem } .meta__reading-time { align-items: center; color: #717b8e; display: flex; font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; letter-spacing: .02rem; line-height: 1.42; margin-top: 1.6rem } html.fonts-loaded .meta__reading-time { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:576px) { .meta__reading-time { letter-spacing: .019rem } } .meta__sub { display: none } .meta__icon-sub { color: #666e80; flex: 1 0 auto } .meta__icon-sub .meta__icon-container { margin: 0 } @media (min-width:768px) { .meta__reading-time { letter-spacing: .02rem } .meta__icon-sub:last-of-type { margin-left: 1.6rem } } .meta__icon-sub:last-of-type .meta__icon-container { margin-right: .8rem } .share-btns { align-items: center; display: flex; justify-content: flex-start; margin-top: 1.2rem } .share-btns .meta__sub { display: none } .catcher { border-bottom: .1rem solid #d5d8dc; border-top: .4rem solid #383f4e; display: block; margin-bottom: 3.2rem; margin-top: 2.4rem } @media (min-width:576px) { .catcher { display: inline-block; width: 100% } } .catcher--beige { background-color: #fff3e8 } .catcher--beige-dark { background-color: #fff5e0 } .catcher__accordion-btn { border-top: .1rem solid rgba(42, 48, 59, .15); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; padding-bottom: 2.4rem; padding-right: 4rem; padding-top: 1.6rem; position: relative; width: 100% } .catcher__accordion-btn--last { padding-bottom: 0 } .catcher__accordion-btn:before { background-image: url(""); content: ""; display: inline-block; height: 2rem; position: absolute; right: .8rem; top: 1.6rem; transform: rotate(90deg); width: 2rem } .catcher__accordion-btn.ui-collapse--shown { padding-bottom: 1.2rem } .catcher__accordion-btn.ui-collapse--shown:before { background-image: url(""); transform: rotate(-90deg) } .catcher__accordion-content { display: none } .catcher__accordion-content.ui-collapse--shown { display: block } .catcher__container { height: auto; max-height: 381px; overflow: hidden } .catcher:last-child { margin-bottom: 0 } .catcher__title { display: block; font-family: Georgia, Droid-serif, serif; font-size: 2.2rem; font-weight: 800; line-height: 1.25 } html:not(.fonts-loaded) .catcher__title, html:not(.fonts-loaded) .catcher__title>* { letter-spacing: -.645px } html.fonts-loaded .catcher__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @media (min-width:769px) { .catcher__title { font-size: 2.4rem } } .catcher__label { float: left; margin-left: 1.6rem } .Connexion .catcher__label button, .catcher__label .Connexion button, .catcher__label a { -webkit-text-decoration: underline; text-decoration: underline } .catcher__pilcrow:before { color: #383f4e; content: "¶"; display: inline-block; font-family: Georgia, Droid-serif, serif; left: 0; position: absolute; top: 0 } html:not(.fonts-loaded) .catcher__pilcrow:before, html:not(.fonts-loaded) .catcher__pilcrow:before>* { letter-spacing: -.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, html.fonts-loaded .catcher__title, html.fonts-loaded .paywall__articles .article--related .article__title { font-family: The Antiqua B, Georgia, Droid-serif, serif } } .catcher__desc { display: block; font-family: Arial, Roboto, sans-serif; margin-bottom: 2.4rem; margin-top: 2rem } html:not(.fonts-loaded) .catcher__desc, html:not(.fonts-loaded) .catcher__desc>* { letter-spacing: .314px } html.fonts-loaded .catcher__desc { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:1024px) { .catcher__container { max-height: 316px } .catcher__desc { margin-bottom: 3.2rem } } .catcher__desc--list { list-style: none; margin-bottom: 0 } .catcher__desc--small { color: #8b92a1; font-size: 1.4rem; line-height: 1.42 } .catcher__desc li { margin-bottom: 1.2rem } .catcher__view-more-trigger { display: none } .catcher__view-more { bottom: 0; display: flex; height: 44px; justify-content: center; left: 0; padding: 1rem; position: absolute; text-align: center; width: 100% } .catcher__view-more:before { background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .9), #fff); content: ""; height: 100px; left: 0; position: absolute; top: -100px; width: 100% } .catcher__view-more--open { display: flex } .catcher__view-more--close { display: none } .catcher__view-more--close, .catcher__view-more--open { align-items: center; color: #2a303b; font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: 600; position: relative } html:not(.fonts-loaded) .catcher__view-more--close, html:not(.fonts-loaded) .catcher__view-more--close>*, html:not(.fonts-loaded) .catcher__view-more--open, html:not(.fonts-loaded) .catcher__view-more--open>* { letter-spacing: .314px } html.fonts-loaded .catcher__view-more--close, html.fonts-loaded .catcher__view-more--open { font-family: Marr Sans, Arial, Roboto, sans-serif } .catcher__view-more--close:after, .catcher__view-more--open:after { background-image: url(""); background-repeat: no-repeat; content: ""; height: 2rem; margin-left: 1.125rem; transform: rotate(90deg); width: 2rem } .catcher__view-more-trigger:checked~.catcher-election__container, .catcher__view-more-trigger:checked~.catcher__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 .catcher__view-more--open, .catcher__view-more-trigger:checked~.catcher__view-more:before { 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 { float: left; margin-right: 2.4rem; margin-top: 8px; position: relative; top: -.3rem; width: 8.6rem } .catcher__image-container .catcher__picture { padding-top: 100% } .catcher__image-podcast { background: url("") 50%/contain no-repeat; bottom: .4rem; height: 3.2rem; left: .4rem; position: absolute; width: 3.2rem; z-index: 5 } .catcher--last { border: 1px solid #d5d8dc; border-radius: .8rem; margin-bottom: 0; overflow: hidden; padding: 2.4rem 1.6rem 4.5rem; position: relative } @media (min-width:768px) { .catcher__image-container { margin-top: 0 } .catcher--last { padding: 3.2rem 3.2rem 4.5rem } } .catcher--wide { width: 100% } .catcher--inline { display: inline } .catcher--favoris, .catcher--inline, .catcher--reference { border: 0; clear: both; margin-bottom: 0; margin-top: 1.6rem; width: 100% } .catcher--favoris:before, .catcher--inline:before { content: ""; display: block; margin-top: 2.4rem } .catcher--favoris-podcast, .catcher--inline-podcast { display: inline-block; margin-top: 3.5rem } .catcher--favoris-podcast:before, .catcher--inline-podcast:before { content: normal } .catcher--favoris .catcher__title, .catcher--inline .catcher__title { display: inline; font-family: Georgia, Droid-serif, serif; font-size: 1.7rem; letter-spacing: normal; line-height: 1.41; margin-bottom: 0; margin-top: 0 } html:not(.fonts-loaded) .catcher--favoris .catcher__title, html:not(.fonts-loaded) .catcher--favoris .catcher__title>*, html:not(.fonts-loaded) .catcher--inline .catcher__title, html:not(.fonts-loaded) .catcher--inline .catcher__title>* { letter-spacing: -.645px } html.fonts-loaded .catcher--favoris .catcher__title, html.fonts-loaded .catcher--inline .catcher__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @supports (font-variation-settings:normal) { html.fonts-loaded .catcher--favoris .catcher__title, html.fonts-loaded .catcher--inline .catcher__title { font-family: The Antiqua B, Georgia, Droid-serif, serif } } @media (min-width:768px) { .catcher--favoris .catcher__title, .catcher--inline .catcher__title { font-size: 1.8rem } } .catcher--favoris .catcher__title:after, .catcher--inline .catcher__title:after { color: #d5d8dc; content: "|"; display: inline-block; margin-left: .8rem; margin-right: .8rem } .catcher--favoris .catcher__title--hide, .catcher--inline .catcher__title--hide { margin-right: .4rem } .catcher--favoris .catcher__title--hide:after, .catcher--inline .catcher__title--hide:after { display: none } .catcher--favoris .catcher__desc, .catcher--inline .catcher__desc { color: #026b9c; display: inline; font-family: Georgia, Droid-serif, serif; font-size: 1.7rem; font-weight: 600; letter-spacing: -.01rem; line-height: 1.41; margin-bottom: 0; margin-top: 0 } html:not(.fonts-loaded) .catcher--favoris .catcher__desc, html:not(.fonts-loaded) .catcher--favoris .catcher__desc>*, html:not(.fonts-loaded) .catcher--inline .catcher__desc, html:not(.fonts-loaded) .catcher--inline .catcher__desc>* { letter-spacing: -.645px } html.fonts-loaded .catcher--favoris .catcher__desc, html.fonts-loaded .catcher--inline .catcher__desc { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @supports (font-variation-settings:normal) { html.fonts-loaded .catcher--favoris .catcher__desc, html.fonts-loaded .catcher--inline .catcher__desc { font-family: The Antiqua B, Georgia, Droid-serif, serif } } @media (min-width:768px) { .catcher--favoris .catcher__desc, .catcher--inline .catcher__desc { font-size: 1.8rem } } .Connexion .catcher--favoris .catcher__desc button, .Connexion .catcher--inline .catcher__desc button, .catcher--favoris .catcher__desc .Connexion button, .catcher--favoris .catcher__desc a, .catcher--inline .catcher__desc .Connexion button, .catcher--inline .catcher__desc a { border-bottom: 0; color: inherit; font-weight: inherit; letter-spacing: inherit; -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .2em } .Connexion .catcher--favoris .catcher__desc button:hover, .Connexion .catcher--inline .catcher__desc button:hover, .catcher--favoris .catcher__desc .Connexion button:hover, .catcher--favoris .catcher__desc a:hover, .catcher--inline .catcher__desc .Connexion button:hover, .catcher--inline .catcher__desc a:hover { opacity: .8; -webkit-text-decoration: none; text-decoration: none } .catcher--reference { display: flex; padding-left: .8rem; width: 100% } @media (min-width:576px) { .catcher--reference { width: 80% } } .catcher--reference .catcher__desc { color: #666e80; font-size: 1.5rem; font-weight: 400; line-height: 1.43; margin-bottom: 0; margin-top: 0; position: relative } @media (min-width:1024px) { .catcher--reference .catcher__desc { font-size: 1.6rem; line-height: 1.5 } } .catcher--reference .catcher__desc sup { line-height: 1 } .Connexion .catcher--reference .catcher__desc button, .catcher--reference .catcher__desc .Connexion button, .catcher--reference .catcher__desc a { border: none; color: inherit; font-weight: inherit; letter-spacing: inherit } .catcher-election { color: #2a303b; display: block; margin: 2.4rem 0; padding: 2.4rem 1.6rem; position: relative; font-family: Arial, Roboto, sans-serif } .catcher-election:after { clear: both; content: ""; display: table } html:not(.fonts-loaded) .catcher-election, html:not(.fonts-loaded) .catcher-election>* { letter-spacing: .314px } html.fonts-loaded .catcher-election { font-family: Marr Sans, Arial, Roboto, sans-serif } .catcher-election .catcher__container { padding-bottom: 2.4rem } .catcher-election__container { height: auto; max-height: 233px; overflow: hidden } .catcher-election__title { font-size: 2rem; font-weight: 600; line-height: 2.4rem; margin-bottom: 1.6rem } .catcher-election__subtitle { font-size: 1.6rem; font-weight: 500; line-height: 1.9rem; margin: 2.4rem 0 1.6rem } .catcher-election__paragraph { font-size: 1.6rem; font-weight: 400; 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; margin-left: 2.4rem; position: relative } .catcher-election__list-item:before { color: #666e80; content: "·"; display: inline; font-family: Georgia, Droid-serif, serif; font-size: 5rem; left: -2rem; margin-right: .8rem; position: absolute; top: -2.75rem } html:not(.fonts-loaded) .catcher-election__list-item:before, html:not(.fonts-loaded) .catcher-election__list-item:before>* { letter-spacing: -.645px } html.fonts-loaded .catcher-election__list-item:before { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } .catcher-election__view-more-canton { border-top: .1rem solid rgba(3, 4, 5, .1) } .catcher-election__view-more-canton:before { display: none } .catcher-election .catcher__view-more:before { background-image: linear-gradient(rgba(255, 243, 232, 0), rgba(255, 243, 232, .9), #fff3e8) } .catcher--favoris { display: flex } .catcher--favoris .catcher__favorite { flex-shrink: 0; margin-left: 1.6rem } .article__catchphrase { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; margin: 2.4rem 0 0; width: 70% } html:not(.fonts-loaded) .article__catchphrase, html:not(.fonts-loaded) .article__catchphrase>* { letter-spacing: -.025rem } html.fonts-loaded .article__catchphrase { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .article__catchphrase { letter-spacing: .05rem } @media (min-width:576px) { .article__catchphrase { float: left; margin-top: 2rem; padding-bottom: 1.6rem; padding-right: 4rem; width: 20rem } } .article__catchphrase:before { background-color: #026b9c; content: " "; display: block; height: .4rem; margin-right: .8rem; margin-top: .4rem; width: 3.2rem } .article__catchphrase .article__quote { color: #026b9c; font-size: 2.4rem; font-weight: 600; line-height: 1.33; margin-bottom: 0; margin-top: 1.6rem } .article__catchphrase+p { margin-top: 2.4rem } figure { clear: both; margin: 2.4rem -2.4rem 0 } figcaption.article__legend { color: var(--lmd-color-storm-content-light); font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; line-height: 1.42 } html:not(.fonts-loaded) figcaption.article__legend, html:not(.fonts-loaded) figcaption.article__legend>* { letter-spacing: .314px } html.fonts-loaded figcaption.article__legend { font-family: Marr Sans, Arial, Roboto, sans-serif } figcaption.article__legend .article__credit { font-size: 1.2rem; text-transform: uppercase } .aside__article, .aside__footer { display: none } .aside__article .friend, .aside__footer .friend { border-top: 0; display: block } .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: -webkit-sticky; position: sticky; top: 7rem } .aside__article .friend--teaser, .aside__footer .friend--teaser { max-height: 56.4rem; overflow-y: clip } .aside__article .friend:first-child { grid-row: 1/2; margin-top: 2.4rem } @media (min-width:1024px) { .aside__article .friend, .aside__footer .friend { grid-column: 1; height: 100% } .aside__article { display: grid; grid-column: 2; grid-row: 2; grid-template-columns: auto; grid-template-rows: auto auto auto; grid-row-gap: 4rem } .lmd-has-new-teaser .aside__article { display: flex; flex-direction: column; gap: 4rem; grid-row: 2/5 } .lmd-has-new-teaser .aside__article section { height: auto } .aside__article--sticky { position: -webkit-sticky; position: sticky; top: 2rem } .aside__footer { display: grid; grid-column: 2; grid-row: 3; grid-template-columns: auto; grid-template-rows: auto; padding-top: 15.3rem } } .aside__iso { display: none } @media (min-width:1024px) { .aside__iso { display: block; grid-column: 2; grid-row: 2/3; margin-bottom: 4rem; padding-top: 2.4rem } .aside__iso .friend { border-top: 0 } .aside__iso .friend:not(:first-child) { margin-top: 4.8rem } } .aside__campaign { display: none } .aside__campaign .friend { height: 100% } .aside__campaign .friend .dfp__slot--pave { top: 15rem } @media (min-width:1024px) { .aside__campaign { display: block; grid-column: 2; grid-row: 3/4; margin-bottom: 4rem; padding-top: 2.4rem } .aside__campaign .friend { border-top: 0 } .aside__campaign .friend:not(:first-child) { margin-top: 4.8rem } .aside__campaign--media { grid-column: 2; grid-row: 4 } } .aside__special--portfolio { padding-top: 3.2rem } .aside__special--m-le-mag { margin-bottom: 2.4rem } @media (min-width:1024px) { .aside__special--portfolio { grid-row: 3/4; padding-top: 4rem } .aside__special--multimedia, .aside__special--video { grid-row: 3/4 } } .aside__special--decodeur { background-color: #f5f6f8; border-top: .3rem solid #2a303b; color: #2a303b; display: none; font-family: Arial, Roboto, sans-serif; margin-bottom: 4rem; padding: 0 2rem 2rem } html:not(.fonts-loaded) .aside__special--decodeur, html:not(.fonts-loaded) .aside__special--decodeur>* { letter-spacing: .314px } html.fonts-loaded .aside__special--decodeur { font-family: Marr Sans, Arial, Roboto, sans-serif } .aside__special--afrique { border-top: .3rem solid #2a303b; color: #2a303b; font-family: Arial, Roboto, sans-serif; padding: 0 2rem 4rem 0 } html:not(.fonts-loaded) .aside__special--afrique, html:not(.fonts-loaded) .aside__special--afrique>* { letter-spacing: .314px } html.fonts-loaded .aside__special--afrique { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:1024px) { .aside__special--decodeur { display: block; margin-bottom: 3.2rem } .aside__special--afrique { margin-bottom: 3.2rem; padding: 0 2rem 2rem 0 } } .aside__page { display: none } @media (min-width:1024px) { .aside__page { display: block; grid-column: 2; grid-row: 2 } .aside__page .friend { margin-bottom: 4rem } .aside__page--sitemap { grid-column: 2; grid-row: 2/4 } } .aside__title { color: #2a303b; font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 2.4rem; font-weight: 700; letter-spacing: .046rem; line-height: 1.2 } html:not(.fonts-loaded) .aside__title, html:not(.fonts-loaded) .aside__title>* { letter-spacing: -.025rem } html.fonts-loaded .aside__title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .aside__title { letter-spacing: .05rem } .aside__special-list { display: flex; list-style: none; margin-top: 2.4rem } .aside__special-list--afrique { flex-direction: column; margin-top: 1.2rem } @media (min-width:768px) { .catcher-election__container { max-height: 210px } .article__catchphrase { width: 24rem } figure { margin-left: 0; margin-right: 0 } figcaption.article__legend { padding-left: 0; padding-right: 0 } .aside__special-list--afrique { flex-direction: row; justify-content: space-between } } @media (min-width:1024px) { .aside__special-list { margin-top: 1.2rem } .aside__special-list--afrique { flex-direction: column; justify-content: flex-start } } .aside__special-list--decodeur { display: inline-block } .aside__special-item--decodeur { font-family: Arial, Roboto, sans-serif; font-size: 1.8rem; font-weight: 500 } html:not(.fonts-loaded) .aside__special-item--decodeur, html:not(.fonts-loaded) .aside__special-item--decodeur>* { letter-spacing: .314px } html.fonts-loaded .aside__special-item--decodeur { font-family: Marr Sans, Arial, Roboto, sans-serif } .aside__special-item--decodeur:before { background-image: url(""); content: ""; display: inline-block; height: 1rem; margin-right: .8rem; width: 1.2rem } .aside__special-item--afrique:not(:last-of-type) { margin-bottom: 1.2rem } .aside__special-link--decodeur { color: #026b9c } .aside__special-link--decodeur:hover { border-bottom: .1rem solid #0070b2 } .aside__special-title { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif; font-size: 2.4rem; font-weight: 700; letter-spacing: .046rem; line-height: 1.2; margin-top: 2.4rem } html:not(.fonts-loaded) .aside__special-title, html:not(.fonts-loaded) .aside__special-title>* { letter-spacing: -.025rem } html.fonts-loaded .aside__special-title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .aside__special-title { letter-spacing: .05rem } .aside__special-link--m-le-mag { display: flex; margin-top: 1.6rem } .aside__special-link--afrique { display: flex } .aside__logo-detail { display: flex; flex-direction: column; justify-content: center; line-height: 1; margin-left: 1.2rem } .aside__logo-detail--afrique { font-weight: 600 } .aside__logo-detail--first { font-weight: 600; margin-top: .6rem; width: 100% } .aside__logo-detail--second { margin-top: .4rem } .aside--election .friend { border: none; z-index: 0 } .article__header .breadcrumb { flex-wrap: wrap } .article__header .breadcrumb__child { display: flex; flex-wrap: nowrap; padding-left: .4rem } .insert__media { display: none } @media (min-width:1024px) { .aside__special-title--decodeur { font-size: 2.3rem } .aside--election .aside__page--sitemap { order: 3 } .insert { background-color: #f5f6f8; border-top: .4rem solid #2a303b; color: #2a303b; padding: 0 2rem 2rem } .insert__date, .insert__title { font-family: Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html.fonts-loaded .insert__date, html.fonts-loaded .insert__title { font-family: Marr Sans Condensed, Arial Narrow, DINCondensed-Bold, Roboto Condensed, sans-serif } html:not(.fonts-loading) .insert__date, html:not(.fonts-loading) .insert__title { letter-spacing: .05rem } .insert__title { font-size: 2.8rem; font-weight: 700; letter-spacing: .054rem; line-height: 1.4; margin-top: 2.4rem } .insert__date { font-size: 1.5rem; letter-spacing: .075rem; line-height: normal } .insert__media { border: .1rem solid #eff0f3; box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04); display: block; margin-top: 2.4rem } } .friend { border-top: .1rem solid #d5d8dc; position: relative; z-index: 1 } .friend__container { height: 150rem } .friend--sticky { position: -webkit-sticky; position: sticky; top: 8rem } .friend__list { display: grid; grid-template-columns: 1fr 1fr; list-style: none; margin-top: 2.4rem; grid-gap: 1.6rem } @media (min-width:768px) { .friend__list { grid-template-columns: 1fr 1fr 1fr 1fr } } .friend__media { flex-basis: 10rem; height: 5rem; -o-object-fit: contain; object-fit: contain; width: 10rem } .friend__item { align-items: center; display: flex; flex-direction: column } @media (min-width:1024px) { .friend__list { grid-template-columns: 1fr } .friend__media { margin-right: 2rem } .friend__item { flex-direction: row } } .friend__message { flex-basis: calc(100% - 10rem); font-family: Arial, Roboto, sans-serif; font-size: 1.6rem; line-height: 1.31; margin-top: 1.6rem } html:not(.fonts-loaded) .friend__message, html:not(.fonts-loaded) .friend__message>* { letter-spacing: .314px } html.fonts-loaded .friend__message { font-family: Marr Sans, Arial, Roboto, sans-serif } .friend__message--link:hover { -webkit-text-decoration: underline; text-decoration: underline } .friend--mobile { background-color: #f5f6f8; border-top: 0; display: block; margin-left: -1.6rem; margin-right: -1.6rem; text-align: center } @media (min-width:576px) { .friend--mobile { margin: 0 } } @media (min-width:1024px) { .friend__message { margin-top: 0 } .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; font-family: Georgia, Droid-serif, serif; padding: 1.2rem 0 2rem } html:not(.fonts-loaded) .friend--wirecutter li, html:not(.fonts-loaded) .friend--wirecutter li>* { letter-spacing: -.645px } html.fonts-loaded .friend--wirecutter li { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } .friend--wirecutter li:before { content: "•"; font-size: 3.4rem; line-height: 1; margin-right: 1.2rem; vertical-align: text-top } .friend--section { border-top: none } .friend--river { background-color: #f5f6f8; border-top: 0; display: block; margin-left: -1.6rem; margin-right: -1.6rem } @media (min-width:576px) { .friend--river { margin: 0 } .friend .bizdev-list, .friend .bizdev-poster { width: 100% } } .friend--mobile+.teaser, .friend--river+.teaser { border-top: 0 } .friend--mobile+.message { border-top: 0; margin-top: 0 } @media (min-width:768px) { .friend--mobile+.message { border-top: .1rem solid #d5d8dc } } .friend--wide { border-top: 0; display: none; grid-column: 1/span 3 } @media (min-width:1024px) { .friend--wide { border-top: .1rem solid #d5d8dc; display: block } } .friend--dfp { border-top: 0; padding-bottom: 4rem } .friend--dfp+.area { border-top: 0; padding-top: 3.2rem } .friend--inread { display: none } @media (min-width:1024px) { .friend--inread { display: block; padding: 0 1.6rem 1.6rem } } .friend--paywall { border-top: 0; margin-top: 4rem } @media (min-width:768px) { .friend--dfp+.area { border-top: .1rem solid #d5d8dc; padding-top: 2.4rem } .friend--paywall { grid-column: 1/span 3 } } .friend--paywall:first-of-type { margin-top: 0 } .friend--around { background-color: #eff0f3; font-size: 1rem; padding: 0 .8rem .8rem; text-align: center; text-transform: uppercase } .friend--around:before { color: #666e80; content: "Publicité"; display: block; padding-bottom: .4rem; padding-top: .4rem; width: 100% } @media (min-width:1024px) { .friend--abo { border-color: transparent } } .inread { border: 1px solid #e2e4e9; border-radius: 2px; clear: both; font-family: Marr Sans, DINCondensed-Bold, Roboto Condensed, Arial Narrow, sans-serif; font-weight: 400; margin: 3.2rem 0; max-width: none; position: relative; width: 100% } .inread--abo { border: 1px solid #ffc877 } .inread--abo .inread__cta { color: #005b85 } .inread__headline { background-color: #fff; color: #383f4e; font-family: Marr Sans Cond, DINCondensed-Bold, Roboto Condensed, Arial Narrow, sans-serif; font-size: 1.4rem; font-weight: 500; left: 1.6rem; line-height: 2.1rem; padding: 0 .8rem; position: absolute; top: -.9rem } .article--longform .inread__headline, .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; -webkit-text-decoration: none; text-decoration: none; width: 100% } .inread__title { font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; text-transform: none } .inread__desc { color: #565e70; font-size: 1.5rem; font-weight: 400; margin-right: 1.6rem } .inread__cta { color: #2a303b; font-family: Marr Sans Condensed, DINCondensed-Bold, Roboto Condensed, Arial Narrow, sans-serif; font-size: 1.5rem; font-weight: 500; letter-spacing: .02rem; line-height: 2.1rem; margin-top: .8rem; -webkit-text-decoration: none; text-decoration: none } .inread__cta:after { background-image: url(""); content: ""; display: inline-block; height: 1rem; margin-left: .8rem; width: 1.2rem } @media (min-width:768px) { .inread__cta { align-self: center; grid-column: 2; grid-row: 1/3; margin-top: 0; text-align: right } .services-list .services-list__see-more { display: none } } .teaser__media { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .lmd-banners { left: 0; position: fixed; right: 0; top: 5.8rem; width: 100%; z-index: 6 } @media (min-width:1024px) { .lmd-banners { display: none } } .lmd-btn { align-items: center; border: 0; border-radius: .3rem; display: flex; flex-shrink: 0; font-family: var(--font-marr-sans-medium), sans-serif; height: 3rem; justify-content: center; line-height: 1; max-width: 100%; text-align: center } .lmd-btn--s { font-size: 1.2rem; padding: .7rem .6rem } @media (min-width:340px) { .lmd-btn--s { padding: .7rem 1rem } } @media (min-width:360px) { .lmd-btn--s { padding: .7rem 1.6rem } } .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--white { background-color: #fff; border: .1rem solid #bdc1c8; color: #2a303b } .lmd-btn--premium { background-color: #ffc700; color: #2a303b } .lmd-btn--premium:hover { background-color: #eab002 } .lmd-btn-rounded { align-items: center; border: 0; border-radius: 4rem; display: flex; flex-shrink: 0; font-family: var(--font-marr-sans), sans-serif; justify-content: center; line-height: 1; max-width: 100%; text-align: center } .lmd-btn-rounded--secondary { background-color: #fff; border: .1rem solid #bdc1c8; color: #2a303b } .lmd-btn-rounded--m { font-size: 1.4rem; height: 3.2rem; padding: .9rem 1.2rem } .lmd-btn-icon { align-items: center; border: 0; border-radius: 50%; display: flex; flex-shrink: 0; font-family: var(--font-marr-sans), sans-serif; justify-content: center; line-height: 1; max-width: 100%; position: relative; text-align: center } .lmd-btn-icon>.js-btn-icon-tooltip { align-items: center; background-color: #383f4e; border-radius: .2rem; bottom: -2.8rem; color: #fff; display: none; font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.3rem; height: 2.6rem; justify-content: center; padding: 0 .8rem; position: absolute; text-align: center; top: calc(100% + .3rem); width: -webkit-max-content; width: -moz-max-content; width: max-content; z-index: 2 } .lmd-btn-icon[data-position="lire aussi"]>.js-btn-icon-tooltip { right: 0 } .lmd-btn-icon--m { height: 3.2rem; width: 3.2rem } .lmd-btn-icon--tertiary { background-color: transparent } .lmd-dropdown-favorite, .lmd-dropdown-gift-article-sender { background-color: #fff; border: .1rem solid #e2e4e9; bottom: 0; display: none; font-family: Arial, Roboto, sans-serif; left: 0; padding: 1.6rem; position: fixed; right: 0; text-align: left; width: 100%; z-index: 9999 } html.fonts-loaded .lmd-dropdown-favorite, html.fonts-loaded .lmd-dropdown-gift-article-sender { font-family: Marr Sans, Arial, Roboto, sans-serif } @media (min-width:768px) { .lmd-dropdown-favorite, .lmd-dropdown-gift-article-sender { border-radius: .3rem; bottom: auto; left: auto; min-width: 20rem; position: absolute; right: auto; width: 34rem } } .lmd-dropdown__overlay { background-color: rgba(0, 0, 0, .4); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9998 } .lmd-dropdown-gift-article__close, .lmd-dropdown__close { background-color: #fff; background-image: url("../assets/f4f171179fd574ad29293f73c29100456ca283d0.svg"); background-size: 1rem; border: .1rem solid #bdc1c8; border-radius: 50%; display: block; height: 2.4rem; margin-bottom: .8rem; margin-left: auto; width: 2.4rem } .lmd-dropdown-gift-article__close:hover { background-color: #eff0f3; border: none } .lmd-dropdown-favorite__text { font-size: 1.8rem; line-height: 2.4rem } @media (min-width:768px) { .lmd-dropdown-gift-article__close, .lmd-dropdown__close { margin-bottom: 1.6rem } .lmd-dropdown-favorite__text { font-size: 1.6rem; line-height: 2.1rem } } .lmd-dropdown-favorite__text:not(:last-child) { margin-bottom: 1.2rem } .lmd-dropdown-favorite .lmd-btn { margin-bottom: .8rem } .lmd-dropdown-favorite__text-login { font-size: 1.6rem; line-height: 2.4rem } .lmd-dropdown-gift-article__content { display: flex; flex-direction: column } @media (min-width:768px) { .lmd-dropdown-favorite__text-login { font-size: 1.4rem; line-height: 2rem } .lmd-dropdown-gift-article__close { margin-bottom: .8rem } } .lmd-dropdown-gift-article__title { font-family: Georgia, Droid-serif, serif; font-size: 2.4rem; font-weight: 700; line-height: 2.2rem; margin-bottom: 1.2rem } html:not(.fonts-loaded) .lmd-dropdown-gift-article__title, html:not(.fonts-loaded) .lmd-dropdown-gift-article__title>* { letter-spacing: -.645px } html.fonts-loaded .lmd-dropdown-gift-article__title { font-family: The Antiqua B standard, Georgia, Droid-serif, serif } @supports (font-variation-settings:normal) { html.fonts-loaded .catcher-election__list-item:before, html.fonts-loaded .friend--wirecutter li, html.fonts-loaded .lmd-dropdown-gift-article__title { font-family: The Antiqua B, Georgia, Droid-serif, serif } } .lmd-dropdown-gift-article__logo.icon__gift { height: 2.8rem; margin-right: .8rem; position: relative; top: .3rem; width: 2.8rem } .lmd-dropdown-gift-article__text { font-size: 1.5rem; line-height: 1.9rem } .lmd-dropdown-gift-article__text:not(:last-child) { margin-bottom: 1.6rem } .lmd-dropdown-gift-article__text--small { font-size: 1.4rem; line-height: 1.8rem } .lmd-dropdown-gift-article__share-option { align-items: center; background-color: transparent; border: 0; color: #383f4e; display: flex; font-family: Arial, Roboto, sans-serif; font-size: 1.4rem; height: 5.2rem; justify-content: flex-start; line-height: 1.8rem; width: 100% } html:not(.fonts-loaded) .lmd-dropdown-gift-article__share-option, html:not(.fonts-loaded) .lmd-dropdown-gift-article__share-option>* { letter-spacing: .314px } html.fonts-loaded .lmd-dropdown-gift-article__share-option { font-family: Marr Sans, Arial, Roboto, sans-serif } .lmd-dropdown-gift-article__share-option:not(:last-child) { border-bottom: .1rem solid #e8eaee } .lmd-dropdown-gift-article__share-option:hover .lmd-dropdown-gift-article__social-btn { background-color: #eff0f3 } .lmd-dropdown-gift-article__share-option.js-loading .lmd-dropdown-gift-article__social-btn { animation: 2s linear infinite spin; background-image: url("") } .lmd-dropdown-gift-article__share-option.js-failure { color: #7d0707 } .lmd-dropdown-gift-article__share-option.js-failure .lmd-dropdown-gift-article__social-btn { background-image: url(""); border-color: #7d0707 } .lmd-dropdown-gift-article__share-option.js-success { color: #0dd228 } .lmd-dropdown-gift-article__share-option.js-success .lmd-dropdown-gift-article__social-btn { background-image: url(""); border-color: #0dd228 } .lmd-dropdown-gift-article__social-btn { height: 2.8rem; margin-right: .8rem; width: 2.8rem } .lmd-dropdown-gift-article__social-btn--copy { background-image: url("") } .lmd-dropdown-gift-article__social-btn--mail { background-image: url("") } .lmd-dropdown-gift-article__social-btn--messenger { background-image: url("") } .lmd-dropdown-gift-article__social-btn--telegram { background-image: url("") } .lmd-dropdown-gift-article__social-btn--whatsapp { background-image: url("") } .lmd-dropdown-gift-article__footer { border-top: .1rem solid #e8eaee; padding-top: 1.6rem; width: 100% } .lmd-dropdown-gift-article__faq-link { align-items: center; color: #026b9c; display: inline-flex; font-size: 1.4rem; line-height: 1.8rem } .lmd-dropdown-gift-article__faq-link:after { background-image: url("../assets/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("../assets/4d004e19e80bec710c72226dc92ec02edefed975.svg") } .lmd-dropdown-gift-article__share-option:not(.js-loading) .lmd-dropdown-gift-article__social-btn, .lmd-dropdown-gift-article__social-btn { background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-size: 80%; border: .1rem solid #d5d8dc; border-radius: 50%; display: inline-block; flex-shrink: 0 } .lmd-dropdown-gift-article__share-option:not(.js-loading) .lmd-dropdown-gift-article__social-btn:hover, .lmd-dropdown-gift-article__social-btn:hover { background-color: #eff0f3 } .lmd-link-blue { color: #026b9c; -webkit-text-decoration: underline; text-decoration: underline } .lmd-relative { position: relative } .mr1 { margin-right: .4rem !important } .lmd-typo--medium { font-weight: 500 !important } .lmd-typo--text-center { text-align: center !important } .lmd-u-hide { display: none !important } .lmd-u-block { display: block !important } @media (max-width:1023px) { .lmd-u-hide-l, .lmd-u-hide-tablet { display: none !important } } @media (min-width:1024px) { .lmd-u-hide-over-l { display: none !important } .lmd-u-shadow { box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04) } } @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:319px) { .lmd-u-hide-xxs { display: none !important } } @media (min-width:360px) { .lmd-u-hide-over-xs { display: none !important } } @media (min-width:320px) { .lmd-u-hide-over-xxs { display: none !important } } @media (max-width:374px) { .lmd-u-hide-xs-plus { display: none !important } } @media (min-width:375px) { .lmd-u-hide-over-xs-plus { 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 (min-width:768px) { .lmd-u-hide-desktop, .lmd-u-hide-over-m { display: none !important } } @media (max-width:767px) { .lmd-u-hide-mobile { display: none !important } .lmd-u-only-desktop { display: none } } .lmd-u-lock-scroll { overflow: hidden !important } .sticky .lmd-u-hide-sticky { display: none !important } .lmd-u-max-w-none { max-width: none !important } @media (min-width:700px) { .article--longform .incentive-block { max-width: 75rem } } .article--single .incentive-block { margin-bottom: 2.4rem; margin-left: -3.2rem; margin-right: -3.2rem; padding-left: 3.2rem; padding-right: 3.2rem } html { font-family: var(--font-marr-sans), sans-serif; font-size: 10px; -webkit-font-smoothing: antialiased; box-sizing: border-box } body { --lmd-color-inverse-bg-white: hsla(0, 0%, 100%, .2); --lmd-color-inverse-bg-white-hover: hsla(220, 3%, 53%, .102); --lmd-color-inverse-bg-light: #565e70; --lmd-color-inverse-bg-light-hover: #666e80; --lmd-color-inverse-bg-medium: #464f5f; --lmd-color-inverse-bg-medium-hover: #464f5f; --lmd-color-inverse-bg-dark: #2a303c; --lmd-color-inverse-bg-dark-hover: #464f5f; --lmd-color-inverse-bg-cta: #fff; --lmd-color-inverse-bg-cta-hover: #f5f6f8; --lmd-color-inverse-content-light: #d5d8dc; --lmd-color-inverse-content-light-hover: #bdc1c8; --lmd-color-inverse-content-medium: #f5f6f8; --lmd-color-inverse-content-medium-hover: #e8eaee; --lmd-color-inverse-content-dark: #fff; --lmd-color-inverse-content-dark-hover: #f5f6f8; --lmd-color-red-bg-white: #e8eaee; --lmd-color-red-bg-white-hover: rgba(224, 46, 46, .102); --lmd-color-red-bg-light: #feeeec; --lmd-color-red-bg-light-hover: #fee4e2; --lmd-color-red-bg-medium: #fee4e2; --lmd-color-red-bg-medium-hover: #ffd4d1; --lmd-color-red-bg-dark: #ffd4d1; --lmd-color-red-bg-dark-hover: #f8b9b9; --lmd-color-red-bg-cta: #c72929; --lmd-color-red-bg-cta-hover: #a92325; --lmd-color-red-border-light: #f8b9b9; --lmd-color-red-border-medium: #c72929; --lmd-color-red-border-dark: #6b191a; --lmd-color-red-content-light: #c72929; --lmd-color-red-content-light-hover: #a92325; --lmd-color-red-content-medium: #7d0707; --lmd-color-red-content-medium-hover: #6b191a; --lmd-color-red-content-dark: #220708; --lmd-color-red-content-dark-hover: #6b191a; --lmd-color-storm-bg-white: #fff; --lmd-color-storm-bg-white-hover: hsla(220, 3%, 53%, .102); --lmd-color-storm-bg-light: #f5f6f8; --lmd-color-storm-bg-light-hover: #e8eaee; --lmd-color-storm-bg-medium: #e8eaee; --lmd-color-storm-bg-medium-hover: #d5d8dc; --lmd-color-storm-bg-dark: #d5d8dc; --lmd-color-storm-bg-dark-hover: #bdc1c8; --lmd-color-storm-bg-cta: #2a303c; --lmd-color-storm-bg-cta-hover: #464f5f; --lmd-color-storm-border-lighter: #e8eaee; --lmd-color-storm-border-light: #bdc1c8; --lmd-color-storm-border-medium: #6e7787; --lmd-color-storm-border-dark: #464f5f; --lmd-color-storm-content-light: #6e7787; --lmd-color-storm-content-light-hover: #666e80; --lmd-color-storm-content-medium: #565e70; --lmd-color-storm-content-medium-hover: #464f5f; --lmd-color-storm-content-dark: #2a303c; --lmd-color-storm-content-dark-hover: #464f5f; overflow-x: hidden; font-size: 1.6rem; margin: 0 } *, :after, :before { box-sizing: inherit } i { font-style: italic } :root { --space1: .4rem; --space2: .8rem; --space3: 1.2rem; --space4: 1.6rem; --space5: 2rem; --space6: 2.4rem; --space7: 2.8rem; --space8: 3.2rem; --space9: 3.6rem; --space10: 4rem; --space11: 4.4rem; --space12: 4.8rem; --space13: 5.2rem; --space14: 5.6rem; --space15: 6rem; --space16: 6.4rem; --space17: 6.8rem; --space18: 7.2rem; --space19: 7.6rem; --space20: 8rem; --bp-xxs: 32rem; --bp-xs: 36rem; --bp-xs-plus: 37.5rem; --bp-mobile: 48rem; --bp-s: 57.6rem; --bp-m: 76.8rem; --bp-l: 102.4rem; --bp-xl: 120rem; --bp-xxl: 128rem; --bp-xxxl: 144rem; --content-max-width: 115.2rem; --content-max-width-account: 112rem; --content-max-width-abo: 121.6rem; --content-max-width-article: 93.6rem; --content-max-width-cmp: 90.4rem; --content-max-width-ads: 100rem; --ds-color-storm-bg-white: #fff; --ds-color-storm-bg-transparent-hover: rgba(139, 146, 161, .102); --ds-color-storm-bg-white-hover: hsla(220, 3%, 53%, .102); --ds-color-storm-bg-light: #f5f6f8; --ds-color-storm-bg-light-hover: #e8eaee; --ds-color-storm-bg-medium: #e8eaee; --ds-color-storm-bg-medium-hover: #d5d8dc; --ds-color-storm-bg-dark: #d5d8dc; --ds-color-storm-bg-dark-hover: #bdc1c8; --ds-color-storm-bg-cta: #2a303c; --ds-color-storm-bg-cta-hover: #000a15; --ds-color-storm-border-lighter: rgba(0, 0, 0, .2); --ds-color-storm-border-light: #bdc1c8; --ds-color-storm-border-medium: #666e80; --ds-color-storm-border-dark: #464f5f; --ds-color-storm-border-white-lighter: #e8eaee; --ds-color-storm-border-white-light: #bdc1c8; --ds-color-storm-border-white-medium: #6e7787; --ds-color-storm-border-white-dark: #464f5f; --ds-color-storm-content-light: #666e80; --ds-color-storm-content-light-hover: #565e70; --ds-color-storm-content-medium: #464f5f; --ds-color-storm-content-medium-hover: #2a303c; --ds-color-storm-content-dark: #2a303c; --ds-color-storm-content-dark-hover: #464f5f; --ds-color-storm-content-cta: #fff; --ds-color-storm-content-cta-hover: #fff; --ds-color-storm-content-white-light: #6e7787; --ds-color-storm-content-white-light-hover: #666e80; --ds-color-storm-content-white-medium: #565e70; --ds-color-storm-content-white-medium-hover: #464f5f; --ds-color-storm-content-white-dark: #2a303c; --ds-color-storm-content-white-dark-hover: #464f5f; --ds-dark-color-storm-bg-white: hsla(0, 0%, 100%, .2); --ds-dark-color-storm-bg-white-hover: hsla(220, 3%, 53%, .102); --ds-dark-color-storm-bg-light: #565e70; --ds-dark-color-storm-bg-light-hover: #666e80; --ds-dark-color-storm-bg-medium: #464f5f; --ds-dark-color-storm-bg-medium-hover: #464f5f; --ds-dark-color-storm-bg-dark: #2a303c; --ds-dark-color-storm-bg-dark-hover: #464f5f; --ds-dark-color-storm-bg-cta: #fff; --ds-dark-color-storm-bg-cta-hover: #f5f6f8; --ds-dark-color-storm-border-lighter: hsla(0, 0%, 100%, .2); --ds-dark-color-storm-border-light: #666e80; --ds-dark-color-storm-border-medium: #a4a9b4; --ds-dark-color-storm-border-dark: #e8eaee; --ds-dark-color-storm-border-white-lighter: #4b4f56; --ds-dark-color-storm-border-white-light: #6b6e75; --ds-dark-color-storm-border-white-medium: #a7a9ad; --ds-dark-color-storm-border-white-dark: #e9eaec; --ds-dark-color-storm-content-light: #d5d8dc; --ds-dark-color-storm-content-light-hover: #d5d8dc; --ds-dark-color-storm-content-medium: #d5d8dc; --ds-dark-color-storm-content-medium-hover: #e8eaee; --ds-dark-color-storm-content-dark: #fff; --ds-dark-color-storm-content-dark-hover: #f5f6f8; --ds-dark-color-storm-content-cta: #2a303c; --ds-dark-color-storm-content-cta-hover: #2a303c; --ds-dark-color-storm-content-white-light: #d5d8dc; --ds-dark-color-storm-content-white-light-hover: #bdc1c8; --ds-dark-color-storm-content-white-medium: #f5f6f8; --ds-dark-color-storm-content-white-medium-hover: #e8eaee; --ds-dark-color-storm-content-white-dark: #fff; --ds-dark-color-storm-content-white-dark-hover: #f5f6f8; --br-xxs: .1rem; --br-xs: .2rem; --br-s: .3rem; --br-m: .6rem; --br-l: .9rem; --br-xl: 1.2rem; --br-xxl: 2.4rem; --ds-color-neutral-bg-white: #fff; --ds-color-neutral-bg-white-hover: hsla(220, 4%, 58%, .102); --ds-color-neutral-bg-light: #f5f6f8; --ds-color-neutral-bg-light-hover: #e9eaec; --ds-color-neutral-bg-medium: #e9eaec; --ds-color-neutral-bg-medium-hover: #d7d8d9; --ds-color-neutral-bg-dark: #d7d8d9; --ds-color-neutral-bg-dark-hover: #bfc1c4; --ds-color-neutral-bg-cta: #2a2c30; --ds-color-neutral-bg-cta-hover: #0f1116; --ds-color-neutral-border-lighter: rgba(0, 0, 0, .2); --ds-color-neutral-border-light: #bfc1c4; --ds-color-neutral-border-medium: #6b6e75; --ds-color-neutral-border-dark: #4b4f56; --ds-color-neutral-border-white-lighter: #e9eaec; --ds-color-neutral-border-white-light: #bfc1c4; --ds-color-neutral-border-white-medium: #777b83; --ds-color-neutral-border-white-dark: #4b4f56; --ds-color-neutral-content-light: #6b6e75; --ds-color-neutral-content-light-hover: #5b5e66; --ds-color-neutral-content-medium: #4b4f56; --ds-color-neutral-content-medium-hover: #2a2c30; --ds-color-neutral-content-dark: #2a2c30; --ds-color-neutral-content-dark-hover: #4b4f56; --ds-color-neutral-content-cta: #fff; --ds-color-neutral-content-cta-hover: #fff; --ds-color-neutral-content-white-light: #777b83; --ds-color-neutral-content-white-light-hover: #6b6e75; --ds-color-neutral-content-white-medium: #5b5e66; --ds-color-neutral-content-white-medium-hover: #4b4f56; --ds-color-neutral-content-white-dark: #2a2c30; --ds-color-neutral-content-white-dark-hover: #4b4f56; --font-antiqua-b: "The Antiqua B", "The Antiqua B Fallback", Droid-serif; --font-antiqua-b-italic: "The Antiqua B Italic", "The Antiqua B Italic Fallback", Droid-serif; --font-antiqua-b-medium: "The Antiqua B Medium", "The Antiqua B Medium Fallback", Droid-serif; --font-antiqua-b-standard-italic: "The Antiqua B Italic", "The Antiqua B Italic Fallback", Droid-serif; --font-antiqua-b-bold: "The Antiqua B Bold", "The Antiqua B Bold Fallback", "Georgia", "Times Roman", serif; --font-antiqua-b-bold-italic: "The Antiqua B Bold Italic", "The Antiqua B Bold Italic Fallback", "Georgia", "Times Roman", serif; --font-fette: "Fette Engschrift", "Marr Sans Fallback", Roboto; --font-marr-sans-semibold: "Marr Sans Semibold", "Marr Sans Semibold Fallback", Roboto; --font-marr-sans-condensed-semibold: "Marr Sans Condensed Semibold", "Marr Sans Condensed Semibold Fallback", "DINCondensed-Bold", "Roboto Condensed"; --font-marr-sans-condensed-bold: "Marr Sans Condensed Bold", "Marr Sans Condensed Bold Fallback", "DINCondensed-Bold", "Roboto Condensed" } .ds-chapo { color: #2a303c; color: var(--ds-color-storm-content-white-dark); font-family: var(--font-marr-sans-medium), sans-serif; font-size: 1.6rem; line-height: 2.2rem; margin-top: 1.2rem; margin-top: var(--space3) } @media (min-width:768px) { .article--longform .incentive-block { max-width: 62rem } .article--single .incentive-block { margin-left: 0; margin-right: 0; padding-left: 1.6rem; padding-right: 1.6rem } .ds-chapo { font-size: 1.8rem; line-height: 2.4rem } } .ds-title { color: #2a303c; color: var(--ds-color-storm-content-white-dark); font-family: var(--font-antiqua-b-bold), serif; font-size: 2.4rem; letter-spacing: .02rem; line-height: 2.8rem } @media (min-width:768px) { .ds-title { font-size: 3.6rem; line-height: 4.2rem } } @media (min-width:1024px) { .article--longform .incentive-block { max-width: 63rem } .article:not(.article--longform) .serie__carousel:not(.serie__carousel--sticky) { left: -3.2rem; padding: 0 3.2rem; width: 100rem } .article:not(.article--longform) .serie__carousel:not(.serie__carousel--sticky) .serie__card:first-of-type { padding-left: 0 } .article:not(.article--longform) .serie__carousel:not(.serie__carousel--sticky).js-open { margin-bottom: 2.4rem } .article:not(.article--longform) .serie__carousel--abo { width: 110.8rem !important } .ds-title { font-size: 4rem; line-height: 4.4rem } } .ds-breadcrumb { display: flex; flex-flow: row wrap; margin-bottom: 1.2rem } .ds-breadcrumb__item { align-items: center; display: flex; flex-flow: row nowrap } .ds-breadcrumb__item:after { align-self: center; background: #6e7787; background: var(--ds-color-storm-content-white-light); border-radius: 50%; content: ""; height: .4rem; margin: 0 .8rem; width: .4rem } .ds-breadcrumb__item:last-child:after { display: none } .ds-breadcrumb__link { align-items: center; color: #6e7787; color: var(--ds-color-storm-content-white-light); display: flex; flex-flow: column; font-family: var(--font-marr-sans-condensed), sans-serif; font-size: 1.6rem; letter-spacing: .13rem; line-height: 1.5rem; text-transform: uppercase; white-space: nowrap } .ds-article__heading .ds-title { font-size: 2.4rem } @media (min-width:768px) { .ds-article__heading .ds-title { font-size: 3.6rem } } .ds-article__heading .ds-description { margin-top: .8rem; margin-top: var(--space2) } .ds-article-status--opinion { margin-top: 2.4rem; padding-top: 2.4rem } @media (min-width:992px) { .ds-article-status--opinion { margin-left: auto; max-width: calc(100% - 25.6rem) } } .main--abo .ds-article-status--opinion { max-width: calc(100% - 27.5rem) } @media (min-width:1024px) { .ds-article__heading .ds-title { font-size: 4rem } .ds-breadcrumb { margin-bottom: 1.8rem } } .ds-article__heading { margin-top: 1.2rem } .article--longform .ds-article-status { margin-top: 0 } .sr-only { -webkit-clip-path: inset(50%); clip-path: inset(50%); 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; white-space: nowrap !important; width: 1px !important } .logo__election-presidentielle-americaine-2024, .logo__l-epoque, .logo__m-le-mag { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; flex-shrink: 0; text-indent: -99999px } .icon__facebook, .icon__gift { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; flex-shrink: 0 } .icon--outside-simple { float: left } .logo--full { height: 100% !important; width: 100% !important } .icon__gift { background-image: url("../assets/340885697bf318b64d5ec3d5b3a47478e2881670.svg"); height: 1.6rem; width: 1.6rem } .icon__facebook { background-image: url("../assets/f106cf820824e321e35f80e3e79e482291757b6c.svg"); height: 2.4rem; width: 2.4rem } .icon__video--inline { background-image: url(""); height: 1.3rem; margin-right: .4rem; width: 1.3rem } .logo__m-le-mag { background-image: url("../assets/4583e642d4f99c95eeb9fb22628fbf76985eb2d4.svg"); height: 2.4rem; width: 10.3rem } .logo__m-le-mag--nav { height: 1.8rem; width: 8rem } .logo__l-epoque { background-image: url("../assets/ac03dd47b4c8a0b9b8606c4f2729aa82a99194b5.svg"); height: 2.4rem; width: 7.8rem } .logo__election-presidentielle-americaine-2024 { background-image: url(""); height: 2.4rem; width: 25.2rem } .logo__election-presidentielle-americaine-2024--inverse { background-image: url("") } .logo__election-presidentielle-americaine-2024--article { height: 1.8rem; width: 18.8rem } .logo__election-presidentielle-americaine-2024--roll { height: 1.7rem; width: 18rem } .logo__election-presidentielle-americaine-2024--roll-free { height: 2.3rem; width: 24rem } @keyframes spin { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @font-face { font-display: swap; font-family: The Antiqua B; font-stretch: 25% 150%; font-style: normal; font-weight: 100 900; src: url("TheAntiquaB-LeMonde.b353d5d190089f96.woff2") format("woff2-variations"), url("TheAntiquaB-LeMonde.b353d5d190089f96.woff2") format("woff2") } @font-face { font-display: swap; font-family: The Antiqua B; font-stretch: 25% 150%; font-style: italic; font-weight: 125 900; src: url("TheAntiquaB-LeMonde-Italic.a9ec17f6e3f905ea.woff2") format("woff2-variations"), url("TheAntiquaB-LeMonde-Italic.a9ec17f6e3f905ea.woff2") format("woff2") } @font-face { font-display: fallback; font-family: The Antiqua B standard; font-style: normal; font-weight: 500; src: url(""); src: local("TheAntiquaB_LT_500"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_500.6cb0e24e52ffcbe1.woff2") format("woff2"), url("TheAntiquaB_LT_500.fb7e2b2d80d0fbfc.woff") format("woff"), url("") format("svg") } @font-face { font-display: fallback; font-family: The Antiqua B standard; font-style: italic; font-weight: 500; src: url(""); src: local("TheAntiquaB_LT_500_italic"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_500_italic.3ddfddc5c0c16085.woff2") format("woff2"), url("TheAntiquaB_LT_500_italic.628901d73211b367.woff") format("woff"), url("") format("svg") } @font-face { font-display: fallback; font-family: The Antiqua B standard; font-style: normal; font-weight: 700; src: url(""); src: local("TheAntiquaB_LT_700"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_700.2aaccac4935cf3d8.woff2") format("woff2"), url("TheAntiquaB_LT_700.117cddd27e9cd053.woff") format("woff"), url("") format("svg") } @font-face { font-display: fallback; font-family: The Antiqua B standard; font-style: italic; font-weight: 700; src: url(""); src: local("TheAntiquaB_LT_700_i"), url("") format("embedded-opentype"), url("TheAntiquaB_LT_700_i.714532583c4a9c72.woff2") format("woff2"), url("TheAntiquaB_LT_700_i.6b6f83a7926a4477.woff") format("woff"), url("") format("svg") } @font-face { font-display: swap; font-family: Marr Sans; font-style: normal; font-weight: 600; src: url(""); src: url("") format("embedded-opentype"), url("MarrSans-Semibold-Web.f7d5c05af8370693.woff2") format("woff2"), url("MarrSans-Semibold-Web.dffeaf9c2da6e578.woff") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Condensed; font-style: normal; font-weight: 600; src: url(""); src: url("") format("embedded-opentype"), url("MarrSansCondensed-Semibold-Web.22ed62e40765ed70.woff2") format("woff2"), url("MarrSansCondensed-Semibold-Web.38e59055f09189d1.woff") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Condensed; font-style: normal; font-weight: 700; src: url(""); src: url("") format("embedded-opentype"), url("MarrSansCondensed-Bold-Web.07e8c5aa145a2514.woff2") format("woff2"), url("MarrSansCondensed-Bold-Web.f524a1551a2cdcfa.woff") format("woff") } @media(max-width:767px) { .u-hide-mobile { display: none !important } } @media(min-width:768px) { .u-hide-desktop { display: none !important } } .ui-collapse:not(.ui-collapse--shown) { visibility: hidden } .ui-collapse:not(.ui-collapse--shown):not(.cookiewall__link-above-container) { display: none !important } body.popin-gdpr-no-scroll, html.popin-gdpr-no-scroll { overflow: hidden } [class^=gdpr-] { box-sizing: border-box } [class^=gdpr-] *, [class^=gdpr-] :after, [class^=gdpr-] :before { box-sizing: inherit } [class^=gdpr-] article, [class^=gdpr-] aside, [class^=gdpr-] details, [class^=gdpr-] figcaption, [class^=gdpr-] figure, [class^=gdpr-] footer, [class^=gdpr-] header, [class^=gdpr-] hgroup, [class^=gdpr-] main, [class^=gdpr-] menu, [class^=gdpr-] nav, [class^=gdpr-] section, [class^=gdpr-] summary { display: block } [class^=gdpr-] audio, [class^=gdpr-] canvas, [class^=gdpr-] progress, [class^=gdpr-] video { display: inline-block; vertical-align: baseline } [class^=gdpr-] audio:not([controls]) { display: none; height: 0 } [class^=gdpr-] [hidden], [class^=gdpr-] template { display: none } [class^=gdpr-] a { background-color: transparent } [class^=gdpr-] a:active, [class^=gdpr-] a:hover { outline: 0 } [class^=gdpr-] abbr[title] { border-bottom: 1px dotted } [class^=gdpr-] b, [class^=gdpr-] strong { font-weight: 700 } [class^=gdpr-] dfn { font-style: italic } [class^=gdpr-] h1 { font-size: 2em; margin: .67em 0 } [class^=gdpr-] mark { background: #ff0; color: #000 } [class^=gdpr-] small { font-size: 80% } [class^=gdpr-] sub, [class^=gdpr-] sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } [class^=gdpr-] sup { top: -.5em } [class^=gdpr-] sub { bottom: -.25em } [class^=gdpr-] img { border: 0 } [class^=gdpr-] svg:not(:root) { overflow: hidden } [class^=gdpr-] figure { margin: 1em 40px } [class^=gdpr-] hr { box-sizing: content-box; height: 0 } [class^=gdpr-] pre { overflow: auto } [class^=gdpr-] code, [class^=gdpr-] kbd, [class^=gdpr-] pre, [class^=gdpr-] samp { font-family: monospace, monospace; font-size: 1em } [class^=gdpr-] button, [class^=gdpr-] input, [class^=gdpr-] optgroup, [class^=gdpr-] select, [class^=gdpr-] textarea { color: inherit; font: inherit; margin: 0 } [class^=gdpr-] button { overflow: visible } [class^=gdpr-] button, [class^=gdpr-] select { text-transform: none } [class^=gdpr-] button, [class^=gdpr-] html input[type=button], [class^=gdpr-] input[type=reset], [class^=gdpr-] input[type=submit] { -webkit-appearance: button; cursor: pointer } [class^=gdpr-] button[disabled], [class^=gdpr-] html input[disabled] { cursor: default } [class^=gdpr-] button::-moz-focus-inner, [class^=gdpr-] input::-moz-focus-inner { border: 0; padding: 0 } [class^=gdpr-] input { line-height: normal } [class^=gdpr-] input[type=checkbox], [class^=gdpr-] input[type=radio] { box-sizing: border-box; padding: 0 } [class^=gdpr-] input[type=number]::-webkit-inner-spin-button, [class^=gdpr-] input[type=number]::-webkit-outer-spin-button { height: auto } [class^=gdpr-] input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } [class^=gdpr-] input[type=search]::-webkit-search-cancel-button, [class^=gdpr-] input[type=search]::-webkit-search-decoration { -webkit-appearance: none } [class^=gdpr-] fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } [class^=gdpr-] legend { border: 0; padding: 0 } [class^=gdpr-] textarea { overflow: auto } [class^=gdpr-] optgroup { font-weight: 700 } [class^=gdpr-] table { border-collapse: collapse; border-spacing: 0 } [class^=gdpr-] td, [class^=gdpr-] th { padding: 0 } [class^=gdpr-] blockquote, [class^=gdpr-] body, [class^=gdpr-] caption, [class^=gdpr-] dd, [class^=gdpr-] dl, [class^=gdpr-] fieldset, [class^=gdpr-] figure, [class^=gdpr-] form, [class^=gdpr-] h1, [class^=gdpr-] h2, [class^=gdpr-] h3, [class^=gdpr-] h4, [class^=gdpr-] h5, [class^=gdpr-] h6, [class^=gdpr-] hr, [class^=gdpr-] legend, [class^=gdpr-] ol, [class^=gdpr-] p, [class^=gdpr-] pre, [class^=gdpr-] table, [class^=gdpr-] td, [class^=gdpr-] th, [class^=gdpr-] ul { font-family: inherit; font-weight: inherit; margin: 0; padding: 0 } [class^=gdpr-] a { color: inherit; font-family: inherit; -webkit-text-decoration: none; text-decoration: none } @font-face { font-display: swap; font-family: Marr Sans cmp; font-style: normal; font-weight: 400; src: url("") format("woff2"), url("") format("woff") } @font-face { font-display: swap; font-family: Marr Sans cmp; font-style: normal; font-weight: 500; src: url("") format("woff2"), url("") format("woff") } @font-face { font-display: swap; font-family: Marr Sans cmp; font-style: normal; font-weight: 600; src: url("") format("woff2"), url("") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Condensed cmp; font-style: normal; font-weight: 400; src: url("") format("woff2"), url("") format("woff") } @font-face { font-display: swap; font-family: Marr Sans Condensed cmp; font-style: normal; font-weight: 600; src: url(""); src: url("") format("embedded-opentype"), url("") format("woff2"), url("") format("woff") } [class^=gdpr-].gdpr-lmd-wall { align-items: flex-end; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(49, 49, 49, .7); color: #383f4e; display: flex; font-size: 14px; height: 100%; justify-content: center; left: 0; line-height: 22px; overflow: auto; overflow: hidden; position: fixed; scroll-behavior: smooth; top: 0; width: 100%; z-index: 10000001 } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall { align-items: center; display: flex; justify-content: center } } [class^=gdpr-].gdpr-lmd-wall__body, [class^=gdpr-].gdpr-lmd-wall__content, [class^=gdpr-].gdpr-lmd-wall__header { padding: 16px } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall__body, [class^=gdpr-].gdpr-lmd-wall__content { max-height: 95%; overflow: auto; padding: 24px 32px; width: 600px } } [class^=gdpr-].gdpr-lmd-wall__footer { padding: 16px } [class^=gdpr-].gdpr-lmd-wall { font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif } @media(min-width:576px) { [class^=gdpr-].gdpr-lmd-wall { align-items: center } } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall { font-size: 16px; line-height: 24px } } [class^=gdpr-].gdpr-lmd-wall--no-blur { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(42, 48, 59, .8) } [class^=gdpr-].gdpr-lmd-wall i { font-style: italic } [class^=gdpr-].gdpr-lmd-wall__title { color: #383f4e; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 16px } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall__title { font-size: 32px; line-height: 36px; margin-bottom: 24px } } [class^=gdpr-].gdpr-lmd-wall__refuse-link { bottom: calc(100% + 8px); color: #eff0f3; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 16px; font-weight: 500; left: 0; padding-right: 6px; position: absolute; right: 0; text-align: right } [class^=gdpr-].gdpr-lmd-wall__header { padding: 16px 16px 0 } @media(min-width:576px) { [class^=gdpr-].gdpr-lmd-wall__header { padding: 24px 24px 0 } } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__header { padding: 48px 60px 0; width: 100% } } [class^=gdpr-].gdpr-lmd-wall-brand { height: 24px; width: 107px } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall-brand { height: 35.09px; width: 162.7px } } [class^=gdpr-].gdpr-lmd-wall__wrapper { align-items: stretch; background-color: #fff; border-radius: 9px 9px 0 0; display: flex; flex-direction: column; height: 490px; justify-content: flex-start; max-height: calc(100% - 80px); max-width: 628px; overflow: visible; padding: 0; position: relative; width: 100% } @media(min-width:576px) { [class^=gdpr-].gdpr-lmd-wall__wrapper { border-radius: 9px; height: 541px } } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__wrapper { border-radius: 10px; height: 628px } } [class^=gdpr-].gdpr-lmd-wall__content { margin: 0; overflow: auto; padding: 0 16px } @media(min-width:576px) { [class^=gdpr-].gdpr-lmd-wall__content { padding: 0 24px } } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__content { border-radius: 10px; padding: 0 60px; width: 100% } } [class^=gdpr-].gdpr-lmd-wall__content a { cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline } [class^=gdpr-].gdpr-lmd-wall__content--white { background-color: #fff } [class^=gdpr-].gdpr-lmd-wall__content--white footer { background-color: #fff !important } [class^=gdpr-].gdpr-lmd-wall__content .c-explanations { margin: 0 -16px; max-height: 100%; overflow: auto; padding: 0 16px; width: auto } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__content .c-explanations { display: block; padding-top: 0 } } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation { margin: 16px 0; width: auto } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__content .c-explanation { margin: 32px 0 } } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation:not(:last-child) { border-right: none; margin-bottom: 16px } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__content .c-explanation:not(:last-child) { margin-bottom: 32px } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation:first-child { margin-top: 0 } } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__title { font-size: 14px; font-weight: 600 } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__title { font-size: 16px } } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation strong { font-weight: 500 } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__promote { font-style: italic; -webkit-text-decoration: none; text-decoration: none } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question { color: #2a303b; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question:after { background-image: url(""); content: " "; height: 16px; position: relative; top: 3px; transform: rotate(0); width: 16px } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question.ui-collapse--shown:after { transform: rotate(180deg) } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question+.c-explanation__answer { display: none; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question+.c-explanation__answer.ui-collapse--shown { border-left: 1px solid #e2e4e9; display: block; margin-top: 16px; padding-left: 20px } [class^=gdpr-].gdpr-lmd-wall__content .c-explanation__question>* { pointer-events: none } [class^=gdpr-].gdpr-lmd-wall__separator { margin: 0 auto; width: 100% } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__separator { border-bottom: .5px solid #bdc1c8; width: calc(100% - 120px) } } [class^=gdpr-].gdpr-lmd-wall__footer { align-items: center; border-top: 1px solid #bdc1c8; display: flex; flex-direction: column; gap: 12px; justify-content: flex-start; margin-top: auto; padding: 16px 16px 24px } @media(min-width:768px) { [class^=gdpr-].gdpr-lmd-wall__footer { border-top: 0; box-shadow: none; padding: 24px 60px 48px } } [class^=gdpr-].gdpr-lmd-wall__tcfbutton { margin-bottom: 15px } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes { border-bottom: 1px solid #e8eaee; display: block; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes-title { display: block; font-size: 13px; font-weight: 500 } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes-desc { display: block } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes-info-btn { background: url("") no-repeat; cursor: help; display: inline-block; height: 15px; vertical-align: middle; width: 15px } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes-info { background-color: #ececec; display: none; font-size: 11px; line-height: 1.2em; padding: 15px } [class^=gdpr-].gdpr-lmd-wall__tcfpurposes-info.ui-collapse--shown { display: block } [class^=gdpr-].gdpr-lmd-wall .gdpr-lmd-button { width: 100% } [class^=gdpr-].gdpr-lmd-wall .icon-arrow-right { background: url("") 50% no-repeat; display: inline-block; height: 9px; margin-left: 6px; width: 12px } [class^=gdpr-].gdpr-lmd-wall .c-explanation { margin: 0 } [class^=gdpr-].gdpr-lmd-wall .c-explanation:not(:last-child) { margin-bottom: 8px } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall .c-explanation:not(:last-child) { margin-bottom: 24px } } [class^=gdpr-].gdpr-lmd-wall .c-explanation__question:after { display: inline-block; margin-left: 8px } [class^=gdpr-].gdpr-lmd-wall .c-explanation__title { color: #454f5f; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 10px } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall .c-explanation__title { color: #2a303b; font-size: 18px; line-height: 24px } } [class^=gdpr-].gdpr-lmd-wall .c-explanation__answer { color: #383f4e; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 14px; line-height: 20px } @media(min-width:1024px) { [class^=gdpr-].gdpr-lmd-wall .c-explanation__answer { font-size: 15px; line-height: 22px } } [class^=gdpr-].gdpr-lmd-wall .c-explanation__login { color: #565e70; font-size: 15px; margin-top: 4px } [class^=gdpr-] .c-baseline { display: none; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 18px; font-weight: 500; line-height: 32px; text-align: right } @media(min-width:768px) { [class^=gdpr-] .c-baseline { display: inline-block } } [class^=gdpr-] .gdpr-lmd-brand { background-image: url(""); background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 19.49px; width: 93.83px } @media(min-width:1024px) { [class^=gdpr-] .gdpr-lmd-brand { height: 27.29px; width: 130.76px } } [class^=gdpr-] .gdpr-lmd-button { align-items: center; background-color: transparent; border: 1px solid #2a303b; border-radius: 3px; color: #2a303b; cursor: pointer; display: inline-flex; font-family: Marr Sans, Marr Sans cmp, Helvetica, Arial, Roboto, sans-serif; font-size: 16px; font-weight: 500; height: 42px; justify-content: center; line-height: 16px; padding: 0 24px; text-align: center; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; width: 100% } @media(min-width:768px) { [class^=gdpr-] .gdpr-lmd-button { width: auto } } @media(min-width:1024px) { [class^=gdpr-] .gdpr-lmd-button--small { padding: 0 24px } } [class^=gdpr-] .gdpr-lmd-button--main, [class^=gdpr-] .gdpr-lmd-button--main:hover { background-color: #026b9c; border: 0; color: #fff } [class^=gdpr-] .gdpr-lmd-button--offers, [class^=gdpr-] .gdpr-lmd-button--offers:hover { background-color: rgba(255, 246, 211, .3); border-color: #ffae00; color: #383f4e } @media(min-width:768px) { [class^=gdpr-] .gdpr-lmd-button--offers, [class^=gdpr-] .gdpr-lmd-button--offers:hover { padding: 0 64px } } [class^=gdpr-] .gdpr-lmd-button--standard, [class^=gdpr-] .gdpr-lmd-button--standard:hover { border: 1px solid #026b9c; color: #026b9c } [class^=gdpr-] .gdpr-lmd-button--crystal, [class^=gdpr-] .gdpr-lmd-button--crystal:hover { border: 1px solid transparent; color: #026b9c; padding: 15px 16px; -webkit-text-decoration: underline; text-decoration: underline } [class^=gdpr-] .gdpr-lmd-button--slate-darker { background-color: #2a303b; border: 0; color: #fff } [class^=gdpr-] .gdpr-lmd-button--slate-darker:hover { background-color: #000a15 } [class^=gdpr-] .gdpr-lmd-button--white { background: #fff; border: .1rem solid rgba(0, 0, 0, .2); color: #2a303b } [class^=gdpr-] .gdpr-lmd-button--white:hover { background: #f5f6f8 } [class^=gdpr-] .gdpr-lmd-button--wide { width: 100% } [class^=gdpr-] .c-explanation { align-items: normal; display: flex; flex-direction: column; justify-content: flex-start; margin-top: 16px; position: relative } @media(min-width:768px) { [class^=gdpr-] .c-explanation { display: flex; margin-top: 16px; width: 50% } } [class^=gdpr-] .c-explanation:not(:last-child) { margin-bottom: 8px } @media(min-width:768px) { [class^=gdpr-] .c-explanation:not(:last-child) { border-right: 1px solid #e2e4e9; margin-bottom: 0 } } [class^=gdpr-] .c-explanation--wide { margin: 0; padding: 0; width: 100% } [class^=gdpr-] .c-explanation__heading { color: #013; font-family: Marr Sans Condensed, Marr Sans Condensed cmp, DINCondensed-Bold, Roboto Condensed, Arial Narrow, sans-serif; font-size: 18px; font-weight: 600; line-height: 22px; margin: 0 0 8px } @media(min-width:360px) { [class^=gdpr-] .c-explanation__heading { font-size: 20px; line-height: 24px } } @media(min-width:1440px) { [class^=gdpr-] .c-explanation__heading { font-size: 22px; line-height: 28px } } [class^=gdpr-] .c-explanation__heading--first { order: -2 } [class^=gdpr-] .c-explanation__link { color: #0070b2; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 16px; -webkit-text-decoration: underline; text-decoration: underline } [class^=gdpr-] .c-explanation__link:after { background: url("") 50% no-repeat; content: ""; display: inline-block; height: 9px; margin-left: 6px; width: 12px } [class^=gdpr-] .c-explanation__pricing { color: #454f5f; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 16px } @media(min-width:768px) { [class^=gdpr-] .c-explanation__pricing { font-size: 15px; line-height: 20px; margin: 16px 0 } } [class^=gdpr-] .c-explanation__pricing--first { order: -2 } [class^=gdpr-] .c-explanation__pricing strong { font-weight: 500 } [class^=gdpr-] .c-explanation__block { margin-bottom: 4px } [class^=gdpr-] .c-explanation__block--question { margin-bottom: 16px } [class^=gdpr-] .c-explanation__question { background-color: transparent; border: 0; color: #0070b2; font-size: 13px; font-weight: 500; line-height: 20px; outline: 0; padding: 0; position: relative; text-align: left } @media(min-width:768px) { [class^=gdpr-] .c-explanation__question:after { background-image: url(""); content: " "; display: flex; height: 5px; position: absolute; transform: scaleY(-1); width: 8px } [class^=gdpr-] .c-explanation__question.ui-collapse--shown:after { transform: none } } [class^=gdpr-] .c-explanation__answer { font-size: 14px; word-break: break-word } [class^=gdpr-] .c-explanation__answer.ui-collapse--shown { display: block } [class^=gdpr-] .c-explanation__answer strong { font-weight: 500 } [class^=gdpr-] .c-explanation__checkbox, [class^=gdpr-] .c-explanation__checkbox-label { cursor: pointer } [class^=gdpr-] .c-explanation__form { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; max-width: 480px; position: relative } @media(min-width:480px) { [class^=gdpr-] .c-explanation__form { flex-direction: row } } [class^=gdpr-] .c-explanation__form--has-helper { padding-bottom: 20px } [class^=gdpr-] .c-explanation__form .c-explanation__button { flex-shrink: 0 } [class^=gdpr-] .c-explanation__form-helper { align-items: center; bottom: 0; display: none; font-size: 13px; height: 20px; justify-content: flex-start; left: 0; line-height: 15px; position: absolute; right: 0 } [class^=gdpr-] .c-explanation__form-helper--error, [class^=gdpr-] .c-explanation__form-helper--success { display: flex } [class^=gdpr-] .c-explanation__form-helper--error { color: #f62120 } [class^=gdpr-] .c-explanation__form-helper--success { color: #2c6c00 } [class^=gdpr-] .c-explanation__input { flex-shrink: 1; height: 42px; margin-bottom: 8px; outline: none; padding-left: 12px; width: 100% } @media(min-width:480px) { [class^=gdpr-] .c-explanation__input { margin-bottom: 0; margin-right: 8px } } [class^=gdpr-] .c-explanation__actions { text-align: center } @media(min-width:768px) { [class^=gdpr-] .c-explanation__actions { margin-top: 24px; text-align: left } } @media(min-width:1440px) { [class^=gdpr-] .c-explanation__actions { margin-top: 26px } } [class^=gdpr-] .c-explanation__actions--offers { margin-bottom: 32px; order: -1 } @media(min-width:768px) { [class^=gdpr-] .c-explanation__actions--offers { margin-top: 37px; order: 0 } } @media(min-width:1024px) { [class^=gdpr-] .c-explanation__actions--offers { margin-top: 57px } } @media(min-width:1440px) { [class^=gdpr-] .c-explanation__actions--offers { margin-top: 60px } } [class^=gdpr-] .c-explanation__login { color: #026b9c; font-size: 15px; line-height: 16px; text-align: center } [class^=gdpr-] .c-explanation__login a { -webkit-text-decoration: underline; text-decoration: underline } [class^=gdpr-] .c-explanation__login--slate-darker { color: #383f4e } [class^=gdpr-] .c-explanation__lmi-settings { color: #026b9c; display: block; font-size: 15px; line-height: 16px; margin-top: 8px; text-align: center } [class^=gdpr-] .c-explanation__title { color: #454f5f } .dfp__inread.adm-ad-rendered { display: block; } div[id*="banniere_haute"].adm-ad-skin>div { position: absolute; } #banniere_haute { max-height: 250px; } .loader { display: none !important; } .up-show::after { content: '' !important; } .fw_most_read_recommendations { background-color: #f5f6f8; border-top: 4px solid #2a303b; padding: 0 20px 20px 20px; } .fw_most_read_recommendations-articles-type { font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 28px; line-height: 1.4; font-weight: 700; margin: 0; margin-top: 28px; color: #2a303b; } .fw_most_read_recommendations-articles { margin: 0; padding: 0; background-color: hsl(220, 18%, 97%); list-style: none; } .fw_most_read_recommendations-article:not(:last-child) { border-bottom: 1px solid #d5d8dc; } .fw_most_read_recommendations-article a { display: flex; padding: 24px 0; text-decoration: none; color: #2a303b; } .fw_most_read_recommendations-article-number { font-family: "The Antiqua B", Georgia, Droid-serif, serif; margin-top: -3px; display: flex; font-weight: 600; line-height: normal; color: #2a303b; font-size: 32px; } .fw_most_read_recommendations-article-title { font-family: "The Antiqua B", Georgia, Droid-serif, serif; display: flex; color: #2a303b; font-size: 18px; line-height: 1.3; letter-spacing: -0.02px; font-weight: 400; padding-left: 16px; } .fw_most_read_recommendations-article a:hover .fw_most_read_recommendations-article-title { text-decoration: underline; }