h1{font-size:28px !important;}
h2{font-size:22px !important;}
h3{font-size:20px !important;}
h4{font-size:18px !important;}
img{object-fit: cover;}
 @media(max-width:1024px) {
  h1{
               font-size:23px !important; 
        }
  h2{
               font-size:18px !important; 
        }
  h3{
               font-size:17px !important;
        }
  h4{
               font-size:16px !important;   
        }
 }
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.display-none {
    display: none
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-block {
    display: block
}

.display-table {
    display: table
}

.display-table-cell {
    display: table-cell
}

.display-table-row {
    display: table-row
}

.display-flex {
    display: flex
}

.display-inline-flex {
    display: inline-flex
}

.only-in-dark {
    display: none
}

[data-color-mode=light] {
    color-scheme: light
}

[data-color-mode=light] .with-dark-mask {
    -webkit-filter: none;
    filter: none
}

[data-color-mode=dark] {
    color-scheme: dark
}

[data-color-mode=dark] iframe {
    color-scheme: none
}

[data-color-mode=dark] .with-dark-mask {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=dark] .not-in-dark {
    display: none
}

[data-color-mode=dark] .only-in-dark {
    display: inline;
    display: initial
}

.popin {
    color: inherit;
    font-size: inherit;
    letter-spacing: .01em;
    line-height: 1.3
}

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

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

:root {
    --right-menu-height: 100vh;
    --tv-grid-filter-height: 100vh;
    -ms-scroll-chaining: none auto;
    overscroll-behavior: none auto
}

html {
    box-sizing: border-box;
    color: #383f4e;
    font-size: 62.5%;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth
}

html.app html a,
html.app html button {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.app html a:focus,
html.app html a:visited,
html.app html button:focus,
html.app html button:visited {
    outline: 0;
    text-decoration: none;
    color: inherit
}

[data-color-mode=dark] {
    background-color: #1c1a26
}

body {
    font-size: 16px
}

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

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

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

* {
    -webkit-user-drag: none
}

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

:focus {
    outline: 0
}

::-moz-focus-inner {
    border: none
}

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

li {
    list-style: none
}

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

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

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

hr {
    margin: 3.2rem 0
}

hr::after {
    content: "";
    border-top: .1rem solid #dad9db
}

sup {
    position: relative;
    left: .05rem;
    font-size: .9rem;
    line-height: 130%;
    font-weight: 900
}

.btn,
.btn--base,
.btn--black,
.btn--paywall,
.btn--premium,
.btn--premium-kiosk,
.btn--premium-rounded,
.header__main-nav-right-button,
.header__nav-right-button {
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: 1.2rem 2rem;
    text-decoration: none;
    transition: background-color .3s;
    white-space: nowrap
}

#Header .User__avatar,
#Header .User__avatar--canalsubscriber,
#Header .User__avatar--subscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--canalsubscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--subscriber,
.broadcaster,
.edito__icon--cinema,
.edito__icon--disque,
.edito__icon--event,
.edito__icon--film,
.edito__icon--generic,
.edito__icon--jeux-video,
.edito__icon--lieu,
.edito__icon--livre,
.edito__icon--personalite,
.edito__icon--series,
.edito__icon--tv-show,
.footer__icon,
.header__icon,
.icon,
.icon__arrow-right,
.icon__facebook,
.icon__facebook-round,
.icon__google,
.icon__google-plus,
.icon__google__banner,
.icon__home,
.icon__instagram,
.icon__mail,
.icon__mail-round,
.icon__nav-abonne,
.icon__nav-arrow-down,
.icon__nav-arrow-up,
.icon__nav-connexion,
.icon__nav-connexion-aide,
.icon__nav-connexion-deconnexion,
.icon__nav-dropdown-close,
.icon__nav-exclu-abonne,
.icon__nav-fleche,
.icon__nav-my-account,
.icon__nav-my-account-abonne,
.icon__nav-my-account-abonnecanal,
.icon__nav-non-abonne,
.icon__rss,
.icon__twitter,
.icon__twitter-round,
.icon__user,
.icon__youtube,
.label-simple--metro:before,
.search__container:before,
.search__submit,
.zoning__home-tags-item__icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

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

#Header .Header__logo a .logo__telerama,
.logo {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

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

.separator {
    margin: 3.2rem auto;
    border-top: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .separator {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .separator {
    border-color: #dad9db
}

.dropdown__inputradio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) 50% 50% no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E5E5E5' d='M0 0h18v18H0z'/%3E%3Cg clip-path='url(%23clip0_14011_66240)'%3E%3Cpath fill='%23fff' d='M-227-1062H979V280H-227z'/%3E%3Crect x='-15.5' y='-15.5' width='49' height='187' rx='4.5' stroke='%237B61FF' stroke-dasharray='10 5'/%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%238F8E93'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14011_66240'%3E%3Crect x='-227' y='-1232' width='1206' height='1512' rx='24' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    border: 0 none;
    display: block;
    margin: 0;
    width: 1.8rem;
    height: 1.8rem
}

[data-color-mode=dark] .dropdown__inputradio {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%23fff' stroke-opacity='.48'/%3E%3C/svg%3E")
}

[data-color-mode=light] .dropdown__inputradio {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E5E5E5' d='M0 0h18v18H0z'/%3E%3Cg clip-path='url(%23clip0_14011_66240)'%3E%3Cpath fill='%23fff' d='M-227-1062H979V280H-227z'/%3E%3Crect x='-15.5' y='-15.5' width='49' height='187' rx='4.5' stroke='%237B61FF' stroke-dasharray='10 5'/%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%238F8E93'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14011_66240'%3E%3Crect x='-227' y='-1232' width='1206' height='1512' rx='24' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.dropdown__inputradio:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%2345434B'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .dropdown__inputradio:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%23fff' stroke-opacity='.8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .dropdown__inputradio:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%2345434B'/%3E%3C/svg%3E")
}

.dropdown__inputradio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%2316141E'/%3E%3Crect x='6' y='6' width='6' height='6' rx='3' fill='%23fff'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .dropdown__inputradio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23fff' fill-opacity='.9'/%3E%3Crect x='6' y='6' width='6' height='6' rx='3' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=light] .dropdown__inputradio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%2316141E'/%3E%3Crect x='6' y='6' width='6' height='6' rx='3' fill='%23fff'/%3E%3C/svg%3E")
}

.dropdown__inputradio:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' fill='%23F3F3F4' stroke='%238F8E93'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .dropdown__inputradio:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='9' fill='%23fff' fill-opacity='.16'/%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' stroke='%23fff' stroke-opacity='.48'/%3E%3C/svg%3E")
}

[data-color-mode=light] .dropdown__inputradio:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='17' height='17' rx='8.5' fill='%23F3F3F4' stroke='%238F8E93'/%3E%3C/svg%3E")
}

#Header .User__avatar,
#Header .User__avatar--canalsubscriber,
#Header .User__avatar--subscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--canalsubscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--subscriber,
.broadcaster,
.edito__icon--cinema,
.edito__icon--disque,
.edito__icon--event,
.edito__icon--film,
.edito__icon--generic,
.edito__icon--jeux-video,
.edito__icon--lieu,
.edito__icon--livre,
.edito__icon--personalite,
.edito__icon--series,
.edito__icon--tv-show,
.footer__icon,
.header__icon,
.icon,
.icon__arrow-right,
.icon__facebook,
.icon__facebook-round,
.icon__google,
.icon__google-plus,
.icon__google__banner,
.icon__home,
.icon__instagram,
.icon__mail,
.icon__mail-round,
.icon__nav-abonne,
.icon__nav-arrow-down,
.icon__nav-arrow-up,
.icon__nav-connexion,
.icon__nav-connexion-aide,
.icon__nav-connexion-deconnexion,
.icon__nav-dropdown-close,
.icon__nav-exclu-abonne,
.icon__nav-fleche,
.icon__nav-my-account,
.icon__nav-my-account-abonne,
.icon__nav-my-account-abonnecanal,
.icon__nav-non-abonne,
.icon__rss,
.icon__twitter,
.icon__twitter-round,
.icon__user,
.icon__youtube,
.label-simple--metro:before,
.search__container:before,
.search__submit,
.zoning__home-tags-item__icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

#Header .Header__logo a .logo__telerama,
.logo {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

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

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

.icon__instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M9.997 1.801c2.67 0 2.985.01 4.04.059.974.044 1.504.207 1.856.344.434.16.827.416 1.15.748.331.322.587.715.747 1.149.137.352.3.882.344 1.856.048 1.054.059 1.37.059 4.04s-.01 2.985-.059 4.04c-.044.974-.207 1.504-.344 1.856a3.31 3.31 0 01-1.897 1.897c-.352.137-.882.3-1.856.344-1.054.049-1.37.059-4.04.059s-2.986-.01-4.04-.059c-.974-.044-1.504-.207-1.856-.344a3.097 3.097 0 01-1.15-.748 3.097 3.097 0 01-.747-1.15c-.137-.351-.3-.88-.345-1.855-.048-1.054-.058-1.37-.058-4.04s.01-2.985.058-4.04c.045-.974.208-1.504.345-1.856a3.09 3.09 0 01.748-1.15A3.097 3.097 0 014.1 2.205c.352-.137.882-.3 1.856-.344 1.054-.049 1.37-.059 4.04-.059zm0-1.801C7.282 0 6.94.012 5.875.06 4.811.11 4.085.278 3.45.525a4.9 4.9 0 00-1.771 1.153 4.9 4.9 0 00-1.153 1.77C.278 4.085.109 4.812.06 5.876.012 6.941 0 7.282 0 9.997s.012 3.055.06 4.122c.049 1.064.218 1.79.465 2.426a4.9 4.9 0 001.153 1.77 4.9 4.9 0 001.77 1.154c.637.247 1.363.416 2.427.465 1.067.048 1.407.06 4.122.06s3.056-.012 4.122-.06c1.064-.049 1.79-.218 2.426-.465a5.112 5.112 0 002.924-2.924c.247-.636.416-1.362.465-2.426.048-1.067.06-1.407.06-4.122s-.012-3.056-.06-4.122c-.049-1.064-.218-1.79-.465-2.426a4.9 4.9 0 00-1.153-1.771 4.9 4.9 0 00-1.77-1.153C15.908.278 15.182.109 14.118.06 13.052.012 12.712 0 9.997 0z'/%3E%3Cpath d='M10.134 5a5.134 5.134 0 100 10.267 5.134 5.134 0 000-10.267zm0 8.466a3.332 3.332 0 110-6.665 3.332 3.332 0 010 6.665z'/%3E%3Ccircle cx='16.2' cy='5.2' r='1.2'/%3E%3C/svg%3E")
}

.icon__twitter {
    background-image: url(/dist/assets/img/icons/twitter.svg)
}

.icon__youtube {
    background-image: url(/dist/assets/img/icons/footer-youtube.svg)
}

.icon__facebook {
    background-image: url(/dist/assets/img/icons/facebook.svg)
}

.icon__facebook-round {
    background-image: url(/dist/assets/img/icons/fb_lf.svg)
}

.icon__twitter-round {
    background-image: url(/dist/assets/img/icons/twitter_lf.svg)
}

.icon__mail-round {
    background-image: url(/dist/assets/img/icons/mail_lf.svg)
}

.icon__google-plus {
    background-image: url(/dist/assets/img/icons/google-plus.svg)
}

.icon__google {
    background-image: url(/dist/assets/img/icons/google.svg);
    width: 8.8rem;
    height: 2.8rem;
    margin-left: .6rem
}

.icon__google__banner {
    background-image: url(/dist/assets/img/icons/google.svg);
    width: 8.8rem;
    height: 2.4rem
}

.icon__rss {
    background-image: url(/dist/assets/img/icons/icon_rss-podcast.svg)
}

.icon__user {
    background-image: url(/dist/assets/img/icons/user.svg)
}

.icon__home {
    background-image: url(/dist/assets/img/icons/ic-a-la-une.svg);
    width: 2.4rem;
    height: 2.4rem
}

.icon__search {
    font-size: 2rem;
    position: relative
}

.icon__search {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__search {
    font-family: "Telerama Icons"
}

.icon__search::before {
    content: "/";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem
}

.icon__clock {
    position: relative;
    color: #8e8e96
}

.icon__clock::before {
    content: "<";
    position: absolute;
    top: .03rem;
    left: 0;
    height: 1.4rem;
    font-size: 1.6rem;
    width: 1.2rem;
    line-height: 1.4rem
}

.icon__clock::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__clock::before {
    font-family: "Telerama Icons"
}

.icon__clock--edito {
    color: #121212
}

.icon-mail {
    position: relative
}

.icon-mail {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon-mail {
    font-family: "Telerama Icons"
}

.icon-mail::before {
    content: "1";
    position: absolute;
    font-size: 3rem;
    line-height: 2rem;
    color: #121212;
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
    left: 0
}

.icon-rightFL {
    position: relative;
    color: #8e8e96
}

.icon-rightFL::before {
    content: "+";
    position: absolute;
    height: 1.8rem;
    font-size: 2.3rem;
    width: 1.1rem;
    line-height: 2rem
}

.icon__netflix::before {
    background-image: url(/dist/assets/img/icons/icon_netflix.svg)
}

.icon__prime-video::before {
    background-image: url(/dist/assets/img/icons/icon_amazon.svg)
}

.icon__my-canal::before {
    background-image: url(/dist/assets/img/icons/icon_myCanal.svg)
}

.icon__disney-plus::before {
    background-image: url(/dist/assets/img/icons/icon_disney.svg)
}

.icon__arte-tv::before {
    background-image: url(/dist/assets/img/icons/icon_arte.svg)
}

.icon__ocs::before {
    background-image: url(/dist/assets/img/icons/icon_ocs.svg)
}

.li-cinema {
    position: relative
}

.li-cinema::before {
    content: "R";
    position: absolute;
    height: 3.4rem;
    font-size: 4.4rem;
    width: 3.4rem;
    line-height: 3.8rem;
    left: 2.2rem;
    color: #e20001
}

.li-cinema::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-cinema::before {
    font-family: "Telerama Icons"
}

.li-theatres-spectacles {
    position: relative
}

.li-theatres-spectacles::before {
    content: "L";
    position: absolute;
    height: 3rem;
    font-size: 4rem;
    width: 4rem;
    line-height: 3.2rem;
    left: 2rem;
    color: #e20001
}

.li-theatres-spectacles::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-theatres-spectacles::before {
    font-family: "Telerama Icons"
}

.li-enfants {
    position: relative
}

.li-enfants::before {
    content: "Q";
    position: absolute;
    height: 3.16rem;
    font-size: 4.2rem;
    width: 3.66rem;
    line-height: 3.8rem;
    left: 2.1rem;
    color: #e20001
}

.li-enfants::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-enfants::before {
    font-family: "Telerama Icons"
}

.li-arts-expositions {
    position: relative
}

.li-arts-expositions::before {
    content: "J";
    position: absolute;
    height: 3.33rem;
    font-size: 4.4rem;
    width: 4rem;
    line-height: 3.6rem;
    left: 2rem;
    color: #e20001
}

.li-arts-expositions::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-arts-expositions::before {
    font-family: "Telerama Icons"
}

.li-concerts {
    position: relative
}

.li-concerts::before {
    content: "I";
    position: absolute;
    height: 3.33rem;
    font-size: 4.4rem;
    width: 2.67rem;
    line-height: 3.7rem;
    left: 2.5rem;
    color: #e20001
}

.li-concerts::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-concerts::before {
    font-family: "Telerama Icons"
}

.li-restaurants-gastronomie {
    position: relative
}

.li-restaurants-gastronomie::before {
    content: "K";
    position: absolute;
    height: 3.34rem;
    font-size: 4.7rem;
    width: 3.5rem;
    line-height: 3.9rem;
    left: 2.1rem;
    color: #e20001
}

.li-restaurants-gastronomie::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-restaurants-gastronomie::before {
    font-family: "Telerama Icons"
}

.li-voyages-loisirs {
    position: relative
}

.li-voyages-loisirs::before {
    content: "M";
    position: absolute;
    height: 3.34rem;
    font-size: 4.2rem;
    width: 2.67rem;
    line-height: 3.9rem;
    left: 2.5rem;
    color: #e20001
}

.li-voyages-loisirs::before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .li-voyages-loisirs::before {
    font-family: "Telerama Icons"
}

.icon__nav-arrow-down {
    background-image: url(/dist/assets/img/icons/ic-fleche-onglet-down.svg)
}

.icon__nav-arrow-up {
    background-image: url(/dist/assets/img/icons/ic-fleche-onglet-up.svg)
}

.icon__nav-dropdown-close {
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(/dist/assets/img/icons/ic-fermer.svg)
}

#Header .User__avatar,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar,
.icon__nav-my-account {
    width: 1.7rem;
    height: 1.8rem;
    background-image: url(/dist/assets/img/icons/ic-compte.svg)
}

#Header .User__avatar--subscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--subscriber,
.icon__nav-my-account-abonne {
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(/dist/assets/img/icons/ic-compte-abonne.svg)
}

#Header .User__avatar--canalsubscriber,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--canalsubscriber,
.icon__nav-my-account-abonnecanal {
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(/dist/assets/img/icons/ic-compte-abonnecanal.svg)
}

.icon__nav-non-abonne {
    width: 6.6rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-non-abonne.svg)
}

.icon__nav-abonne {
    width: 4.5rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-abonne.svg)
}

.icon__nav-exclu-abonne {
    width: 4.5rem;
    height: 1.7rem;
    background-image: url(/dist/assets/img/icons/label-exlu-abo.svg)
}

.icon__nav-connexion {
    width: 2.5rem;
    height: 1.8rem;
    font-size: 2.4rem;
    position: relative
}

.icon__nav-connexion {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon__nav-connexion {
    font-family: "Telerama Icons"
}

.icon__nav-connexion::before {
    content: "$";
    position: absolute;
    top: -9px;
    left: 0;
    height: 1.8rem;
    width: 2.5rem
}

.icon__nav-connexion-aide {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/dist/assets/img/icons/ic-menu-connexion-aide.svg)
}

.icon__nav-connexion-deconnexion {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/dist/assets/img/icons/ic-menu-deconnexion.svg)
}

.icon__nav-fleche {
    width: 1.1rem;
    height: .7rem;
    background-image: url(/dist/assets/img/icons/ic-menu-connexion-fleche.svg)
}

.icon-notation {
    width: auto;
    font-size: 2rem;
    color: #e2001a;
    margin-right: .5rem
}

.icon-notation {
    font-family: "Telerama Icons"
}

html.fonts-loaded .icon-notation {
    font-family: "Telerama Icons"
}

@media(min-width:1113px) {

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

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

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

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

@media(min-width:576px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.item-first {
    order: -1
}

.item-last {
    order: 1
}

.grid-offset {
    visibility: hidden
}

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

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

.zone:not(.zone-article__full) {
    margin-right: 2.4rem;
    margin-left: 2.4rem
}

@media(min-width:748px) {
    .zone:not(.zone-article__full) {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width:1113px) {
    .zone:not(.zone-article__full) {
        margin: 0 auto;
        max-width: 100rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

.zone--main {
    margin-top: 2.4rem;
    position: relative;
    width: 100%
}

@media(min-width:480px) {
    .zone--main {
        display: inline-block;
        margin-bottom: 0
    }
}

.zone--sidebar {
    display: block;
    margin-bottom: 3.2rem
}

@media(min-width:600px) {
    .zone--sidebar {
        margin-bottom: 0
    }
}

@media(min-width:1024px) {
    .zone--sidebar {
        padding: 0
    }
}

.zone--hidden {
    display: none
}

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

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

@media(min-width:600px) {
    html.app .zone.zone-article:not(.zone-article__full) {
        max-width: none;
        max-width: initial;
        margin-right: 4rem;
        margin-left: 4rem
    }
}

@media(min-width:834px) {
    html.app .zone.zone-article:not(.zone-article__full) {
        max-width: 66.4rem;
        margin: 0 auto;
        padding: 0
    }
}

.zone-article__full .article__full {
    max-width: 100%;
    width: 100%
}

.zone-article__full .article__full .blockquote {
    margin-bottom: 16px
}

.zone-article__full .article__full .article--top-snippet {
    border-color: #dad9db;
    align-items: center;
    border-radius: 4px;
    border-style: solid;
    border-width: .1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 16px auto;
    padding: 16px;
    max-width: 100rem
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet {
        padding: 2.4rem
    }
}

.zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: #dad9db;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    width: 8.2rem;
    height: 8.2rem
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
    background-color: #dad9db
}

@media(min-width:393px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 10.1rem;
        height: 10.1rem
    }
}

@media(min-width:600px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 8.8rem;
        height: 8.8rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .snippet-placeholder {
        width: 10.2rem;
        height: 10.2rem
    }
}

.zone-article__full .article__full .article--top-snippet .right {
    align-items: start;
    display: flex;
    flex-direction: column;
    grid-gap: .6rem;
    gap: .6rem;
    justify-content: center;
    padding-left: 1.6rem;
    text-decoration: none
}

@media(max-width:600px) {
    .zone-article__full .article__full .article--top-snippet .right {
        width: 60%;
        height: 10.2rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right {
        padding-left: 2.4rem
    }
}

.zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: #737278;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .112rem;
    line-height: 1.68rem;
    text-transform: uppercase
}

.zone-article__full .article__full .article--top-snippet .right .snippet-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .right .snippet-label {
    color: #737278
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-label {
        font-size: 1.6rem;
        letter-spacing: .128rem;
        line-height: 1.92rem
    }
}

.zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: #16141e;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .016rem;
    line-height: 1.92rem
}

.zone-article__full .article__full .article--top-snippet .right .snippet-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zone-article__full .article__full .article--top-snippet .right .snippet-title {
    color: #16141e
}

@media(min-width:600px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-title {
        font-size: 1.8rem;
        letter-spacing: .018rem;
        line-height: 2.16rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article--top-snippet .right .snippet-title {
        font-size: 2.2rem;
        line-height: 2.64rem;
        letter-spacing: .022rem
    }
}

.zone-article__full .article__full .article__details--top {
    margin: 2.4rem auto 3.2rem;
    max-width: 100rem;
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article__details--top {
        padding-right: 17rem;
        padding-left: 170px
    }
}

.zone-article__full .article__full .article__full-main-image .media-large {
    padding-right: 0;
    padding-left: 0
}

.zone-article__full .article__full .article__full-main-image .media--article {
    border-radius: 0;
    margin: auto;
    padding-top: 100%;
    position: relative
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__full-main-image .media--article {
        padding-top: 50%;
        width: 100%
    }
}

.zone-article__full .article__full .article__full-main-image .media--article img {
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .article__full-main-image .media__caption {
    position: absolute;
    right: .8rem;
    bottom: .8rem
}

@media(max-width:393px) {
    .zone-article__full .article__full .article__full-main-image .media__caption {
        left: .8rem
    }
}

.zone-article__full .article__full .article__full-main-image .media__caption .media__legend {
    color: rgba(255, 255, 255, .9);
    margin: 0 !important;
    padding: 0 !important
}

.zone-article__full .article__full .article__page-title {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .028rem;
    line-height: 3.08rem;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    text-align: center
}

@media(min-width:600px) {
    .zone-article__full .article__full .article__page-title {
        font-size: 4rem;
        letter-spacing: .04rem;
        line-height: 4.4rem;
        margin-top: 2.4rem;
        margin-bottom: 2.4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .article__page-title {
        padding-right: 0;
        padding-left: 0;
        width: 66.4rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .article__page-title {
        width: 65.8rem
    }
}

.zone-article__full .article__full .article__chapeau,
.zone-article__full .article__full .article__page-subtitle {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .018rem;
    line-height: 2.34rem;
    margin: 2.4rem auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    text-align: center
}

@media(min-width:600px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .article__chapeau,
    .zone-article__full .article__full .article__page-subtitle {
        font-size: 2rem;
        letter-spacing: .02rem;
        line-height: 2.6rem;
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .breadcrumb.breadcrumb--main {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center
}

.zone-article__full .article__full .edito.edito--link {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .edito.edito--link {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .edito.edito--link {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .edito.edito--link {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .edito--link {
    border: none;
    position: relative;
    margin: 3.2rem auto
}

.zone-article__full .article__full .edito--link::before {
    background-color: #f4c5d3;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.4rem;
    width: .4rem;
    height: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .edito--link::before {
        left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .edito--link::before {
        left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .edito--link::before {
        left: 17rem
    }
}

.zone-article__full .article__full .article__page-footer,
.zone-article__full .article__full .document,
.zone-article__full .article__full .grey-word,
.zone-article__full .article__full .snippet__container {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .article__page-footer,
    .zone-article__full .article__full .document,
    .zone-article__full .article__full .grey-word,
    .zone-article__full .article__full .snippet__container {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .paragraph {
    margin: 3.2rem auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .paragraph {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .paragraph {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .paragraph {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .separator {
    width: calc(100% - 4.8rem)
}

@media(min-width:600px) {
    .zone-article__full .article__full .separator {
        width: calc(100% - 8rem)
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .separator {
        width: calc(100% - 17rem)
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .separator {
        --content-max-width: 100rem;
        max-width: calc(var(--content-max-width) - 34rem)
    }
}

.zone-article__full .article__full .heading,
.zone-article__full .article__full h2,
.zone-article__full .article__full h3 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02rem;
    line-height: 2.6rem;
    margin: 3.2rem auto;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%
}

.zone-article__full .article__full .heading,
.zone-article__full .article__full h2,
.zone-article__full .article__full h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .heading,
html.fonts-loaded .zone-article__full .article__full h2,
html.fonts-loaded .zone-article__full .article__full h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        font-size: 2.2rem;
        letter-spacing: .022rem;
        line-height: 2.86rem;
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .heading,
    .zone-article__full .article__full h2,
    .zone-article__full .article__full h3 {
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: .024rem;
        line-height: 3.12rem;
        max-width: 100rem;
        padding-left: 17rem;
        padding-right: 17rem
    }
}

.zone-article__full .article__full .media__caption>.media__legend {
    margin: auto auto 3.2rem;
    max-width: 100rem;
    text-align: left
}

.zone-article__full .article__full .media-medium,
.zone-article__full .article__full .media-small {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%;
    height: 100%
}

@media(min-width:600px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {

    .zone-article__full .article__full .media-medium,
    .zone-article__full .article__full .media-small {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .media-medium img,
.zone-article__full .article__full .media-small img {
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-large {
    margin: auto;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    width: 100%;
    height: 100%
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-large {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-large {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-large {
        max-width: 100rem;
        padding-right: 0;
        padding-left: 0
    }
}

.zone-article__full .article__full .media-large img {
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-large .media__caption>.media__legend {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-large .media__caption>.media__legend {
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .media-x-large {
    margin: auto;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-x-large img {
    border-radius: 0;
    width: 100%;
    height: 100%
}

.zone-article__full .article__full .media-x-large .media__caption>.media__legend {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .article__full .media-x-large .media__caption>.media__legend {
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .article__full .publication__card {
    border-color: #dad9db;
    border-top-style: solid;
    border-top-width: .1rem;
    padding-top: 2.4rem
}

[data-color-mode=dark] .zone-article__full .article__full .publication__card {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .publication__card {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zone-article__full .article__full .publication__card {
        padding-top: 3.2rem
    }
}

.zone-article__full .article__full .most-read {
    margin-top: 4.8rem;
    padding-top: 0
}

.zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: #dad9db;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .13rem;
    line-height: 2.6rem;
    margin-bottom: 0;
    padding: 0 0 1.6rem;
    text-transform: uppercase
}

.zone-article__full .article__full .most-read .zoning__sub-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone-article__full .article__full .most-read .zoning__sub-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .most-read .zoning__sub-title {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zone-article__full .article__full .most-read .zoning__sub-title {
        font-size: 4rem;
        letter-spacing: .2rem;
        line-height: 4rem
    }
}

.zone-article__full .article__full .most-read .most-read__teaser {
    border-color: #dad9db;
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

[data-color-mode=dark] .zone-article__full .article__full .most-read .most-read__teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zone-article__full .article__full .most-read .most-read__teaser {
    border-color: #dad9db
}

.zone-article__full .article__full .most-read .most-read__rank {
    color: #f8dde5
}

.zone-article__full .article__full .most-read .most-read__container {
    display: flex;
    flex-direction: column
}

.zone-article__full .article__full .wrapper--most-read {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.zone-article__full .paywall {
    padding-right: 2.4rem;
    padding-left: 2.4rem
}

@media(min-width:600px) {
    .zone-article__full .paywall {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media(min-width:834px) {
    .zone-article__full .paywall {
        padding-right: 8.5rem;
        padding-left: 8.5rem
    }
}

@media(min-width:1113px) {
    .zone-article__full .paywall {
        max-width: 100rem;
        padding-right: 17rem;
        padding-left: 17rem
    }
}

.zone-article__full .paywall__wrapper {
    max-width: none
}

.main {
    background-color: #fff
}

[data-color-mode=dark] .main {
    background-color: #1c1a26
}

[data-color-mode=light] .main {
    background-color: #fff
}

.main--user {
    background-color: #e5e5e5
}

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

#Content {
    background-color: #fff;
    margin: 0 auto 5rem;
    padding: 0 0 1rem 0;
    position: relative;
    z-index: 3
}

@media(min-width:600px) {
    #Content {
        margin: 0 auto;
        padding: 0
    }
}

.content {
    background-color: #fff;
    margin: 0 auto;
    max-width: 100rem
}

[data-color-mode=dark] .content {
    background-color: #1c1a26
}

[data-color-mode=light] .content {
    background-color: #fff
}

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

@media(min-width:1024px) {
    .content--article {
        margin-right: auto;
        margin-bottom: 4.8rem;
        margin-left: auto;
        position: relative
    }
}

.content--margin {
    margin-top: 2.4rem
}

@media(min-width:1024px) {
    .sticky {
        position: fixed;
        top: 2rem
    }
}

@media(min-width:1024px) {
    .absolute {
        position: absolute;
        top: unset;
        bottom: 0
    }
}

.link_all_items {
    margin: auto auto 3.2rem;
    max-width: 31.3rem;
    width: 100%
}

@media(min-width:1024px) {
    .link_all_items {
        border-bottom: 1px solid #d8d8d8;
        margin: auto auto 4.8rem;
        max-width: 100%;
        height: 1.6rem
    }
}

.link_all_items a {
    background: #f4f4f4;
    border: .1rem solid #d8d8d8;
    color: #121212;
    display: block;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    padding: .9rem 0;
    text-align: center
}

.link_all_items a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .link_all_items a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .link_all_items a {
        font-size: 1.6rem;
        line-height: 1.9rem;
        margin: auto;
        padding: .7rem 0 .6rem;
        width: 14.4rem
    }
}

[data-categoryuser=anonyme] .Content__section-title,
[data-categoryuser=inscrit] .Content__section-title {
    margin-top: 0
}

@-webkit-keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#pave_bas.dfp-slot {
    background-color: #fff;
    margin: 2.4rem auto;
    max-width: 100rem;
    text-align: center
}

[data-color-mode=dark] #pave_bas.dfp-slot {
    background-color: #1c1a26
}

[data-color-mode=light] #pave_bas.dfp-slot {
    background-color: #fff
}

#banniere_haute.dfp-slot {
    margin: 0 auto 1.6rem;
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr {
    padding-top: 2.4rem
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr[\:has\(section.wrapper--bookmark-list\)] {
    padding-top: 0
}

#banniere_haute.dfp-slot+#habillagepub .zoning__container--hpr:has(section.wrapper--bookmark-list) {
    padding-top: 0
}

#banniere_haute.dfp-slot.dfp-loading::before {
    -webkit-animation: dfpLoader 1s infinite ease-in-out;
    animation: dfpLoader 1s infinite ease-in-out;
    background-color: #d5d8dc;
    border-radius: 100%;
    content: "";
    display: block;
    margin: -2.5rem 0 0 -2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem
}

#banniere_haute.dfp-slot.dfp-loading.dfp-ok {
    position: relative;
    max-width: 100%;
    visibility: visible !important;
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot.dfp-loading>div {
    position: relative
}

#banniere_haute.dfp-slot.adm-ad-empty::before,
#banniere_haute.dfp-slot.adm-ad-rendered::before {
    -webkit-animation: unset;
    animation: unset;
    background-color: unset
}

#banniere_haute.dfp-slot.adm-ad-rendered.adm-ad-skin {
    height: unset;
    min-height: 220px
}

#banniere_haute.dfp-slot[style*="display: none;"] {
    margin: 8.1rem auto 0
}

@media(min-width:1113px) {
    #banniere_haute.dfp-slot[style*="display: none;"] {
        margin: 11.2rem auto 0
    }
}

#banniere_haute.dfp-slot.adm-ad-empty,
#banniere_haute.dfp-slot.adm-ad-loading,
#banniere_haute.dfp-slot.adm-ad-rendered,
#banniere_haute.dfp-slot.adm-ad-skin {
    height: unset;
    min-height: 220px
}

#banniere_milieu.dfp-slot {
    max-width: 96.8rem
}

#banniere_basse {
    margin-bottom: 4.8rem
}

.subhome_black #banniere_haute.dfp-slot {
    margin: 0 auto
}

.subhome_black .Nav {
    border-bottom: none
}

.subhome_black .subhome {
    padding: 4rem 0 0;
    overflow: hidden
}

@media(min-width:1024px) {
    .subhome_black .subhome {
        padding: 4.8rem 0 0
    }
}

.subhome_black .subhome .title-cards h2 {
    background: #121212
}

.subhome_black .subhome .selection-tele ul li:last-child::before {
    background: linear-gradient(to right, rgba(18, 18, 18, .8), #121212)
}

#pave_bas {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 2.4rem 0 !important
}

#pave_bas .dfp-slot {
    max-width: 30rem
}

.dfp-slot.dfp-unloaded:not(.dfp-loading) {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    height: 0 !important
}

.dfp-slot.dfp-unloaded:not(.dfp-loading)::after {
    display: none
}

.dfp-slot.dfp-unloaded:not(.dfp-loading)+.main {
    margin-top: 0
}

.dfp-slot:not(.dfp-unloaded)~.main .BlockMEA__Content {
    padding: 0
}

.dfp-slot#cover {
    margin: 0 !important
}

#ayads-html~.main .zone {
    padding-top: 1.6rem
}

#pave_haut {
    margin-bottom: 2.4rem
}

.OUTBRAIN {
    margin-top: 4rem
}

@media(max-width:748px) {
    html.app .OUTBRAIN {
        margin-left: calc(50% - 50vw);
        width: 100vw
    }
}

#inread.dfp-loaded {
    background-color: #f4f4f4;
    padding: 5.5rem 0 2.4rem;
    position: relative
}

[data-color-mode=dark] #inread.dfp-loaded {
    background-color: #211f2e
}

[data-color-mode=light] #inread.dfp-loaded {
    background-color: #f4f4f4
}

#inread.dfp-loaded::before {
    color: #8e8e96;
    content: "La suite apr\E8s la publicit\E9";
    font-size: 1.5rem;
    position: absolute;
    top: 2.5rem;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.8rem
}

#inread.dfp-loaded::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #inread.dfp-loaded::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #f4f4f4;
    padding: 5.5rem 0 4rem;
    position: relative
}

[data-color-mode=dark] #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=dark] #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #211f2e
}

[data-color-mode=light] #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty),
[data-color-mode=light] #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty) {
    background-color: #f4f4f4
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    color: #8e8e96;
    content: "La suite apr\E8s la publicit\E9";
    font-size: 1.5rem;
    position: absolute;
    top: 2.5rem;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.8rem
}

#inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
#inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #inread-2.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread-3.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before,
html.fonts-loaded #inread_top.dfp-slot:not(.dfp-unloaded):not(.adm-ad-empty):not(.adm-ad-rendered)::before {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.body__home {
    color: #16141e
}

.body--pause {
    overflow: hidden
}

#nav-topmenu.h_scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#nav-topmenu.h_scroll::-webkit-scrollbar {
    display: none
}

.nav__custom-sticky {
    display: flex;
    background-color: #faf5ee;
    background-color: var(--Beige-clair, #faf5ee);
    align-items: flex-start;
    flex-direction: column;
    padding: 1.2rem 1.6rem;
    position: fixed;
    width: 100%;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.nav__custom-sticky.hide {
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

.nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e;
    padding-right: 2rem;
    padding-left: 2rem
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e
}

@media(min-width:360px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding: 0
    }
}

.nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
    width: 100%
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
        width: auto
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav-custom--offre-flash {
        z-index: 5
    }
}

.nav__custom-sticky--cinema-for-children {
    background-color: #f5b5d3
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: space-between
    }
}

@media(min-width:834px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: center
    }
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn {
    background: #2b293d;
    background: var(--Bleu-3, #2b293d)
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-btn {
        margin-right: 1rem
    }
}

html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:active,
html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:hover {
    background: #3c3956;
    background: var(--Bleu-3-clair, #3c3956)
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn-label {
    color: #fff;
    color: var(--blanc-100, #fff);
    white-space: nowrap
}

.nav__custom-sticky--cinema-for-children .nav__custom-text {
    color: #16141e;
    color: var(--Noir, #16141e);
    padding-right: 2rem;
    padding-left: 2rem
}

@media(min-width:360px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        text-align: left;
        padding: 0
    }
}

.nav__custom-sticky.nav__custom-sticky--ope-cannes {
    background-color: #4375e7
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-text-breaker {
        display: none
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 {
    background-color: #fada4c
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #fff;
    transition: all .3s ease-in-out;
    background-color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover {
    background-color: #16141e
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active p,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover p {
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p {
    color: #16141e;
    transition: all .3s ease-in-out
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:hover {
    color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 {
    background-color: #ffbf98
}

.nav__custom-sticky--op-summer-2024 .popin-autopromo__top {
    height: 126px
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--op-summer-2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #ffee35
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--ope {
    background-color: #9dccab
}

.nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
    padding: 0 16px
}

@media(min-width:600px) {
    .nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
        padding: 0 0
    }
}

.nav__custom-sticky--ope .nav__custom-text--bold {
    color: #16141e
}

.nav__custom-sticky--ope .nav__custom-close--musees {
    transition: all .3s
}

.nav__custom-sticky--ope .nav__custom-close--musees:hover {
    opacity: .6
}

.nav__custom-sticky--yellow {
    background-color: #ffd755
}

.nav__custom-sticky--blue {
    background-color: #3ca0dd
}

.nav__custom-sticky--red {
    background-color: #e64150
}

.nav__custom-sticky--green {
    background-color: #00b78e
}

.nav__custom-sticky--beige {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--beige {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--beige {
    background-color: #faf5ee
}

.nav__custom-sticky--mb {
    bottom: 6.8rem
}

@media(min-width:600px) {
    .nav__custom-sticky--no-abo {
        height: 6.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky {
        flex-direction: initial;
        justify-content: center;
        align-items: center;
        height: 6rem
    }
}

@media(min-width:1113px) {
    .nav__custom-sticky {
        bottom: 0;
        left: 0;
        right: 0
    }
}

.nav__custom-text {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    color: #16141e;
    align-self: center;
    text-align: center
}

.nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:393px) {
    .nav__custom-text {
        width: auto
    }
}

.nav__custom-text--left {
    text-align: left;
    display: block;
    width: calc(100% - 1.6rem);
    align-self: flex-start
}

@media(min-width:600px) {
    .nav__custom-text--left {
        width: auto
    }
}

@media(min-width:834px) {
    .nav__custom-text--left {
        text-align: center;
        align-self: center
    }
}

.nav__custom-text--no-abo {
    max-width: 90%;
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-text--no-abo {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media(min-width:1113px) {
    .nav__custom-text--no-abo {
        width: auto
    }
}

.nav__custom-text--no-abo .nav__custom-text--bold {
    display: inline
}

.nav__custom-text--abo::after {
    content: "Offre - 30 ans : 1 an pour 30\20AC"
}

@media(min-width:600px) {
    .nav__custom-text--abo::after {
        content: "Offre - 30 ans : 1 an d\2019  abonnement pour 30\20AC"
    }
}

.nav__custom-text--bold {
    font-weight: 600
}

.nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav__custom-text--bold {
        display: inline-block
    }
}

.nav__custom-text--line-through {
    text-decoration: line-through
}

.nav__custom-text--unpaid {
    color: #16141e
}

[data-color-mode=dark] .nav__custom-text--unpaid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-text--unpaid {
    color: #16141e
}

.nav__custom-btn {
    text-align: center;
    margin-top: 1.2rem;
    border-radius: 4rem;
    background-color: #ffe047;
    height: 3.6rem;
    width: 100%;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.6rem
}

.nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .nav__custom-btn:active,
html:not(.app) .nav__custom-btn:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .nav__custom-btn {
        width: 18.2rem;
        margin-left: 1.6rem;
        margin-top: 0
    }
}

@media(min-width:834px) {
    .nav__custom-btn {
        font-size: 1.6rem;
        line-height: 2.08rem;
        margin-left: 2.4rem
    }
}

.nav__custom-btn--jpo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16141e
}

@media(min-width:600px) {
    .nav__custom-btn--no-abo {
        margin-right: 3.8rem;
        width: 28.5rem
    }
}

.nav__custom-btn.download-pass {
    transition: all .3s;
    background-color: #2b293d
}

.nav__custom-btn.download-pass:hover {
    background-color: #3c3956 !important
}

.nav__custom-btn.download-pass p.nav__custom-btn-label {
    color: #fff
}

.nav__custom-btn-label {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    font-weight: 600;
    color: #16141e;
    text-align: center;
    padding: 0
}

.nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav__custom-close {
    background-image: url(/dist/assets/img/icons/close-icon-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right: 1.6rem;
    top: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    opacity: 80%;
    text-align: center
}

.nav__custom-close:hover {
    opacity: .6
}

@media(min-width:600px) {
    .nav__custom-close {
        top: 2.1rem;
        right: 1.2rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media(min-width:1024px) {
    .nav__custom-close {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width:600px) {
    .nav__custom-close--no-abo {
        right: 3.2rem
    }
}

.nav__custom-close--black,
.nav__custom-close--musees {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--unpaid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E")
}

.nav-custom {
    display: grid;
    grid-gap: 1.2rem .8rem;
    gap: 1.2rem .8rem;
    grid-template-columns: auto 1.2rem;
    height: auto
}

@media(min-width:600px) {
    .nav-custom {
        display: flex;
        grid-gap: 1.6rem;
        gap: 1.6rem;
        padding-right: 8.2rem;
        padding-left: 8.2rem
    }
}

@media(min-width:834px) {
    .nav-custom {
        grid-gap: 2.4rem;
        gap: 2.4rem
    }
}

.nav-custom--offre-flash {
    background: #f76666
}

.nav-custom__text {
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    text-align: center
}

.nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__button {
    background-color: #ffe047;
    border-radius: 4rem;
    grid-column: 1/3;
    line-height: 1;
    padding: .7605rem 1.6rem;
    text-align: center
}

html:not(.app) .nav-custom__button:active,
html:not(.app) .nav-custom__button:hover {
    background-color: #fe9
}

.nav-custom__button-text {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3
}

.nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    position: static;
    width: 1.2rem;
    height: 1.2rem;
    grid-column: 2;
    grid-row: 1
}

@media(min-width:600px) {
    .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1.8rem;
        height: 1.8rem
    }
}

.nav-custom__close-button:hover {
    cursor: pointer;
    opacity: .6
}

.nav-custom--partenariat-canal {
    align-items: center;
    background: #fff4ec;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 0;
    gap: 0
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal {
        justify-content: center
    }
}

.nav-custom--partenariat-canal .nav-custom__warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='8.057' cy='8' rx='8.057' ry='8' fill='%23B95000'/%3E%3Cpath d='M8.729 11.332H7.386V10h1.343v1.333zM8.057 8.666c-.37 0-.671-.3-.671-.667V5.332a.671.671 0 011.343 0V8a.671.671 0 01-.672.667z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    min-width: 1.6rem;
    width: 1.6rem;
    height: 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    color: #b95000;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    padding: 0 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__text {
        padding-right: 2.4rem
    }
}

.nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom--partenariat-canal .nav-custom__link {
    cursor: pointer;
    text-decoration: underline
}

.nav-custom--partenariat-canal .nav-custom__link:active,
.nav-custom--partenariat-canal .nav-custom__link:hover {
    text-decoration: none
}

.nav-custom--partenariat-canal .nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23B95000'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    min-width: 1.6rem;
    position: static;
    width: 1.6rem;
    height: 1.6rem
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        margin-left: auto;
        min-width: 2.4rem;
        -webkit-transform: none;
        transform: none;
        width: 2.4rem;
        height: 2.4rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.nav-custom--partenariat-canal .nav-custom__close-button:hover {
    opacity: .6
}

.nav__custom-hidden,
.nav__custom-sticky--hidden {
    display: none
}

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

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

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

html:not(.app) .btn--base:hover {
    background-color: #f5f6f8
}

.btn--premium {
    background-color: #f4be00
}

html:not(.app) .btn--premium:hover {
    background-color: #fec703;
    text-decoration: underline !important
}

.btn--premium-rounded {
    background-color: #fed403;
    color: #121212;
    height: 3.2rem;
    padding: 0 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10rem
}

.btn--premium-rounded {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--premium-rounded {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn--premium-rounded:hover {
    text-decoration: none !important;
    background-color: #fe9
}

@media(min-width:600px) {
    .btn--premium-rounded {
        height: 4.4rem;
        padding: 0 1.6rem
    }
}

@media(min-width:1024px) {
    .btn--premium-rounded {
        top: .2rem
    }
}

.btn--premium-rounded--ml {
    margin-left: 1.8rem
}

@media(min-width:600px) {
    .btn--premium-rounded--ml {
        margin-left: 2.4rem
    }
}

.btn--premium-kiosk {
    background-color: #f4be00
}

html:not(.app) .btn--premium-kiosk:hover {
    text-decoration: underline !important
}

.btn-red {
    margin-top: 2.3rem;
    font-size: 1.6rem;
    line-height: 1.9;
    background-color: #e20001;
    color: #fff;
    padding: .7rem 1.1rem .6rem
}

.btn-red {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-red {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn-red:hover {
    background-color: #be0000;
    text-decoration: underline
}

.btn--paywall {
    background-color: #121212;
    color: #fed403;
    display: flex;
    font-size: 2rem;
    justify-content: center
}

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

html.fonts-loaded .btn--paywall {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--paywall--dialogue {
    background-color: #fed403;
    color: #121212
}

.btn--paywall--abo-sheet {
    background-color: #fed403;
    color: #121212
}

@media(max-width:393px) {
    .btn--paywall--text-bold {
        text-wrap: wrap
    }
}

.btn--black {
    background-color: #121212;
    color: #fff
}

.btn--black {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--black {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .btn--black:hover {
    background-color: #fed403;
    color: #121212
}

.btn-menu_subitem {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: none;
    text-transform: initial;
    background: #f4f4f4;
    border: 1px solid #d8d8d8 !important;
    width: 14.5rem;
    padding: 0;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 1.7rem 0 0;
    cursor: pointer
}

.btn-menu_subitem {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-menu_subitem {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.btn-cookie-video {
    display: flex;
    padding: 1.2rem;
    border-radius: 4rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    justify-content: center;
    cursor: pointer
}

.btn-cookie-video {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-cookie-video {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .btn-cookie-video {
        font-size: 2rem
    }
}

.btn-cookie-video--dark {
    background-color: #1c1a26;
    border: .1rem solid #1c1a26;
    color: #fff;
    margin-bottom: 1.6rem
}

html:not(.app) .btn-cookie-video--dark:active,
html:not(.app) .btn-cookie-video--dark:hover {
    background-color: #3c3956;
    color: #fff;
    border: .1rem solid #3c3956
}

.btn-cookie-video--light {
    border: .1rem solid #16141e;
    color: #16141e
}

html:not(.app) .btn-cookie-video--light:active,
html:not(.app) .btn-cookie-video--light:hover {
    border: .1rem solid #dad9db
}

.btn--new,
.btn--outlined,
.btn--outlined-alt,
.btn--secondary {
    display: inline-flex;
    height: 3.6rem;
    padding: 0 1.6rem;
    justify-content: center;
    align-items: center;
    grid-gap: 1.2rem;
    gap: 1.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em;
    border: .1rem solid transparent;
    border-radius: 6.4rem;
    background: #fed403;
    color: #16141e;
    cursor: pointer
}

.btn--new,
.btn--outlined,
.btn--outlined-alt,
.btn--secondary {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--new,
html.fonts-loaded .btn--outlined,
html.fonts-loaded .btn--outlined-alt,
html.fonts-loaded .btn--secondary {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--new:hover,
.btn--outlined-alt:hover,
.btn--outlined:hover,
.btn--secondary:hover {
    background: #fe9
}

.btn--new:active,
.btn--outlined-alt:active,
.btn--outlined:active,
.btn--secondary:active {
    background: #fe9;
    border-color: #fff
}

.btn--new:disabled,
.btn--new:disabled:hover,
.btn--outlined-alt:disabled,
.btn--outlined:disabled,
.btn--secondary:disabled {
    background: #f3f3f4;
    color: #737278;
    cursor: not-allowed;
    background-color: #f3f3f4;
    color: #737278
}

[data-color-mode=dark] .btn--new:disabled,
[data-color-mode=dark] .btn--new:disabled:hover,
[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--secondary:disabled {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--new:disabled,
[data-color-mode=light] .btn--new:disabled:hover,
[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--secondary:disabled {
    background-color: #f3f3f4
}

[data-color-mode=dark] .btn--new:disabled,
[data-color-mode=dark] .btn--new:disabled:hover,
[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--secondary:disabled {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--new:disabled,
[data-color-mode=light] .btn--new:disabled:hover,
[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--secondary:disabled {
    color: #737278
}

.btn--common {
    color: #16141e;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em
}

[data-color-mode=dark] .btn--common {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--common {
    color: #16141e
}

.btn--common {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--common {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.btn--large {
    grid-gap: 1.6rem;
    gap: 1.6rem;
    height: 4.4rem;
    padding: 0 2.4rem;
    font-size: 1.6rem
}

.btn--medium {
    grid-gap: 1.2rem;
    gap: 1.2rem;
    height: 3.6rem;
    padding: 0 1.6rem;
    font-size: 1.6rem
}

.btn--small {
    grid-gap: .8rem;
    gap: .8rem;
    height: 3.2rem;
    padding: 0 1.4rem;
    font-size: 1.4rem
}

.btn--tiny {
    grid-gap: .8rem;
    gap: .8rem;
    height: 2.8rem;
    padding: 0 1.2rem;
    font-size: 1.4rem
}

.btn--wide {
    display: flex;
    width: 100%;
    height: 4.4rem;
    padding: 0
}

.btn--wide .btn__label {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.btn--wide .btn__label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--wide .btn__label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.btn--outline {
    border-color: #16141e;
    border: 1px solid
}

[data-color-mode=dark] .btn--outline {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outline {
    border-color: #16141e
}

.btn--outline:active,
.btn--outline:hover {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outline:active,
[data-color-mode=dark] .btn--outline:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outline:active,
[data-color-mode=light] .btn--outline:hover {
    border-color: #dad9db
}

.btn--rounded {
    border-radius: 6.4rem
}

.btn--no-icon::after,
.btn--no-icon::before {
    content: none
}

.btn--secondary {
    background-color: #2b293d;
    color: #fff
}

[data-color-mode=dark] .btn--secondary {
    background-color: #fff
}

[data-color-mode=light] .btn--secondary {
    background-color: #2b293d
}

[data-color-mode=dark] .btn--secondary {
    color: #16141e
}

[data-color-mode=light] .btn--secondary {
    color: #fff
}

.btn--secondary:hover {
    background-color: #3c3956;
    color: #fff
}

[data-color-mode=dark] .btn--secondary:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .btn--secondary:hover {
    color: #16141e
}

[data-color-mode=light] .btn--secondary:hover {
    color: #fff
}

.btn--secondary:active {
    background-color: #3c3956;
    color: #fff;
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .btn--secondary:active {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:active {
    background-color: #3c3956
}

[data-color-mode=dark] .btn--secondary:active {
    color: #16141e
}

[data-color-mode=light] .btn--secondary:active {
    color: #fff
}

[data-color-mode=dark] .btn--secondary:active {
    border-color: #fff
}

[data-color-mode=light] .btn--secondary:active {
    border-color: rgba(255, 255, 255, .6)
}

.btn--secondary:disabled,
.btn--secondary:disabled:hover {
    border: .1rem solid transparent;
    background-color: #f3f3f4;
    color: #737278
}

[data-color-mode=dark] .btn--secondary:disabled,
[data-color-mode=dark] .btn--secondary:disabled:hover {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--secondary:disabled,
[data-color-mode=light] .btn--secondary:disabled:hover {
    background-color: #f3f3f4
}

[data-color-mode=dark] .btn--secondary:disabled,
[data-color-mode=dark] .btn--secondary:disabled:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .btn--secondary:disabled,
[data-color-mode=light] .btn--secondary:disabled:hover {
    color: #737278
}

.btn--outlined {
    background-color: #fff;
    color: #16141e;
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined {
    background-color: #1c1a26
}

[data-color-mode=light] .btn--outlined {
    background-color: #fff
}

[data-color-mode=dark] .btn--outlined {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined {
    color: #16141e
}

[data-color-mode=dark] .btn--outlined {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined {
    border-color: #16141e
}

.btn--outlined:hover {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outlined:hover {
    border-color: #dad9db
}

.btn--outlined:active {
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined:active {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined:active {
    border-color: #16141e
}

.btn--outlined:disabled,
.btn--outlined:disabled:hover {
    color: #737278;
    border-color: #737278
}

[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--outlined:disabled:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--outlined:disabled:hover {
    color: #737278
}

[data-color-mode=dark] .btn--outlined:disabled,
[data-color-mode=dark] .btn--outlined:disabled:hover {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined:disabled,
[data-color-mode=light] .btn--outlined:disabled:hover {
    border-color: #737278
}

.btn--outlined-alt {
    background-color: #fff;
    border-color: #dad9db;
    color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt {
    background-color: #1c1a26
}

[data-color-mode=light] .btn--outlined-alt {
    background-color: #fff
}

[data-color-mode=dark] .btn--outlined-alt {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .btn--outlined-alt {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt {
    color: #16141e
}

.btn--outlined-alt:hover {
    border-color: #16141e;
    color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .btn--outlined-alt:hover {
    border-color: #16141e
}

[data-color-mode=dark] .btn--outlined-alt:hover {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:hover {
    color: #16141e
}

.btn--outlined-alt:active {
    border-color: #dad9db;
    color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt:active {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:active {
    border-color: #dad9db
}

[data-color-mode=dark] .btn--outlined-alt:active {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .btn--outlined-alt:active {
    color: #dad9db
}

.btn--outlined-alt:disabled,
.btn--outlined-alt:disabled:hover {
    color: #737278;
    border-color: #737278
}

[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined-alt:disabled:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined-alt:disabled:hover {
    color: #737278
}

[data-color-mode=dark] .btn--outlined-alt:disabled,
[data-color-mode=dark] .btn--outlined-alt:disabled:hover {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .btn--outlined-alt:disabled,
[data-color-mode=light] .btn--outlined-alt:disabled:hover {
    border-color: #737278
}

.btn__loader {
    display: none;
    width: .6rem;
    aspect-ratio: 1;
    border-radius: 50%;
    -webkit-animation: dotted .8s infinite linear alternate;
    animation: dotted .8s infinite linear alternate;
    margin: .74rem auto
}

html[data-color-mode=dark] .btn__loader {
    -webkit-animation: dotted-dark .8s infinite linear alternate;
    animation: dotted-dark .8s infinite linear alternate
}

.btn--outlined .btn__loader,
.btn--outlined-alt .btn__loader {
    -webkit-animation: dotted-dark .8s infinite linear alternate;
    animation: dotted-dark .8s infinite linear alternate
}

html[data-color-mode=dark] .btn--outlined .btn__loader,
html[data-color-mode=dark] .btn--outlined-alt .btn__loader {
    -webkit-animation: dotted .8s infinite linear alternate;
    animation: dotted .8s infinite linear alternate
}

.btn--loading .btn__label,
.btn--loading label {
    display: none
}

.btn--loading .btn__loader {
    display: block
}

@-webkit-keyframes dotted {
    0% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: #fff
    }

    33% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: #fff
    }
}

@keyframes dotted {
    0% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: #fff
    }

    33% {
        box-shadow: 10px 0 #fff, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #fff;
        background: #fff
    }
}

@-webkit-keyframes dotted-dark {
    0% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: #1c1a26
    }

    33% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: #1c1a26
    }
}

@keyframes dotted-dark {
    0% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: #1c1a26
    }

    33% {
        box-shadow: 10px 0 #1c1a26, -10px 0 rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .16)
    }

    66% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: rgba(255, 255, 255, .16)
    }

    100% {
        box-shadow: 10px 0 rgba(255, 255, 255, .16), -10px 0 #1c1a26;
        background: #1c1a26
    }
}

.articleButton {
    display: flex;
    align-items: center;
    height: auto;
    padding: 0;
    font-size: 0;
    border-radius: 4rem;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

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

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

.articleButton::before {
    content: "";
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem
}

.articleButton:focus {
    outline: 0
}

.articleButton:hover::before {
    opacity: .6
}

.articleButton:hover .articleButton__count {
    color: rgba(255, 255, 255, .6)
}

.articleButton__count {
    font-size: 1.4rem;
    color: #737278
}

html[data-color-mode=dark] .articleButton__count {
    color: rgba(255, 255, 255, .6)
}

.articleButton--bordered {
    padding: .8rem;
    border: .1rem solid #dad9db
}

.articleButton--bordered:active,
.articleButton--bordered:hover {
    background-color: #1c1a26;
    border-color: #1c1a26
}

.articleButton--bordered:active::before,
.articleButton--bordered:hover::before {
    opacity: 1
}

.articleButton--bordered:active.articleButton--rate::before,
.articleButton--bordered:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--rate::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--comment::before,
.articleButton--bordered:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--comment::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark::before,
.articleButton--bordered:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%23fff' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%2316141E' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark[data-is-active=true]::before,
.articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--bookmark[data-is-active=true]:hover::before,
.articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--bookmark[data-is-active=true]:hover::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bordered:active.articleButton--sharing::before,
.articleButton--bordered:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered:active.articleButton--sharing::before,
html[data-color-mode=dark] .articleButton--bordered:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bordered {
    border-color: rgba(255, 255, 255, .16)
}

html[data-color-mode=dark] .articleButton--bordered:active,
html[data-color-mode=dark] .articleButton--bordered:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #737278
}

html[data-color-mode=dark] .articleButton--bordered:active__count,
html[data-color-mode=dark] .articleButton--bordered:hover__count {
    color: #737278
}

.articleButton--textual {
    padding: 0 1.6rem 0 .8rem;
    grid-gap: .4rem;
    gap: .4rem;
    width: auto;
    height: 4rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #16141e;
    border-radius: 4rem
}

.articleButton--textual.ui-collapse--shown,
.articleButton--textual:active,
.articleButton--textual:hover {
    color: #fff
}

html[data-color-mode=dark] .articleButton--textual {
    color: rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .articleButton--textual.ui-collapse--shown,
html[data-color-mode=dark] .articleButton--textual:active,
html[data-color-mode=dark] .articleButton--textual:hover {
    color: #16141e
}

html[data-color-mode=dark] .articleButton--textual.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='%2316141E' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bookmark[data-is-active=true]::before,
.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--bookmark.button--theme-dark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='36' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

.articleButton--bookmark.button--theme-dark[data-is-active=true]::before,
.articleButton--bookmark.button--theme-dark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--sharing.ui-collapse--shown {
    background-color: #1c1a26;
    border-color: #1c1a26;
    color: #fff
}

.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] html[data-color-mode=dark] .articleButton--sharing:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #16141e
}

html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

[data-color-mode=light] html[data-color-mode=dark] .articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--cinema::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='16' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M13 1v2m0 4v2m0 4v2M3 1h14a2 2 0 012 2v3a2 2 0 000 4v3a2 2 0 01-2 2H3a2 2 0 01-2-2v-3a2 2 0 100-4V3a2 2 0 012-2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--dark.articleButton.articleButton--textual {
    color: #fff;
    background-color: #2b293d
}

.articleButton--dark.articleButton.articleButton--textual:hover {
    background-color: #3c3956
}

html[data-color-mode=dark] .articleButton--dark.articleButton.articleButton--textual:hover {
    color: #fff
}

.articleButton--dark.articleButton.articleButton--textual:hover::before {
    opacity: 1
}

.articleButton--icon-right {
    padding: 0 .8rem;
    grid-gap: .8rem;
    gap: .8rem
}

.articleButton--icon-right::after {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 125%;
    display: inline-block;
    margin-left: .8rem;
    width: 1.6rem;
    height: 1.6rem
}

.articleButton--icon-arrow::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.articleButton--wide {
    justify-content: center;
    width: 100%;
    height: 4.4rem;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    border-radius: 6.4rem
}

.articleButton--strong {
    border: .1rem solid #16141e
}

.articleButton--strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .articleButton--strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.articleButton--noIcon::after,
.articleButton--noIcon::before {
    content: none
}

.articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E");
    background-size: 75%
}

[data-color-mode=dark] .articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .articleButton--gifted-article::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

html:not(.app)[data-color-mode=light] .articleButton--gifted-article:active::before,
html:not(.app)[data-color-mode=light] .articleButton--gifted-article:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

html:not(.app)[data-color-mode=dark] .articleButton--gifted-article:active::before,
html:not(.app)[data-color-mode=dark] .articleButton--gifted-article:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.833v12m0-12H6.348a1.46 1.46 0 01-1.042-.44 1.514 1.514 0 01-.431-1.06c0-.398.155-.78.431-1.06a1.46 1.46 0 011.042-.44c2.063 0 2.652 3 2.652 3zm0 0h2.652c.39 0 .765-.158 1.042-.44.276-.28.431-.662.431-1.06s-.155-.78-.431-1.06a1.46 1.46 0 00-1.042-.44c-2.063 0-2.652 3-2.652 3zm6 3.75v5.85c0 .84 0 1.26-.164 1.581a1.5 1.5 0 01-.655.655c-.32.164-.74.164-1.581.164H5.4c-.84 0-1.26 0-1.581-.163a1.5 1.5 0 01-.656-.656C3 15.694 3 15.274 3 14.433v-5.85m-1.5-2.55v1.35c0 .42 0 .63.082.79a.75.75 0 00.328.328c.16.082.37.082.79.082h12.6c.42 0 .63 0 .79-.082a.75.75 0 00.328-.327c.082-.16.082-.37.082-.791v-1.35c0-.42 0-.63-.082-.79a.75.75 0 00-.328-.328c-.16-.082-.37-.082-.79-.082H2.7c-.42 0-.63 0-.79.082a.75.75 0 00-.328.328c-.082.16-.082.37-.082.79z'/%3E%3C/svg%3E")
}

.articleButton--gifted-article .articleButton-text {
    pointer-events: none
}

.layout__section--dark .articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

.layout__section--dark .articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton {
    padding: .8rem;
    border: .1rem solid #dad9db
}

.borderedBtns__container .articleButton:active,
.borderedBtns__container .articleButton:hover {
    background-color: #1c1a26;
    border-color: #1c1a26
}

.borderedBtns__container .articleButton:active::before,
.borderedBtns__container .articleButton:hover::before {
    opacity: 1
}

.borderedBtns__container .articleButton:active .articleButton__count,
.borderedBtns__container .articleButton:hover .articleButton__count {
    color: #737278
}

.borderedBtns__container .articleButton:active.articleButton--rate::before,
.borderedBtns__container .articleButton:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--rate::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--rate::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--comment::before,
.borderedBtns__container .articleButton:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--comment::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--comment::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke-width='1.2'/%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]:hover::before,
.borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23fff' stroke='%23fff' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16836_4268)'%3E%3Cg clip-path='url(%23clip1_16836_4268)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%231C1A26' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16836_4268'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--bookmark[data-is-active=true]:hover::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--bookmark[data-is-active=true]:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24142)'%3E%3Cg clip-path='url(%23clip1_16783_24142)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cpath d='M9 9.5l2 2L15.5 7' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_16783_24142'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.borderedBtns__container .articleButton:active.articleButton--sharing::before,
.borderedBtns__container .articleButton:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active.articleButton--sharing::before,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover.articleButton--sharing::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M21 9V3m0 0h-6m6 0l-8 8m-3-6H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 7.28 3 8.12 3 9.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C19 18.72 19 17.88 19 16.2V14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .borderedBtns__container .articleButton {
    border-color: rgba(255, 255, 255, .16)
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(255, 255, 255, .9);
    color: #737278
}

html[data-color-mode=dark] .borderedBtns__container .articleButton:active__count,
html[data-color-mode=dark] .borderedBtns__container .articleButton:hover__count {
    color: #737278
}

.textualBtns__container .articleButton {
    grid-gap: .4rem;
    gap: .4rem;
    height: 4rem;
    width: auto;
    padding: 0 1.6rem 0 .8rem;
    line-height: 1.3;
    font-size: 1.6rem;
    letter-spacing: .01em;
    border-radius: 4rem;
    color: #16141e
}

.textualBtns__container .articleButton.ui-collapse--shown,
.textualBtns__container .articleButton:active,
.textualBtns__container .articleButton:hover {
    color: #fff
}

html[data-color-mode=dark] .textualBtns__container .articleButton {
    color: rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .textualBtns__container .articleButton.ui-collapse--shown,
html[data-color-mode=dark] .textualBtns__container .articleButton:active,
html[data-color-mode=dark] .textualBtns__container .articleButton:hover {
    color: #16141e
}

html[data-color-mode=dark] .textualBtns__container .articleButton.articleButton--sharing.ui-collapse--shown::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' width='40' height='40' fill='none'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.17 17.5v-5m0 0h-5m5 0l-6.67 6.67m-2.5-5h-1.83c-1.4 0-2.1 0-2.64.27a2.5 2.5 0 00-1.1 1.1c-.26.53-.26 1.23-.26 2.63v5.33c0 1.4 0 2.1.27 2.64.24.47.62.85 1.1 1.09.53.27 1.23.27 2.63.27h5.33c1.4 0 2.1 0 2.64-.27a2.5 2.5 0 001.09-1.1c.27-.53.27-1.23.27-2.63v-1.83'/%3E%3C/svg%3E")
}

.textualBtns__container .articleButton.openapp__container {
    padding: 0 1.6rem
}

.listBtns__container {
    display: flex;
    grid-gap: 1.6rem .8rem;
    gap: 1.6rem .8rem;
    flex-wrap: wrap
}

.author--simple {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #16141e
}

.author--simple {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--simple {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .author--simple {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--simple {
    color: #16141e
}

@media(min-width:600px) {
    .author--simple {
        font-size: 2rem
    }
}

.author--partnership {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .018rem;
    margin-top: 1.6rem;
    color: #16141e
}

.author--partnership {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--partnership {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .author--partnership {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--partnership {
    color: #16141e
}

@media(min-width:600px) {
    .author--partnership {
        font-size: 2rem;
        letter-spacing: .02rem
    }
}

.author--partnership-img {
    width: 5.4rem;
    height: 1.76rem;
    margin-left: .6rem
}

.author--media {
    font-size: 1.6rem;
    color: #121212;
    line-height: 1.2;
    margin-right: .5rem
}

.author--media {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .author--media {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .author--media:hover {
    text-decoration: underline
}

.author--link {
    color: #16141e
}

[data-color-mode=dark] .author--link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .author--link {
    color: #16141e
}

html:not(.app) .author--link:hover {
    color: #45434b
}

html[data-color-mode=dark] .author--link:hover {
    color: rgba(255, 255, 255, .6)
}

.author--block {
    display: flex
}

.label__subscriber {
    background-color: #fed403;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: inherit;
    padding: .6rem .8rem;
    position: absolute;
    z-index: 2;
    top: 1.6rem;
    right: -1.6rem;
    width: 6rem;
    height: 2.8rem
}

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

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

@media(min-width:1024px) {
    .label__subscriber {
        top: -1rem;
        right: 1.6rem
    }
}

.label__subscriber--grid-page {
    margin-left: .5rem;
    padding: 1.2rem 1rem 1.2rem 1rem;
    line-height: 0;
    font-size: 1.2rem;
    height: 0;
    color: #131313;
    top: .5rem;
    right: auto;
    width: auto;
    left: 0
}

.selection-tele__list li:last-child .label__subscriber {
    display: none
}

.Content__section-title {
    font-weight: 500;
    font-size: 5rem;
    line-height: 100%;
    color: #121212;
    padding: 0 0 1.6rem;
    border-bottom: 3px solid #121212;
    margin-bottom: 4rem;
    clear: both;
    display: block
}

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

html.fonts-loaded .Content__section-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .Content__section-title {
        font-size: 6rem
    }
}

.home-content .Content__section-title {
    display: flex;
    align-items: center
}

.home-content .Content__section-title label {
    margin-top: 2.1rem;
    line-height: 3.6rem
}

.reading-time {
    font-size: 1.6rem;
    line-height: 1.4rem;
    color: #8e8e96;
    padding-right: 1.6rem;
    padding-left: 2rem;
    background-position: left;
    width: auto;
    margin-top: .6rem;
    display: flex;
    align-items: center;
    letter-spacing: .01rem
}

.reading-time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .reading-time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.reading-time--edito {
    width: 100%;
    margin-top: .8rem;
    color: #121212;
    padding-left: 2rem;
    line-height: 1.6rem
}

.reading-time--related {
    margin-top: .8rem
}

.label-subscriber {
    font-size: 1.4rem;
    color: #121212;
    background-color: #fed403;
    padding: .4rem .6rem .2rem
}

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

html.fonts-loaded .label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.label-subscriber--metas {
    padding: .3rem .8rem .1rem;
    line-height: 170%;
    align-self: baseline
}

.label-subscriber--edito {
    margin-right: .8rem;
    display: inline-block;
    margin-bottom: 0
}

.label-subscriber--related {
    position: absolute;
    right: -1.55rem;
    top: 1.6rem
}

@media(min-width:600px) {
    .label-subscriber--related {
        top: -1.55rem;
        right: 1.6rem
    }
}

.label-simple {
    font-size: 1.6rem;
    color: #a0a0a0;
    margin-top: 0 !important
}

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

html.fonts-loaded .label-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .label-simple {
        font-size: 2rem
    }
}

.label-simple--list {
    margin: .8rem 0 0
}

.label-simple--list+.label-simple--list {
    margin-top: .8rem
}

.label-simple--related-list {
    font-size: 1.8rem;
    line-height: 150%;
    letter-spacing: .01em;
    color: #16141e;
    margin-top: .8rem
}

.label-simple--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-simple--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .label-simple--related-list {
        font-size: 2rem
    }
}

.label-simple--edito {
    font-size: 1.6rem;
    color: #a0a0a0;
    margin-top: 0
}

.label-simple--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .label-simple--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.label-simple--metro {
    display: flex;
    align-items: center
}

.label-simple--metro:before {
    content: " ";
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem;
    background-image: url(/dist/assets/img/icons/icon-metro.svg)
}

.edito__icon {
    display: flex;
    width: 8rem;
    height: 8rem;
    background-color: rgba(226, 0, 1, .1)
}

.edito__icon--generic {
    display: block;
    margin: auto;
    width: 2.8rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M17.03 5.764L11.986.72a.749.749 0 00-.53-.22H1.5a.75.75 0 00-.75.75v19.5c0 .415.335.75.75.75h15a.75.75 0 00.75-.75V6.296c0-.2-.08-.391-.22-.532zm-1.51.877h-4.41V2.23l4.41 4.41zm.043 13.171H2.437V2.188h7.079V7.25a.984.984 0 00.984.984h5.063v11.579zm-6.75-6.328H4.5a.188.188 0 00-.188.188v1.125c0 .103.085.187.188.187h4.313A.188.188 0 009 14.797v-1.125a.188.188 0 00-.188-.188zm-4.5-3v1.125c0 .104.084.188.187.188h9a.188.188 0 00.188-.188v-1.125a.188.188 0 00-.188-.187h-9a.188.188 0 00-.188.187z'/%3E%3C/svg%3E")
}

.edito__icon--jeux-video {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M10.58 31.833c2.905 0 5.686-1.11 7.677-3.495h3.486c1.991 2.385 4.772 3.495 7.676 3.495C35.56 31.833 40 27.268 40 21.346 40 15.671 35.27 10.9 29.42 10.9h-8.3V7.693c0-1.604.872-3.044 2.365-3.784l3.237-1.563-1.079-2.18-3.32 1.563c-2.282 1.07-3.692 3.29-3.692 5.84V10.9h-8.05C4.606 10.9 0 15.671 0 21.346c0 5.922 4.44 10.487 10.58 10.487zm0-2.426c-5.103 0-7.966-3.784-7.966-8.06 0-4.36 3.527-8.061 7.967-8.061h18.838c4.523 0 7.967 3.66 7.967 8.06 0 4.36-2.863 8.06-7.967 8.06-2.573 0-4.98-1.027-6.473-3.454h-5.892c-1.494 2.427-3.9 3.455-6.473 3.455zm20.955-8.06c1.411 0 2.49-1.07 2.49-2.468 0-1.399-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467zM9.378 25.992h2.49v-3.536h3.443V20.07h-3.444v-3.536h-2.49v3.536H5.935v2.386h3.444v3.537zm17.634.288c1.411 0 2.49-1.069 2.49-2.467 0-1.398-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467z'/%3E%3C/svg%3E")
}

.edito__icon--disque {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M17.023 33.667c9.16 0 16.644-7.483 16.644-16.69 0-9.16-7.483-16.644-16.644-16.644C7.816.333.333 7.816.333 16.977c0 9.207 7.483 16.69 16.69 16.69zm0-2.858c-7.483 0-13.515-6.213-13.515-13.832C3.508 9.404 9.54 3.19 17.023 3.19c7.438 0 13.47 6.214 13.47 13.787 0 7.62-6.032 13.832-13.47 13.832zm-.046-8.48c2.994 0 5.397-2.404 5.397-5.352 0-2.947-2.403-5.306-5.396-5.306-2.948 0-5.352 2.359-5.352 5.306a5.361 5.361 0 005.351 5.352zm0-2.721c-1.36 0-2.494-1.18-2.494-2.63 0-1.452 1.134-2.586 2.494-2.586 1.361 0 2.54 1.134 2.54 2.585 0 1.452-1.179 2.63-2.54 2.63z'/%3E%3C/svg%3E")
}

.edito__icon--film {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 31.833h32.857v-9.699l5.76 3.145H40V6.677h-1.384l-5.759 3.145V.167H0v31.666zm2.813-2.568V2.735h27.232v26.53H2.812zM5.937 8.847h7.59V6.28h-7.59v2.568zm26.92 10.364v-6.466l4.33-2.348v11.161l-4.33-2.347z'/%3E%3C/svg%3E")
}

.edito__icon--series {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014zm20.766-4.57h.287l6.842-7.039-6.842-7.086h-.287v14.126zm-6.364 0h3.015V7.607h-3.015v14.126zm-6.363 0h3.014V7.607h-3.014v14.126z'/%3E%3C/svg%3E")
}

.edito__icon--personalite {
    display: block;
    margin: auto;
    width: 3rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 30h2.885c0-6.869 5.44-12.414 12.115-12.414 6.676 0 12.115 5.545 12.115 12.414H30c0-6.497-4.08-12-9.849-14.11 2.184-1.614 3.627-4.221 3.627-7.118C23.777 3.931 19.82 0 15 0c-4.821 0-8.736 3.931-8.736 8.772a8.847 8.847 0 003.585 7.118C4.12 18 0 23.503 0 30zm15-15.02c-3.214 0-5.852-2.773-5.852-6.208 0-3.434 2.638-6.165 5.852-6.165 3.214 0 5.893 2.73 5.893 6.165S18.214 14.98 15 14.98z'/%3E%3C/svg%3E")
}

.edito__icon--tv-show {
    display: block;
    margin: auto;
    width: 4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014z'/%3E%3C/svg%3E")
}

.edito__icon--livre {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 2.7rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='28' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M1.48 27.333c.61 0 .932-.254 1.542-.69 1.9-1.341 3.799-2.394 6.272-2.394 2.509 0 4.373 1.089 5.77 2.213.682.545 1.112.871 1.936.871.825 0 1.255-.326 1.936-.87 1.398-1.125 3.261-2.214 5.77-2.214 2.473 0 4.409 1.053 6.309 2.395.609.435.931.69 1.505.69.645 0 1.147-.436 1.147-1.234V4.295C31.05 2.009 27.824.667 24.707.667c-3.083 0-5.449.98-7.707 2.684C14.742 1.646 12.377.667 9.294.667 6.176.667 2.95 2.009.334 4.295V26.1c0 .798.501 1.233 1.146 1.233zm7.814-5.37c-2.294 0-4.731.871-6.452 2.177V5.383C4.24 4.15 6.75 2.953 9.294 2.953c2.688 0 4.803.725 6.452 2.176v19.193c-1.613-1.415-3.835-2.358-6.452-2.358zm15.412-19.01c2.545 0 5.054 1.197 6.452 2.43v18.758c-1.72-1.307-4.158-2.177-6.452-2.177-2.616 0-4.838.943-6.451 2.358V5.129c1.648-1.451 3.763-2.177 6.451-2.177z'/%3E%3C/svg%3E")
}

.edito__icon--event {
    display: block;
    margin: auto;
    width: 3.4rem;
    height: 3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M6.496 30l10.463-6.242L27.422 30l.207-.161-2.854-11.316 8.892-7.087-.083-.241-11.787-1.047L17.124 0h-.248l-4.673 10.148L.416 11.195l-.083.241 8.85 7.087L6.29 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito__icon--lieu {
    display: block;
    margin: auto;
    width: 3.5rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M2.641 33.667h30.718V18.515c1.303-1.259 2.141-2.984 2.141-4.895V7.233h-2.141v-6.9H2.641v6.9H.5v6.387c0 1.912.838 3.636 2.141 4.895v15.152zm2.932-30.63h24.854v4.196H5.573V3.037zm2.234 14.826c-2.56 0-4.375-1.958-4.375-4.476v-3.45h29.136v3.45c0 2.518-1.63 4.476-4.375 4.476-2.56 0-4.003-1.772-4.375-3.31h-1.396c-.373 1.538-1.816 3.31-4.422 3.31s-4.05-1.772-4.421-3.31h-1.397c-.372 1.538-1.815 3.31-4.375 3.31zm0 2.704c2.653 0 4.189-1.166 5.073-1.959.885.793 2.42 1.959 5.12 1.959s4.235-1.166 5.12-1.959c.884.793 2.42 1.959 5.073 1.959.791 0 1.536-.094 2.234-.327v10.723h-6.935v-7.32H12.508v7.32H5.573V20.24c.698.233 1.443.327 2.234.327zm7.633 5.78h5.12v4.616h-5.12v-4.616z'/%3E%3C/svg%3E")
}

.edito__icon--cinema {
    display: block;
    margin: auto;
    width: 3.5rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M6.494 30l10.463-6.242L27.42 30l.207-.161-2.853-11.316 8.891-7.087-.082-.241-11.787-1.047L17.123 0h-.248L12.2 10.148.415 11.195l-.083.241 8.85 7.087L6.287 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito__icon--spectacle {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%23E20001'%3E%3Cpath d='M21.284 9.276l-5.951-.865-2.66-5.393a.753.753 0 00-1.345 0L8.667 8.41l-5.952.865a.749.749 0 00-.414 1.28l4.305 4.197L5.59 20.68a.749.749 0 001.087.79L12 18.672l5.323 2.798a.749.749 0 001.087-.79l-1.017-5.927 4.305-4.198a.749.749 0 00.218-.429.747.747 0 00-.632-.85zm-5.703 4.886l.846 4.93L12 16.765l-4.427 2.328.846-4.93-3.582-3.492 4.95-.72L12 5.47l2.213 4.484 4.95.72-3.582 3.49z'/%3E%3C/svg%3E")
}

.edito__prefixe {
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: #16141e;
    letter-spacing: .01em;
    margin-bottom: .4rem
}

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

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

[data-color-mode=dark] .edito__prefixe {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .edito__prefixe {
    color: #16141e
}

.edito__prefixe::first-letter {
    text-transform: uppercase
}

@media(min-width:600px) {
    .edito__prefixe {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-bottom: .8rem
    }
}

.edito__score .score {
    line-height: 2.1rem
}

.edito__link-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #121212;
    margin-left: 1.6rem;
    font-size: 1.8rem;
    line-height: 2.16rem;
    letter-spacing: .01em
}

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

html.fonts-loaded .edito__link-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .edito__link-container {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

html:not(.app) .edito__link-container:hover .article__title--edito {
    color: #45434b;
    opacity: 80%
}

html[data-color-mode=dark] .edito__link-container:active .article__title--edito,
html[data-color-mode=dark] .edito__link-container:hover .article__title--edito {
    color: rgba(255, 255, 255, .8)
}

.edito__label {
    font-size: 1.6rem;
    display: block
}

.edito--link {
    display: flex;
    position: relative;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    border-left: .4rem solid #f4c5d3
}

.edito--link .premium:first-child {
    background-color: #fed403 !important
}

.edito--link .premium:first-child .edito__icon--generic {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M17.03 5.764L11.986.72a.749.749 0 00-.53-.22H1.5a.75.75 0 00-.75.75v19.5c0 .415.335.75.75.75h15a.75.75 0 00.75-.75V6.296c0-.2-.08-.391-.22-.532zm-1.51.877h-4.41V2.23l4.41 4.41zm.043 13.171H2.437V2.188h7.079V7.25a.984.984 0 00.984.984h5.063v11.579zm-6.75-6.328H4.5a.188.188 0 00-.188.188v1.125c0 .103.085.187.188.187h4.313A.188.188 0 009 14.797v-1.125a.188.188 0 00-.188-.188zm-4.5-3v1.125c0 .104.084.188.187.188h9a.188.188 0 00.188-.188v-1.125a.188.188 0 00-.188-.187h-9a.188.188 0 00-.188.187z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--jeux-video {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M10.58 31.833c2.905 0 5.686-1.11 7.677-3.495h3.486c1.991 2.385 4.772 3.495 7.676 3.495C35.56 31.833 40 27.268 40 21.346 40 15.671 35.27 10.9 29.42 10.9h-8.3V7.693c0-1.604.872-3.044 2.365-3.784l3.237-1.563-1.079-2.18-3.32 1.563c-2.282 1.07-3.692 3.29-3.692 5.84V10.9h-8.05C4.606 10.9 0 15.671 0 21.346c0 5.922 4.44 10.487 10.58 10.487zm0-2.426c-5.103 0-7.966-3.784-7.966-8.06 0-4.36 3.527-8.061 7.967-8.061h18.838c4.523 0 7.967 3.66 7.967 8.06 0 4.36-2.863 8.06-7.967 8.06-2.573 0-4.98-1.027-6.473-3.454h-5.892c-1.494 2.427-3.9 3.455-6.473 3.455zm20.955-8.06c1.411 0 2.49-1.07 2.49-2.468 0-1.399-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467zM9.378 25.992h2.49v-3.536h3.443V20.07h-3.444v-3.536h-2.49v3.536H5.935v2.386h3.444v3.537zm17.634.288c1.411 0 2.49-1.069 2.49-2.467 0-1.398-1.079-2.468-2.49-2.468-1.41 0-2.49 1.07-2.49 2.468s1.08 2.467 2.49 2.467z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--disque {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M17.023 33.667c9.16 0 16.644-7.483 16.644-16.69 0-9.16-7.483-16.644-16.644-16.644C7.816.333.333 7.816.333 16.977c0 9.207 7.483 16.69 16.69 16.69zm0-2.858c-7.483 0-13.515-6.213-13.515-13.832C3.508 9.404 9.54 3.19 17.023 3.19c7.438 0 13.47 6.214 13.47 13.787 0 7.62-6.032 13.832-13.47 13.832zm-.046-8.48c2.994 0 5.397-2.404 5.397-5.352 0-2.947-2.403-5.306-5.396-5.306-2.948 0-5.352 2.359-5.352 5.306a5.361 5.361 0 005.351 5.352zm0-2.721c-1.36 0-2.494-1.18-2.494-2.63 0-1.452 1.134-2.586 2.494-2.586 1.361 0 2.54 1.134 2.54 2.585 0 1.452-1.179 2.63-2.54 2.63z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--film {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='32' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 31.833h32.857v-9.699l5.76 3.145H40V6.677h-1.384l-5.759 3.145V.167H0v31.666zm2.813-2.568V2.735h27.232v26.53H2.812zM5.937 8.847h7.59V6.28h-7.59v2.568zm26.92 10.364v-6.466l4.33-2.348v11.161l-4.33-2.347z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--series {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014zm20.766-4.57h.287l6.842-7.039-6.842-7.086h-.287v14.126zm-6.364 0h3.015V7.607h-3.015v14.126zm-6.363 0h3.014V7.607h-3.014v14.126z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--personalite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 30h2.885c0-6.869 5.44-12.414 12.115-12.414 6.676 0 12.115 5.545 12.115 12.414H30c0-6.497-4.08-12-9.849-14.11 2.184-1.614 3.627-4.221 3.627-7.118C23.777 3.931 19.82 0 15 0c-4.821 0-8.736 3.931-8.736 8.772a8.847 8.847 0 003.585 7.118C4.12 18 0 23.503 0 30zm15-15.02c-3.214 0-5.852-2.773-5.852-6.208 0-3.434 2.638-6.165 5.852-6.165 3.214 0 5.893 2.73 5.893 6.165S18.214 14.98 15 14.98z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--tv-show {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M0 29.005h13.876v4.662h12.248v-4.662H40V.333H0v28.672zM3.014 26.3V3.037h33.972v23.264H3.014z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--livre {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='28' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M1.48 27.333c.61 0 .932-.254 1.542-.69 1.9-1.341 3.799-2.394 6.272-2.394 2.509 0 4.373 1.089 5.77 2.213.682.545 1.112.871 1.936.871.825 0 1.255-.326 1.936-.87 1.398-1.125 3.261-2.214 5.77-2.214 2.473 0 4.409 1.053 6.309 2.395.609.435.931.69 1.505.69.645 0 1.147-.436 1.147-1.234V4.295C31.05 2.009 27.824.667 24.707.667c-3.083 0-5.449.98-7.707 2.684C14.742 1.646 12.377.667 9.294.667 6.176.667 2.95 2.009.334 4.295V26.1c0 .798.501 1.233 1.146 1.233zm7.814-5.37c-2.294 0-4.731.871-6.452 2.177V5.383C4.24 4.15 6.75 2.953 9.294 2.953c2.688 0 4.803.725 6.452 2.176v19.193c-1.613-1.415-3.835-2.358-6.452-2.358zm15.412-19.01c2.545 0 5.054 1.197 6.452 2.43v18.758c-1.72-1.307-4.158-2.177-6.452-2.177-2.616 0-4.838.943-6.451 2.358V5.129c1.648-1.451 3.763-2.177 6.451-2.177z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--event {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='30' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M6.496 30l10.463-6.242L27.422 30l.207-.161-2.854-11.316 8.892-7.087-.083-.241-11.787-1.047L17.124 0h-.248l-4.673 10.148L.416 11.195l-.083.241 8.85 7.087L6.29 29.84l.207.161z'/%3E%3C/svg%3E")
}

.edito--link .premium:first-child .edito__icon--lieu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23121212'%3E%3Cpath d='M2.641 33.667h30.718V18.515c1.303-1.259 2.141-2.984 2.141-4.895V7.233h-2.141v-6.9H2.641v6.9H.5v6.387c0 1.912.838 3.636 2.141 4.895v15.152zm2.932-30.63h24.854v4.196H5.573V3.037zm2.234 14.826c-2.56 0-4.375-1.958-4.375-4.476v-3.45h29.136v3.45c0 2.518-1.63 4.476-4.375 4.476-2.56 0-4.003-1.772-4.375-3.31h-1.396c-.373 1.538-1.816 3.31-4.422 3.31s-4.05-1.772-4.421-3.31h-1.397c-.372 1.538-1.815 3.31-4.375 3.31zm0 2.704c2.653 0 4.189-1.166 5.073-1.959.885.793 2.42 1.959 5.12 1.959s4.235-1.166 5.12-1.959c.884.793 2.42 1.959 5.073 1.959.791 0 1.536-.094 2.234-.327v10.723h-6.935v-7.32H12.508v7.32H5.573V20.24c.698.233 1.443.327 2.234.327zm7.633 5.78h5.12v4.616h-5.12v-4.616z'/%3E%3C/svg%3E")
}

.edito__link-container .article__title--edito {
    display: inline;
    display: initial
}

.blockquote {
    margin: 3.2rem 0;
    text-align: center
}

@media(min-width:600px) {
    .blockquote {
        margin: 3.2rem auto 3.2rem;
        max-width: 45.9rem
    }
}

.blockquote__citation {
    color: #16141e;
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .01em;
    text-align: center;
    margin: 2rem 3.2rem 0;
    font-style: normal
}

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

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

[data-color-mode=dark] .blockquote__citation {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .blockquote__citation {
    color: #16141e
}

@media(min-width:600px) {
    .blockquote__citation {
        font-size: 2.8rem;
        margin: 2.4rem 3.2rem 0
    }
}

.blockquote__citation em {
    font-style: normal
}

.blockquote__img-container {
    display: flex;
    justify-content: center
}

.blockquote__icon-left {
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' fill='none'%3E%3Cpath fill='%23F4C5D3' d='M9.16 26.67c4.3 0 7.8-2.6 7.8-6.78 0-4.07-2.71-6.78-6.33-6.78a6.1 6.1 0 00-3.05.9c0-4.63 2.82-8.59 9.72-11.75L16.5 0C5.89 2.49.24 8.59.24 17.06c0 6.22 4.3 9.6 8.93 9.6zm21.58 0c4.18 0 7.69-2.6 7.69-6.78 0-4.07-2.72-6.78-6.33-6.78-1.36 0-2.49.56-2.94.9-.11-4.63 2.83-8.59 9.6-11.75L38.1 0C27.35 2.49 21.82 8.59 21.82 17.06c0 6.22 4.29 9.6 8.92 9.6z'/%3E%3C/svg%3E") no-repeat;
    width: 3.1rem;
    height: 2.1rem;
    margin-right: 1.3rem;
    background-size: contain
}

@media(min-width:600px) {
    .blockquote__icon-left {
        width: 3.9rem;
        height: 2.7rem;
        margin-right: 1.8rem
    }
}

.blockquote__icon-right {
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='27' fill='none'%3E%3Cpath fill='%23F4C5D3' d='M29.84 0c-4.3 0-7.8 2.6-7.8 6.78 0 4.07 2.71 6.78 6.33 6.78a6.1 6.1 0 003.05-.9c0 4.63-2.82 8.58-9.72 11.75l.8 2.26c10.62-2.49 16.27-8.6 16.27-17.07 0-6.21-4.3-9.6-8.93-9.6zM8.26 0C4.08 0 .57 2.6.57 6.78c0 4.07 2.72 6.78 6.33 6.78 1.36 0 2.49-.57 2.94-.9C9.95 17.29 7 21.24.24 24.4l.67 2.26c10.74-2.49 16.27-8.6 16.27-17.07C17.18 3.4 12.9 0 8.26 0z'/%3E%3C/svg%3E") no-repeat;
    width: 3.1rem;
    height: 2.1rem;
    background-size: contain
}

@media(min-width:600px) {
    .blockquote__icon-right {
        width: 3.9rem;
        height: 2.7rem;
        margin-right: 1.8rem
    }
}

.blockquote__signataire {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #16141e;
    letter-spacing: .01em;
    padding: 0 5rem;
    margin-bottom: 3.2rem
}

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

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

[data-color-mode=dark] .blockquote__signataire {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .blockquote__signataire {
    color: #16141e
}

@media(min-width:600px) {
    .blockquote__signataire {
        font-size: 1.6rem;
        padding: 0;
        margin: 0 auto 3.2rem;
        max-width: 45.9rem
    }
}

.block__citation {
    margin: 3.2rem 3.1rem 0;
    text-align: center;
    color: #121212;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: 700;
    display: block
}

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

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

@media(min-width:600px) {
    .block__citation {
        margin: 3.2rem auto 0;
        max-width: 48.8rem
    }
}

@media(min-width:1024px) {
    .block__citation {
        margin: 4rem auto 0
    }
}

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

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

.publication__container {
    margin-top: .8rem
}

@media(min-width:600px) {
    .publication__container {
        display: flex;
        margin-top: 1.6rem
    }
}

.publication__date {
    font-size: 1.2rem;
    line-height: 1.56rem;
    letter-spacing: .01em;
    color: #737278
}

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

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

[data-color-mode=dark] .publication__date {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .publication__date {
    color: #737278
}

@media(min-width:600px) {
    .publication__date {
        font-size: 1.4rem;
        line-height: 1.82rem
    }
}

.publication__update {
    font-size: 1.2rem;
    line-height: 1.56rem;
    letter-spacing: .01em;
    color: #737278
}

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

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

[data-color-mode=dark] .publication__update {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .publication__update {
    color: #737278
}

@media(min-width:600px) {
    .publication__update {
        border-left: .1rem solid #dad9db;
        padding-left: .8rem;
        margin-left: .8rem;
        font-size: 1.4rem;
        line-height: 1.82rem
    }

    [data-color-mode=dark] .publication__update {
        border-left: .1rem solid rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .publication__update {
        border-left: .1rem solid #dad9db
    }
}

.heading {
    color: #121212;
    font-weight: 700
}

.heading--lead-paragraph {
    margin: 3.2rem 3.1rem 2.4rem;
    font-size: 2.2rem;
    line-height: 140%
}

.heading--lead-paragraph {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--lead-paragraph {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.heading--lead-paragraph+.paragraph {
    margin-top: 0
}

@media(min-width:600px) {
    .heading--lead-paragraph {
        margin: 3.2rem 0 2.4rem
    }
}

.heading--lead-paragraph-list {
    margin: 3.2rem 0 2.4rem
}

.heading--lead-paragraph-paywall {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--lead-paragraph-paywall {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.heading--lead-paragraph--no-cookie {
    margin: 0 0 2.4rem
}

.heading--section-medium {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .01rem;
    margin: 0 0 .8rem;
    display: block
}

.heading--section-medium {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--section-medium {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .heading--section-medium {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .heading--section-medium {
        margin: 0 0 2.4rem
    }
}

.heading--section-medium.heading--abo-sheet {
    margin: 3.2rem 0 2.4rem;
    font-size: 2.2rem;
    line-height: 140%
}

.heading--section-medium.heading--abo-sheet {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--section-medium.heading--abo-sheet {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.heading--section-medium.heading--abo-sheet+.paragraph {
    margin-top: 0
}

@media(min-width:600px) {
    .heading--section-medium.heading--abo-sheet {
        margin: 3.2rem 0 2.4rem
    }
}

@media(min-width:1024px) {
    .heading--section-medium.heading--abo-sheet {
        margin: 4rem 0 2.4rem
    }
}

.heading--article-medium {
    line-height: 110%;
    letter-spacing: .01rem;
    font-weight: 700;
    font-size: 4rem
}

.heading--article-medium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .heading--article-medium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

h3.heading {
    font-size: 2.2rem;
    line-height: 130%;
    font-weight: 600;
    color: #121212;
    margin: 2.4rem 0
}

h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paragraph {
    display: flow-root;
    font-size: 1.8rem;
    color: #16141e;
    line-height: 2.7rem;
    margin-bottom: 3.2rem;
    letter-spacing: .01em
}

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

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

[data-color-mode=dark] .paragraph {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph {
        font-size: 2rem;
        line-height: 3rem
    }
}

.paragraph .article-first-letters {
    font-size: 5.7rem;
    line-height: 5rem;
    letter-spacing: .01em;
    float: left;
    margin-right: .6rem;
    font-style: normal;
    display: flex
}

.paragraph .article-first-letters {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph .article-first-letters {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paragraph .article-first-letters {
        font-size: 10.5rem;
        line-height: 8.4rem
    }
}

.paragraph .article-first-letters .article-quotation {
    font-size: 4.2rem;
    line-height: 4.2rem;
    vertical-align: middle;
    height: 4.2rem;
    position: relative;
    top: .2rem;
    display: inline-block
}

.paragraph .article-first-letters .article-quotation {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph .article-first-letters .article-quotation {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paragraph .article-first-letters .article-quotation {
        font-size: 7.1rem;
        height: 7.1rem;
        top: 1.8rem;
        line-height: 4.48rem
    }
}

.paragraph .article-first-letters .article-apostrophe {
    font-size: 3.6rem;
    line-height: 3.2rem;
    vertical-align: top
}

@media(min-width:600px) {
    .paragraph .article-first-letters .article-apostrophe {
        font-size: 5.6rem;
        line-height: 4.48rem
    }
}

.paragraph a {
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

@media(min-width:600px) {
    .paragraph a {
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .paragraph a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .paragraph a:hover {
    color: rgba(255, 255, 255, .6)
}

.paragraph a--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.paragraph__link {
    color: #e20001
}

html:not(.app) .paragraph__link:hover {
    text-decoration: underline
}

.paragraph__link--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.paragraph__link--related-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.8rem;
    color: #16141e;
    line-height: 100%;
    margin-top: 1.6rem;
    letter-spacing: .01em;
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

.paragraph__link--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph__link--related-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paragraph__link--related-list {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph__link--related-list {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph__link--related-list {
        font-size: 2rem;
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .paragraph__link--related-list:hover {
    border-bottom: solid .2rem #fff;
    text-decoration: none;
    color: #737278
}

@media(min-width:600px) {
    html:not(.app) .paragraph__link--related-list:hover {
        border-bottom: solid .3rem #fff
    }
}

.paragraph--list {
    font-size: 1.8rem;
    color: #16141e;
    line-height: 150%;
    margin-top: 2.4rem;
    letter-spacing: .01em
}

.paragraph--list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph--list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paragraph--list {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paragraph--list {
    color: #16141e
}

@media(min-width:600px) {
    .paragraph--list {
        font-size: 2rem
    }
}

.paragraph--table {
    margin: .8rem 0 0
}

.paragraph--snippet {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph--snippet {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paragraph strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paragraph strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.video--inread {
    position: relative;
    padding-top: 56.25%;
    margin: 2.4rem 0 3.2rem
}

@media(min-width:1024px) {
    .video--inread {
        margin: 4rem 0 4.8rem
    }
}

.video--dailymotion {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3.2rem;
    margin-left: 0
}

@media(min-width:1024px) {
    .video--dailymotion {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 4.8rem;
        margin-left: 0
    }
}

.video--no-cookie-block {
    background-color: #faf5ee;
    padding: 2.4rem
}

@media(min-width:600px) {
    .video--no-cookie-block {
        padding: 3.2rem
    }
}

.video--no-cookie-bloc-btn {
    margin-top: 2.4rem
}

.document {
    margin-top: 3.2rem
}

.document__title {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    color: #8e8e96;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

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

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

.document__icon {
    margin-right: .4rem
}

.document__icon:before {
    font-family: "Telerama Pictos2012A"
}

.document__icon--moins:before {
    content: "O";
    color: #e20001;
    font-size: 2rem
}

.document p {
    font-size: 1.2rem;
    color: #737278;
    line-height: 130%;
    letter-spacing: .01em;
    margin-top: .8rem
}

.document p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .document p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .document p {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .document p {
    color: #737278
}

@media(min-width:600px) {
    .document p {
        font-size: 1.4rem
    }
}

.document p a {
    color: #16141e;
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

[data-color-mode=dark] .document p a {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .document p a {
    color: #16141e
}

html:not(.app) .document p a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .document p a:hover {
    border-bottom: 0;
    color: rgba(255, 255, 255, .6)
}

.document p a--next {
    margin: 2rem 0 0;
    text-decoration: underline
}

.document+.tag__list {
    margin-top: 2.4rem
}

.tag__list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.6rem 1.2rem;
    gap: 1.6rem 1.2rem
}

.tag__item {
    display: flex;
    padding: .6rem 1.2rem;
    border: .1rem solid #dad9db;
    border-radius: 4rem;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #16141e;
    cursor: pointer
}

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

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

[data-color-mode=dark] .tag__item {
    border: .1rem solid rgba(255, 255, 255, .16)
}

[data-color-mode=light] .tag__item {
    border: .1rem solid #dad9db
}

[data-color-mode=dark] .tag__item {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .tag__item {
    color: #16141e
}

.tag__item--active,
.tag__item:hover {
    background-color: #1c1a26 !important;
    border-color: #1c1a26 !important;
    color: #fff
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    background-color: #e8e8e9 !important
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    background-color: #1c1a26 !important
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    border-color: #e8e8e9 !important
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    border-color: #1c1a26 !important
}

[data-color-mode=dark] .tag__item--active,
[data-color-mode=dark] .tag__item:hover {
    color: #16141e
}

[data-color-mode=light] .tag__item--active,
[data-color-mode=light] .tag__item:hover {
    color: #fff
}

@media(min-width:600px) {
    .tag__item {
        font-size: 2rem
    }
}

html:not(.app) .tag__item:active,
html:not(.app) .tag__item:hover {
    background-color: #1c1a26;
    color: #fff;
    border: .1rem solid #1c1a26
}

html[data-color-mode=dark] .tag__item:active,
html[data-color-mode=dark] .tag__item:hover {
    background-color: #eaeaec;
    color: #16141e;
    border: .1rem solid #eaeaec
}

@media(min-width:600px) {
    .tag__item {
        padding: .8rem 1.6rem
    }
}

.broadcaster {
    margin-left: .4rem
}

.broadcaster--apple-tv {
    background-image: url(/dist/assets/img/icons/broadcasters/icon-apple-tv.svg);
    width: 3.8rem;
    height: 1.4rem
}

.broadcaster--netflix {
    background-image: url(/dist/assets/img/icons/netflix_logo.svg);
    width: 3.2rem
}

.broadcaster--ocs {
    background-image: url(/dist/assets/img/icons/ocs_logo.svg);
    width: 2.66rem
}

.broadcaster--my-canal {
    background-image: url(/dist/assets/img/icons/canalplus_logo.svg);
    width: 3.2rem
}

.connexion__login {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .016rem;
    line-height: 2.08rem
}

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

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

[data-color-mode=dark] .connexion__login {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .connexion__login {
    color: #16141e
}

.connexion__login--noel {
    color: #fff;
    line-height: 2.08rem
}

.connexion__login__dialogue {
    text-align: center
}

.connexion__link {
    color: #16141e;
    text-decoration: underline
}

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

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

[data-color-mode=dark] .connexion__link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .connexion__link {
    color: #16141e
}

html:not(.app) .connexion__link:hover {
    text-decoration: none
}

.connexion__link--kiosk:hover {
    text-decoration: none
}

.kiosk-highlight {
    align-items: center;
    display: none;
    font-size: 1.6rem;
    line-height: 130%;
    padding: 0 10px 0 15px;
    color: buttontext
}

.kiosk-highlight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .kiosk-highlight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .kiosk-highlight {
        display: flex
    }
}

.kiosk-highlight:before {
    content: "U";
    font-size: 2.5rem;
    margin-right: 5px;
    margin-top: 4px
}

.kiosk-highlight:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .kiosk-highlight:before {
    font-family: "Telerama Icons"
}

.carrousel-black__container {
    background-color: #2b293d;
    padding: 3.2rem 0 3.2rem 2.4rem;
    margin: 3.2rem -2.4rem;
    overflow: hidden
}

@media(min-width:748px) {
    .carrousel-black__container {
        margin: 4.8rem 0
    }
}

.carrousel-black__container--abo {
    margin-top: 0
}

.carrousel-black__container--home {
    margin-bottom: 0;
    margin-top: 0
}

.carrousel-black__top {
    display: flex;
    border-bottom: .1rem solid rgba(255, 255, 255, .48);
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    margin-right: 2.4rem
}

@media(min-width:1024px) {
    .carrousel-black__top {
        margin-bottom: 3.2rem
    }
}

.carrousel-black__top--home {
    margin-bottom: 0
}

.carrousel-black__text-container {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.carrousel-black__title {
    font-size: 2.6rem;
    color: #fff;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

.carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .carrousel-black__title {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .carrousel-black__title {
        font-size: 4.8rem
    }
}

.carrousel-black__link {
    font-size: 1.6rem;
    line-height: 130%;
    color: #fff;
    letter-spacing: .01em;
    align-self: center;
    cursor: pointer
}

.carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carrousel-black__link:hover {
    opacity: 80%
}

.carrousel-black__navigation {
    display: none
}

@media(min-width:1024px) {
    .carrousel-black__navigation {
        display: flex
    }
}

.carrousel-black__navigation::before {
    content: "";
    display: block;
    height: 4.8rem;
    border-right: .1rem solid rgba(255, 255, 255, .6);
    padding-left: 1.6rem;
    margin-right: 1.6rem
}

.carrousel-black__navigation .swiper-button-next::after,
.carrousel-black__navigation .swiper-button-prev::after {
    visibility: hidden
}

@media(min-width:1024px) {
    .carrousel-black__navigation--home {
        display: none
    }
}

@media(min-width:1113px) {
    .carrousel-black__navigation--home {
        display: flex
    }
}

.carrousel-black__arrow {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: .1rem solid rgba(255, 255, 255, .6);
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    margin-top: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

html:not(.app) .carrousel-black__arrow:hover {
    background-color: #fff;
    border: 0
}

html:not(.app) .carrousel-black__arrow:hover.left:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:hover.right:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:active {
    border: .15rem solid rgba(218, 217, 219, .6)
}

.carrousel-black__arrow.left {
    align-self: center;
    margin-right: .8rem
}

.carrousel-black__arrow.left::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right {
    align-self: center
}

.carrousel-black__arrow.right::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled {
    opacity: 60%
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover {
    cursor: default;
    border: medium none currentColor;
    border: initial;
    background-color: transparent;
    background-color: initial
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover::before,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: none;
    background-image: initial;
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__content {
    overflow: hidden
}

@media(min-width:1024px) {
    .carrousel-black__content {
        width: 62.4rem
    }
}

.carrousel-black__list-container {
    display: flex;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: content-box
}

@media(min-width:1024px) {
    .carrousel-black__list-container {
        overflow-x: visible;
        overflow-x: initial
    }
}

.carrousel-black__list-container::-webkit-scrollbar {
    display: none
}

.carrousel-black__item {
    flex-shrink: 0;
    position: relative;
    width: 15.7rem;
    margin-right: .8rem;
    flex-direction: row;
    scroll-behavior: smooth;
    scroll-snap-align: start;
    white-space: normal
}

@media(min-width:600px) {
    .carrousel-black__item {
        margin-right: 2.4rem
    }
}

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

.carrousel-black__img-container {
    display: inline-flex;
    position: relative;
    width: 15.7rem;
    height: 20.9rem;
    margin-bottom: 1.2rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container {
        width: 19.2rem;
        height: 25.6rem
    }

    .carrousel-black__img-container:hover .carrousel-black__img-overlay {
        display: block
    }
}

.carrousel-black__img-container--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-container--square {
    width: 25.6rem;
    height: 25.6rem
}

.carrousel-black__img-container--home {
    display: inline
}

.carrousel-black__link-img {
    display: block
}

.carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    width: 100%;
    height: 20.9rem;
    border-radius: .4rem;
    box-shadow: 0 4px 16px -6px rgba(22, 20, 30, .24), 0 10px 24px -4px rgba(22, 20, 30, .16)
}

[data-color-mode=dark] .carrousel-black__item-img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:1024px) {
    .carrousel-black__item-img {
        height: 25.6rem
    }
}

.carrousel-black__item-img::before {
    content: " ";
    background-color: #3c3956;
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -2.56rem;
    min-width: 15.7rem;
    height: 20.9rem;
    background-size: cover
}

@media(min-width:1024px) {
    .carrousel-black__item-img::before {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__item-img--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__item-img--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-overlay {
    display: none;
    background: #1c1a26;
    opacity: .4;
    position: absolute;
    width: 15.7rem;
    height: 20.9rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay {
        width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__img-overlay--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay--disc {
        height: 19.2rem
    }
}

.carrousel-black__slide-notation-text {
    align-items: center;
    max-height: 1.8rem;
    display: flex;
    margin-bottom: .4rem
}

.carrousel-black__slide-notation-text+.tv-grid__card-category {
    margin-left: -.2rem
}

.carrousel-black__notation {
    position: relative;
    display: inline-block;
    margin-right: .7rem;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 1
}

.carrousel-black__notation [alt="Très Bien"],
.carrousel-black__notation [alt=Bien],
.carrousel-black__notation [alt=Bof],
.carrousel-black__notation [alt=Bravo],
.carrousel-black__notation [alt=Hélas] {
    margin-top: -.25rem;
    width: auto;
    height: 1.2rem
}

.carrousel-black__notation--slide {
    align-self: center;
    margin-right: .6rem
}

.carrousel-black__notation--small-square:after {
    width: 65%
}

.carrousel-black__notation-title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__notation-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__notation-title {
    color: #fff
}

.carrousel-black__slide-title-gray {
    color: #45434b;
    font-size: 1.6rem;
    line-height: 130%;
    opacity: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray {
    color: #45434b
}

.carrousel-black__slide-title-gray--no-mt {
    margin-bottom: 0
}

.carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

[data-color-mode=dark] .carrousel-black__slide-title-gray--tv-grid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.667 16.666l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.333 16.666l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    right: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notation {
    display: inline-flex;
    height: 1.2rem;
    line-height: 1;
    background-color: #e20001;
    background-image: var(--notation-mask);
    background-size: cover;
    background-repeat: no-repeat
}

.notation--0t,
.notation--1 {
    width: 1.2rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2.157 4.879h7.685v2.11H2.157z'/%3E%3C/svg%3E")
}

.notation--1t,
.notation--2 {
    width: 1.2rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.157 2.11h7.686v2.11H7.281v5.67H4.584V4.22H2.157V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--2t,
.notation--3 {
    width: 2.16rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 21.6 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.733 2.11h-7.6v2.11h2.4v5.67H7.2V4.22h2.533V2.11zM11.867 2.11h7.6v2.11h-2.534v5.67h-2.666V4.22h-2.4V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--3t,
.notation--4 {
    width: 3.12rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 31.2 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.124 2.11h7.568v2.11H7.169v5.67H4.514V4.22h-2.39V2.11zM19.384 2.11h-7.568v2.11h2.39v5.67h2.655V4.22h2.523V2.11zM21.508 2.11h7.568v2.11h-2.523v5.67h-2.655V4.22h-2.39V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--4t,
.notation--5 {
    width: 4.08rem;
    --notation-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 40.8 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67 2.11H2.12v2.11h2.384v5.67h2.649V4.22H9.67V2.11zM11.79 2.11h7.55v2.11h-2.517v5.67h-2.649V4.22H11.79V2.11zM29.01 2.11h-7.55v2.11h2.384v5.67h2.65V4.22h2.516V2.11zM31.13 2.11h7.551v2.11h-2.517v5.67h-2.65V4.22H31.13V2.11z' fill='%23fff'/%3E%3C/svg%3E")
}

.notation--medium {
    height: 1.4rem
}

.notation--medium.notation--0t,
.notation--medium.notation--1 {
    width: 1.4rem
}

.notation--medium.notation--1t,
.notation--medium.notation--2 {
    width: 1.4rem
}

.notation--medium.notation--2t,
.notation--medium.notation--3 {
    width: 2.52rem
}

.notation--medium.notation--3t,
.notation--medium.notation--4 {
    width: 3.64rem
}

.notation--medium.notation--4t,
.notation--medium.notation--5 {
    width: 4.76rem
}

.notation--large {
    height: 1.6rem
}

.notation--large.notation--0t,
.notation--large.notation--1 {
    width: 1.6rem
}

.notation--large.notation--1t,
.notation--large.notation--2 {
    width: 1.6rem
}

.notation--large.notation--2t,
.notation--large.notation--3 {
    width: 2.88rem
}

.notation--large.notation--3t,
.notation--large.notation--4 {
    width: 4.16rem
}

.notation--large.notation--4t,
.notation--large.notation--5 {
    width: 5.44rem
}

.notation--xl {
    height: 1.8rem
}

.notation--xl.notation--0t,
.notation--xl.notation--1 {
    width: 1.8rem
}

.notation--xl.notation--1t,
.notation--xl.notation--2 {
    width: 1.8rem
}

.notation--xl.notation--2t,
.notation--xl.notation--3 {
    width: 3.24rem
}

.notation--xl.notation--3t,
.notation--xl.notation--4 {
    width: 4.68rem
}

.notation--xl.notation--4t,
.notation--xl.notation--5 {
    width: 6.12rem
}

@media screen and (min-width:600px) {
    .notation--medium\:bp-m {
        height: 1.4rem
    }

    .notation--medium\:bp-m.notation--0t,
    .notation--medium\:bp-m.notation--1 {
        width: 1.4rem
    }

    .notation--medium\:bp-m.notation--1t,
    .notation--medium\:bp-m.notation--2 {
        width: 1.4rem
    }

    .notation--medium\:bp-m.notation--2t,
    .notation--medium\:bp-m.notation--3 {
        width: 2.52rem
    }

    .notation--medium\:bp-m.notation--3t,
    .notation--medium\:bp-m.notation--4 {
        width: 3.64rem
    }

    .notation--medium\:bp-m.notation--4t,
    .notation--medium\:bp-m.notation--5 {
        width: 4.76rem
    }

    .notation--large\:bp-m {
        height: 1.6rem
    }

    .notation--large\:bp-m.notation--0t,
    .notation--large\:bp-m.notation--1 {
        width: 1.6rem
    }

    .notation--large\:bp-m.notation--1t,
    .notation--large\:bp-m.notation--2 {
        width: 1.6rem
    }

    .notation--large\:bp-m.notation--2t,
    .notation--large\:bp-m.notation--3 {
        width: 2.88rem
    }

    .notation--large\:bp-m.notation--3t,
    .notation--large\:bp-m.notation--4 {
        width: 4.16rem
    }

    .notation--large\:bp-m.notation--4t,
    .notation--large\:bp-m.notation--5 {
        width: 5.44rem
    }
}

@media screen and (min-width:1113px) {
    .notation--xl\:bp-l {
        height: 1.8rem
    }

    .notation--xl\:bp-l.notation--0t,
    .notation--xl\:bp-l.notation--1 {
        width: 1.8rem
    }

    .notation--xl\:bp-l.notation--1t,
    .notation--xl\:bp-l.notation--2 {
        width: 1.8rem
    }

    .notation--xl\:bp-l.notation--2t,
    .notation--xl\:bp-l.notation--3 {
        width: 3.24rem
    }

    .notation--xl\:bp-l.notation--3t,
    .notation--xl\:bp-l.notation--4 {
        width: 4.68rem
    }

    .notation--xl\:bp-l.notation--4t,
    .notation--xl\:bp-l.notation--5 {
        width: 6.12rem
    }
}

.notation--readers {
    color: transparent;
    background-color: #01b0b9
}

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

.notation__image {
    width: auto;
    height: 1.2rem;
    margin-right: .6rem
}

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

html:not(.app) .article.article--nav:hover {
    border: none
}

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

.article picture img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 22.4rem;
    height: 14.2rem;
    z-index: 1
}

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

.article:nth-of-type(1) {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

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

@media print {
    .article__content-special {
        display: none
    }
}

.article__comment-container {
    display: flex;
    background-color: #faf5ee;
    border-left: .4rem solid;
    border-color: #16141e;
    padding: 1.6rem 3.3rem 1.6rem 2rem;
    align-items: center;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    margin: 3.2rem 0
}

[data-color-mode=dark] .article__comment-container {
    background-color: #2b293d
}

[data-color-mode=light] .article__comment-container {
    background-color: #faf5ee
}

[data-color-mode=dark] .article__comment-container {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__comment-container {
    border-color: #16141e
}

@media(min-width:600px) {
    .article__comment-container {
        margin: 4.8rem 0;
        height: 5.6rem
    }
}

@media(min-width:600px) {
    .article__comment-container--large {
        height: auto
    }
}

.article__comment-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.333' r='12' fill='%2316141E'/%3E%3Cpath d='M13 17.331h-2v-2h2v2zM12 13.331c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 100%;
    max-width: 2.5rem;
    height: 2.5rem
}

[data-color-mode=dark] .article__comment-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.333' r='12' fill='%23fff'/%3E%3Cpath d='M13 17.331h-2v-2h2v2zM12 13.331c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=light] .article__comment-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.333' r='12' fill='%2316141E'/%3E%3Cpath d='M13 17.331h-2v-2h2v2zM12 13.331c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1z' fill='%23fff'/%3E%3C/svg%3E")
}

.article__comment-txt {
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: .01em;
    color: #16141e
}

.article__comment-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__comment-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__comment-txt {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__comment-txt {
    color: #16141e
}

@media(min-width:600px) {
    .article__comment-txt {
        font-size: 2rem;
        line-height: 120%
    }
}

.article__comment-txt--large {
    display: flex;
    flex-direction: column
}

.article__byline {
    color: #717b8e;
    font-size: 1.3rem;
    line-height: 1.5rem
}

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

html.fonts-loaded .article__byline {
    font-family: Georgia, Droid-serif, serif
}

.article__desc {
    display: none;
    margin: 1.6rem 0;
    color: #2a303b;
    font-size: 1.5rem;
    line-height: 1.34
}

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

html.fonts-loaded .article__desc {
    font-family: Georgia, Droid-serif, serif
}

.article__copyright {
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: .01rem;
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    z-index: 4
}

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

html.fonts-loaded .article__copyright {
    font-family: Georgia, Droid-serif, serif
}

.article__extra {
    align-items: center
}

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

html.fonts-loaded .article__extra {
    font-family: Georgia, Droid-serif, serif
}

.article__extra--embed {
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    display: flex;
    bottom: 1.2rem;
    color: #fff;
    left: 1.2rem;
    z-index: 4
}

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

.article__extra--related {
    display: none
}

@media(min-width:1024px) {
    .article__extra--related {
        align-items: center;
        bottom: 1.2rem;
        left: 1.2rem;
        display: flex
    }
}

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

@media(min-width:1024px) {

    .article__extra--related .icon__multimedia,
    .article__extra--related .icon__portfolio,
    .article__extra--related .icon__video {
        width: 4rem;
        height: 4rem
    }
}

.article__extra--inline {
    align-items: center;
    font-weight: 400;
    display: inline-flex;
    font-size: 1.2rem;
    color: #383f4e
}

.article__extra--inline {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .article__extra--inline {
    font-family: Georgia, Droid-serif, serif
}

.article__extra--featured {
    bottom: auto;
    top: -5.2rem;
    left: 0
}

.article__extra--podcast-inline {
    display: inline
}

.article__extra--podcast {
    left: 1.6rem;
    bottom: 1.6rem
}

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

html.fonts-loaded .article__info {
    font-family: Georgia, Droid-serif, serif
}

.article__media-container {
    position: relative;
    height: 100%
}

.article__video-container {
    position: relative;
    padding-top: 56.25%;
    z-index: 4
}

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

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

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

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

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

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

.article__title--inline {
    display: inline
}

.article__title--edito {
    margin-top: .8rem;
    display: inline;
    display: initial;
    letter-spacing: .01em;
    font-size: 1.8rem;
    line-height: 2.16rem;
    color: #16141e
}

.article__title--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__title--edito {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__title--edito {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__title--edito {
    color: #16141e
}

@media(min-width:1024px) {
    .article__title--edito {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.article__title--edito:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0
}

.article__title--related {
    font-size: 2.2rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #16141e;
    margin-bottom: 2.4rem
}

[data-color-mode=dark] .article__title--related {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__title--related {
    color: #16141e
}

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

html:not(.app) .article a:hover html:not(.app) .article__title {
    text-decoration: underline
}

.article__kicker {
    color: #e20001;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 1.2;
    margin-bottom: .8rem
}

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

html.fonts-loaded .article__kicker {
    font-family: Georgia, Droid-serif, serif
}

.article__kicker--list {
    width: 100%;
    margin: 0 0 1.1rem;
    display: block
}

@media(min-width:1024px) {
    .article__kicker--list {
        margin: 0 0 .8rem
    }
}

.article__type {
    color: #717b8e;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .13rem;
    margin-top: 1.2rem;
    text-transform: uppercase
}

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

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

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

.article__author:not(:last-child) {
    margin-bottom: .8rem
}

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

.article__author--posts {
    max-width: 100%
}

.article__author-picture {
    background-color: #e8eaee;
    background-image: url(/dist/assets/img/icons/user-avatar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 5rem;
    margin-right: 1.6rem;
    width: 5rem
}

.article__author-picture--no-pp {
    background-position-y: .6rem
}

.article__author-picture--posts {
    width: 6.2rem;
    height: 6.2rem;
    margin-right: 2rem
}

@media(min-width:1024px) {
    .article__author-picture--posts {
        width: 7.8rem;
        height: 7.8rem;
        margin-right: 2.4rem
    }
}

.article__author-identity--posts {
    font-size: 2.9rem;
    font-weight: 600;
    color: #2a303b;
    display: inline;
    line-height: 1
}

.article__author-identity--posts {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__author-identity--posts {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .article__author-identity--posts {
        font-weight: 700;
        font-size: 3.8rem
    }
}

.article__author-job--posts {
    line-height: 1.42;
    letter-spacing: .02rem;
    font-size: 1.4rem;
    margin-top: .8rem;
    font-weight: 600;
    color: #2a303b
}

.article__author-job--posts {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .article__author-job--posts {
    font-family: Georgia, Droid-serif, serif
}

.article__author-description--posts {
    height: 6.2rem;
    display: flex;
    align-items: center
}

@media(min-width:1024px) {
    .article__author-description--posts {
        height: 7.8rem
    }
}

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

.article__author-name {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .article__author-name {
    font-family: Georgia, Droid-serif, serif
}

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

.article__author-desc {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .article__author-desc {
    font-family: Georgia, Droid-serif, serif
}

.article__related {
    margin: 0 0 4rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.33
}

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

html.fonts-loaded .article__related {
    font-family: Georgia, Droid-serif, serif
}

@media(min-width:600px) {
    .article__related {
        font-size: 1.4rem;
        line-height: 1.29;
        margin: 2.4rem 0 2.2rem
    }
}

.article__related li {
    list-style-position: inside;
    margin-bottom: 1.6rem
}

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

html:not(.app) .article__related li a:hover {
    text-decoration: underline
}

.article__related-featured {
    display: grid;
    grid-template-columns: 16.2rem 16.2rem 16.2rem;
    grid-column-gap: 1.6rem;
    overflow-x: scroll;
    padding-right: 2rem
}

@media(min-width:576px) {
    .article__related-featured {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width:600px) {
    .article__related-featured {
        overflow-x: visible;
        margin-right: 0;
        padding-right: 0;
        grid-column-gap: 2.4rem
    }
}

.article__related-featured .article {
    border-top: 0;
    padding-top: 0
}

.article__related-featured .article__media {
    float: none
}

.article--vedette {
    position: relative;
    display: block;
    margin: 0 -3.2rem 4rem -3.2rem
}

@media(min-width:600px) {
    .article--vedette {
        margin: 0
    }
}

.article--vedette picture {
    padding-top: 0
}

.article--vedette picture img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%
}

.article--vedette picture::before {
    content: "";
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, #121212 100%);
    width: 100%;
    z-index: 2
}

@media(min-width:480px) {
    .article--vedette picture::before {
        background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, #121212 100%)
    }
}

html:not(.app) .article--vedette:hover .article__title {
    text-decoration: underline
}

.article--vedette .label__subscriber {
    position: static;
    position: initial
}

.article--vedette .article__meta-container {
    position: absolute;
    bottom: 3.1rem;
    left: 3.1rem;
    z-index: 2;
    right: 3.2rem;
    max-width: 75%
}

@media(min-width:480px) {
    .article--vedette .article__meta-container {
        left: 4rem;
        bottom: 4rem
    }
}

.article--vedette .article__kicker {
    display: inline-block;
    margin-right: 1.2rem;
    color: #fff
}

.article--vedette .article__title {
    color: #fff;
    font-size: 3.2rem;
    line-height: 110%
}

@media(min-width:600px) {
    .article--vedette .article__title {
        font-size: 4rem
    }
}

.article--vedette .article__media {
    margin-bottom: 0
}

.article--nav__kicker {
    margin-top: 2rem
}

.article--nav__media {
    max-width: 100%;
    float: none;
    margin-left: 0
}

@media(min-width:600px) {
    .article--nav__author {
        margin-top: 1.2rem
    }
}

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

.article--nav.clearfix {
    width: 80.5rem;
    margin: 3rem auto 0
}

.article--nav-prev {
    font-size: 0;
    display: flex;
    align-items: center;
    position: relative;
    color: #e2001a;
    font-size: 1.8rem
}

.article--nav-prev {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article--nav-prev {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.article--nav-prev:before {
    content: "*";
    display: inline-block;
    margin-right: 1.5rem;
    font: 2.4rem;
    font-weight: 700;
    vertical-align: middle
}

.article--nav-prev:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .article--nav-prev:before {
    font-family: "Telerama Icons"
}

.article--content .article__kicker {
    margin-top: 2rem
}

.article--content .article__media-container {
    float: left;
    margin-right: 4rem
}

.article--content .article__media {
    min-width: 31.2rem;
    float: none;
    margin-left: 0
}

@media(min-width:600px) {
    .article--content .article__author {
        margin-top: 1.2rem
    }
}

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

.article--featured {
    text-align: center;
    background: #fff;
    position: relative;
    margin-top: 0;
    border-bottom: .2rem solid #383f4e
}

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

.article--featured a {
    display: block;
    padding: 0 2rem 0;
    height: 100%
}

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

.article--featured .icon__premium {
    width: 2.4rem;
    height: 1.6rem;
    top: 1.2rem;
    position: relative
}

.article--featured .article__byline {
    margin-top: .8rem
}

@media(min-width:600px) {
    .article--featured .article__desc {
        display: block
    }
}

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

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

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

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

.article--featured .article__media {
    display: block;
    float: none;
    margin: -2.5rem -2rem 0;
    max-width: 100%;
    z-index: 1;
    top: 0;
    padding-top: 66.66%;
    position: absolute;
    margin-left: 0;
    width: 100%
}

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

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

.article--featured .article__title {
    margin: 1.6rem 0 2rem;
    position: relative;
    top: 1.2rem
}

.article--featured .article__type {
    color: #2a303b;
    font-size: 1.3rem;
    letter-spacing: .13rem;
    margin-top: 0;
    font-weight: 500
}

.article--featured .article__wrapper {
    background: #fff;
    padding: 1.1rem 0 4rem;
    position: relative;
    text-align: center;
    z-index: 2;
    display: block;
    top: -2.5rem;
    line-height: 1.25
}

.article--related {
    margin-top: 0;
    padding-top: 2.4rem
}

.article--related .article__title {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0
}

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

html.fonts-loaded .article--related .article__title {
    font-family: Georgia, Droid-serif, serif
}

.article--related .article__media-container {
    display: block;
    float: none;
    font-size: 0;
    margin: 0 0 1.2rem 0;
    width: 100%
}

@media(min-width:1024px) {
    .article--related .article__media-container {
        width: 11.4rem;
        margin: 0 0 .8rem 1.2rem;
        float: right
    }
}

.article__footer-buttons {
    align-items: center;
    display: flex;
    grid-gap: .8rem;
    gap: .8rem;
    margin: 3.2rem 0 1.6rem
}

.article__footer-metas {
    border-top: .1rem solid;
    border-color: #dad9db;
    padding: 1.6rem 0 0 0;
    margin-bottom: 2.4rem
}

[data-color-mode=dark] .article__footer-metas {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .article__footer-metas {
    border-color: #dad9db
}

@media(min-width:1024px) {
    .article__footer-metas {
        padding: 1.6rem 0 0 0;
        margin-bottom: 4.8rem
    }
}

.article__footer-metas~.author__card--footer {
    border-top: none;
    padding: 2rem 0
}

.article__footer-metas--app {
    margin-top: 3.2rem
}

.article__chapeau {
    font-size: 1.8rem;
    color: #16141e;
    line-height: 130%;
    letter-spacing: .01em;
    margin-bottom: 1.6rem
}

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

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

[data-color-mode=dark] .article__chapeau {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__chapeau {
    color: #16141e
}

@media(min-width:600px) {
    .article__chapeau {
        font-size: 2rem;
        margin-bottom: 2.4rem
    }
}

@media(min-width:1024px) {
    .article__chapeau {
        margin-bottom: 1.6rem
    }
}

.article__details {
    margin: 1.6rem 0
}

.article__details--top {
    max-width: 100rem;
    width: 100%;
    margin: 2.4rem 0 3.2rem
}

@media(min-width:600px) {
    .article__details--top {
        margin: 3.2rem 0
    }
}

.article__details--buttons {
    position: relative;
    z-index: inherit;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.6rem .8rem;
    gap: 1.6rem .8rem;
    margin-top: 1.6rem
}

.article__details--buttons-special {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1.6rem .8rem;
    gap: 1.6rem .8rem;
    margin-top: 1.6rem
}

.article__details--buttons>.sharing__item {
    margin-top: 0;
    margin-left: 0
}

@media(min-width:600px) {
    .article__details--buttons>.sharing__item {
        margin-top: 0
    }
}

.article__details--buttons>.sharing__item .button--critique {
    padding: 3px;
    border: solid 1px #dad9db;
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .article__details--buttons>.sharing__item .button--critique {
    border: solid 1px #16141e
}

[data-color-mode=light] .article__details--buttons>.sharing__item .button--critique {
    border: solid 1px #dad9db
}

[data-color-mode=dark] .article__details--buttons>.sharing__item .button--critique {
    background-color: #16141e
}

[data-color-mode=light] .article__details--buttons>.sharing__item .button--critique {
    background-color: rgba(0, 0, 0, 0)
}

.article__subscriber-container {
    display: flex;
    align-items: center;
    margin-top: .5rem
}

.article__notation-hidden-container {
    border-color: #dad9db;
    display: flex;
    position: relative;
    align-items: center;
    width: auto;
    border: .1rem solid;
    padding: 1.15rem 1.6rem;
    border-radius: .4rem;
    margin-bottom: 1.6rem
}

[data-color-mode=dark] .article__notation-hidden-container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .article__notation-hidden-container {
    border-color: #dad9db
}

@media(min-width:600px) {
    .article__notation-hidden-container {
        width: 32.2rem;
        margin-bottom: 2.4rem;
        padding: 1rem 1.6rem
    }
}

html:not(.app) .article__notation-hidden-container:hover .article__circle-arrow {
    background-color: #1c1a26;
    border: none
}

html:not(.app) .article__notation-hidden-container:hover .article__circle-arrow::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.722 11.335L6.055 6 .722.668' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .article__notation-hidden-container:hover .article__circle-arrow {
    background-color: #fff;
    border: none
}

html[data-color-mode=dark] .article__notation-hidden-container:hover .article__circle-arrow::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.722 11.335L6.055 6 .722.668' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.article__label-subscriber {
    font-size: 1.8rem;
    line-height: 2.7rem;
    letter-spacing: .01em;
    color: #16141e
}

.article__label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__label-subscriber {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__label-subscriber {
    color: #16141e
}

@media(min-width:600px) {
    .article__label-subscriber {
        font-size: 2rem;
        line-height: 3rem
    }
}

.article__label-notation-hidden {
    font-size: 1.8rem;
    line-height: 150%;
    letter-spacing: .01em;
    color: #16141e;
    width: 16.5rem
}

.article__label-notation-hidden {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__label-notation-hidden {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__label-notation-hidden {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__label-notation-hidden {
    color: #16141e
}

@media(min-width:360px) {
    .article__label-notation-hidden {
        width: auto
    }
}

@media(min-width:600px) {
    .article__label-notation-hidden {
        font-size: 2rem
    }
}

.article__label-sb-icon {
    background-image: url(/dist/assets/img/abo/pictos/label-subscriber-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .6rem;
    margin-bottom: .2rem;
    display: inline-block;
    vertical-align: middle
}

.article__label-sb-icon--inread {
    display: inline-flex;
    align-self: center;
    margin-left: 0;
    margin-right: .6rem
}

.article__label-sb-icon--edito {
    display: inline-flex;
    margin-left: 0;
    margin-right: .5rem
}

.article__circle-arrow {
    position: absolute;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: .1rem solid;
    border-color: #dad9db;
    width: 3.2rem;
    height: 3.2rem;
    right: 1.6rem;
    margin-top: 0
}

[data-color-mode=dark] .article__circle-arrow {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .article__circle-arrow {
    border-color: #dad9db
}

.article__circle-arrow::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.722 11.335L6.055 6 .722.668' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: .7rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

[data-color-mode=dark] .article__circle-arrow::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.722 11.335L6.055 6 .722.668' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .article__circle-arrow::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.722 11.335L6.055 6 .722.668' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.article__contributions {
    background-color: #f4f4f4;
    color: #121212;
    font-size: 1.8rem;
    line-height: 3.8rem;
    border: .1rem solid #d8d8d8;
    margin: 2.6rem 0 0;
    display: flex;
    justify-content: center;
    cursor: pointer
}

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

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

.article__contributions:focus {
    outline: 0
}

@media(min-width:600px) {
    .article__contributions {
        line-height: 3rem
    }
}

@media(min-width:1024px) {
    .article__contributions {
        order: 2;
        margin: 0;
        padding: 0 .8rem
    }
}

.article__related-list {
    margin-top: 3.2rem
}

.article__list-details {
    margin: 1.6rem 0 0
}

.article__list-details {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__list-details {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .article__list-details {
        float: left;
        width: 31.2rem;
        clear: left
    }
}

.article__left-section {
    width: 100%;
    margin: 0 auto
}

@media(min-width:1024px) {
    .article__left-section {
        margin: 0
    }
}

.article__page {
    margin-top: 2.2rem
}

.article__page-title {
    color: #16141e;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: .01em;
    margin-bottom: 1.6rem;
    max-width: 100rem;
    margin: 0 auto;
    width: 100%
}

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

html.fonts-loaded .article__page-title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-title {
    color: #16141e
}

@media(min-width:480px) {
    .article__page-title {
        font-size: 4rem
    }
}

.article__page-subtitle {
    margin-top: .8rem;
    font-size: 1.8rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #16141e
}

.article__page-subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-subtitle {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .article__page-subtitle {
    color: #16141e
}

@media(min-width:480px) {
    .article__page-subtitle {
        font-size: 2rem
    }
}

.article__page-metas {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    flex-flow: column;
    max-width: 100rem;
    margin: 1.5rem 0
}

@media(min-width:480px) {
    .article__page-metas {
        flex-flow: row-reverse;
        align-items: baseline;
        justify-content: flex-end
    }
}

@media(min-width:1024px) {
    .article__page-metas {
        margin: 1.4rem auto 1.5rem;
        padding: 0 0 3.3rem 0;
        width: 100%
    }
}

.article__page-header {
    margin: 1.6rem 0
}

@media(min-width:600px) {
    .article__page-header {
        margin: 2.4rem 0
    }
}

@media(min-width:600px) {
    .article__page-header--critic {
        margin-bottom: 1.6rem
    }
}

.article__page-header--reader-critic .zoning__rubrique-tags {
    margin: 2.4rem 0
}

.article__page-content {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto
}

@media(min-width:1024px) {
    .article__page-content--table {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.article__page-content .grey-word {
    font-size: 1.8rem;
    line-height: 150%;
    color: #737278;
    letter-spacing: .01em;
    margin: 2.4rem 0
}

.article__page-content .grey-word {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .grey-word {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content .grey-word {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .article__page-content .grey-word {
    color: #737278
}

@media(min-width:600px) {
    .article__page-content .grey-word {
        font-size: 2rem
    }
}

.article__page-content .aside-box,
.article__page-content .aside-white-box {
    font-size: 1.8rem;
    padding: 2.4rem;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
    color: #16141e;
    line-height: 150%;
    letter-spacing: .01em
}

.article__page-content .aside-box,
.article__page-content .aside-white-box {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .aside-box,
html.fonts-loaded .article__page-content .aside-white-box {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content .aside-box,
[data-color-mode=dark] .article__page-content .aside-white-box {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .aside-box,
[data-color-mode=light] .article__page-content .aside-white-box {
    color: #16141e
}

@media(min-width:600px) {

    .article__page-content .aside-box,
    .article__page-content .aside-white-box {
        padding: 3.2rem;
        font-size: 2rem
    }
}

.article__page-content .aside-box strong,
.article__page-content .aside-white-box strong {
    font-size: 2rem;
    line-height: 130%;
    margin-bottom: 2.4rem
}

.article__page-content .aside-box strong,
.article__page-content .aside-white-box strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .aside-box strong,
html.fonts-loaded .article__page-content .aside-white-box strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {

    .article__page-content .aside-box strong,
    .article__page-content .aside-white-box strong {
        font-size: 2.2rem
    }
}

.article__page-content .aside-box a,
.article__page-content .aside-white-box a {
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

@media(min-width:600px) {

    .article__page-content .aside-box a,
    .article__page-content .aside-white-box a {
        border-bottom: solid .3rem #f4c5d3
    }
}

.article__page-content .aside-box {
    background-color: #faf5ee
}

[data-color-mode=dark] .article__page-content .aside-box {
    background-color: #2b293d
}

[data-color-mode=light] .article__page-content .aside-box {
    background-color: #faf5ee
}

.article__page-content .aside-white-box {
    background-color: #fff
}

.article__page-content .snippet__container {
    transition: all .5s linear
}

.article__page-content .snippet__container:not(:last-of-type) {
    margin-bottom: 2rem
}

html[data-color-mode=dark] .article__page-content .snippet__container .container {
    border: 1px solid rgba(255, 255, 255, .16)
}

.article__page-content .snippet__container .container .logo-platform {
    border-radius: .4rem
}

html[data-color-mode=dark] .article__page-content .snippet__container .container .icon-arrow {
    background: url(/dist/assets/img/icons/icon-snippet-dark-2.svg)
}

html[data-color-mode=dark] .article__page-content .snippet__container .container .icon-arrow:hover {
    background: url(/dist/assets/img/icons/icon-snippet-dark-hover-2.svg)
}

.article__page-content .snippet__container iframe {
    width: 100%;
    margin-top: 2rem
}

.article__page-content .snippet__container .snippet-generic__container {
    background-color: #faf5ee;
    padding: 3.2rem 2.4rem;
    border-radius: .4rem;
    margin-bottom: 3.2rem
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__container {
    background-color: #2b293d
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__container {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .article__page-content .snippet__container .snippet-generic__container {
        padding: 3.2rem
    }
}

@media(min-width:600px) {
    .article__page-content .snippet__container .snippet-generic__content {
        display: flex
    }
}

.article__page-content .snippet__container .snippet-generic__img {
    flex: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    max-width: 13.6rem;
    height: 13.6rem;
    border-radius: .4rem;
    background-color: #a39e97;
    margin-bottom: 2.4rem
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__img {
    background-color: #3c3956
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__img {
    background-color: #a39e97
}

@media(min-width:600px) {
    .article__page-content .snippet__container .snippet-generic__img {
        margin-bottom: 0;
        margin-right: 2.4rem
    }
}

.article__page-content .snippet__container .snippet-generic__text-container {
    flex: 50%
}

.article__page-content .snippet__container .snippet-generic__title {
    color: #16141e;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: .02rem;
    margin-bottom: 2.4rem
}

.article__page-content .snippet__container .snippet-generic__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .snippet__container .snippet-generic__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__title {
    color: #16141e
}

@media(min-width:600px) {
    .article__page-content .snippet__container .snippet-generic__title {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.article__page-content .snippet__container .snippet-generic__text {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .018rem;
    color: #16141e
}

.article__page-content .snippet__container .snippet-generic__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .snippet__container .snippet-generic__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__text {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__text {
    color: #16141e
}

@media(min-width:600px) {
    .article__page-content .snippet__container .snippet-generic__text {
        font-size: 2rem;
        letter-spacing: .02rem
    }
}

.article__page-content .snippet__container .snippet-generic__button {
    background: 0;
    border: .1rem solid;
    border-color: #16141e;
    width: 100%;
    height: 4.4rem;
    border-radius: 6.4rem;
    cursor: pointer;
    margin-top: 2.4rem
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__button {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__button {
    border-color: #16141e
}

.article__page-content .snippet__container .snippet-generic__button:hover {
    border-color: #dad9db
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__button:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__button:hover {
    border-color: #dad9db
}

.article__page-content .snippet__container .snippet-generic__button:active {
    border-color: #16141e
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__button:active {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__button:active {
    border-color: #16141e
}

.article__page-content .snippet__container .snippet-generic__button-text {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .016rem;
    color: #16141e
}

.article__page-content .snippet__container .snippet-generic__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .snippet__container .snippet-generic__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content .snippet__container .snippet-generic__button-text {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content .snippet__container .snippet-generic__button-text {
    color: #16141e
}

.article__page-content .snippet__container+.paragraph:not(.snippet-vimeo) {
    margin-top: 4rem
}

.article__page-content .sub-nav__inner {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-left: 0;
    margin-top: 3rem;
    overflow-x: scroll;
    position: static;
    width: 100%;
    white-space: nowrap
}

@media(min-width:600px) {
    .article__page-content .sub-nav__inner {
        overflow: hidden;
        width: auto;
        width: initial;
        white-space: normal
    }
}

.article__page-content .sub-nav__inner li {
    margin-right: .5rem;
    list-style: none
}

.article__page-content .sub-nav__inner li a {
    color: #121212;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 1rem;
    border: .1rem solid #e3e3e3;
    cursor: pointer;
    font-size: 1.4rem
}

.article__page-content .sub-nav__inner li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content .sub-nav__inner li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.article__page-content #goTop {
    position: fixed;
    z-index: 999;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2rem;
    color: #666e80;
    background: #e5e5e5;
    border: none;
    transition: opacity .4s linear;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    line-height: 2rem;
    font-size: 2.4rem;
    cursor: pointer
}

.article__page-content #goTop {
    font-family: "Telerama Icons"
}

html.fonts-loaded .article__page-content #goTop {
    font-family: "Telerama Icons"
}

.article__page-content #goTop::before {
    content: ")";
    position: absolute;
    height: 1.8rem;
    width: 2.5rem
}

.article__page-content #goTop.is-visible {
    display: flex
}

.article__page-content h2.heading {
    margin: 3.2rem 0 2.4rem;
    font-size: 2.2rem;
    line-height: 130%;
    color: #16141e;
    letter-spacing: .01em
}

.article__page-content h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content h2.heading {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content h2.heading {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content h2.heading {
    color: #16141e
}

@media(min-width:1024px) {
    .article__page-content h2.heading {
        font-size: 2.4rem
    }
}

.article__page-content h2.heading--no-cookie {
    margin: 0 0 2.4rem
}

.article__page-content h3.heading {
    margin: 3.2rem 0 2.4rem;
    font-size: 2rem;
    line-height: 130%;
    color: #16141e;
    letter-spacing: .01em
}

.article__page-content h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content h3.heading {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content h3.heading {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content h3.heading {
    color: #16141e
}

@media(min-width:1024px) {
    .article__page-content h3.heading {
        font-size: 2.2rem
    }
}

.article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
    color: #16141e;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .01em;
    align-items: baseline;
    position: relative;
    margin-bottom: 2.4rem;
    margin-left: 2.6rem
}

.article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
    color: #16141e
}

@media(min-width:1113px) {
    .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) {
        font-size: 2rem
    }
}

.article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item):before {
    content: "";
    display: block;
    width: 1rem;
    position: absolute;
    top: 1rem;
    left: -2.6rem;
    flex: 1rem 0 0;
    height: 1rem;
    margin-right: 1.6rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2316141E'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item):before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgba(255, 255, 255, .9)'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E")
}

[data-color-mode=light] .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item):before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2316141E'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E")
}

.article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) a {
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

@media(min-width:600px) {
    .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) a {
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .article__page-content ul li:not(.sheet__notation):not(.sheet__notation-label):not(.sharing-popin--item) a:hover {
    color: rgba(255, 255, 255, .6)
}

.article__page-footer {
    order: 3;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto
}

@media(min-width:600px) {
    .article__page-footer {
        margin: 2rem 0
    }
}

.article__page-broadcaster {
    display: flex;
    align-items: center
}

.article__page--list {
    position: relative;
    border-top: .1rem solid;
    border-color: #d8d8d8;
    padding-top: 3.2rem
}

[data-color-mode=dark] .article__page--list {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .article__page--list {
    border-color: #d8d8d8
}

@media(min-width:1024px) {
    .article__page--list {
        grid-gap: 2.4rem !important
    }
}

.article__page--list-first {
    border-top: 0;
    padding-top: 0
}

.article__page--list:not(:first-child) {
    margin-top: 3.2rem
}

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

.article__page--related {
    position: relative
}

.article__page--related:not(:first-child) {
    margin-top: 3.2rem
}

@media(min-width:1024px) {
    .article__page--related:not(:first-child) {
        margin-top: 4rem
    }
}

.article__page--related-content {
    display: flex;
    flex-direction: column
}

@media(min-width:1024px) {
    .article__page--related-content {
        justify-content: flex-start
    }
}

.article__iframe-ratio1 {
    overflow: hidden;
    padding-top: 151.3%;
    position: relative
}

.article__iframe-ratio1 iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.article__iframe-ratio2 {
    overflow: hidden;
    padding-top: 72.9%;
    position: relative
}

.article__iframe-ratio2 iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.article__aside-magazine-container {
    display: none;
    background-color: #faf3e9;
    padding: 2.4rem;
    border-radius: .4rem
}

[data-color-mode=dark] .article__aside-magazine-container {
    background-color: #2b293d
}

[data-color-mode=light] .article__aside-magazine-container {
    background-color: #faf3e9
}

@media(min-width:1113px) {
    .article__aside-magazine-container {
        display: block
    }
}

.article__aside-mag-img-container {
    margin-top: 0;
    width: 17.2rem;
    margin-bottom: 1.6rem;
    display: flex;
    justify-content: center
}

.article__aside-mag-img {
    max-width: 100%;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

[data-color-mode=dark] .article__aside-mag-img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .article__aside-mag-img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.article__aside-mag-img::before {
    content: " ";
    background-image: url(/dist/assets/img/logos/placeholder-logo.png);
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -2.2rem;
    width: 17.2rem;
    height: 22rem;
    background-size: cover
}

html:not(.app) .article__aside-mag-img:hover {
    opacity: 60%
}

.article__aside-mag-text {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: .01em;
    text-align: center;
    color: #16141e;
    margin-bottom: 1.6rem
}

.article__aside-mag-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__aside-mag-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .article__aside-mag-text {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .article__aside-mag-text {
    color: #16141e
}

.article__aside-mag-text span {
    display: block
}

.article__aside-mag-link {
    background-color: #ffe047;
    color: #16141e;
    padding: 1.2rem 2.55rem;
    font-size: 1.6rem;
    line-height: 2.08rem;
    border-radius: 6.4rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.article__aside-mag-link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__aside-mag-link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .article__aside-mag-link :active,
html:not(.app) .article__aside-mag-link:hover {
    background-color: #fe9
}

.article__aside-mag-link--abo {
    background-color: #2b293d;
    color: #fff
}

html:not(.app) .article__aside-mag-link--abo:active,
html:not(.app) .article__aside-mag-link--abo:hover {
    background-color: #3c3956
}

html[data-color-mode=dark] .article__aside-mag-link--abo {
    background-color: #fff;
    color: #16141e
}

html[data-color-mode=dark] .article__aside-mag-link--abo:active,
html[data-color-mode=dark] .article__aside-mag-link--abo:hover {
    background-color: rgba(255, 255, 255, .8)
}

.article__highlighted-panel {
    display: flex;
    flex-direction: column;
    border-radius: .4rem;
    padding: 1.6rem;
    margin-bottom: 2.5rem;
    grid-gap: .8rem;
    gap: .8rem;
    font-size: 1.6rem;
    line-height: 2.08rem;
    color: #fff;
    background: #2b293d
}

.article__highlighted-panel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__highlighted-panel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.article__highlighted-panel-title {
    font-size: 2.4rem;
    line-height: 2.4rem;
    text-transform: uppercase
}

.article__highlighted-panel-title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__highlighted-panel-title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:320px) {
    .article__highlighted-panel {
        padding: 1.6rem 2.4rem
    }
}

.icon_vAudio,
.icon_vPlayer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.icon_vPlayer {
    width: 7.4rem;
    height: 7.4rem;
    background: url(/dist/assets/img/icons/play-video.svg) no-repeat
}

.icon_vAudio {
    width: 5.6rem;
    height: 5.6rem;
    background: url(/dist/assets/img/icons/play-audio.svg) no-repeat
}

.sloganSelection {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-style: italic;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    height: 3.8rem;
    text-align: center
}

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

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

.grey-word a {
    color: #16141e;
    border-bottom: solid .2rem #f4c5d3;
    padding-bottom: .1rem
}

[data-color-mode=dark] .grey-word a {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .grey-word a {
    color: #16141e
}

@media(min-width:1113px) {
    .grey-word a {
        border-bottom: solid .3rem #f4c5d3
    }
}

html:not(.app) .grey-word a:hover {
    border-bottom: 0;
    color: #737278
}

html[data-color-mode=dark] .grey-word a:hover {
    border-bottom: 0;
    color: rgba(255, 255, 255, .48)
}

[data-af-custom-fonts=af-creatives-text] {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif !important
}

.snippet-vimeo {
    padding-bottom: 6%
}

.author__card {
    display: flex;
    margin: 2.4rem 0 0;
    align-items: center;
    justify-content: flex-start;
    border-top: .1rem solid #d8d8d8;
    padding: 3.2rem 0 2rem
}

@media(min-width:600px) {
    .author__card {
        margin: 0 0 0
    }
}

@media(min-width:1024px) {
    .author__card {
        order: 1;
        justify-content: flex-start;
        margin: 0
    }
}

@media(min-width:1024px) {
    .author__card--footer {
        flex: 0 0 100%
    }
}

.breadcrumb {
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #737278;
    margin-top: 2.4rem;
    margin-bottom: .8rem
}

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

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

.breadcrumb--main {
    display: flex;
    max-width: 100rem;
    margin: 1.6rem auto;
    text-transform: none;
    line-height: 1.6rem;
    align-items: center;
    flex-wrap: wrap;
    height: 2.1rem
}

@media(min-width:600px) {
    .breadcrumb--main {
        margin: 2.4rem auto
    }
}

.breadcrumb--main li {
    letter-spacing: .01em;
    color: #8f8e93;
    margin-right: .4rem
}

[data-color-mode=dark] .breadcrumb--main li {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .breadcrumb--main li {
    color: #8f8e93
}

@media(min-width:600px) {
    .breadcrumb--main li {
        margin-right: .8rem
    }
}

.breadcrumb--main[\:not-has\(.breadcrumb--title-critique\)] .second-level-breadcrumb {
    color: #16141e
}

.breadcrumb--main:not(:has(.breadcrumb--title-critique)) .second-level-breadcrumb {
    color: #16141e
}

[data-color-mode=dark] .breadcrumb--main[\:not-has\(.breadcrumb--title-critique\)] .second-level-breadcrumb {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=dark] .breadcrumb--main:not(:has(.breadcrumb--title-critique)) .second-level-breadcrumb {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .breadcrumb--main[\:not-has\(.breadcrumb--title-critique\)] .second-level-breadcrumb {
    color: #16141e
}

[data-color-mode=light] .breadcrumb--main:not(:has(.breadcrumb--title-critique)) .second-level-breadcrumb {
    color: #16141e
}

.breadcrumb--main .breadcrumb--title-critique {
    color: #16141e
}

[data-color-mode=dark] .breadcrumb--main .breadcrumb--title-critique {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .breadcrumb--main .breadcrumb--title-critique {
    color: #16141e
}

.breadcrumb--main .arrow_sep::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M6.666 4.5l4 4-4 4' stroke-width='.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 1.6rem;
    height: 1.4rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .4rem
}

[data-color-mode=dark] .breadcrumb--main .arrow_sep::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .6)'%3E%3Cpath d='M6.666 4.5l4 4-4 4' stroke-width='.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .breadcrumb--main .arrow_sep::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M6.666 4.5l4 4-4 4' stroke-width='.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media(min-width:600px) {
    .breadcrumb--main .arrow_sep::before {
        margin-right: .8rem
    }
}

.breadcrumb--main .arrow_sep--inverted::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.breadcrumb .breadcrumb--article--blog {
    color: #8e8e96
}

.point_sep {
    width: .3rem;
    height: .3rem;
    background-color: #737278;
    margin: .3rem .7rem;
    display: inline-block;
    border-radius: 50%
}

.media__picture {
    width: 100%;
    height: auto;
    display: block;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

[data-color-mode=dark] .media__picture {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .media__picture {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.media__picture--square,
.media__picture--vertical {
    max-height: 18rem;
    width: auto;
    margin: auto
}

@media(min-width:600px) {

    .media__picture--square,
    .media__picture--vertical {
        max-height: 30rem
    }
}

@media(min-width:1024px) {

    .media__picture--square,
    .media__picture--vertical {
        max-height: none;
        width: auto
    }
}

.media__caption {
    margin-top: .8rem
}

.media__legend {
    font-size: 1.2rem;
    line-height: 130%;
    letter-spacing: .01em;
    color: #45434b
}

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

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

[data-color-mode=dark] .media__legend {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .media__legend {
    color: #45434b
}

@media(min-width:600px) {
    .media__legend {
        font-size: 1.4rem
    }
}

.media__legend--credit {
    color: #737278
}

[data-color-mode=dark] .media__legend--credit {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .media__legend--credit {
    color: #737278
}

.media--author {
    margin-right: 1.6rem
}

.media--article {
    margin: 2.4rem 0 3.2rem;
    position: relative;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.media--article .media__picture {
    border-radius: .4rem
}

.media--article-main {
    margin: 2.4rem 0 0 0
}

.media--article-main--no-mt {
    margin-top: 0
}

html:not(.app) .media--article:hover .media__caption {
    opacity: 1
}

.media--related {
    margin: 0 0 1.6rem 0;
    position: relative
}

@media(min-width:600px) {
    .media--related {
        margin: 0
    }
}

.media--related.streched-image {
    height: 17.7rem;
    text-align: center
}

.media--related.streched-image img {
    width: auto
}

@media(min-width:600px) {
    .media__size--small {
        width: 306px
    }

    .media__size--medium {
        width: 416px
    }

    .media__size--x-large {
        width: 856px
    }

    .media__size--large {
        width: 636px
    }

    .media__position--right {
        display: flex;
        display: -ms-flexbox;
        justify-content: right;
        align-items: right;
        width: 100%
    }

    .media__position--left {
        display: flex;
        display: -ms-flexbox;
        justify-content: left;
        align-items: left;
        width: 100%
    }
}

.media__picture--related {
    border-radius: .4rem
}

@media(min-width:1024px) {
    .media__picture--related {
        height: auto
    }
}

.pswp__bg {
    background: #000
}

.pswp__custom-caption {
    background-color: #000;
    width: 100%;
    text-align: center;
    bottom: 0;
    position: absolute;
    text-align: left;
    padding: 2.4rem
}

@media(min-width:600px) {
    .pswp__custom-caption {
        text-align: center
    }
}

.pswp__custom-caption .media__legend {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, .8);
    line-height: 1.3;
    letter-spacing: .01em
}

.pswp__custom-caption .media__legend--credit {
    color: rgba(255, 255, 255, .6)
}

.pswp__custom-caption.hide {
    display: none
}

.pswp__scroll-wrap .pswp__button {
    width: 2.4rem;
    height: 2.4rem;
    opacity: 1;
    width: 4rem;
    height: 4rem;
    display: flex;
    background-color: #191919;
    border-radius: 4rem;
    justify-content: center;
    align-items: center;
    border-radius: 4rem
}

html:not(.app) .pswp__scroll-wrap .pswp__button:hover {
    background-color: #191919
}

html:not(.app) .pswp__scroll-wrap .pswp__button:hover svg {
    opacity: .8
}

.pswp__scroll-wrap .pswp__button--zoom {
    margin-right: 1.6rem;
    margin-top: 2.4rem
}

.pswp__scroll-wrap .pswp__button--close {
    margin-right: 2.4rem;
    margin-top: 2.2rem
}

#body .pswp--zoom-allowed .pswp__button--zoom {
    display: flex
}

.sharing__list {
    display: flex
}

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

.sharing__link {
    display: block;
    width: 4rem;
    height: 4rem;
    background: 0 0;
    border: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%
}

.sharing__link--container-dark {
    background-image: url(/dist/assets/img/icons/share/icon-share-container-dark.svg)
}

.sharing__link--favoris {
    background-image: url(/dist/assets/img/icons/share/share-favoris.svg)
}

.sharing__link--facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232D79ED' d='M24.96 21.25l.6-3.62h-3.71v-2.35c0-.99.52-1.95 2.17-1.95h1.69v-3.09S24.18 10 22.72 10c-3.05 0-5.05 1.73-5.05 4.87v2.76h-3.39v3.62h3.4V30h4.17v-8.75h3.11z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M10 10h20v20H10z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.sharing__link--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Cpath d='M21.905 18.47L29.351 10h-1.764l-6.469 7.352L15.956 10H10l7.809 11.12L10 30h1.764l6.827-7.766L24.044 30H30l-8.095-11.53zm-2.417 2.747l-.793-1.108L12.4 11.3h2.71l5.082 7.111.79 1.108 6.604 9.242h-2.71l-5.388-7.545z' fill='%230F1419'/%3E%3C/svg%3E")
}

.sharing__link--mail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Crect width='15.47' height='13.8' x='12.27' y='13.1' stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' rx='1.4'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M12.5 13.75l6.95 4.63a1 1 0 001.1 0l6.95-4.63'/%3E%3C/svg%3E")
}

.sharing__link--link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Cpath fill='%2316141E' fill-rule='evenodd' d='M22.78 13.35l-3.83 3.83a.6.6 0 01-.85-.85l3.83-3.83a3.93 3.93 0 115.57 5.57l-3.83 3.83a.6.6 0 11-.85-.85l3.83-3.83a2.73 2.73 0 10-3.87-3.87zm-5.6 4.75a.6.6 0 010 .85l-3.83 3.83a2.73 2.73 0 103.87 3.87l3.83-3.83a.6.6 0 01.85.85l-3.83 3.83a3.93 3.93 0 11-5.57-5.57l3.83-3.83a.6.6 0 01.85 0zm-4.25 4.26l4.7 4.7.01.01' clip-rule='evenodd'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M22.65 17.35l-5.3 5.3'/%3E%3C/svg%3E")
}

.sharing__link--link--success {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Cpath fill='%23287D3C' fill-rule='evenodd' d='M22.78 13.35l-3.83 3.83a.6.6 0 01-.85-.85l3.83-3.83a3.93 3.93 0 115.57 5.57l-3.83 3.83a.6.6 0 11-.85-.85l3.83-3.83a2.73 2.73 0 00-3.87-3.87zm-5.6 4.75a.6.6 0 010 .85l-3.83 3.83a2.73 2.73 0 003.87 3.87l3.83-3.83a.6.6 0 01.85.85l-3.83 3.83a3.93 3.93 0 11-5.57-5.57l3.83-3.83a.6.6 0 01.85 0zm-4.25 4.26l4.7 4.7.01.01' clip-rule='evenodd'/%3E%3Cpath stroke='%23287D3C' stroke-linecap='round' stroke-width='1.2' d='M22.65 17.35l-5.3 5.3'/%3E%3C/svg%3E")
}

.sharing__link--linkedin {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Ccircle cx='20' cy='20' r='19.5' fill='%23fff' stroke='%23F3F3F4'/%3E%3Cpath fill='%23007EBB' fill-rule='evenodd' d='M28.33 28.33h-3.42V22.5c0-1.6-.6-2.5-1.87-2.5-1.38 0-2.1.94-2.1 2.5v5.83h-3.3v-11.1h3.3v1.49s1-1.84 3.35-1.84c2.36 0 4.04 1.44 4.04 4.42v7.03zM13.7 15.77a2.04 2.04 0 01-2.03-2.05c0-1.14.9-2.05 2.03-2.05s2.04.91 2.04 2.05c0 1.13-.91 2.05-2.04 2.05zM12 28.33h3.44v-11.1H12v11.1z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.sharing__link--print {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.976 8.42a1.936 1.936 0 00-1.934-1.934h-1.485V4H6.309v2.486H4.934A1.936 1.936 0 003 8.42V17h4.327v3.311h10.237V17h4.411V8.42h.001zM7.809 5.5h9.248v.986H7.809V5.5zm8.256 13.31H8.827v-5.932h7.237v5.932h.001zm4.411-3.31h-2.911v-4.121H7.327V15.5H4.5V8.42a.44.44 0 01.434-.434h15.108a.44.44 0 01.434.434v7.08z' fill='%23121212'/%3E%3C/svg%3E")
}

.sharing-popin--social {
    color: #16141e;
    background-color: #fff;
    border-color: #d8d8d8;
    display: none;
    margin-top: 1.6rem;
    background-clip: padding-box;
    font-size: 1.6rem;
    border-radius: 0;
    position: absolute;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    border-top: 0;
    border: .1rem solid;
    max-width: 32.7rem;
    border-radius: .5rem
}

[data-color-mode=dark] .sharing-popin--social {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .sharing-popin--social {
    color: #16141e
}

[data-color-mode=dark] .sharing-popin--social {
    background-color: #1c1a26
}

[data-color-mode=light] .sharing-popin--social {
    background-color: #fff
}

[data-color-mode=dark] .sharing-popin--social {
    border-color: #403f49
}

[data-color-mode=light] .sharing-popin--social {
    border-color: #d8d8d8
}

@media(min-width:600px) {
    .sharing-popin--social {
        max-width: 22.3rem
    }
}

@media(max-width:360px) {
    .sharing-popin--social {
        max-width: 29rem
    }
}

.sharing-popin--social.ui-collapse--shown {
    display: block
}

.sharing-popin--social.ui-collapse--shown ul li {
    margin-bottom: 0
}

.sharing-popin--social.ui-collapse--shown ol,
.sharing-popin--social.ui-collapse--shown ul {
    margin: 1.2rem 2.4rem
}

.sharing-popin--social.ui-collapse--shown ol,
.sharing-popin--social.ui-collapse--shown ul {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .sharing-popin--social.ui-collapse--shown ol,
html.fonts-loaded .sharing-popin--social.ui-collapse--shown ul {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {

    .sharing-popin--social.ui-collapse--shown ol,
    .sharing-popin--social.ui-collapse--shown ul {
        margin: .4rem 2.4rem
    }
}

.sharing-popin--results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.sharing-popin--item {
    cursor: pointer;
    padding: 1.2rem 0;
    list-style: none;
    line-height: 1.5rem;
    display: flex;
    align-items: center
}

.sharing-popin--item:not(:last-of-type) {
    border-bottom: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .sharing-popin--item:not(:last-of-type) {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .sharing-popin--item:not(:last-of-type) {
    border-color: #dad9db
}

.sharing-popin--item-container {
    display: none;
    justify-content: space-between;
    padding-bottom: 1.6rem
}

.sharing-popin--item-container:not(:last-of-type) {
    border-bottom: .1rem solid #8f8e93
}

.sharing-popin--title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01em
}

.sharing-popin--title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .sharing-popin--title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.sharing-popin--label {
    margin-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 130%;
    letter-spacing: .01em
}

.sharing-popin--label:not(.sharing-popin--label-success):hover {
    color: #737278
}

[data-color-mode=dark] .sharing-popin--label:not(.sharing-popin--label-success):hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .sharing-popin--label:not(.sharing-popin--label-success):hover {
    color: #737278
}

.sharing-popin--label-success {
    color: #287d3c
}

.sharing-popin--close {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M21 3L3 21M3 3l18 18'/%3E%3C/svg%3E")
}

.openapp__container {
    border-color: #dad9db;
    border: .1rem solid;
    background: 0 0;
    padding: .8rem 1.6rem;
    border-radius: 6.4rem;
    cursor: pointer
}

[data-color-mode=dark] .openapp__container {
    border-color: rgba(255, 255, 255, .24)
}

[data-color-mode=light] .openapp__container {
    border-color: #dad9db
}

@media(max-width:351px) {
    .openapp__container {
        width: 100%
    }
}

.openapp__container:active,
.openapp__container:hover {
    background-color: #1c1a26;
    border-color: #1c1a26
}

[data-color-mode=dark] .openapp__container:active,
[data-color-mode=dark] .openapp__container:hover {
    background-color: #fff
}

[data-color-mode=light] .openapp__container:active,
[data-color-mode=light] .openapp__container:hover {
    background-color: #1c1a26
}

[data-color-mode=dark] .openapp__container:active,
[data-color-mode=dark] .openapp__container:hover {
    border-color: #fff
}

[data-color-mode=light] .openapp__container:active,
[data-color-mode=light] .openapp__container:hover {
    border-color: #1c1a26
}

.openapp__container:active .openapp__text,
.openapp__container:hover .openapp__text {
    color: #fff
}

[data-color-mode=dark] .openapp__container:active .openapp__text,
[data-color-mode=dark] .openapp__container:hover .openapp__text {
    color: #16141e
}

[data-color-mode=light] .openapp__container:active .openapp__text,
[data-color-mode=light] .openapp__container:hover .openapp__text {
    color: #fff
}

.openapp__container.articleButton::before {
    content: none
}

.openapp__container--blue {
    border-color: #2b293d;
    display: flex;
    align-items: center;
    background-color: #2b293d;
    border: .1rem solid;
    padding: .5rem 1.6rem .5rem .6rem
}

[data-color-mode=dark] .openapp__container--blue {
    border-color: #2b293d
}

[data-color-mode=light] .openapp__container--blue {
    border-color: #2b293d
}

.openapp__container--blue:active,
.openapp__container--blue:hover {
    background-color: #fff;
    border: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .openapp__container--blue:active,
[data-color-mode=dark] .openapp__container--blue:hover {
    background-color: #fff
}

[data-color-mode=light] .openapp__container--blue:active,
[data-color-mode=light] .openapp__container--blue:hover {
    background-color: #fff
}

[data-color-mode=dark] .openapp__container--blue:active,
[data-color-mode=dark] .openapp__container--blue:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .openapp__container--blue:active,
[data-color-mode=light] .openapp__container--blue:hover {
    border-color: #dad9db
}

.openapp__container--blue:active .openapp__text--blue,
.openapp__container--blue:hover .openapp__text--blue {
    color: #16141e
}

[data-color-mode=dark] .openapp__container--blue:active .openapp__text--blue,
[data-color-mode=dark] .openapp__container--blue:hover .openapp__text--blue {
    color: #16141e
}

[data-color-mode=light] .openapp__container--blue:active .openapp__text--blue,
[data-color-mode=light] .openapp__container--blue:hover .openapp__text--blue {
    color: #16141e
}

.openapp__text {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem
}

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

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

[data-color-mode=dark] .openapp__text {
    color: #fff
}

[data-color-mode=light] .openapp__text {
    color: #16141e
}

@media(max-width:351px) {
    .openapp__text {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.openapp__text--blue {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.82rem;
    letter-spacing: .014rem
}

[data-color-mode=dark] .openapp__text--blue {
    color: #fff
}

[data-color-mode=light] .openapp__text--blue {
    color: #fff
}

@media(max-width:351px) {
    .openapp__text--blue {
        width: calc(100% - 4rem)
    }
}

.openapp__logo {
    background-image: url(/dist/assets/img/icons/share/icon-open-app.svg);
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1.2rem
}

@media(max-width:351px) {
    .openapp__link {
        width: calc(100% - 9.6rem)
    }
}

@media(min-width:834px) {
    .openapp__link {
        display: none
    }
}

.contributions {
    order: 5;
    width: 100%;
    max-width: 100rem;
    margin: 4rem 0
}

.contributions__hide {
    display: none
}

@media(max-width:600px) {
    .contributions {
        display: block
    }
}

@media(min-width:1024px) {
    .contributions {
        flex: 0 0 66.4rem
    }
}

.contributions__wrapper {
    width: 100%;
    overflow: hidden
}

.contributions__wrapper .cmp-ban-nocookie-media-bloc {
    margin: 2rem 0;
    padding: 4rem 4rem;
    border: 1px #d3d3d3 solid
}

.contributions__wrapper .cmp-ban-nocookie-media-bloc .generic {
    font-size: 1.6rem;
    color: #121212;
    line-height: 160%;
    font-family: Georgia, Droid-serif, serif
}

.contributions__wrapper .cmp-ban-nocookie-media-bloc .bold {
    font-size: 1.5rem;
    color: #121212;
    line-height: 160%;
    font-family: Georgia, Droid-serif, serif;
    margin-top: 1rem;
    font-weight: 700
}

.contributions__wrapper .cmp-ban-nocookie-media-bloc .gdpr-cs-parameters-link {
    text-decoration: underline !important;
    margin-top: 2.6rem;
    display: block;
    text-align: right
}

.paywall {
    text-align: center;
    position: relative
}

@media(min-width:600px) {
    .paywall {
        margin: 0
    }
}

.paywall__mobile-overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 500px;
    background-color: #faf5ee;
    left: 0;
    right: 0
}

[data-color-mode=dark] .paywall__mobile-overlay {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__mobile-overlay {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .paywall__mobile-overlay {
        display: none
    }
}

.paywall__text {
    font-size: 1.6rem;
    line-height: 1.25
}

.paywall__text-divider {
    position: relative;
    color: #000;
    display: block;
    width: 100%;
    padding: 1rem 0;
    margin: 1.2rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: uppercase
}

.paywall__text-divider:before {
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    background-color: #dad9db;
    top: .3rem
}

[data-color-mode=dark] .paywall__text-divider:before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall__text-divider:before {
    background-color: #dad9db
}

.paywall__text-divider-label {
    font-size: 1.4rem;
    position: absolute;
    background-color: #fff;
    line-height: 1.82rem;
    top: .3rem;
    padding: 0 1.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.paywall__text-divider-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__text-divider-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__text-divider-label--custom {
    background-color: #faf5ee;
    color: #16141e
}

[data-color-mode=dark] .paywall__text-divider-label--custom {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__text-divider-label--custom {
    background-color: #faf5ee
}

[data-color-mode=dark] .paywall__text-divider-label--custom {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall__text-divider-label--custom {
    color: #16141e
}

.paywall__text-divider--small {
    margin-bottom: 2rem
}

.paywall__text-simple {
    letter-spacing: .01em
}

.paywall__text-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__text-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__text-simple-jpo-webview {
    color: #fff;
    margin-top: .8rem
}

.paywall__text-strong {
    color: #16141e
}

.paywall__text-strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__text-strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall-gradient {
    content: " ";
    width: 100%;
    height: 42rem;
    position: absolute;
    top: -24rem;
    z-index: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 58.85%)
}

[data-color-mode=dark] .paywall-gradient {
    background: linear-gradient(180deg, rgba(28, 26, 38, .3) 0, #1c1a26 58.85%)
}

[data-color-mode=light] .paywall-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 58.85%)
}

.paywall__slogan-title {
    font-size: 2rem;
    line-height: 120%;
    color: #16141e;
    width: 20rem;
    margin-left: auto;
    margin-right: auto
}

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

html.fonts-loaded .paywall__slogan-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paywall__slogan-title {
        width: auto
    }
}

.paywall__subtext {
    font-size: 1.6rem;
    line-height: 130%;
    color: #16141e;
    letter-spacing: .01em;
    margin-top: 1.2rem
}

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

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

.paywall__subtext--border {
    padding-bottom: 1.6rem;
    border-bottom: solid .1rem #dad9db
}

.paywall__subtext--bold {
    font-weight: 600
}

.paywall__subtext--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__subtext--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__button {
    display: flex;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 3.2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1rem 0 0;
    max-width: 29.6rem;
    padding: 1.2rem 2rem
}

html:not(.app) .paywall__button:hover {
    cursor: pointer
}

.paywall__button--sso {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    height: 4rem;
    position: relative
}

.paywall__button--sso+.button--sso {
    margin-top: 1.6rem
}

.paywall__button--google {
    cursor: pointer;
    background-color: #fff;
    max-width: 100%;
    box-shadow: 0 2px 3px rgba(18, 18, 18, .18), 0 0 1px rgba(18, 18, 18, .32);
    border: 0;
    padding: 1.25rem 2rem 1.15rem;
    border-radius: 6.4rem;
    margin-bottom: 1.6rem
}

.paywall__button--google--custom {
    letter-spacing: 0;
    font-size: 2.08rem;
    align-items: flex-end;
    border-radius: 6.4rem;
    padding: .85rem 2rem .85rem
}

@media(min-width:600px) {
    .paywall__button--google--custom {
        padding: 1.25rem 2rem 1.15rem
    }
}

.paywall__button--google.button--sso {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24)
}

.paywall__button--google.button--sso:before {
    content: " ";
    position: absolute;
    display: block;
    height: 4rem;
    width: 4.2rem;
    left: 0
}

html:not(.app) .paywall__button--google:hover {
    box-shadow: 0 4px 6px rgba(18, 18, 18, .18), 0 0 1px rgba(18, 18, 18, .32)
}

.paywall__wrapper {
    position: relative;
    z-index: 1
}

@media(min-width:600px) {
    .paywall__wrapper {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width:600px) {
    .paywall__wrapper--app {
        margin: 0 auto;
        max-width: none
    }
}

.paywall__wrapper--jpo {
    margin: 0 1.6rem
}

@media(min-width:360px) {
    .paywall__wrapper--jpo {
        margin: 0 2.4rem
    }
}

@media(min-width:600px) {
    .paywall__wrapper--jpo {
        display: flex;
        align-items: center;
        max-width: 100%;
        margin: 0 auto;
        margin-right: 2.4rem
    }
}

.paywall__wrapper--jpo-webview {
    display: block
}

@media(min-width:600px) {
    .paywall__wrapper--jpo-webview {
        margin: 0 3.2rem
    }
}

.paywall__card {
    background-color: #fed403;
    padding: 3.2rem 2.4rem
}

.paywall__card.paywall__abo-sheet__card {
    background-color: #fff;
    padding: 0
}

@media(min-width:600px) {
    .paywall__card.paywall__abo-sheet__card {
        padding: 0 2.4rem
    }
}

.paywall__bar {
    display: none
}

@media(min-width:600px) {
    .paywall__abo-article {
        margin: 0
    }
}

.paywall__abo-article .paywall__wrapper--top {
    width: 100%
}

.paywall__abo-article .paywall__wrapper--top figure {
    margin: 0
}

.paywall__abo-article .paywall__wrapper--top figure img {
    object-fit: cover;
    width: 23.4rem
}

.paywall__abo-article .paywall__wrapper--top .slogan {
    font-style: normal;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    color: #121212;
    text-align: center;
    width: 100%
}

.paywall__abo-article .paywall__wrapper--top .slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .paywall__wrapper--top .slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article .paywall__wrapper--top .slogan .sec-Title {
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    margin-top: 1.6rem
}

.paywall__abo-article .paywall__wrapper--top .slogan .sec-Title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .paywall__wrapper--top .slogan .sec-Title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1023px) {
    .paywall__abo-article .paywall__wrapper--top .slogan .sec-Title {
        margin-top: 2.4rem
    }
}

.paywall__abo-article .paywall__wrapper--top .slogan .sec-Title strong {
    font-size: 2.4rem;
    font-weight: 700
}

.paywall__abo-article .paywall__wrapper--top .slogan .sec-Title strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .paywall__wrapper--top .slogan .sec-Title strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article .paywall__wrapper--top .slogan--mt12 {
    margin-top: 1.2rem
}

.paywall__abo-article .paywall__wrapper--top .slogan--mt16 {
    margin-top: 1.6rem
}

.paywall__abo-article .paywall__wrapper--custom {
    background-color: #faf5ee;
    padding-top: 32px;
    padding-bottom: 8px
}

[data-color-mode=dark] .paywall__abo-article .paywall__wrapper--custom {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__abo-article .paywall__wrapper--custom {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .paywall__abo-article .paywall__wrapper--custom {
        border-radius: .4rem
    }
}

.paywall__abo-article .paywall__wrapper--webview {
    background-color: #faf5ee
}

[data-color-mode=dark] .paywall__abo-article .paywall__wrapper--webview {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__abo-article .paywall__wrapper--webview {
    background-color: #faf5ee
}

.paywall__abo-article__header {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 2.4rem 1.6rem 0
}

@media(min-width:600px) {
    .paywall__abo-article__header {
        padding: 2.4rem 0 0
    }
}

@media(min-width:1023px) {
    .paywall__abo-article__header {
        justify-content: space-between
    }
}

.paywall__abo-article__header--custom {
    padding: 2.4rem .8rem;
    background-color: #faf5ee
}

[data-color-mode=dark] .paywall__abo-article__header--custom {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__abo-article__header--custom {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .paywall__abo-article__header--custom {
        padding: 2.4rem 2.4rem 1.6rem 2.4rem
    }
}

.paywall__abo-article__header--unpaid {
    padding: 3.2rem 2.4rem 2.4rem;
    border-radius: .4rem;
    background-color: #faf5ee
}

[data-color-mode=dark] .paywall__abo-article__header--unpaid {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__abo-article__header--unpaid {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .paywall__abo-article__header--unpaid {
        padding: 3.2rem
    }
}

.paywall__abo-article__header .slogan {
    font-style: normal;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 3.2rem;
    letter-spacing: .01em;
    color: #121212;
    text-align: center;
    width: 100%
}

.paywall__abo-article__header .slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article__header .slogan--custom {
    background-color: #faf5ee;
    width: 27.9rem;
    padding: 2.4rem 1.6rem 0;
    border-radius: 2.4rem;
    margin-top: -4.6rem;
    z-index: 1
}

[data-color-mode=dark] .paywall__abo-article__header .slogan--custom {
    background-color: #2b293d
}

[data-color-mode=light] .paywall__abo-article__header .slogan--custom {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .paywall__abo-article__header .slogan--custom {
        padding: 3.2rem 7.65rem 0;
        margin-top: -5.6rem
    }
}

@media(min-width:1024px) {
    .paywall__abo-article__header .slogan--custom {
        padding: 3.2rem 5.65rem 0
    }
}

html.app .paywall__abo-article__header .slogan--custom {
    padding: 2.4rem 1.6rem 0
}

@media(min-width:600px) {
    html.app .paywall__abo-article__header .slogan--custom {
        padding: 3.2rem 8rem 0
    }
}

@media(min-width:1024px) {
    html.app .paywall__abo-article__header .slogan--custom {
        padding: 3.2rem 8rem 0
    }
}

.paywall__abo-article__header .slogan--text-custom {
    color: #16141e;
    font-size: 2rem;
    line-height: 120%;
    font-weight: 600;
    margin-bottom: 1.6rem;
    letter-spacing: .01em;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.paywall__abo-article__header .slogan--text-custom {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan--text-custom {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall__abo-article__header .slogan--text-custom {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall__abo-article__header .slogan--text-custom {
    color: #16141e
}

@media(min-width:600px) {
    .paywall__abo-article__header .slogan--text-custom {
        margin-bottom: .8rem;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.paywall__abo-article__header .slogan--subtext-custom {
    letter-spacing: .016rem;
    line-height: 130%;
    font-size: 1.6rem;
    font-weight: 400;
    color: #16141e;
    margin: 0 auto
}

.paywall__abo-article__header .slogan--subtext-custom {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan--subtext-custom {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall__abo-article__header .slogan--subtext-custom {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall__abo-article__header .slogan--subtext-custom {
    color: #16141e
}

@media(min-width:600px) {
    .paywall__abo-article__header .slogan--subtext-custom {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.paywall__abo-article__header .slogan--subtext-custom--top {
    margin-bottom: 0
}

.paywall__abo-article__header .slogan--subtext-custom--bold {
    font-weight: 600
}

.paywall__abo-article__header .slogan--subtext-custom--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan--subtext-custom--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article__header .slogan--borderT {
    margin-top: 1.6rem
}

.paywall__abo-article__header .slogan .sec-Title {
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    margin-top: 1.6rem
}

.paywall__abo-article__header .slogan .sec-Title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan .sec-Title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1023px) {
    .paywall__abo-article__header .slogan .sec-Title {
        margin-top: 2.4rem
    }
}

.paywall__abo-article__header .slogan .sec-Title strong {
    font-size: 2.4rem;
    font-weight: 700
}

.paywall__abo-article__header .slogan .sec-Title strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan .sec-Title strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article__header .slogan__subtitle {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    margin-top: .8rem;
    display: block
}

.paywall__abo-article__header .slogan__subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__header .slogan__subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article__bar {
    display: block !important;
    border-bottom: solid .1rem #d0d0d0;
    width: 100%;
    margin: auto
}

.paywall__abo-article__card {
    background-color: #f6c1c1;
    padding: 1.6rem 5rem
}

@media(min-width:600px) {
    .paywall__abo-article__card {
        padding: 1.6rem 2.2rem
    }
}

.paywall__abo-article__card .heading--section-medium {
    font-weight: 400;
    font-size: 4.5rem
}

.paywall__abo-article__card .heading--section-medium {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__card .heading--section-medium {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paywall__abo-article__card .heading--section-medium {
        font-size: 5rem
    }
}

.paywall__abo-article__card .heading {
    color: #4b67db
}

.paywall__abo-article__card .heading label {
    color: #fff
}

.paywall__abo-article__card .heading .icon-diese {
    background: url(/dist/assets/img/icons/icon-diese.svg) center center no-repeat;
    display: inline-block;
    width: 1.36rem;
    height: 2.45rem
}

@media(min-width:600px) {
    .paywall__abo-article__card .heading .icon-diese {
        width: 1.55rem;
        height: 2.7rem
    }
}

.paywall__abo-article__card .paywall__txt-intro {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article__card .paywall__txt-intro {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article__card .paywall__list {
    padding-left: 0;
    margin-top: 2.4rem;
    margin-left: 0;
    width: 90%
}

@media(min-width:1023px) {
    .paywall__abo-article__card .paywall__list {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0
    }
}

.paywall__abo-article .btn--paywall {
    background: #4b67db;
    color: #fff;
    font-size: 1.8rem
}

.paywall__abo-article .btn--paywall--abo-articles {
    background: #ffe047;
    color: #16141e;
    border-radius: 6.4rem;
    font-weight: 600;
    letter-spacing: .016rem
}

.paywall__abo-article .btn--paywall--abo-articles--custom {
    color: #fff
}

.paywall__abo-article .btn--paywall--no-weight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .btn--paywall--no-weight {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article .btn--paywall--custom {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe047;
    font-size: 1.6rem;
    border-radius: 6.4rem;
    font-weight: 400
}

.paywall__abo-article .btn--paywall--custom.paywall__cta {
    line-height: normal
}

@media(min-width:600px) {
    .paywall__abo-article .btn--paywall--custom {
        height: 4.4rem
    }
}

html:not(.app) .paywall__abo-article .btn--paywall--custom:hover {
    background: #fe9
}

.paywall__abo-article .btn--paywall--custom:active {
    background: #fe9;
    border: 1px solid rgba(255, 255, 255, .6)
}

.paywall__abo-article .btn--paywall--custom--inline {
    display: inline-block;
    width: 100%
}

.paywall__abo-article .btn--paywall--custom-unpaid {
    margin-top: 1.6rem;
    width: 100%
}

.paywall__abo-article .btn--paywall--custom-app {
    height: 5.6rem;
    white-space: normal;
    white-space: initial
}

@media(min-width:360px) {
    .paywall__abo-article .btn--paywall--custom-app {
        height: 3.6rem
    }
}

.paywall__abo-article .btn--paywall--fw-sb {
    font-weight: 600
}

.paywall__abo-article .btn--paywall--custom-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .btn--paywall--custom-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article .btn--paywall--normal-txt {
    font-weight: 400
}

.paywall__abo-article .btn--paywall--normal-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .btn--paywall--normal-txt {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article .btn--paywall--text-line-through {
    font-weight: 400;
    text-decoration: line-through
}

.paywall__abo-article .btn--paywall--text-line-through {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article .btn--paywall--text-line-through {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article--abo-boost-v2 .paywall__wrapper--custom {
    padding: 0
}

.paywall__abo-article--abo-boost-v2 .paywall__abo-article__header {
    padding-top: 3.2rem;
    padding-right: 0;
    padding-left: 0
}

@media(min-width:600px) {
    .paywall__abo-article--abo-boost-v2 .paywall__abo-article__header {
        padding-right: 8.2rem;
        padding-bottom: 2.4rem;
        padding-left: 8.2rem
    }
}

.paywall__abo-article--abo-boost-v2 .paywall__abo-article__header .slogan--custom {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.paywall__abo-article--abo-boost-v2 .paywall__abo-article__header .slogan--text-custom {
    max-width: none;
    padding-right: 1.4rem;
    padding-left: 1.4rem
}

@media(min-width:600px) {
    .paywall__abo-article--abo-boost-v2 .paywall__text-custom {
        margin-top: 1.6rem
    }
}

.paywall__abo-article--abo-boost-v2 .btn--paywall--custom {
    line-height: 1;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media(min-width:600px) {
    .paywall__abo-article--abo-boost-v2 .btn--paywall--custom {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem
    }
}

.paywall__abo-article--jpo .paywall__abo-header--jpo {
    display: flex;
    flex-direction: column;
    background-color: #fada4c;
    padding: 1.6rem 2.4rem 0 2.4rem;
    border-radius: 4px
}

@media(min-width:600px) {
    .paywall__abo-article--jpo .paywall__abo-header--jpo {
        flex-direction: row;
        padding: 0 2.4rem
    }
}

.paywall__abo-article--jpo .paywall__abo-header--jpo img {
    width: 244px;
    height: 244px;
    overflow: unset
}

@media(min-width:600px) {
    .paywall__abo-article--jpo .paywall__abo-header--jpo img {
        width: 190px;
        height: 190px
    }
}

@media(min-width:834px) {
    .paywall__abo-article--jpo .paywall__abo-header--jpo img {
        width: 210px;
        height: 210px
    }
}

.paywall__abo-article--jpo .paywall__wrapper.paywall__wrapper--jpo-wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dad9db
}

[data-color-mode=dark] .paywall__abo-article--jpo .paywall__wrapper.paywall__wrapper--jpo-wrapper::after {
    background-color: rgba(255, 255, 255, .1607843137)
}

[data-color-mode=light] .paywall__abo-article--jpo .paywall__wrapper.paywall__wrapper--jpo-wrapper::after {
    background-color: #dad9db
}

.paywall__abo-article--jpo .paywall__wrapper--top.paywall__wrapper--custom.paywall__wrapper--jpo-top {
    padding: 0;
    background-color: #fada4c;
    border-radius: 4px
}

.paywall__abo-article--jpo .slogan.slogan--custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fada4c;
    padding: 0;
    margin: 2.4rem 0 1.6rem 0
}

@media(min-width:600px) {
    .paywall__abo-article--jpo .slogan.slogan--custom {
        margin: 0 0 32px 0
    }
}

.paywall__abo-article--jpo .slogan.slogan--custom .slogan--text-custom {
    color: #16141e
}

.paywall__abo-article--jpo .slogan.slogan--custom .slogan--text-custom {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article--jpo .slogan.slogan--custom .slogan--text-custom {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(max-width:600px) {
    .paywall__abo-article--jpo .slogan.slogan--custom .slogan--text-custom {
        margin-bottom: 8px
    }
}

@media(min-width:600px) {
    .paywall__abo-article--jpo .slogan.slogan--custom .slogan--text-custom {
        margin-top: 48px
    }
}

.paywall__abo-article--jpo .slogan.slogan--custom .slogan--subtext-custom-subscribe {
    margin-bottom: 1.6rem;
    color: #16141e
}

.paywall__abo-article--jpo .slogan.slogan--custom .slogan--subtext-custom {
    color: #16141e
}

@media(min-width:600px)and (max-width:620px) {
    .paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom {
        height: auto
    }
}

.paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom--inline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: all .3s ease-in-out
}

.paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom--inline:hover {
    background-color: #16141e;
    color: #fff
}

.paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom--inline .btn--paywall--text-bold {
    display: block
}

@media(min-width:360px) {
    .paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom--inline .btn--paywall--text-bold {
        display: inline
    }
}

@media(min-width:600px)and (max-width:620px) {
    .paywall__abo-article--jpo .slogan.slogan--custom .btn--paywall--custom--inline .btn--paywall--text-bold {
        display: block
    }
}

.paywall__abo-article--jpo .btn--paywall {
    background-color: #fff
}

.paywall__abo-article--jpo .btn--paywall .btn--paywall--text-simple {
    font-weight: 400
}

.paywall__abo-article--jpo .btn--paywall .btn--paywall--text-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article--jpo .btn--paywall .btn--paywall--text-simple {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article--jpo .paywall__wrapper--support-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 24px;
    width: calc(100% - 48px);
    height: 64px
}

.paywall__abo-article--jpo .paywall__wrapper--support-wrapper p {
    margin: 1.4rem;
    font-size: 1.2rem;
    color: #45434b
}

.paywall__abo-article--jpo .paywall__wrapper--support-wrapper p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article--jpo .paywall__wrapper--support-wrapper p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__abo-article--jpo .paywall__wrapper--support-wrapper::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 0
}

.paywall__abo-article--jpo .connexion__login__abo-article {
    margin-bottom: 1.6rem
}

.paywall__abo-article--jpo .paywall__text-custom-bottom-container {
    margin-top: 1.6rem
}

.paywall__abo-article--jpo .paywall__text-custom-bottom-container .paywall__text-custom-bottom {
    color: #16141e;
    text-decoration: underline
}

.paywall__abo-article--jpo .paywall__text-custom-bottom-container .paywall__text-custom-bottom {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__abo-article--jpo .paywall__text-custom-bottom-container .paywall__text-custom-bottom {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall__abo-article--jpo .paywall__text-custom-bottom-container .paywall__text-custom-bottom {
    color: #fff
}

[data-color-mode=light] .paywall__abo-article--jpo .paywall__text-custom-bottom-container .paywall__text-custom-bottom {
    color: #16141e
}

@media(max-width:600px) {
    .paywall__abo-article--free-article .paywall__wrapper--free-article-wrapper {
        margin-left: -2.4rem;
        margin-right: -2.4rem
    }
}

.paywall__abo-article--free-article .paywall__abo-article .paywall__wrapper--custom,
.paywall__abo-article--free-article .paywall__abo-article__header .slogan--custom,
.paywall__abo-article--free-article .paywall__abo-header--free-article,
.paywall__abo-article--free-article .paywall__wrapper--free-article-top {
    background-color: #aed5bc !important
}

@media(min-width:600px) {
    .paywall__abo-article--free-article .paywall__abo-article__header--custom {
        padding: 2.4rem 3.2rem 1.6rem 3.2rem
    }
}

.paywall__abo-article--free-article .paywall__wrapper--free-article-top {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    padding-bottom: 0
}

@media(min-width:600px) {
    .paywall__abo-article--free-article .paywall__wrapper--free-article-top {
        padding-top: 3.2rem
    }
}

.paywall__abo-article--free-article .paywall__abo-header--free-article {
    width: 100%;
    padding: 0 2.4rem 2.4rem;
    border-radius: 4px
}

@media(min-width:600px) {
    .paywall__abo-article--free-article .paywall__abo-header--free-article {
        padding: 0 4rem 3.2rem
    }
}

.paywall__abo-article--free-article .paywall__connexion {
    background-color: rgba(0, 0, 0, 0)
}

.paywall__abo-article--free-article .slogan--container {
    width: 100%
}

.paywall__abo-article--free-article .slogan--container img {
    display: block;
    width: 4rem;
    height: 4rem
}

@media(min-width:600px) {
    .paywall__abo-article--free-article .slogan--container img {
        width: 5.6rem;
        height: 5.6rem
    }
}

.paywall__abo-article--free-article .slogan--container .slogan--custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.paywall__abo-article--free-article .slogan--container .slogan--custom img {
    margin-bottom: 1.6rem
}

.paywall__abo-article--free-article .slogan--container .slogan--custom .slogan--subtext-unblock {
    margin-top: 0;
    margin-bottom: 2.4rem
}

.paywall__abo-article--free-article .slogan--container .slogan--custom .slogan--subtext-unengaged {
    margin-top: 0
}

.paywall__abo-article--free-article .slogan--custom {
    margin-top: 0
}

@media(min-width:600px) {
    .paywall__abo-article--free-article .slogan--custom img {
        margin-bottom: 2.4rem
    }
}

.paywall__abo-article--free-article .slogan--text-custom {
    color: #16141e;
    margin-bottom: .8rem;
    max-width: none
}

[data-color-mode=dark] .paywall__abo-article--free-article .slogan--text-custom {
    color: #16141e
}

[data-color-mode=light] .paywall__abo-article--free-article .slogan--text-custom {
    color: #16141e
}

.paywall__abo-article--free-article .paywall__connexion--custom {
    padding-top: 2.4rem
}

.paywall__abo-article--free-article .paywall__text.paywall__text-custom {
    margin-bottom: 1.2rem;
    width: 100%
}

.paywall__abo-article--free-article .slogan--subtext-custom {
    color: #16141e
}

[data-color-mode=dark] .paywall__abo-article--free-article .slogan--subtext-custom {
    color: #16141e
}

[data-color-mode=light] .paywall__abo-article--free-article .slogan--subtext-custom {
    color: #16141e
}

.paywall__abo-article--free-article .paywall__mobile-overlay {
    background-color: #aed5bc
}

.paywall__abo-article--ope-flash .slogan--subtext-custom,
.paywall__abo-article--ope-flash .slogan--text-custom {
    color: #fff !important
}

[data-color-mode=dark] .paywall__abo-article--ope-flash .slogan--subtext-custom,
[data-color-mode=dark] .paywall__abo-article--ope-flash .slogan--text-custom {
    color: #fff !important
}

[data-color-mode=light] .paywall__abo-article--ope-flash .slogan--subtext-custom,
[data-color-mode=light] .paywall__abo-article--ope-flash .slogan--text-custom {
    color: #fff !important
}

.paywall__abo-article--ope-flash .paywall__abo-article__header--custom,
.paywall__abo-article--ope-flash .paywall__wrapper--custom,
.paywall__abo-article--ope-flash .slogan--custom {
    background-color: #f76666 !important
}

[data-color-mode=dark] .paywall__abo-article--ope-flash .paywall__abo-article__header--custom,
[data-color-mode=dark] .paywall__abo-article--ope-flash .paywall__wrapper--custom,
[data-color-mode=dark] .paywall__abo-article--ope-flash .slogan--custom {
    background-color: #f76666 !important
}

[data-color-mode=light] .paywall__abo-article--ope-flash .paywall__abo-article__header--custom,
[data-color-mode=light] .paywall__abo-article--ope-flash .paywall__wrapper--custom,
[data-color-mode=light] .paywall__abo-article--ope-flash .slogan--custom {
    background-color: #f76666 !important
}

.paywall__google-img {
    background-image: url(/dist/assets/img/icons/google-content.svg);
    width: 19.5rem;
    height: 2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0
}

.paywall__subtop {
    background-color: #9dccab;
    height: 14rem;
    position: relative
}

@media(min-width:360px) {
    .paywall__subtop {
        height: 16.4rem
    }
}

@media(min-width:393px) {
    .paywall__subtop {
        height: 18.8rem
    }
}

@media(min-width:600px) {
    .paywall__subtop {
        border-radius: .4rem
    }
}

.paywall__custom-img {
    display: block;
    margin: auto;
    width: 100%;
    height: 134px;
    padding-top: 15px;
    object-fit: contain
}

@media(min-width:393px) {
    .paywall__custom-img {
        padding-top: 19px
    }
}

@media(min-width:600px) {
    .paywall__custom-img {
        padding-top: 17px
    }
}

.paywall__custom-img-webview {
    background-image: url(/dist/assets/img/abo/paywall-custom-mobile.svg);
    background-repeat: no-repeat;
    object-fit: cover;
    width: 31.1rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    max-width: 100%;
    height: 12.7rem;
    align-self: center;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:600px) {
    .paywall__custom-img-webview {
        background-image: url(/dist/assets/img/abo/paywall-custom-d-app.svg);
        width: 20rem;
        height: 21.2rem;
        margin: 0 0 2rem 4rem
    }
}

@media(min-width:600px) {
    .paywall__custom-img-webview--articles {
        margin: 0 0 3.2rem 2rem
    }
}

.paywall__detail-container {
    border-top: .1rem solid #dad9db;
    padding-top: 1.6rem
}

.paywall__text-details {
    font-size: 1.4rem;
    line-height: 130%;
    color: #fff;
    text-align: center
}

.paywall__text-details {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__text-details {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__logo {
    background: url(/dist/assets/img/logos/logo_paywall-fest.svg) no-repeat;
    width: 9.6rem;
    min-height: 3.35rem;
    display: inline-block;
    background-size: cover
}

@media(min-width:600px) {
    .paywall__logo {
        width: 10.3rem;
        min-height: 3.7rem
    }
}

.paywall__list {
    padding: 1.6rem 0;
    margin: 0 1.6rem;
    border-top: solid .1rem #d0d0d0;
    display: flex;
    flex-direction: column
}

@media(min-width:600px) {
    .paywall__list {
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width:600px) {
    .paywall__list--custom {
        padding: 1.6rem 0 0
    }
}

.paywall__txt-intro {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #121212
}

.paywall__txt-intro {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__txt-intro {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__cta--book {
    background-color: #fed403;
    color: #121212
}

.paywall__cta--jpo {
    letter-spacing: .01em;
    color: #121212;
    background-color: #ffe047;
    border-radius: 10rem;
    display: flex;
    height: 3.6rem;
    align-items: center;
    justify-content: center;
    margin: 1.6rem auto 0;
    font-size: 1.4rem;
    letter-spacing: .01em;
    width: 100%;
    line-height: 1.3
}

.paywall__cta--jpo {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__cta--jpo {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .paywall__cta--jpo:hover {
    background-color: #fe9
}

@media(min-width:360px) {
    .paywall__cta--jpo {
        font-size: 1.6rem
    }
}

@media(min-width:600px) {
    .paywall__cta--jpo {
        width: 30.7rem;
        height: 4.4rem
    }
}

.paywall__cta--jpo-webview {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    margin: 1.6rem 0 0
}

@media(min-width:744px) {
    .paywall__cta--jpo-webview {
        flex-wrap: wrap;
        flex-direction: row
    }
}

.paywall__cta-subtext {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__cta-subtext {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__cta-subtext--jpo {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-top: 1.2rem;
    letter-spacing: .016em
}

@media(min-width:360px) {
    .paywall__cta-subtext--jpo {
        font-size: 1.6rem
    }
}

.paywall__textP {
    margin-top: 1.6rem
}

@media(min-width:600px) {
    .paywall__textP {
        margin-top: 2.4rem
    }
}

.paywall__text-custom {
    letter-spacing: .01px
}

.paywall__connexion {
    padding-bottom: 2.4rem;
    margin: 2.4rem 2.4rem 0 2.4rem;
    border-bottom: solid .1rem;
    border-color: #dad9db
}

[data-color-mode=dark] .paywall__connexion {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall__connexion {
    border-color: #dad9db
}

@media(min-width:600px) {
    .paywall__connexion {
        margin: 2.4rem 0 0
    }
}

.paywall__connexion--custom {
    margin-top: 0;
    padding-top: 16px;
    line-height: 2.08rem;
    letter-spacing: .016rem
}

@media(min-width:600px) {
    .paywall__connexion--custom {
        margin-left: 10.5rem;
        margin-right: 10.5rem
    }
}

@media(min-width:1024px) {
    .paywall__connexion--custom {
        margin-left: 8.2rem;
        margin-right: 8.2rem
    }
}

.paywall__connexion--borderT {
    border-top: solid .1rem;
    border-color: #dad9db;
    padding-top: 2.4rem
}

[data-color-mode=dark] .paywall__connexion--borderT {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall__connexion--borderT {
    border-color: #dad9db
}

.paywall__connexion--no-borderB {
    padding-bottom: 0;
    border-bottom: 0
}

.paywall__connexion--jpo {
    width: calc(100% - 4.8rem);
    text-align: center;
    padding-top: 2.4rem;
    margin-top: 0
}

@media(min-width:744px) {
    .paywall__connexion--jpo {
        width: 100%
    }
}

.paywall__payment {
    margin: auto;
    display: flex;
    flex-direction: row;
    grid-gap: 16px;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 16px
}

.paywall__payment-method {
    width: 46px;
    height: 32px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid;
    border-color: #dad9db;
    padding: 9px 6px
}

[data-color-mode=dark] .paywall__payment-method {
    border-color: #fff
}

[data-color-mode=light] .paywall__payment-method {
    border-color: #dad9db
}

.paywall__payment-method::after {
    display: block;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%
}

.paywall__payment-method.credit-card {
    padding: 4px
}

.paywall__payment-method.credit-card::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.765 19H4.353C3.053 19 2 17.91 2 16.565v-9.13C2 6.09 3.053 5 4.353 5H18.47c1.3 0 2.354 1.09 2.354 2.434v4.262m-3.53 4.852l1.479 1.53L22 14.74M2.588 9.261h17.647' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.paywall__payment-method.apple-pay::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.212 1.822c-.398.477-1.036.854-1.673.8-.08-.645.232-1.331.598-1.755.398-.49 1.095-.84 1.66-.867.066.672-.193 1.331-.585 1.822zm.578.928c-.561-.033-1.074.17-1.488.335-.266.106-.492.196-.664.196-.192 0-.427-.095-.69-.2-.346-.14-.742-.299-1.156-.291-.95.013-1.833.558-2.318 1.425-.996 1.735-.259 4.303.704 5.715.472.699 1.036 1.465 1.78 1.438.327-.012.563-.113.806-.218.28-.12.572-.246 1.027-.246.44 0 .718.122.985.24.255.11.499.217.861.21.77-.013 1.256-.698 1.727-1.397.51-.75.733-1.483.767-1.594l.004-.013-.019-.01c-.17-.078-1.47-.68-1.482-2.296C7.62 4.688 8.665 4 8.829 3.892a.52.52 0 00.02-.013c-.664-.995-1.7-1.102-2.059-1.13zm5.333 8.53V.8h3.886c2.005 0 3.407 1.398 3.407 3.442 0 2.044-1.428 3.456-3.46 3.456H13.73v3.583h-1.607zm1.607-9.109h1.853c1.395 0 2.192.753 2.192 2.078 0 1.324-.797 2.084-2.198 2.084H13.73V2.17zm10.992 7.853c-.425.82-1.361 1.338-2.37 1.338-1.495 0-2.538-.901-2.538-2.26 0-1.344 1.01-2.117 2.876-2.231l2.005-.121v-.578c0-.854-.55-1.318-1.534-1.318-.81 0-1.401.423-1.52 1.069h-1.448c.046-1.358 1.308-2.346 3.015-2.346 1.84 0 3.035.974 3.035 2.487v5.217h-1.488v-1.257h-.033zm-1.94.094c-.856 0-1.4-.417-1.4-1.056 0-.658.524-1.042 1.527-1.102l1.786-.114v.591c0 .982-.823 1.68-1.912 1.68zm8.395 1.573c-.644 1.835-1.381 2.44-2.948 2.44-.12 0-.518-.013-.611-.04v-1.257c.1.013.345.027.471.027.71 0 1.11-.303 1.355-1.09l.146-.463-2.723-7.63h1.68l1.893 6.191h.033l1.893-6.192H34l-2.823 8.014z' fill='%23000'/%3E%3C/svg%3E")
}

.paywall__payment-method.google-pay::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.68 10.951V6.843h2.121c.87 0 1.603-.292 2.2-.866l.144-.145a2.958 2.958 0 00-.143-4.141 3.027 3.027 0 00-2.2-.882h-3.404v10.142h1.283zm.001-5.354V2.055h2.153c.462 0 .9.178 1.228.501.693.68.71 1.812.04 2.515-.327.348-.79.542-1.268.526H15.68zm10.45-1.043c-.55-.51-1.299-.769-2.247-.769-1.22 0-2.137.453-2.742 1.351l1.131.72c.415-.615.981-.922 1.698-.922.455 0 .893.17 1.236.477.335.291.526.712.526 1.157v.299c-.494-.275-1.116-.42-1.881-.42-.893 0-1.61.21-2.144.638-.535.429-.806.995-.806 1.715a2.158 2.158 0 00.758 1.698c.502.453 1.14.68 1.889.68.885 0 1.586-.397 2.12-1.19h.056v.963h1.228V6.673c0-.898-.271-1.61-.821-2.12zm-3.483 5.12a1.055 1.055 0 01-.422-.85c0-.38.175-.696.518-.946.35-.251.79-.38 1.308-.38.717-.009 1.275.153 1.674.477 0 .55-.215 1.027-.638 1.431a2.025 2.025 0 01-1.443.607 1.554 1.554 0 01-.997-.34zM29.711 14L34 4.012h-1.395L30.62 8.994h-.024l-2.033-4.982h-1.395l2.814 6.494L28.388 14h1.323z' fill='%233C4043'/%3E%3Cpath d='M11.25 5.953c0-.397-.032-.793-.095-1.181H5.742v2.24h3.1a2.7 2.7 0 01-1.147 1.771v1.456h1.85c1.083-1.01 1.705-2.507 1.705-4.286z' fill='%234285F4'/%3E%3Cpath d='M5.742 11.646c1.546 0 2.854-.517 3.802-1.407l-1.85-1.456c-.517.356-1.179.558-1.952.558-1.499 0-2.766-1.027-3.22-2.402H.615v1.505a5.725 5.725 0 005.126 3.202z' fill='%2334A853'/%3E%3Cpath d='M2.521 6.94a3.562 3.562 0 010-2.233V3.211H.616a5.848 5.848 0 000 5.225L2.52 6.94z' fill='%23FBBC04'/%3E%3Cpath d='M5.742 2.305c.82-.016 1.61.3 2.2.874l1.642-1.666A5.497 5.497 0 005.742 0C3.573 0 1.589 1.246.616 3.211l1.905 1.504c.455-1.383 1.722-2.41 3.22-2.41z' fill='%23EA4335'/%3E%3C/svg%3E")
}

.paywall__offers {
    margin-top: 2.4rem
}

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

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

.paywall__offers a {
    text-decoration: underline
}

html:not(.app) .paywall__offers a:hover {
    text-decoration: none
}

.paywall__offers--jpo {
    padding-bottom: 0;
    margin-top: 2.4rem;
    letter-spacing: .01em;
    border-top: .1rem solid #d0d0d0;
    padding-top: 2.4rem;
    text-align: center;
    width: 100%
}

.paywall__offers--jpo {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__offers--jpo {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__textoffers {
    margin: .8rem 0 0 0
}

.paywall__item {
    display: flex;
    align-items: center;
    width: 21rem;
    margin: auto;
    font-size: 1.6rem;
    line-height: 140%;
    color: #121212;
    list-style: none !important
}

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

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

@media(min-width:600px) {
    .paywall__item {
        width: 23rem
    }
}

.paywall__item--custom {
    color: #fff
}

.paywall__item strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__item strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.paywall__item:not(:first-child) {
    margin-top: 1.6rem
}

@media(min-width:600px) {
    .paywall__item:not(:first-child) {
        margin-top: 0
    }
}

.paywall__item:before {
    content: " ";
    width: 4rem;
    height: 4rem;
    margin-right: .8rem;
    display: inline-block;
    background: url(/dist/assets/img/icons/icon-lock.svg) center center no-repeat #fff;
    border-radius: 50%
}

.paywall__item:nth-child(2):before {
    background: url(/dist/assets/img/icons/icon-quare.svg) center center no-repeat #fff;
    border-radius: 50%
}

.paywall__item:last-child:before {
    background: url(/dist/assets/img/icons/stylo.svg) center center no-repeat
}

.paywall__dialogue__card {
    background-color: #b1e7fa
}

@media(min-width:600px) {
    .paywall__dialogue__card .paywall__list {
        text-align: left
    }
}

.paywall__google-icon {
    width: 6.3rem;
    height: 2rem
}

@media(min-width:393px) {
    .paywall .only-mobile {
        display: none
    }
}

.paywall--jpo {
    margin-top: 3.2rem;
    background-color: #00b78e;
    width: 100vw;
    margin-left: -2.4rem;
    padding-bottom: 2.4rem
}

.paywall--jpo:before {
    display: none
}

@media(min-width:600px) {
    .paywall--jpo {
        padding-bottom: 0;
        width: 100%;
        margin-left: 0
    }
}

@media(min-width:834px) {
    .paywall--jpo {
        padding-bottom: 0;
        width: 100%;
        margin-left: 0
    }
}

@media(min-width:600px) {
    .paywall--jpo {
        border-radius: .4rem
    }
}

.paywall--jpo-webview {
    padding-bottom: 2.4rem
}

@media(min-width:744px) {
    .paywall--jpo-webview {
        width: 100%;
        margin-left: 0
    }
}

.paywall__illustration--jpo {
    width: 18rem;
    height: auto;
    margin-top: 1.6rem
}

@media(min-width:600px) {
    .paywall__illustration--jpo {
        margin-top: 0;
        flex: 20.4rem 0 0;
        width: 20.4rem;
        margin-right: 2.4rem
    }
}

.paywall__content {
    margin-top: 1.6rem
}

@media(min-width:744px) {
    .paywall__content {
        flex: 35rem 0 0
    }
}

@media(min-width:600px) {
    .paywall__content {
        flex: auto;
        margin-top: 0
    }
}

.paywall__title {
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .01em
}

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

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

.paywall__title--jpo-webview {
    font-size: 2rem
}

.paywall__title--jpo-webview {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall__title--jpo-webview {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall__subtitle {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    margin-top: .8rem
}

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

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

.paywall__strikeout-text {
    text-decoration: line-through
}

.paywall__footer--jpo {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100vw;
    margin-left: -2.4rem
}

@media(min-width:744px) {
    .paywall__footer--jpo {
        width: 100%;
        margin-left: 0
    }
}

.paywall.paywall--no-gradient {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.paywall.paywall--no-gradient::before {
    content: none
}

.paywall--classic {
    margin-top: -2.4rem;
    margin-right: -2.4rem;
    margin-left: -2.4rem
}

@media(min-width:600px) {
    .paywall--classic {
        margin-right: 0;
        margin-left: 0
    }
}

.paywall--classic::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    height: 11.2rem
}

[data-color-mode=dark] .paywall--classic::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #1c1a26 100%)
}

[data-color-mode=light] .paywall--classic::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.paywall--classic .paywall__wrapper--top {
    padding: 2.4rem
}

@media(min-width:600px) {
    .paywall--classic .paywall__wrapper--top {
        border-radius: .4rem;
        padding: 3.2rem 0
    }
}

.paywall--classic .paywall__abo-article__header {
    margin: 0 auto;
    max-width: 43.4rem;
    padding: 0
}

@media(min-width:1113px) {
    .paywall--classic .paywall__abo-article__header {
        max-width: 46.3rem
    }
}

.paywall--classic .paywall__textP {
    margin-top: 1.6rem
}

.paywall--classic .paywall__connexion {
    border: 0 none;
    margin: 0;
    padding: 2.4rem 2.4rem 0
}

@media(min-width:600px) {
    .paywall--classic .paywall__connexion {
        padding-right: 0;
        padding-left: 0
    }
}

.paywall--classic .paywall__offers {
    border-color: #dad9db;
    border-top-width: 1px;
    border-top-style: solid;
    margin: 1.2rem 2.4rem 0;
    padding: 1.2rem 0 0
}

[data-color-mode=dark] .paywall--classic .paywall__offers {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--classic .paywall__offers {
    border-color: #dad9db
}

@media(min-width:600px) {
    .paywall--classic .paywall__offers {
        margin-right: 0;
        margin-left: 0
    }
}

.paywall--classic .paywall__payment {
    margin-top: 1.6rem;
    margin-bottom: 0
}

.paywall--classic .paywall__payment-method {
    padding: 0
}

.paywall--classic .paywall__payment-method::after {
    background-size: auto auto;
    background-size: initial
}

.paywall--classic .paywall__text-divider {
    margin-top: .8rem;
    margin-bottom: 0;
    padding: .85rem 0
}

@media(min-width:600px) {
    .paywall--classic .paywall__text-divider {
        margin-top: 1.2rem
    }
}

.paywall--classic .paywall__text-divider-label {
    top: 0
}

.paywall--classic .paywall__button--google {
    margin-top: .8rem;
    margin-bottom: 0;
    padding: .8rem 1.6rem
}

@media(min-width:600px) {
    .paywall--classic .paywall__button--google {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem
    }
}

@media(min-width:600px) {
    .paywall--classic .paywall__button--google.paywall__button+.slogan--subtext-custom {
        margin-top: 1.2rem
    }
}

.paywall--classic .paywall__google-img {
    background-size: auto auto;
    background-size: initial;
    width: 100%
}

.paywall--classic .slogan {
    margin: 0;
    padding: 0
}

.paywall--classic .slogan--text-custom {
    margin-bottom: 0
}

.paywall--classic .slogan .slogan--subtext-custom {
    margin-top: 1.6rem
}

.paywall--classic .btn--paywall {
    display: inline-block;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .01em;
    padding: .8rem 2.4rem;
    white-space: normal;
    width: 100%
}

.paywall--classic .btn--paywall {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--classic .btn--paywall {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .paywall--classic .btn--paywall {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem
    }
}

.paywall--classic .btn--paywall>span:not(:first-child) {
    margin-left: .25ex
}

.paywall--classic .text-stroke {
    text-decoration: line-through
}

.paywall--classic .text-semibold {
    font-weight: 600
}

.paywall--classic .text-semibold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--classic .text-semibold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall--bundle-max {
    background-color: #fff;
    border-color: #dad9db;
    padding: 0 1.6rem;
    border-radius: 1.6rem;
    border: 1px solid
}

[data-color-mode=dark] .paywall--bundle-max {
    background-color: #211f2e
}

[data-color-mode=light] .paywall--bundle-max {
    background-color: #fff
}

[data-color-mode=dark] .paywall--bundle-max {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--bundle-max {
    border-color: #dad9db
}

.paywall--bundle-max.paywall--bundle-max {
    margin-left: 0;
    margin-right: 0
}

.paywall--bundle-max.paywall--bundle-max::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: "";
    position: absolute;
    bottom: 100%;
    left: 49%;
    z-index: 2;
    -webkit-transform: translate(-50%, -1%);
    transform: translate(-50%, -1%);
    width: 100%;
    height: 11.2rem;
    pointer-events: none
}

[data-color-mode=dark] .paywall--bundle-max.paywall--bundle-max::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #1c1a26 100%)
}

[data-color-mode=light] .paywall--bundle-max.paywall--bundle-max::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.paywall--bundle-max .paywall__wrapper {
    max-width: inherit;
    padding: 2.4rem 0
}

.paywall--bundle-max .paywall__wrapper--top {
    padding: 0
}

.paywall--bundle-max .paywall__abo-article__header {
    max-width: inherit
}

.paywall--bundle-max .paywall__text-custom-bottom {
    text-decoration: underline
}

.paywall--bundle-max .paywall__text-custom-bottom:hover {
    cursor: pointer;
    text-decoration: none
}

.paywall--bundle-max .slogan.slogan--custom {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    padding: 0 1.6rem;
    background: 0 0
}

.paywall--bundle-max .slogan .slogan--text-custom {
    display: flex;
    flex-direction: column;
    grid-gap: .8rem;
    gap: .8rem
}

.paywall--bundle-max .slogan .slogan--subtext-custom {
    max-width: none;
    margin: 0
}

.paywall--bundle-max .slogan .slogan--subtext-custom--bold .subtext-custom--stroke {
    font-weight: 400;
    text-decoration: line-through
}

.paywall--bundle-max .slogan .slogan--subtext-custom--bold .subtext-custom--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--bundle-max .slogan .slogan--subtext-custom--bold .subtext-custom--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--bundle-max .slogan .btn-paywall--container {
    grid-gap: 1.2rem;
    gap: 1.2rem
}

.paywall--jpo-202505 .paywall__wrapper {
    color: #16141e;
    background-color: rgba(0, 0, 0, 0);
    border-color: #dad9db;
    margin: 0 2.4rem;
    padding: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    border-radius: 1.6rem
}

.paywall--jpo-202505 .paywall__wrapper {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--jpo-202505 .paywall__wrapper {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall--jpo-202505 .paywall__wrapper {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall--jpo-202505 .paywall__wrapper {
    color: #16141e
}

[data-color-mode=dark] .paywall--jpo-202505 .paywall__wrapper {
    background-color: #211f2e
}

[data-color-mode=light] .paywall--jpo-202505 .paywall__wrapper {
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .paywall--jpo-202505 .paywall__wrapper {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--jpo-202505 .paywall__wrapper {
    border-color: #dad9db
}

@media(min-width:600px) {
    .paywall--jpo-202505 .paywall__wrapper {
        margin: 0
    }
}

.paywall--jpo-202505 .paywall__wrapper--top {
    aspect-ratio: 240/100;
    background: url(/dist/assets/img/illustrations/illustration-jpo-2025-05-paywall--xs-s-m.svg) 50% no-repeat;
    background-size: cover;
    border-radius: .8rem;
    overflow: hidden
}

@media(min-width:600px) {
    .paywall--jpo-202505 .paywall__wrapper--top {
        aspect-ratio: 632/160;
        background-image: url(/dist/assets/img/illustrations/illustration-jpo-2025-05-paywall--l-xl.svg)
    }
}

@media(min-width:1113px) {
    .paywall--jpo-202505 .paywall__wrapper--top {
        aspect-ratio: 595/160;
        background-image: url(/dist/assets/img/illustrations/illustration-jpo-2025-05-paywall--xxl.svg)
    }
}

.paywall--jpo-202505 .paywall__wrapper--main {
    padding: 2.4rem .8rem .8rem
}

.paywall--jpo-202505 .paywall__title {
    color: inherit;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2
}

.paywall--jpo-202505 .paywall__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--jpo-202505 .paywall__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall--jpo-202505 .paywall__subtitle {
    color: inherit;
    font-size: 1.6rem;
    line-height: inherit
}

.paywall--jpo-202505 .paywall__button {
    max-width: 46.3rem;
    margin-top: 2.4rem;
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: inherit;
    background: #ffe047;
    border-radius: 6.4rem
}

html:not(.app) .paywall--jpo-202505 .paywall__button:active,
html:not(.app) .paywall--jpo-202505 .paywall__button:hover {
    background: #fe9
}

.paywall--jpo-202505 .paywall__text {
    margin-top: 1.2rem;
    line-height: inherit
}

.paywall--jpo-202505 .paywall__link {
    display: inline-block;
    margin-top: 2.4rem;
    line-height: inherit;
    text-decoration: underline
}

html:not(.app) .paywall--jpo-202505 .paywall__link:active,
html:not(.app) .paywall--jpo-202505 .paywall__link:hover {
    text-decoration: none
}

.paywall--quinzaine-critique {
    color: #16141e
}

[data-color-mode=dark] .paywall--quinzaine-critique {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall--quinzaine-critique {
    color: #16141e
}

.paywall--quinzaine-critique {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--quinzaine-critique {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--quinzaine-critique::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    height: 11.2rem
}

[data-color-mode=dark] .paywall--quinzaine-critique::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #1c1a26 100%)
}

[data-color-mode=light] .paywall--quinzaine-critique::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.paywall--quinzaine-critique .paywall__wrapper {
    border-color: #dad9db;
    border-radius: 1.6rem;
    border-style: solid;
    border-width: 1px
}

[data-color-mode=dark] .paywall--quinzaine-critique .paywall__wrapper {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--quinzaine-critique .paywall__wrapper {
    border-color: #dad9db
}

.paywall--quinzaine-critique .paywall__wrapper--banner {
    aspect-ratio: 24/10;
    background: #3c3956 url("data:image/svg+xml;charset=utf-8,%3Csvg width='174' height='68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='143.688' y='27.098' width='26.023' height='15.39' rx='7.695' transform='rotate(10 143.688 27.098)' fill='%23C81A3B'/%3E%3Cpath fill='%23C81A3B' d='M147.335 30.582l17.36 3.061-1.7 9.644-17.36-3.06z'/%3E%3Cpath d='M154.558 35.351l-2.038-.359-.803 4.557-2.143-.378.803-4.557-1.928-.34.299-1.695 6.109 1.077-.299 1.695zM162.386 36.732l-2.038-.36-.804 4.558-2.144-.377.804-4.558-1.927-.34.299-1.696 6.109 1.078-.299 1.695z' fill='%23fff'/%3E%3Cpath d='M158.206 43.864l-8.267-1.457 3.405 4.862 4.862-3.405z' fill='%23C81A3B'/%3E%3Cpath d='M6.583 32.674c-2.921 0-4.822-1.514-4.822-5.209v-15.38c0-3.765 1.936-5.208 4.822-5.208 2.92 0 4.821 1.443 4.821 5.173v15.38c0 2.041-.563 3.414-1.548 4.223l1.372 1.97-2.182 1.409-1.689-2.393c-.246.035-.493.035-.774.035zM4.929 27.43c0 1.02.14 1.724.492 2.147l2.006-1.338.563.81c.176-.387.247-.95.247-1.654v-15.38c0-1.724-.493-2.569-1.654-2.569-1.162 0-1.654.774-1.654 2.604v15.38zm16.4-20.236h3.168v20.271c0 3.625-1.795 5.209-4.786 5.209-2.991 0-4.786-1.584-4.786-5.209V7.194h3.167v20.271c0 1.795.387 2.57 1.619 2.57 1.196 0 1.619-.81 1.619-2.64V7.194zm6.933 25.163V7.194h3.132v25.163h-3.132zm6.903 0V7.194h3.519l2.745 12.986.598 3.273-.07-3.625V7.194h2.78v25.163h-3.062l-3.202-14.992-.598-3.273.07 3.66v14.605h-2.78zm12.352 0v-.422l5.701-22.242h-4.962v-2.5h8.552v.388l-5.701 22.277h5.49v2.499h-9.08zm18.518 0l-.528-5.912H62.48l-.528 5.912h-2.885L61.6 7.194h4.963l2.534 25.163h-3.062zm-2.077-22.91l-.246 3.237-1.02 11.438h2.569L64.24 12.86l-.282-3.414zm8.221 22.91V7.194h3.132v25.163H72.18zm6.903 0V7.194h3.52l2.744 12.986.599 3.273-.07-3.625V7.194h2.78v25.163h-3.063L82.39 17.365l-.598-3.273.07 3.66v14.605h-2.78zm13.162 0V7.194h7.636v2.499h-4.47v7.848h3.555v2.463h-3.554v9.854h4.751v2.499h-7.919zM1.831 39.194h3.941c3.379 0 5.807 1.267 5.807 5.912V58.34c0 4.645-2.428 6.018-5.807 6.018H1.832V39.194zm3.941 2.463H5v20.201h.774c2.042 0 2.534-.844 2.534-3.59V45.142c0-2.533-.633-3.484-2.534-3.484zm9.358 22.7V39.194h7.637v2.499h-4.47v7.848h3.555v2.463h-3.555v9.854h4.751v2.499h-7.918zm15.772 0V39.194h3.168v22.664h4.363v2.499h-7.53zm17.124 0l-.528-5.913h-3.026l-.528 5.913h-2.886l2.534-25.163h4.962l2.534 25.163h-3.062zm-2.076-22.91l-.246 3.237-1.021 11.438h2.569l-1.02-11.262-.282-3.414z' fill='%23fff'/%3E%3Cpath d='M62.505 64.674c-3.097 0-5.032-1.76-4.54-5.315l2.147-15.309c.528-3.73 2.182-5.173 5.209-5.173 2.92 0 4.68 1.69 4.188 5.103l-.247 1.654h-2.956l.246-1.724c.212-1.69-.21-2.464-1.407-2.464-1.126 0-1.584.74-1.83 2.605L61.133 59.43c-.282 1.795.211 2.64 1.513 2.64 1.091 0 1.549-.775 1.76-2.358l.352-2.359h2.991l-.317 2.394c-.528 3.624-1.83 4.927-4.927 4.927zm7.508-.317l3.519-25.163h4.434c3.52 0 4.716 1.795 4.258 4.962l-.563 4.153c-.352 2.463-1.126 3.449-2.815 3.977l.95 12.07h-3.132l-.81-11.753h-1.02L73.18 64.356h-3.168zm5.138-14.042h1.407c1.443 0 1.76-.458 2.006-2.147l.564-4.082c.246-1.69-.141-2.464-1.514-2.464h-1.267l-1.196 8.693zm7.855 14.042l3.519-25.163h3.167l-3.52 25.163h-3.166zm9.366 0l3.168-22.664h-3.027l.352-2.5h9.185l-.351 2.5h-3.027l-3.167 22.664h-3.133zm9.293 0l3.519-25.163h3.167l-3.519 25.163h-3.167zm12.006.317c-2.991 0-4.997-1.62-4.469-5.244l2.146-15.38c.563-3.87 2.323-5.173 5.209-5.173 2.956 0 4.962 1.549 4.434 5.244l-2.182 15.38c-.281 2.252-.95 3.66-2.111 4.434l1.126 1.794-2.252 1.338-1.479-2.393h-.422zm-1.302-5.139c-.141.916-.106 1.62.106 2.077l2.041-1.162.633 1.021c.247-.457.387-1.126.493-2.006l2.182-15.485c.246-1.654-.246-2.534-1.408-2.534-1.126 0-1.619.74-1.865 2.605l-2.182 15.484zm19.216-20.341h3.168l-2.886 20.377c-.458 3.554-1.865 5.103-5.033 5.103-3.026 0-4.997-1.69-4.434-5.596l2.78-19.884h3.168l-2.851 20.13c-.246 1.9.211 2.745 1.478 2.745 1.091 0 1.513-.844 1.795-2.71l2.815-20.165zm3.238 25.163l3.519-25.163h7.637l-.317 2.499h-4.505l-1.091 7.848h3.555l-.352 2.463h-3.555l-1.372 9.854h4.751l-.352 2.499h-7.918z' fill='%23F4C5D3'/%3E%3Crect x='140.345' y='.529' width='33.858' height='15.39' rx='7.695' transform='rotate(10 140.345 .53)' fill='%23C81A3B'/%3E%3Cpath fill='%23C81A3B' d='M143.992 4.014l25.076 4.422-1.7 9.644-25.077-4.422z'/%3E%3Cpath d='M151.186 8.778l-2.027-.357-.803 4.558-2.134-.377.803-4.557-1.921-.34.299-1.695 6.082 1.073-.299 1.695zM158.97 10.15l-2.026-.357-.804 4.557-2.134-.376.804-4.557-1.922-.339.299-1.695 6.082 1.072-.299 1.696zM166.762 11.524l-2.026-.357-.804 4.557-2.135-.376.804-4.558-1.922-.339.299-1.695 6.083 1.072-.299 1.696z' fill='%23fff'/%3E%3Cpath d='M158.721 17.976l-8.267-1.458 3.404 4.862 4.863-3.404z' fill='%23C81A3B'/%3E%3Crect x='107.463' y='16.826' width='41.692' height='15.39' rx='7.695' transform='rotate(-10 107.463 16.826)' fill='%23C81A3B'/%3E%3Cpath fill='%23C81A3B' d='M112.083 18.854l32.792-5.782 1.7 9.644-32.791 5.782z'/%3E%3Cpath d='M120.452 20.875l-2.024.357.803 4.556-2.129.375-.804-4.556-1.914.338-.3-1.697 6.069-1.07.299 1.697zM128.221 19.504l-2.023.357.803 4.557-2.129.375-.803-4.556-1.916.337-.299-1.695 6.068-1.07.299 1.695zM135.997 18.134l-2.023.357.803 4.557-2.129.375-.804-4.556-1.915.337-.3-1.696 6.069-1.07.299 1.696zM143.773 16.763l-2.025.357.804 4.556-2.13.376-.803-4.557-1.915.338-.299-1.696 6.069-1.07.299 1.696z' fill='%23fff'/%3E%3Cpath d='M134.556 26.256l-8.267 1.457 4.862 3.405 3.405-4.862z' fill='%23C81A3B'/%3E%3C/svg%3E") 58% 45% no-repeat;
    background-size: 73%;
    border-radius: .8rem;
    margin: 1.6rem 1.6rem 0;
    overflow: hidden
}

@media(min-width:360px) {
    .paywall--quinzaine-critique .paywall__wrapper--banner {
        background-position: 58% 47%
    }
}

@media(min-width:600px) {
    .paywall--quinzaine-critique .paywall__wrapper--banner {
        aspect-ratio: 632/160;
        background-position: 58% 47%;
        background-size: 45.75%
    }
}

@media(min-width:1113px) {
    .paywall--quinzaine-critique .paywall__wrapper--banner {
        aspect-ratio: 595/160;
        background-position: 58.25% 47%;
        background-size: 48.75%
    }
}

.paywall--quinzaine-critique .paywall__wrapper--main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.4rem
}

.paywall--quinzaine-critique .paywall__title {
    color: inherit
}

.paywall--quinzaine-critique .paywall__title+.paywall__text {
    margin-top: .8rem
}

.paywall--quinzaine-critique .paywall__text {
    line-height: 1.3
}

.paywall--quinzaine-critique .paywall__text--offer {
    margin-top: 2.4rem;
    text-decoration: underline
}

html:not(.app) .paywall--quinzaine-critique .paywall__text--offer:active,
html:not(.app) .paywall--quinzaine-critique .paywall__text--offer:hover {
    text-decoration: none
}

.paywall--quinzaine-critique .paywall__text--bold {
    font-weight: 600
}

.paywall--quinzaine-critique .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--quinzaine-critique .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall--quinzaine-critique .paywall__text--stroke {
    font-family: inherit;
    text-decoration: line-through
}

.paywall--quinzaine-critique .paywall__button {
    background-color: #ffe047;
    color: #16141e;
    align-items: baseline;
    display: inline-block;
    margin-top: 2.4rem;
    max-width: 46.3rem;
    padding: 1.16rem 1.6rem;
    border-radius: 6.4rem;
    white-space: normal;
    white-space: initial;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 600;
    vertical-align: middle
}

.paywall--quinzaine-critique .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--quinzaine-critique .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .paywall--quinzaine-critique .paywall__button:active,
html:not(.app) .paywall--quinzaine-critique .paywall__button:hover {
    background: #fe9
}

.paywall--quinzaine-critique .paywall__button--google {
    display: flex;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 1.2rem;
    padding: .8rem 1.6rem
}

html:not(.app) .paywall--quinzaine-critique .paywall__button--google:active,
html:not(.app) .paywall--quinzaine-critique .paywall__button--google:hover {
    background: #fff
}

.paywall--quinzaine-critique .paywall__button .paywall__text--stroke {
    font-weight: 400;
    line-height: inherit
}

.paywall--quinzaine-critique .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--quinzaine-critique .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--quinzaine-critique .paywall__google-img {
    width: 20rem;
    background-size: auto auto;
    background-size: initial
}

.paywall--quinzaine-critique .paywall__divider {
    position: relative;
    padding: 1rem 0;
    margin: 1.2rem auto;
    max-width: 46.3rem;
    width: 100%
}

.paywall--quinzaine-critique .paywall__divider::before {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-color-mode=dark] .paywall--quinzaine-critique .paywall__divider::before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--quinzaine-critique .paywall__divider::before {
    background-color: #dad9db
}

.paywall--quinzaine-critique .paywall__divider-text {
    background-color: #fff;
    font-size: 1.4rem;
    position: absolute;
    background-color: #fff;
    line-height: 1.3;
    top: 0;
    padding: 0 1.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    text-transform: uppercase
}

.paywall--quinzaine-critique .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--quinzaine-critique .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall--quinzaine-critique .paywall__divider-text {
    background-color: #1c1a26
}

[data-color-mode=light] .paywall--quinzaine-critique .paywall__divider-text {
    background-color: #fff
}

.paywall--summer-2025 {
    color: #16141e
}

[data-color-mode=dark] .paywall--summer-2025 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall--summer-2025 {
    color: #16141e
}

.paywall--summer-2025 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--summer-2025 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    height: 11.2rem
}

[data-color-mode=dark] .paywall--summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #1c1a26 100%)
}

[data-color-mode=light] .paywall--summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.paywall--summer-2025 .paywall__wrapper {
    border-color: #dad9db;
    border-radius: 1.6rem;
    border-style: solid;
    border-width: 1px
}

[data-color-mode=dark] .paywall--summer-2025 .paywall__wrapper {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--summer-2025 .paywall__wrapper {
    border-color: #dad9db
}

.paywall--summer-2025 .paywall__wrapper--banner {
    aspect-ratio: 551/230;
    background: #ffe75c url(/dist/assets/img/illustrations/paywall/summer-2025-mobile.jpg) 50% 50% no-repeat;
    background-size: cover;
    border-radius: .8rem;
    margin: 1.6rem 1.6rem 0;
    overflow: hidden
}

@media(min-width:600px) {
    .paywall--summer-2025 .paywall__wrapper--banner {
        aspect-ratio: 632/160;
        background-image: url(/dist/assets/img/illustrations/paywall/summer-2025-desktop.jpg)
    }
}

@media(min-width:1113px) {
    .paywall--summer-2025 .paywall__wrapper--banner {
        aspect-ratio: 595/160;
        background-image: url(/dist/assets/img/illustrations/paywall/summer-2025-desktop-xxl.jpg)
    }
}

.paywall--summer-2025 .paywall__wrapper--main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.4rem
}

.paywall--summer-2025 .paywall__title {
    color: inherit
}

.paywall--summer-2025 .paywall__title+.paywall__text {
    margin-top: .8rem
}

.paywall--summer-2025 .paywall__text {
    line-height: 1.3
}

.paywall--summer-2025 .paywall__text--offer {
    margin-top: 2.4rem;
    text-decoration: underline
}

html:not(.app) .paywall--summer-2025 .paywall__text--offer:active,
html:not(.app) .paywall--summer-2025 .paywall__text--offer:hover {
    text-decoration: none
}

.paywall--summer-2025 .paywall__text--bold {
    font-weight: 600
}

.paywall--summer-2025 .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--summer-2025 .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall--summer-2025 .paywall__text--stroke {
    font-family: inherit;
    text-decoration: line-through
}

.paywall--summer-2025 .paywall__button {
    background-color: #ffe047;
    color: #16141e;
    align-items: baseline;
    display: inline-block;
    margin-top: 2.4rem;
    max-width: 46.3rem;
    padding: .76rem 1.6rem;
    border-radius: 6.4rem;
    white-space: normal;
    white-space: initial;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 600;
    vertical-align: middle
}

.paywall--summer-2025 .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--summer-2025 .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .paywall--summer-2025 .paywall__button:active,
html:not(.app) .paywall--summer-2025 .paywall__button:hover {
    background: #fe9
}

@media(min-width:600px) {
    .paywall--summer-2025 .paywall__button {
        padding-top: 1.16rem;
        padding-bottom: 1.16rem
    }
}

.paywall--summer-2025 .paywall__button--google {
    display: flex;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 1.2rem;
    padding: .8rem 1.6rem
}

html:not(.app) .paywall--summer-2025 .paywall__button--google:active,
html:not(.app) .paywall--summer-2025 .paywall__button--google:hover {
    background: #fff
}

@media(min-width:600px) {
    .paywall--summer-2025 .paywall__button--google {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

.paywall--summer-2025 .paywall__button .paywall__text--stroke {
    font-weight: 400;
    line-height: inherit
}

.paywall--summer-2025 .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--summer-2025 .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--summer-2025 .paywall__google-img {
    width: 20rem;
    background-size: auto auto;
    background-size: initial
}

.paywall--summer-2025 .paywall__divider {
    position: relative;
    padding: 1rem 0;
    margin: 1.2rem auto;
    max-width: 46.3rem;
    width: 100%
}

.paywall--summer-2025 .paywall__divider::before {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-color-mode=dark] .paywall--summer-2025 .paywall__divider::before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--summer-2025 .paywall__divider::before {
    background-color: #dad9db
}

.paywall--summer-2025 .paywall__divider-text {
    background-color: #fff;
    font-size: 1.4rem;
    position: absolute;
    background-color: #fff;
    line-height: 1.3;
    top: 0;
    padding: 0 1.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    text-transform: uppercase
}

.paywall--summer-2025 .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--summer-2025 .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall--summer-2025 .paywall__divider-text {
    background-color: #1c1a26
}

[data-color-mode=light] .paywall--summer-2025 .paywall__divider-text {
    background-color: #fff
}

.paywall--flash-summer-2025 {
    color: #16141e
}

[data-color-mode=dark] .paywall--flash-summer-2025 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .paywall--flash-summer-2025 {
    color: #16141e
}

.paywall--flash-summer-2025 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--flash-summer-2025 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--flash-summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    height: 11.2rem
}

[data-color-mode=dark] .paywall--flash-summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #1c1a26 100%)
}

[data-color-mode=light] .paywall--flash-summer-2025::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.paywall--flash-summer-2025 .paywall__wrapper {
    border-color: #dad9db;
    border-radius: 1.6rem;
    border-style: solid;
    border-width: 1px
}

[data-color-mode=dark] .paywall--flash-summer-2025 .paywall__wrapper {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--flash-summer-2025 .paywall__wrapper {
    border-color: #dad9db
}

.paywall--flash-summer-2025 .paywall__wrapper--banner {
    aspect-ratio: 551/230;
    background: #f76666 url(/dist/assets/img/illustrations/paywall/flash-summer-2025-xs.png) 50% 50% no-repeat;
    background-size: cover;
    border-radius: .8rem;
    margin: 1.6rem 1.6rem 0;
    overflow: hidden
}

@media(min-width:600px) {
    .paywall--flash-summer-2025 .paywall__wrapper--banner {
        aspect-ratio: 632/160;
        background-image: url(/dist/assets/img/illustrations/paywall/flash-summer-2025-l.png)
    }
}

@media(min-width:1113px) {
    .paywall--flash-summer-2025 .paywall__wrapper--banner {
        aspect-ratio: 595/160;
        background-image: url(/dist/assets/img/illustrations/paywall/flash-summer-2025-xxl.png)
    }
}

.paywall--flash-summer-2025 .paywall__wrapper--main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.4rem
}

.paywall--flash-summer-2025 .paywall__title {
    color: inherit
}

.paywall--flash-summer-2025 .paywall__title+.paywall__text {
    margin-top: .8rem
}

.paywall--flash-summer-2025 .paywall__text {
    line-height: 1.3
}

.paywall--flash-summer-2025 .paywall__text--offer {
    margin-top: 2.4rem;
    text-decoration: underline
}

html:not(.app) .paywall--flash-summer-2025 .paywall__text--offer:active,
html:not(.app) .paywall--flash-summer-2025 .paywall__text--offer:hover {
    text-decoration: none
}

.paywall--flash-summer-2025 .paywall__text--bold {
    font-weight: 600
}

.paywall--flash-summer-2025 .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--flash-summer-2025 .paywall__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.paywall--flash-summer-2025 .paywall__text--stroke {
    font-family: inherit;
    text-decoration: line-through
}

.paywall--flash-summer-2025 .paywall__button {
    background-color: #ffe047;
    color: #16141e;
    align-items: baseline;
    display: inline-block;
    margin-top: 2.4rem;
    max-width: 46.3rem;
    padding: .76rem 1.6rem;
    border-radius: 6.4rem;
    white-space: normal;
    white-space: initial;
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 600;
    vertical-align: middle
}

.paywall--flash-summer-2025 .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--flash-summer-2025 .paywall__button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .paywall--flash-summer-2025 .paywall__button:active,
html:not(.app) .paywall--flash-summer-2025 .paywall__button:hover {
    background: #fe9
}

@media(min-width:600px) {
    .paywall--flash-summer-2025 .paywall__button {
        padding-top: 1.16rem;
        padding-bottom: 1.16rem
    }
}

.paywall--flash-summer-2025 .paywall__button--google {
    display: flex;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 1.2rem;
    padding: .8rem 1.6rem
}

html:not(.app) .paywall--flash-summer-2025 .paywall__button--google:active,
html:not(.app) .paywall--flash-summer-2025 .paywall__button--google:hover {
    background: #fff
}

@media(min-width:600px) {
    .paywall--flash-summer-2025 .paywall__button--google {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

.paywall--flash-summer-2025 .paywall__button .paywall__text--stroke {
    font-weight: 400;
    line-height: inherit
}

.paywall--flash-summer-2025 .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--flash-summer-2025 .paywall__button .paywall__text--stroke {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.paywall--flash-summer-2025 .paywall__google-img {
    width: 20rem;
    background-size: auto auto;
    background-size: initial
}

.paywall--flash-summer-2025 .paywall__divider {
    position: relative;
    padding: 1rem 0;
    margin: 1.2rem auto;
    max-width: 46.3rem;
    width: 100%
}

.paywall--flash-summer-2025 .paywall__divider::before {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-color-mode=dark] .paywall--flash-summer-2025 .paywall__divider::before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .paywall--flash-summer-2025 .paywall__divider::before {
    background-color: #dad9db
}

.paywall--flash-summer-2025 .paywall__divider-text {
    background-color: #fff;
    font-size: 1.4rem;
    position: absolute;
    background-color: #fff;
    line-height: 1.3;
    top: 0;
    padding: 0 1.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    text-transform: uppercase
}

.paywall--flash-summer-2025 .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .paywall--flash-summer-2025 .paywall__divider-text {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .paywall--flash-summer-2025 .paywall__divider-text {
    background-color: #1c1a26
}

[data-color-mode=light] .paywall--flash-summer-2025 .paywall__divider-text {
    background-color: #fff
}

.newsletter {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 62.8rem
}

@media(min-width:576px) {
    .newsletter {
        margin-left: 0;
        margin-right: 0;
        margin: auto
    }
}

@media(min-width:1024px) {
    .newsletter {
        margin-bottom: 4.8rem;
        justify-content: left;
        width: 100%;
        margin: inherit
    }
}

.newsletter .newsletter__card {
    background-color: #f4f4f4;
    padding: 3.7rem 2.8rem 3.2rem;
    overflow: hidden;
    margin-bottom: 2.4rem;
    text-align: center;
    width: 100%
}

@media(min-width:1024px) {
    .newsletter .newsletter__card {
        text-align: left
    }
}

.newsletter .newsletter__card .icon_passionately {
    color: #121212;
    margin-bottom: 2.1rem;
    height: 3.8rem;
    width: 3.6rem;
    display: block;
    font-size: 4rem;
    line-height: 3.7rem;
    display: inline-block
}

.newsletter .newsletter__card .icon_passionately {
    font-family: "Telerama Icons"
}

html.fonts-loaded .newsletter .newsletter__card .icon_passionately {
    font-family: "Telerama Icons"
}

@media(min-width:1024px) {
    .newsletter .newsletter__card .icon_passionately {
        margin-bottom: 2.4rem;
        line-height: 4.5rem;
        font-size: 5rem;
        height: 4.8rem;
        width: 4.5rem
    }
}

.newsletter .newsletter__card .newsletter_title {
    font-weight: 500;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: .01em;
    color: #121212;
    border-bottom: .3rem solid #121212;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    display: block
}

.newsletter .newsletter__card .newsletter_title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .newsletter .newsletter__card .newsletter_title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .newsletter .newsletter__card .newsletter_title {
        font-size: 6rem;
        line-height: 6rem
    }
}

.newsletter .newsletter__card p {
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: .01em;
    color: #121212
}

.newsletter .newsletter__card p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .newsletter .newsletter__card p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.newsletter .btn-newsletter {
    background-color: #e20001;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    letter-spacing: .01em;
    color: #fff;
    width: 100%;
    margin: auto
}

.newsletter .btn-newsletter {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .newsletter .btn-newsletter {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

.newsletter .btn-newsletter:hover {
    text-decoration: underline;
    background-color: #be0000
}

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

.search__container {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #121212
}

.search__container:before {
    content: " ";
    display: block;
    width: 1.5rem;
    height: 1.6rem;
    background-image: url(/dist/assets/img/icons/search.svg);
    margin-right: 1rem;
    margin-left: .4rem
}

.search__container--table-series {
    margin: 3.4rem 3.1rem 0
}

@media(min-width:600px) {
    .search__container--table-series {
        margin: 3.4rem 0 0
    }
}

.search__input {
    color: #8e8e96;
    width: 100%;
    height: 3.4rem;
    background-color: #fff;
    border: 0;
    font-size: 1.6rem
}

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

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

.search__submit {
    border: 0;
    cursor: pointer;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23D8D8D8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.626 11.847L9.86 7.675a.188.188 0 00-.297.152v1.1a.75.75 0 00.309.607l3.408 2.465-3.408 2.466a.747.747 0 00-.31.607v1.099c0 .152.174.241.298.152l5.766-4.171a.189.189 0 000-.305z'/%3E%3Cpath d='M12 1.5C6.202 1.5 1.5 6.202 1.5 12S6.202 22.5 12 22.5 22.5 17.798 22.5 12 17.798 1.5 12 1.5zm0 19.219A8.72 8.72 0 013.281 12 8.72 8.72 0 0112 3.281 8.72 8.72 0 0120.719 12 8.72 8.72 0 0112 20.719z'/%3E%3C/svg%3E")
}

.vod_block {
    margin-bottom: 0
}

.vod_block .newsletter__card {
    background-color: #fed403
}

.vod_block .newsletter__card .header__card {
    display: flex;
    align-items: center;
    margin-bottom: 2.1rem
}

@media(min-width:1024px) {
    .vod_block .newsletter__card .header__card {
        margin-bottom: 2.4rem
    }
}

.vod_block .newsletter__card .header__card .icon_passionately {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.1rem
}

@media(min-width:1024px) {
    .vod_block .newsletter__card .header__card .icon_passionately {
        margin-right: 1.65rem
    }
}

.vod_block .newsletter__card .header__card .vod_slogan {
    display: inline-block;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: .01em;
    color: #121212
}

.vod_block .newsletter__card .header__card .vod_slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .vod_block .newsletter__card .header__card .vod_slogan {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .vod_block .newsletter__card .header__card .vod_slogan {
        font-size: 4rem;
        line-height: 4rem
    }
}

.vod_block .btn-newsletter {
    background-color: #121212;
    color: #fed403
}

.vod_block .btn-newsletter {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .vod_block .btn-newsletter {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.vod_block .btn-newsletter:hover {
    background-color: #121212
}

.auto-promo {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 3.2rem 0
}

@media(min-width:1024px) {
    .auto-promo {
        margin: 0 0 4rem 0
    }
}

.auto-promo .desktop_img {
    display: none
}

@media(min-width:576px) {
    .auto-promo .desktop_img {
        display: block
    }
}

.auto-promo .mobile_img {
    display: block
}

@media(min-width:576px) {
    .auto-promo .mobile_img {
        display: none
    }
}

.auto-promo a {
    width: 100%;
    height: auto
}

.auto-promo a img {
    width: 100%;
    height: auto
}

.see-more-block {
    clear: both
}

.see-more-block--item-title {
    font-size: 3.6rem;
    line-height: 3.6rem;
    margin-bottom: .5em;
    font-weight: 500;
    color: #121212
}

.see-more-block--item-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .see-more-block--item-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .see-more-block--item-title {
        font-size: 4.8rem;
        line-height: 3.6rem
    }
}

.see-more-block--item-title:last-child {
    margin-bottom: 0
}

.see-more-block h2 {
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: .01em;
    color: #121212;
    margin-bottom: 3.2rem
}

.see-more-block h2 {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .see-more-block h2 {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .see-more-block h2 {
        font-size: 6rem;
        line-height: 6rem
    }
}

.see-more-block ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:600px) {
    .see-more-block ul {
        flex-direction: row
    }
}

.see-more-block ul li {
    min-height: 9rem;
    width: auto;
    font-size: 1.5rem;
    line-height: 2rem;
    display: flex;
    margin: 0 0 2rem 0;
    padding: 2.4rem;
    border-radius: .4rem;
    background-color: #f4f4f4;
    flex-direction: column;
    justify-content: center
}

@media(min-width:600px) {
    .see-more-block ul li {
        width: 48%;
        font-size: 1.8rem
    }
}

.see-more-block ul li p {
    font-size: 1.6rem
}

.see-more-block ul li p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .see-more-block ul li p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.article-carousel {
    height: auto;
    position: relative;
    z-index: 1;
    display: block
}

@media(min-width:600px) {
    .article-carousel {
        width: 100%
    }
}

.article-carousel a {
    float: left;
    width: 100%
}

.article-carousel a figure {
    margin: 0 0 1rem 0;
    height: auto
}

.article-carousel a figure img {
    background: #000;
    width: 100%;
    display: block
}

.article-carousel__content {
    color: #121212;
    float: left;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    line-height: .4;
    max-width: 400px
}

.article-carousel__content ul {
    letter-spacing: .5px;
    font-size: 1.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .8rem
}

.article-carousel__content ul li {
    margin-right: 5px;
    color: #a0a0a0
}

.article-carousel__content ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-carousel__content ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.article-carousel__content ul li img {
    max-width: 4rem
}

.article-carousel__title {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #131313;
    margin-top: .8rem
}

.article-carousel__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-carousel__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.article-carousel__duration {
    border-color: #121212;
    border-radius: 3px;
    letter-spacing: normal;
    padding: 2px 4px;
    border: 1px solid #121212
}

.article-carousel .label__subscriber {
    width: 18rem
}

.article-carousel__logo {
    max-width: 3rem
}

.article-carousel__evaluation {
    display: flex;
    flex-direction: row;
    align-items: center
}

.article-carousel__evaluation-simple--list {
    margin: 0 0 .5rem 0
}

.article-carousel__evaluation .score--list {
    margin-bottom: 0
}

.article-carousel__note {
    width: auto;
    font-size: 2rem;
    color: #e2001a;
    margin-right: .5rem
}

.article-carousel__note {
    font-family: "Telerama Icons"
}

html.fonts-loaded .article-carousel__note {
    font-family: "Telerama Icons"
}

.article-carousel__score {
    display: flex;
    flex-direction: row;
    align-items: center
}

.article-carousel__icon {
    width: auto;
    font-size: 2rem;
    color: #01b0b9;
    margin-right: .2rem
}

.article-carousel__icon {
    font-family: "Telerama Icons"
}

html.fonts-loaded .article-carousel__icon {
    font-family: "Telerama Icons"
}

.article-carousel__eval {
    font-weight: 700;
    margin-top: .1rem;
    color: #01b0b9;
    font-size: 1.8rem
}

.article-carousel__eval {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-carousel__eval {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

.article-carousel .label__subscriber {
    height: auto
}

.article-details {
    margin-bottom: 1.5rem;
    height: auto;
    position: relative;
    width: auto;
    width: 31.5rem
}

@media(min-width:600px) {
    .article-details {
        width: 38.5rem;
        margin-bottom: 3rem;
        margin-right: 1.5rem
    }
}

.article-details--listes {
    display: flex;
    flex-direction: column
}

@media(min-width:600px) {
    .article-details--listes {
        width: 80.5rem;
        margin: auto;
        flex-flow: row wrap
    }
}

.article-details a {
    float: left;
    width: 100%
}

.article-details a figure {
    height: auto
}

.article-details ul li img {
    max-width: 3rem
}

.cine-search {
    position: relative
}

.cine-search-input {
    background-color: #f3f3f4;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23737278'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    grid-gap: .8rem;
    gap: .8rem;
    width: 100%;
    padding: 1.4rem 1.6rem 1.4rem 5rem;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    outline: 0;
    border: none;
    border-radius: 5rem;
    color: #16141e;
    background-position: 1.6rem center;
    background-size: 2.4rem;
    background-repeat: no-repeat
}

[data-color-mode=dark] .cine-search-input {
    background-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .cine-search-input {
    background-color: #f3f3f4
}

[data-color-mode=dark] .cine-search-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .cine-search-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23737278'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.cine-search-input::-webkit-input-placeholder {
    color: #737278
}

.cine-search-input::-moz-placeholder {
    color: #737278
}

.cine-search-input:-ms-input-placeholder {
    color: #737278
}

.cine-search-input::-ms-input-placeholder {
    color: #737278
}

.cine-search-input::placeholder {
    color: #737278
}

[data-color-mode=dark] .cine-search-input::-webkit-input-placeholder {
    color: #16141e
}

[data-color-mode=dark] .cine-search-input::-moz-placeholder {
    color: #16141e
}

[data-color-mode=dark] .cine-search-input:-ms-input-placeholder {
    color: #16141e
}

[data-color-mode=dark] .cine-search-input::-ms-input-placeholder {
    color: #16141e
}

[data-color-mode=dark] .cine-search-input::placeholder {
    color: #16141e
}

[data-color-mode=light] .cine-search-input::-webkit-input-placeholder {
    color: #737278
}

[data-color-mode=light] .cine-search-input::-moz-placeholder {
    color: #737278
}

[data-color-mode=light] .cine-search-input:-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .cine-search-input::-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .cine-search-input::placeholder {
    color: #737278
}

.cine-search-results {
    background-color: #fff;
    display: none;
    position: absolute;
    top: calc(100% + 2.4rem);
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    padding: 0 2.4rem;
    list-style: none;
    border-radius: 0 0 2.4rem 2.4rem;
    border: 1px solid #dad9db
}

[data-color-mode=dark] .cine-search-results {
    background-color: #1c1a26
}

[data-color-mode=light] .cine-search-results {
    background-color: #fff
}

.cine-search-results-list {
    max-height: 35rem;
    overflow-y: auto
}

.cine-search-results-list li {
    color: #16141e;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    padding: 2.4rem 0;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    cursor: pointer;
    border-top: 1px solid #dad9db
}

.cine-search-results-list li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cine-search-results-list li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .cine-search-results-list li {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .cine-search-results-list li {
    color: #16141e
}

.cine-search-results-list li:first-child {
    border: none
}

.cine-search-results-list li:hover {
    color: #737278
}

.cine-search-tag__list {
    border-color: #dad9db;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 1.8rem;
    row-gap: 1.8rem;
    grid-column-gap: 1.2rem;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    padding: 2.4rem 0;
    margin-bottom: 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .cine-search-tag__list {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .cine-search-tag__list {
    border-color: #dad9db
}

.cine-search-tag__list .tag__item {
    margin: 0
}

.cine-search-tag__list .tag__item a {
    font-size: 1.6rem;
    text-decoration: none;
    color: #16141e;
    color: #16141e
}

[data-color-mode=dark] .cine-search-tag__list .tag__item a {
    color: #fff
}

[data-color-mode=light] .cine-search-tag__list .tag__item a {
    color: #16141e
}

.cine-search-tag__list .tag__item a .tag__item-number {
    margin-left: .5rem;
    color: #737278;
    color: #737278
}

[data-color-mode=dark] .cine-search-tag__list .tag__item a .tag__item-number {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .cine-search-tag__list .tag__item a .tag__item-number {
    color: #737278
}

.cine-search-tag__list .tag__item:hover a {
    color: #fff
}

[data-color-mode=dark] .cine-search-tag__list .tag__item:hover a {
    color: #16141e
}

[data-color-mode=light] .cine-search-tag__list .tag__item:hover a {
    color: #fff
}

.cine-search-tag__list .tag__item:hover .tag__item-number {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .cine-search-tag__list .tag__item:hover .tag__item-number {
    color: #737278
}

[data-color-mode=light] .cine-search-tag__list .tag__item:hover .tag__item-number {
    color: rgba(255, 255, 255, .6)
}

footer {
    width: 100%;
    background-color: #f4f4f4
}

@media(max-width:600px) {
    footer {
        display: block
    }
}

footer .wrapper {
    margin: 0 auto;
    max-width: 100rem;
    width: 100%;
    padding: 2.4rem 3.1rem
}

@media(min-width:1024px) {
    footer .wrapper {
        padding: 4rem 1rem 0 1rem
    }
}

footer .wrapper .footer-logo {
    width: 100%;
    padding-bottom: 2.4rem;
    display: flex;
    justify-content: center;
    border-bottom: .1rem solid #d8d8d8
}

footer .wrapper .footer-logo span {
    width: 6.3rem;
    height: 2.4rem;
    background: url(/dist/assets/img/logos/Telerama-logo-black-full.svg) no-repeat;
    background-size: 6.3rem 2.4rem
}

@media(min-width:1024px) {
    footer .wrapper .footer-logo span {
        width: 9.8rem;
        height: 3.7rem;
        background-size: 9.8rem 3.7rem
    }
}

footer .wrapper .social-network {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: .1rem solid #d8d8d8;
    padding: 1.8rem 0
}

footer .wrapper .social-network a {
    width: 2rem;
    height: 2rem;
    margin: 0 1.5rem
}

@media(min-width:1024px) {
    footer .wrapper .social-network a {
        margin: 0 1rem
    }
}

footer .wrapper .social-network .fb-icon {
    background: url(/dist/assets/img/icons/facebook.svg) center no-repeat
}

footer .wrapper .social-network .twit-icon {
    background: url(/dist/assets/img/icons/footer-twitter.svg) center no-repeat
}

footer .wrapper .social-network .inst-icon {
    background: url(/dist/assets/img/icons/inst-footer.svg) center no-repeat
}

footer .wrapper .social-network .youtube-icon {
    background: url(/dist/assets/img/icons/youtube.svg) center no-repeat
}

footer .wrapper .social-network .rss-icon {
    background: url(/dist/assets/img/icons/footer-rss.svg) center no-repeat;
    width: 2.4rem;
    height: 2.4rem
}

footer .wrapper .nav-footer {
    padding-top: 4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media(min-width:1024px) {
    footer .wrapper .nav-footer {
        flex-wrap: initial
    }
}

footer .wrapper .nav-footer .list-nav {
    width: 46%
}

@media(min-width:1024px) {
    footer .wrapper .nav-footer .list-nav {
        width: 22.4rem
    }
}

footer .wrapper .nav-footer .list-nav.mobile-position {
    margin-top: -12rem
}

@media(min-width:1024px) {
    footer .wrapper .nav-footer .list-nav.mobile-position {
        margin-top: 0
    }
}

footer .wrapper .nav-footer .list-nav ul li {
    font-size: 1.6rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    color: #121212;
    border-bottom: 1px solid #121212;
    padding-bottom: .8rem;
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center
}

footer .wrapper .nav-footer .list-nav ul li:last-child {
    margin-bottom: 1.6rem
}

footer .wrapper .nav-footer .list-nav ul li a {
    line-height: 1.9rem
}

footer .wrapper .nav-footer .list-nav ul li a {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper .nav-footer .list-nav ul li a {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

footer .wrapper .nav-footer .list-nav ul ul li {
    margin-bottom: 1.6rem;
    padding: 0;
    border-bottom: 0;
    font-weight: 400;
    text-transform: none;
    text-transform: initial
}

footer .wrapper .nav-footer .list-nav ul ul li:last-child {
    margin-bottom: 2.4rem
}

footer .wrapper .nav-footer .list-nav ul ul li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper .nav-footer .list-nav ul ul li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

footer .wrapper .nav-footer .list-nav ul .link-programms {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #121212;
    border: .1rem solid #d8d8d8;
    padding: .4rem .9rem;
    margin-bottom: 2.4rem;
    display: block;
    max-width: 15rem
}

footer .wrapper .nav-footer .list-nav ul .link-programms {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper .nav-footer .list-nav ul .link-programms {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    footer .wrapper .nav-footer .list-nav ul .link-programms {
        font-size: 1.6rem;
        line-height: 1.9rem;
        padding: .7rem 1.7rem .6rem;
        margin-bottom: 0;
        max-width: 18rem
    }
}

footer .wrapper .footer-cta {
    display: flex;
    flex-direction: column;
    border-bottom: .1rem solid #d8d8d8
}

@media(min-width:1024px) {
    footer .wrapper .footer-cta {
        flex-direction: row;
        border-bottom: none;
        margin: 4rem 0 1.6rem 0
    }
}

footer .wrapper .footer-cta .footer-encart {
    border-bottom: .1rem solid #d8d8d8;
    padding: 2.4rem 0 4rem 0
}

footer .wrapper .footer-cta .footer-encart ul {
    float: left;
    width: 50%
}

footer .wrapper .footer-cta .footer-encart ul li {
    margin-bottom: 1.6rem
}

footer .wrapper .footer-cta .footer-encart ul li a {
    text-decoration: underline
}

footer .wrapper .footer-cta .footer-encart ul li a:hover {
    text-decoration: none
}

@media(min-width:1024px) {
    footer .wrapper .footer-cta .footer-encart {
        width: 50%;
        border-bottom: none;
        padding: 0 0 2.1rem 0
    }

    footer .wrapper .footer-cta .footer-encart:last-child {
        border-left: .1rem solid #d8d8d8;
        padding-left: 2rem
    }
}

footer .wrapper .title-encart {
    font-size: 2.2rem;
    color: #000;
    margin-bottom: 1.6rem;
    line-height: 2.6rem;
    display: block
}

footer .wrapper .title-encart {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper .title-encart {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

footer .wrapper .department-block {
    padding: 2.4rem 0 2.1rem 0;
    border-top: .1rem solid #d8d8d8
}

@media(min-width:1024px) {
    footer .wrapper .department-block {
        padding: 1.6rem 0 4.2rem 0
    }
}

footer .wrapper .department-block ul {
    display: flex;
    flex-direction: column
}

@media(min-width:1024px) {
    footer .wrapper .department-block ul {
        justify-content: space-between;
        flex-direction: row
    }
}

footer .wrapper .department-block ul li {
    margin-bottom: 2.1rem
}

@media(min-width:1024px) {
    footer .wrapper .department-block ul li {
        margin-bottom: 0
    }
}

footer .wrapper .department-block ul li a {
    padding-left: 2.8rem;
    background: url(/dist/assets/img/icons/icon-monde.svg) left center no-repeat
}

footer .wrapper .department-block ul li+li a {
    background: url(/dist/assets/img/icons/icon-courrier.svg) left center no-repeat
}

footer .wrapper .department-block ul li+li+li a {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 66 65' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse xlink:href='%23a' x='.5' y='.5'/%3E%3Csymbol id='a' overflow='visible'%3E%3Cpath d='M23.314 64H0V0h34.768zM64 0H40.6L29.4 64H64z' stroke='none' fill-rule='nonzero'/%3E%3C/symbol%3E%3C/svg%3E") left center no-repeat
}

footer .wrapper .department-block ul li+li+li+li a {
    background: url(/dist/assets/img/icons/icon-diplomate.svg) left center no-repeat;
    padding-left: 3.2rem
}

footer .wrapper .department-block ul li+li+li+li+li a {
    background: url(/dist/assets/img/icons/icon-vie.svg) left center no-repeat
}

footer .wrapper p,
footer .wrapper ul li {
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #121212;
    line-height: 2.1rem
}

footer .wrapper p,
footer .wrapper ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper p,
html.fonts-loaded footer .wrapper ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

footer .wrapper .label-subscriber {
    display: inline-block;
    margin-top: .4rem;
    font-size: 1.4rem;
    color: #121212;
    background-color: #fed403;
    padding: .4rem .6rem .2rem
}

footer .wrapper .label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .wrapper .label-subscriber {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    footer .wrapper .label-subscriber {
        display: inline;
        margin-left: .8rem;
        margin-top: 0
    }
}

footer .bottom-footer {
    width: 100%;
    padding: 3.2rem 3.1rem 3.2rem;
    background-color: #121212
}

@media(min-width:1024px) {
    footer .bottom-footer {
        padding: 2.3rem 0 2rem
    }
}

footer .bottom-footer section {
    margin: 0 auto;
    max-width: 40rem
}

@media(min-width:600px) {
    footer .bottom-footer section {
        padding: 0;
        max-width: none;
        max-width: initial
    }
}

footer .bottom-footer section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

footer .bottom-footer section ul li {
    font-size: 1.4rem;
    line-height: 1.7rem;
    letter-spacing: .01em;
    color: #f4f4f4;
    width: 50%;
    margin-bottom: 1.6rem
}

footer .bottom-footer section ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded footer .bottom-footer section ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

footer .bottom-footer section ul li:first-child {
    flex: 0 0 100%
}

@media(min-width:600px) {
    footer .bottom-footer section ul li:first-child {
        flex: initial
    }
}

@media(min-width:600px) {
    footer .bottom-footer section ul li {
        margin-right: 2rem;
        margin-bottom: .5rem;
        width: auto;
        width: initial
    }

    footer .bottom-footer section ul li:first-child {
        width: auto;
        width: initial
    }

    footer .bottom-footer section ul li:last-child {
        margin-right: 0
    }
}

.no-mobile {
    display: none
}

@media(min-width:480px) {
    .no-mobile {
        display: inline
    }
}

.Nav__item a {
    transition: all .2s cubic-bezier(.215, .61, .355, 1)
}

.Burger__right-arrow:after,
.Nav__container--default a:after {
    content: "+";
    position: absolute;
    width: 1rem;
    height: 1.6rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.9rem;
    line-height: 1.9rem;
    font-weight: 700
}

.Burger__right-arrow:after,
.Nav__container--default a:after {
    font-family: "Telerama Icons"
}

.Nav__container--default html.fonts-loaded a:after,
html.fonts-loaded .Burger__right-arrow:after,
html.fonts-loaded .Nav__container--default a:after {
    font-family: "Telerama Icons"
}

#Burger .Burger__nav-label-menu {
    font-size: 1.6rem
}

#Burger .Burger__nav-label-menu {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Burger .Burger__nav-label-menu {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(max-width:1024px) {
    #Burger .Burger__nav-label-menu {
        display: none !important
    }
}

#Burger .Burger__nav-label-close {
    font-size: 1.6rem
}

#Burger .Burger__nav-label-close {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Burger .Burger__nav-label-close {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(max-width:1023px) {
    #Burger .Burger__nav-label-close {
        display: none !important
    }
}

.Burger {
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 7.6rem;
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding-left: 0;
    overflow: visible
}

@media(min-width:1024px) {
    .Burger {
        padding: 0;
        justify-content: flex-start
    }
}

.Burger__icon {
    display: flex;
    flex-shrink: 0;
    height: 2.8rem;
    width: auto;
    align-self: center;
    align-items: center;
    padding-left: 3rem;
    font-size: 3.4rem;
    line-height: 3.4rem;
    position: relative
}

.Burger__icon {
    font-family: "Telerama Icons"
}

html.fonts-loaded .Burger__icon {
    font-family: "Telerama Icons"
}

.Burger__icon::before {
    content: "%";
    position: absolute;
    top: -.2rem;
    left: 0;
    width: 2rem;
    display: flex;
    align-items: flex-end
}

.Burger__icon .Burger__nav-label-close {
    display: none
}

.Burger__right-arrow:after {
    display: none
}

.Burger.js-is-open .Burger__icon {
    width: auto
}

.Burger.js-is-open .Burger__icon::before {
    content: "'";
    position: absolute;
    top: -.2rem;
    left: 0;
    width: auto;
    font-size: 3rem
}

.Burger.js-is-open .Burger__icon .Burger__nav-label-menu {
    display: none
}

.Burger.js-is-open .Burger__icon .Burger__nav-label-close {
    display: block
}

.Burger__display {
    overflow: hidden;
    height: 100vh
}

.Burger__display .page__heading--sticky {
    z-index: 5
}

#Header {
    align-items: center;
    background-color: #fcfcfd;
    position: fixed;
    z-index: 12;
    width: 100%;
    max-width: 100vw;
    transition: top .2s cubic-bezier(.215, .61, .355, 1), opacity .4s ease, visibility .2s ease-in-out;
    top: 0
}

@media print {
    #Header {
        display: none
    }
}

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

#Header .wrapper {
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 100rem;
    width: 100%;
    padding: 0
}

#Header .AdsBanner {
    align-items: center;
    background-color: #f5f6f8;
    display: flex;
    justify-content: center;
    padding: 1.6rem 0;
    width: 100%
}

@media(min-width:1200px) {
    #Header.sticky {
        top: -13rem;
        height: 5.8rem
    }

    #Header.sticky .Header {
        display: none
    }

    #Header.sticky .left {
        display: none;
        width: 0
    }

    #Header.sticky .center {
        position: fixed;
        top: 0;
        width: 9.4rem;
        height: 4rem;
        left: calc(50% - 62rem)
    }
}

@media screen and (min-width:1200px)and (-ms-high-contrast:active),
screen and (min-width:1200px)and (-ms-high-contrast:none) {
    #Header.sticky .center {
        top: 1rem
    }
}

@media(min-width:1200px) {
    #Header.sticky .center .logo__telerama {
        background: url(/dist/assets/img/logos/Telerama-logo-black-full.svg) no-repeat;
        width: 7.9rem;
        height: 2.9rem;
        background-size: contain
    }

    #Header.sticky .Header__actions {
        margin-top: 0
    }

    #Header.sticky .Header__actions .Connexion--open {
        top: 3.6rem;
        right: 1.8rem
    }

    #Header.sticky .Header__logo {
        position: absolute;
        left: .8rem;
        align-self: center
    }
}

@media(min-width:1200px)and (min-width:1024px) {
    #Header.sticky .Header__logo a {
        width: 9rem;
        height: 3rem;
        margin-top: .8rem
    }
}

@media(min-width:1200px) {
    #Header.sticky .right {
        position: fixed;
        top: -1rem;
        height: 5.3rem;
        width: 13.2rem;
        right: calc(50% - 74rem)
    }
}

@media screen and (min-width:1200px)and (-ms-high-contrast:active),
screen and (min-width:1200px)and (-ms-high-contrast:none) {
    #Header.sticky .right {
        top: 1rem
    }
}

@media(min-width:1200px) {
    #Header.sticky .right .Header__actions {
        position: absolute;
        left: -21rem
    }
}

@media(min-width:1200px)and (min-width:1025px) {
    #Header.sticky .right .Header__actions {
        left: -20rem
    }
}

@media(min-width:1200px)and (min-width:1200px) {
    #Header.sticky .right .Header__actions {
        left: -14rem
    }
}

@media(min-width:1200px) {
    #Header.sticky .right .Header__actions.Header__actions--on {
        left: -20rem
    }
}

@media(min-width:1200px)and (min-width:1200px) {
    #Header.sticky .right .Header__actions.Header__actions--on {
        left: -14rem
    }
}

@media(min-width:1200px) {
    #Header.sticky .right .Header__actions>a:first-child:after {
        margin: 0 .8rem
    }

    #Header.sticky .right .login-info {
        display: none
    }

    #Header.sticky .right .User__name--abonne .login-info {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 9.8rem
    }
}

#Header .center,
#Header .left,
#Header .right {
    display: flex;
    height: 100%;
    position: relative
}

#Header .left {
    justify-content: flex-start;
    width: 5.6rem
}

@media(min-width:1024px) {
    #Header .left {
        width: 100%
    }
}

@media(min-width:1024px) {
    #Header .left {
        padding-left: 1.6rem
    }
}

@media(min-width:1200px) {
    #Header .left {
        padding-left: 0
    }
}

#Header .center {
    flex-direction: column;
    align-self: center;
    justify-content: center
}

@media(min-width:1024px) {
    #Header .center {
        flex-direction: row;
        width: 100%
    }
}

#Header .right {
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 1.6rem
}

@media(min-width:1200px) {
    #Header .right {
        padding-right: 0
    }
}

@media(max-width:360px) {
    #Header .right {
        padding-right: 0
    }
}

@media(min-width:1024px) {
    #Header .right {
        flex-direction: row;
        width: 100%
    }
}

#Header .right .Header__actions {
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:1024px) {
    #Header .right .Header__actions {
        top: 40%
    }
}

#Header .right .Header__actions .icon__nav-connexion {
    height: 1.8rem;
    width: 2.5rem;
    color: #121212
}

#Header .right .btn--premium {
    font-size: 1.6rem;
    display: flex;
    align-self: center;
    padding: .7rem 1.1rem .6rem 1.2rem;
    margin-left: 1.5rem
}

#Header .right .btn--premium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .right .btn--premium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #Header .right .btn--premium {
        margin-left: 1.83rem
    }
}

#Header .Header {
    border-bottom: .1rem solid #eff0f3;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative
}

#Header .Header--burger {
    border-bottom: 0;
    background-color: #fcfcfd;
    border-bottom: .1rem solid #eff0f3
}

@media(min-width:1024px) {
    #Header .Header {
        height: 13rem;
        transition: height .4s ease-in-out
    }
}

#Header .Header .wrapper {
    height: 6rem;
    padding: 1.2rem
}

@media(min-width:1024px) {
    #Header .Header .wrapper {
        height: 100%;
        padding: 0
    }
}

#Header .Header__logo {
    align-self: center;
    margin-bottom: 0;
    padding-left: 0
}

#Header .Header__logo a {
    align-items: center;
    display: flex
}

@media(min-width:600px) {
    #Header .Header__logo a .logo__telerama {
        background: url(/dist/assets/img/logos/Telerama-logo-black-full.svg) no-repeat;
        align-self: center;
        width: 13.4rem;
        height: 4.8rem;
        padding-left: 0
    }
}

@media(max-width:1024px) {
    #Header .Header__logo a .logo__telerama {
        background: url(/dist/assets/img/logos/Telerama-logo-black-full.svg) no-repeat;
        width: 7.9rem;
        height: 2.9rem;
        background-size: contain
    }
}

#Header .Header__logo a .logo__telerama--lbc {
    width: 9.1rem;
    height: 2rem;
    display: inline-flex
}

#Header .Header__logo a .logo__telerama--survey {
    background: url(/dist/assets/img/logos/Telerama-logo-white-short-2x.png) no-repeat;
    width: 2.2rem;
    height: 1.8rem
}

@media(min-width:1024px) {
    #Header .Header__logo a .logo__telerama--survey {
        width: 9.8rem;
        height: 3rem;
        background: url(/dist/assets/img/logos/Telerama-logo-white-short-1x.png) no-repeat
    }
}

#Header .Header__actions {
    align-self: center;
    font-size: 1.6rem;
    justify-content: center;
    font-weight: 500;
    display: flex
}

#Header .Header__actions {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .Header__actions {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#Header .Header__actions .login-info {
    display: none;
    padding-left: .9rem
}

@media(min-width:1024px) {
    #Header .Header__actions .login-info {
        display: block;
        max-width: 20rem;
        height: 1.9rem;
        text-align: right;
        font-size: 1.6rem;
        line-height: 2.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #Header .Header__actions .login-info {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded #Header .Header__actions .login-info {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }
}

#Header .Header__actions .login-info:hover {
    text-decoration: underline
}

#Header .Header__actions>a {
    text-decoration: none
}

#Header .Header__actions>a:first-child {
    align-self: center;
    display: flex;
    padding: .8rem 0;
    margin-right: 1.2rem
}

@media(min-width:600px) {
    #Header .Header__actions>a:first-child {
        margin-right: 1.6rem
    }
}

#Header .Header__actions>a:first-child span {
    align-self: center
}

#Header .Header__actions>a:hover {
    text-decoration: underline
}

@media(min-width:1024px) {
    #Header .Header__actions--off {
        margin-top: 3.2rem
    }
}

#Header .Header__actions--off a {
    padding: .8rem
}

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

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

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

#Header .User {
    position: relative;
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1.3rem;
    font-weight: 500
}

#Header .User {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .User {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #Header .User__arrow {
        position: relative;
        background-repeat: no-repeat;
        align-self: center;
        height: .6rem;
        width: 1.2rem;
        margin-left: .4rem;
        background-image: url(/dist/assets/img/icons/fleche.svg)
    }

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

#Header .User__avatar {
    margin-right: .4rem;
    margin-left: 1.2rem;
    width: 1.7rem;
    height: 1.8rem
}

@media(min-width:1024px) {
    #Header .User__avatar {
        width: 1.13rem;
        height: 1.2rem
    }
}

@media(min-width:1024px) {
    #Header .User__avatar--subscriber {
        width: 2.7rem;
        height: 2.7rem;
        margin-left: 1.2rem
    }
}

@media(min-width:1024px) {
    #Header .User__avatar--canalsubscriber {
        width: 2.7rem;
        height: 2.7rem;
        margin-left: 1.2rem
    }
}

#Header .User__name {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.3rem
}

#Header .User__name.js-trigger-connexion .User__avatar {
    margin-right: 0
}

#Header .User__name.js-trigger-connexion .User__arrow {
    margin-left: 0
}

@media(min-width:1024px) {
    #Header .User__name.js-trigger-connexion .User__arrow {
        margin-left: .8rem
    }
}

#Header .User__name.js-trigger-connexion:after {
    margin: 0 .8rem 0 .4rem
}

@media(min-width:360px) {
    #Header .User__name.js-trigger-connexion:after {
        margin: 0 .8rem
    }
}

@media(min-width:600px) {
    #Header .User__name.js-trigger-connexion:after {
        margin: 0 1.6rem
    }
}

#Header .User>a {
    text-decoration: none;
    font-size: 1.4rem
}

#Header .User>a:hover {
    text-decoration: underline
}

#Header .Tabs {
    display: flex;
    height: 5.5rem
}

@media(min-width:1024px) {
    #Header .Tabs {
        display: none
    }
}

#Header .Tabs__tab {
    align-items: center;
    background-color: #fff;
    color: #e20001;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    position: relative;
    width: 100%
}

#Header .Tabs__tab {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .Tabs__tab {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

#Header .Tabs__tab:after {
    background-color: #d5d8dc;
    content: "";
    display: block;
    height: .3rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

#Header .Tabs__tab.js-is-active:after,
#Header .Tabs__tab:hover:after {
    color: #e20001;
    background-color: #f4f4f4;
    border: .4rem solid #e20001
}

#Header .Tabs__tab .icon__clock {
    margin-left: .8rem
}

#nav-markup {
    overflow-x: scroll;
    overflow-y: hidden;
    position: static;
    width: 100%
}

@media(min-width:1024px) {
    #nav-markup {
        overflow: hidden;
        margin: 0 auto;
        width: auto;
        width: initial
    }
}

@media(min-width:1024px)and (max-width:1200px) {
    #nav-markup {
        margin: 0
    }
}

@media(max-width:480px) {
    #nav-topmenu .Nav__item:last-child {
        padding-right: 3.5rem
    }
}

#nav-topmenu .Nav__item.recherche {
    position: relative;
    display: none
}

@media(min-width:1025px) {
    #nav-topmenu .Nav__item.recherche {
        display: block
    }
}

#nav-topmenu .Nav__item.programme {
    background-color: #f4f4f4
}

#nav-topmenu .Nav__item.cannes {
    max-width: 14.7rem
}

#nav-topmenu .Nav__item.ecrans .btn-menu_subitem {
    display: none
}

#nav-topmenu #nav-markup--burger {
    display: none
}

#nav-topmenu:after {
    content: " ";
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, #fff 78.95%);
    width: 3.5rem;
    position: absolute;
    right: 0;
    height: 5.3rem;
    z-index: 2
}

@media(min-width:600px) {
    #nav-topmenu {
        position: static
    }
}

@media(min-width:1024px) {
    #nav-topmenu.Nav--hidden {
        display: flex
    }
}

#nav-topmenu.nav-kiosque__hidden {
    display: none
}

#nav-topmenu .Nav__container .label__subscriber {
    top: -1rem;
    right: 1.6rem
}

#nav-topmenu .current-location a:not(.Nav__sub-title):not(.article--nav) {
    border-bottom: .4rem solid #e20001;
    color: #e20001
}

#nav-topmenu .nav-logo {
    height: 100%;
    align-items: center;
    display: none;
    margin-right: 2.7rem
}

#nav-topmenu .nav-logo__telerama {
    background: url(/dist/assets/img/logos/Telerama-logo-black-full.svg) no-repeat;
    width: 7.4rem;
    height: 2.9rem;
    background-size: contain
}

#nav-burger .menu_kiosque {
    width: 100%;
    height: 13.6rem;
    background-color: #faf3e9;
    padding: .84rem 0;
    margin-bottom: 1.5rem
}

@media(min-width:600px) {
    #nav-burger .menu_kiosque {
        display: none
    }
}

#nav-burger .menu_kiosque--wrapper {
    width: 22rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

#nav-burger .menu_kiosque--wrapper figure {
    margin: 0;
    width: 9.14rem;
    height: 11.92rem
}

#nav-burger .menu_kiosque--wrapper figure img {
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 8px -4px rgba(0, 0, 0, .16), 0 1px 4px -6px rgba(0, 0, 0, .1)
}

#nav-burger .menu_kiosque--wrapper .description-kiosque {
    width: 9.6rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

#nav-burger .menu_kiosque--wrapper .description-kiosque {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #nav-burger .menu_kiosque--wrapper .description-kiosque {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

#nav-burger .menu_kiosque--wrapper .description-kiosque p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #121212;
    font-weight: 700;
    margin-bottom: 1.6rem
}

#nav-burger .menu_kiosque--wrapper .description-kiosque .link_kiosque {
    padding: .7rem 1.25rem !important;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    background-color: #121212
}

#nav-burger #wrapper--burger {
    margin: 0 auto;
    width: 34.5rem;
    background-color: #fff
}

@media(min-width:600px) {
    #nav-burger #wrapper--burger {
        width: 74rem
    }
}

@media(min-width:1024px) {
    #nav-burger #wrapper--burger {
        width: 100rem
    }
}

#nav-burger #wrapper--burger.js-burger-is-open {
    position: inherit
}

#nav-burger #wrapper--burger .burgerwrapper_item {
    padding: 1.6rem;
    overflow-x: hidden;
    display: flex;
    flex-flow: row wrap;
    float: left;
    width: 25%
}

@media(min-width:1024px) {
    #nav-burger #wrapper--burger .burgerwrapper_item {
        padding-top: 4rem
    }
}

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

@media print {
    .Nav {
        display: none
    }
}

@media(min-width:1024px) {
    .Nav {
        padding-top: 0;
        height: auto;
        border-bottom: .1rem solid #eff0f3;
        margin-bottom: 2.4rem
    }
}

@media(min-width:1024px) {
    .Nav.on-scroll {
        opacity: 0;
        position: fixed;
        z-index: -1
    }
}

@media(min-width:1024px) {
    .Nav.on-scroll .Nav__item--active:nth-child(2):before {
        width: 4rem
    }

    .Nav.on-scroll .Nav__item:nth-child(n+3):not(:last-child) {
        padding: 0
    }

    .Nav.on-scroll .Nav__item:nth-child(n+3):not(:last-child)>a {
        letter-spacing: .05rem;
        padding: 2rem 2.2rem 1.2rem
    }
}

.Nav--square:after {
    content: " ";
    position: absolute;
    height: 4.8rem;
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .65), #fff);
    width: 3.5rem;
    -webkit-filter: blur(.2rem);
    filter: blur(.2rem);
    right: 0;
    top: 6rem
}

@media(min-width:1024px) {
    .Nav--square:after {
        display: none
    }
}

.Nav.hide-blur.Nav--square:after {
    visibility: hidden
}

.Nav--page:after {
    display: none
}

@media(min-width:1024px) {
    .Nav--sticky.on-scroll {
        opacity: 1;
        z-index: 12;
        height: 5.4rem
    }
}

@media(min-width:1024px) {
    .Nav--sticky .Nav__sub-item {
        top: 5.4rem
    }
}

@media(min-width:600px) {
    .Nav--sticky {
        top: 0;
        transition: opacity .5s cubic-bezier(.215, .61, .355, 1)
    }

    .Nav--sticky>li:nth-child(2) {
        padding-left: .4rem
    }
}

@media(min-width:1025px) {
    .Nav--sticky>li:nth-child(2) {
        padding-left: .8rem
    }
}

@media(min-width:1024px) {

    .Nav--sticky .nav-logo,
    .Nav--sticky .right_connexion {
        display: flex !important
    }
}

.Nav--sticky .wrapper.Nav--hidden {
    max-width: 128.4rem
}

.Nav--sticky #nav-topmenu #nav-search {
    margin-right: 6.5rem
}

.Nav--sticky #nav-topmenu .right_connexion_sticky {
    height: 100%;
    align-items: center;
    display: none
}

.Nav--sticky #nav-topmenu .right_connexion_sticky.cnx_sticky {
    display: none
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky {
        display: flex
    }
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions {
    display: flex;
    align-items: center
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .btn {
    font-size: 1.6rem;
    line-height: 1.9rem;
    letter-spacing: .01em;
    color: #121212;
    padding: .7rem 1.1rem .6rem 1.2rem
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .btn {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .btn {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .btn--premium-rounded {
    top: 0
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .js-header-login {
    display: inline-block;
    margin-right: 1.6rem;
    width: 2.4rem;
    height: 1.8rem
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User {
    position: relative;
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1.3rem;
    font-weight: 500
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__arrow {
        position: relative;
        background-repeat: no-repeat;
        align-self: center;
        height: .6rem;
        width: 1.2rem;
        margin-left: .4rem;
        background-image: url(/dist/assets/img/icons/fleche.svg)
    }

    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__arrow--up {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar {
    margin-right: .4rem;
    margin-left: 1.2rem;
    width: 1.7rem;
    height: 1.8rem
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar {
        width: 1.13rem;
        height: 1.2rem
    }
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--subscriber {
        width: 2.7rem;
        height: 2.7rem;
        margin-left: 1.2rem
    }
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar--canalsubscriber {
        width: 2.7rem;
        height: 2.7rem;
        margin-left: 1.2rem
    }
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.3rem;
    margin-right: 2.4rem
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion .User__avatar {
    margin-right: 0
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion .User__arrow {
    margin-left: 0
}

@media(min-width:1024px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion .User__arrow {
        margin-left: .8rem
    }
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion:after {
    margin: 0 .8rem 0 .4rem
}

@media(min-width:360px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion:after {
        margin: 0 .8rem
    }
}

@media(min-width:600px) {
    .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__name.js-trigger-connexion:after {
        margin: 0 1.6rem
    }
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User .js-connexion-open .User__arrow {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User>a {
    text-decoration: none;
    font-size: 1.4rem
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User>a:hover {
    text-decoration: underline
}

.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User>a.btn-premium--rounded {
    text-decoration: none
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance:none) {
        @media(min-width:1024px) {
            .Nav--sticky .Nav__item--home {
                position: relative;
                height: 5.9rem
            }
        }
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance:none) {
        @media(min-width:1024px) {
            .Nav--sticky .Nav__item--active:nth-child(2):before {
                top: auto;
                bottom: .6rem
            }
        }
    }
}

.Nav .wrapper {
    display: flex;
    height: 101%;
    margin: 0 auto;
    max-width: 103.6rem;
    width: 100%;
    padding: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.Nav .wrapper>ul {
    white-space: nowrap;
    display: flex
}

@media(min-width:576px) {
    .Nav .wrapper {
        overflow-x: hidden
    }

    .Nav .wrapper>ul {
        white-space: normal
    }
}

@media(min-width:1024px) {
    .Nav .wrapper {
        overflow-x: hidden;
        padding: 0 1.6rem
    }
}

@media(min-width:1200px) {
    .Nav .wrapper {
        padding: 0 1rem
    }
}

.Nav ul {
    list-style: none
}

.Nav__item {
    align-items: flex-end;
    display: flex;
    height: 100%;
    flex-shrink: 0;
    text-decoration: none
}

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

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

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

.Nav__item>a {
    font-size: 1.4rem;
    line-height: 1.7rem;
    min-width: 5rem;
    transition: hover .2s cubic-bezier(.215, .61, .355, 1);
    text-transform: uppercase;
    letter-spacing: .06rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.Nav__item>a:hover {
    color: #e20001;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: .4rem solid #e20001
}

.Nav__item>a:not(:last-child) {
    padding: 2.2rem 1.6rem 1.6rem
}

@media(min-width:1024px) {
    .Nav__item>a:not(:last-child) {
        padding: 2rem 2rem 1.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

.Nav__item a {
    text-decoration: none;
    display: inherit;
    color: #2a303b;
    position: relative;
    border-bottom: .4rem solid transparent
}

.Nav__item.recherche {
    align-items: flex-start;
    display: flex;
    padding: 0;
    margin-right: 0
}

@media(min-width:1024px) {
    .Nav__item--extended:before {
        display: none
    }
}

.Nav__item--active .Nav__container--left li:first-child a.Nav__sub-title {
    color: #e20001
}

.Nav__item--active:nth-child(2) {
    border-bottom: 0
}

.Nav__item--active:nth-child(n+3) {
    background-color: #f5f6f8
}

.Nav__item--active:nth-child(n+3)>a:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.Nav__item--active a.Nav__sub-title:hover {
    color: #e20001
}

@media(min-width:1024px) {
    .Nav__item--burger {
        display: none
    }
}

.Nav__item .js-dropdown-close {
    text-align: right
}

.Nav__sub-item {
    background-color: #f5f6f8;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 11.6rem;
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    padding: 3.6rem 2rem
}

@media(min-width:1024px) {
    .Nav__sub-item {
        top: 5.4rem;
        z-index: -1;
        padding: 4rem 2rem
    }
}

.Nav__sub-item a {
    z-index: -1;
    visibility: hidden
}

.Nav__sub-item .wrapper {
    overflow-y: scroll;
    height: calc(100vh - 15rem)
}

@media(min-width:600px) {
    .Nav__sub-item .wrapper {
        overflow-y: visible;
        height: auto
    }
}

@media(min-width:1024px) {
    .Nav__sub-item .wrapper {
        padding: 0
    }
}

.Nav__sub-item--services>.wrapper {
    flex-direction: column
}

@media(min-width:1024px) {
    .Nav__sub-item--services .Nav__container--burger {
        display: flex
    }
}

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

.Nav__sub-item--services .Nav__container--right span {
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width:600px) {
    .Nav__sub-item--services .Nav__container--right span {
        font-size: 2.2rem;
        font-weight: 500;
        text-transform: none
    }
}

.Nav__sub-item--services .Nav__container--left {
    margin-bottom: 3.2rem;
    flex-direction: column
}

@media(min-width:576px) {
    .Nav__sub-item--services .Nav__container--left {
        margin-bottom: 0
    }
}

@media(min-width:360px) {
    .Nav__sub-item--services .Nav__container--left ul {
        -webkit-columns: 14rem;
        -moz-columns: 14rem;
        columns: 14rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4.8rem;
        -webkit-column-gap: 4.8rem;
        -moz-column-gap: 4.8rem;
        column-gap: 4.8rem
    }
}

@media(min-width:1024px) {
    .Nav__sub-item--services .Nav__container--left ul {
        -webkit-columns: 17rem;
        -moz-columns: 17rem;
        columns: 17rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4rem;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        padding-right: 6.8rem
    }
}

.Nav__sub-item--services .Nav__container--left li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    border-top: .1rem solid #e2e4e9
}

.Nav__sub-item--services .Nav__container--left li a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__sub-item--services .Nav__container--left li a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:576px) {
    .Nav__sub-item--services .Nav__container--left li a {
        font-size: 1.3rem;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.54
    }
}

@media(min-width:1024px) {
    .Nav__sub-item--services .Nav__container--left li {
        max-width: 27.2rem
    }
}

.Nav__sub-item--services .Nav__container--left a {
    padding: .8rem 0;
    position: relative;
    white-space: normal
}

@media(min-width:600px) {
    .Nav__sub-item--services .Nav__container--left {
        border-right: .1rem solid #d5d8dc
    }
}

@media(min-width:576px) {
    .Nav__sub-item--services .Nav__container--burger {
        width: 50%
    }

    .Nav__sub-item--services>.wrapper {
        flex-direction: row
    }
}

.Nav__sub-item.js-topmenu-open {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: height .4s ease-in-out, opacity .2s ease-in-out, -webkit-transform .1s ease;
    transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out;
    transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out, -webkit-transform .1s ease
}

.Nav__sub-item.js-topmenu-open a {
    z-index: 0;
    visibility: visible;
    padding-top: 1rem
}

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

.Nav__container ul {
    display: block
}

.Nav__container .Nav__sub-title {
    font-size: 1.6rem
}

.Nav__container li {
    text-transform: none
}

.Nav__container li a {
    font-size: 1.3rem
}

.Nav__container .label__subscriber {
    position: absolute;
    top: -1rem;
    right: 1.6rem;
    z-index: 2
}

.Nav__container--burger {
    width: 100%;
    display: block
}

@media(min-width:1024px) {
    .Nav__container--burger {
        width: auto
    }
}

.Nav__container--left {
    width: 100%
}

@media(min-width:576px) {
    .Nav__container--left {
        width: 36rem;
        padding-right: 1.6rem
    }
}

@media(min-width:1024px) {
    .Nav__container--left {
        width: 43rem
    }
}

.Nav__container--right {
    display: none
}

@media(min-width:576px) {
    .Nav__container--right {
        display: block
    }

    .Nav__container--right .article__media-container {
        height: auto
    }
}

@media(min-width:1024px) {
    .Nav__container--right {
        width: auto
    }
}

.Nav__container--default+.Nav__container--right {
    max-width: calc(100% - 27.2rem);
    width: 100%
}

@media(min-width:1024px) {
    .Nav__container--default+.Nav__container--right {
        max-width: calc(100% - 23rem)
    }
}

@media(min-width:1024px) {
    .Nav__container--default {
        width: 23rem;
        padding-right: 0
    }
}

.Nav__container--default ul {
    -webkit-columns: 14rem;
    -moz-columns: 14rem;
    columns: 14rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 4.8rem;
    -webkit-column-gap: 4.8rem;
    -moz-column-gap: 4.8rem;
    column-gap: 4.8rem
}

@media(min-width:360px) {
    .Nav__container--default ul {
        -webkit-columns: 12rem;
        -moz-columns: 12rem;
        columns: 12rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4.8rem;
        -webkit-column-gap: 4.8rem;
        -moz-column-gap: 4.8rem;
        column-gap: 4.8rem
    }
}

@media(min-width:1024px) {
    .Nav__container--default ul {
        -webkit-columns: 27.2rem;
        -moz-columns: 27.2rem;
        columns: 27.2rem;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        grid-column-gap: normal;
        -webkit-column-gap: normal;
        -moz-column-gap: normal;
        column-gap: normal
    }
}

.Nav__container--default li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    border-top: .1rem solid #e2e4e9
}

.Nav__container--default li:first-child {
    border-top: 0
}

.Nav__container--default li:first-child a {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .07rem
}

.Nav__container--default li:last-child {
    border-bottom: .1rem solid #e2e4e9
}

@media(min-width:1024px) {
    .Nav__container--default li {
        max-width: 27.2rem
    }
}

.Nav__container--default a {
    padding: .8rem 0;
    position: relative;
    letter-spacing: .06rem
}

.Nav__search {
    align-items: center;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

.Nav__content--list a {
    padding: 1.2rem 0;
    position: relative
}

.Nav__content--list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 2rem;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-column-width: 10rem;
    -moz-column-width: 10rem;
    column-width: 10rem
}

@media(min-width:360px) {
    .Nav__content--list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4.9rem;
        -webkit-column-gap: 4.9rem;
        -moz-column-gap: 4.9rem;
        column-gap: 4.9rem;
        -webkit-column-width: 14rem;
        -moz-column-width: 14rem;
        column-width: 14rem
    }
}

@media(min-width:1024px) {
    .Nav__content--list ul {
        grid-column-gap: normal;
        -webkit-column-gap: normal;
        -moz-column-gap: normal;
        column-gap: normal;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
        -webkit-column-width: 21rem;
        -moz-column-width: 21rem;
        column-width: 21rem
    }
}

@media(min-width:1200px) {
    .Nav__content--list ul {
        -webkit-column-width: 24.3rem;
        -moz-column-width: 24.3rem;
        column-width: 24.3rem
    }
}

.Nav__content--list li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    border-top: .1rem solid #e2e4e9
}

@media(min-width:1024px) {
    .Nav__content--list li {
        margin-right: 3.2rem
    }
}

.Nav__content--media .article__author__desc {
    font-weight: 400
}

.Nav__content--media .article__title {
    line-height: 130%;
    letter-spacing: normal;
    text-align: left;
    font-weight: 400
}

.Nav__content--media .article__title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__content--media .article__title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.Nav__content--media .article--nav:hover {
    border-bottom: 0 !important
}

.Nav__content--media .article--nav .article__media {
    max-width: 100%;
    float: none;
    margin-left: 0
}

.Nav__content--media .article--nav .article__kicker {
    margin-top: 2rem
}

.Nav__content--column {
    display: flex;
    width: 100%;
    flex-direction: column
}

@media(min-width:599px) {
    .Nav__content--column {
        flex-direction: row
    }
}

.Nav__content--column ul {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__content--column ul {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

.Nav__content--column li {
    line-height: 2.3;
    color: #a4a9b4
}

.Nav__content--column li a {
    display: inline;
    font-weight: 500;
    letter-spacing: normal;
    color: #2a303b
}

@media(min-width:576px) {
    .Nav__content--column li a {
        font-size: 1.3rem
    }
}

.Nav__content--column>div {
    padding: 0;
    width: 100%
}

@media(min-width:576px) {
    .Nav__content--column>div {
        padding: 0 .8rem 0 1.2rem
    }
}

@media(min-width:1024px) {
    .Nav__content--column>div {
        width: 50%
    }
}

@media(min-width:1024px) {
    .Nav__content--column>div {
        padding: 0 6rem 0 2.4rem
    }
}

.Nav__content--column>div:first-child {
    margin-bottom: 3.2rem
}

@media(min-width:600px) {
    .Nav__content--column>div:first-child {
        border-right: .1rem solid #d5d8dc
    }
}

@media(min-width:600px) {
    .Nav__content--column>div:first-child {
        margin-bottom: 0
    }
}

.Nav__content--column>div:first-child ul {
    list-style-position: inside;
    list-style-type: disc
}

@media(min-width:600px) {
    .Nav__content--column>div:first-child ul {
        padding: 1.2rem 0
    }
}

@media(min-width:1024px) {
    .Nav__content--column>div:first-child ul {
        padding: .8rem 0
    }
}

.Nav__content--column span {
    line-height: 1.25;
    letter-spacing: .03rem;
    text-transform: none;
    margin-bottom: 2rem
}

@media(min-width:1024px) {
    .Nav__content--column span {
        line-height: 1.6
    }
}

@media(min-width:576px) {
    .Nav__content-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        display: flex
    }

    .Nav__content-wrapper .article {
        display: block;
        width: calc(50% - 1.6rem);
        max-width: none;
        margin-bottom: 1.6rem
    }
}

@media(min-width:1024px) {
    .Nav__content-wrapper {
        flex-wrap: nowrap;
        padding-left: 2.8rem
    }

    .Nav__content-wrapper .article {
        max-width: 22.4rem;
        width: 100%;
        display: block;
        border-bottom: 0;
        margin: 0;
        padding-top: 0;
        border-top: 0
    }

    .Nav__content-wrapper .article:not(:last-child) {
        margin: 0 3.2rem 0 0
    }
}

.Nav__content-wrapper .article__author {
    flex-direction: column
}

.Nav .js-burger-to-show {
    display: none;
    font-size: 1.6rem;
    line-height: 1.88
}

.Nav .js-burger-is-open {
    left: 0;
    position: fixed;
    top: 6rem
}

@media(min-width:1024px) {
    .Nav .js-burger-is-open {
        top: 13rem
    }
}

@media(max-width:600px) {
    .Nav .js-burger-is-open .gradient--bottom {
        display: block
    }
}

.Nav__burger {
    transition: left .2s cubic-bezier(.215, .61, .355, 1);
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 50;
    height: 100%;
    width: 100vw;
    overflow-y: auto;
    left: -100vw;
    padding-bottom: 6rem
}

@media(min-width:1024px) {
    .Nav__burger {
        height: 43.1rem;
        padding-bottom: 0
    }
}

.Nav__burger .gradient--bottom {
    display: none;
    content: " ";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 80%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6rem;
    z-index: 2
}

@media(max-width:1023px) {
    .Nav__burger #burgerdesktop_wrappper {
        display: none
    }
}

.Nav__burger #nav-markup,
.Nav__burger #nav-markup--burger {
    padding: 1.6rem;
    overflow-x: hidden;
    display: flex;
    flex-flow: row wrap;
    width: 50%
}

.Nav__burger #nav-markup {
    float: left;
    padding-right: 1.1rem
}

@media(min-width:1024px) {
    .Nav__burger #nav-markup {
        display: none
    }
}

.Nav__burger #nav-markup--burger {
    padding-left: 1.1rem
}

.Nav__burger #nav-markup--burger .Nav__item {
    padding: 0;
    flex-direction: column
}

@media(min-width:1025px) {
    .Nav__burger #nav-markup--burger {
        display: none
    }
}

.Nav__burger.js-burger-hide {
    height: 0
}

.Nav__burger .js-burger-to-show {
    display: flex
}

.Nav__burger .js-dropdown {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: .08rem;
    font-style: normal
}

.Nav__burger .Nav__container--right {
    display: none
}

.Nav__burger .Nav__container--burger span {
    display: none
}

.Nav__burger .Nav__container--left {
    width: 100%
}

.Nav__burger .Nav__item {
    border: 0;
    min-height: 2.7rem;
    padding: 0;
    margin: 0 0 2.4rem;
    width: 100%;
    flex: 1 auto
}

@media(min-width:1024px) {
    .Nav__burger .Nav__item {
        padding: 0;
        display: inline;
        display: initial
    }

    .Nav__burger .Nav__item:last-child {
        margin-bottom: 0
    }

    .Nav__burger .Nav__item .burgerwrapper_item {
        display: inline;
        display: initial
    }

    .Nav__burger .Nav__item .burgerwrapper_item .Nav__item {
        width: 100%
    }
}

.Nav__burger .Nav__item>a:first-child {
    line-height: 120%;
    font-size: 1.5rem;
    letter-spacing: .01rem;
    border-bottom: 1px solid #121212;
    padding-bottom: .8rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline
}

.Nav__burger .Nav__item>a:first-child {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__burger .Nav__item>a:first-child {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.Nav__burger .Nav__item>a:first-child .label-subscriber {
    margin-left: .6rem;
    text-transform: none;
    text-transform: initial
}

.Nav__burger .Nav__item>a:first-child:hover {
    color: inherit;
    background-color: inherit;
    border-bottom-color: inherit
}

.Nav__burger .Nav__item--hide {
    display: none
}

#Header .Nav__burger .Nav__item .User__avatar,
.Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .Nav__burger .Nav__item .User__avatar,
.Nav__burger .Nav__item #Header .User__avatar,
.Nav__burger .Nav__item .Nav--sticky #nav-topmenu .right_connexion_sticky .Header__actions .User__avatar,
.Nav__burger .Nav__item .icon__home,
.Nav__burger .Nav__item .icon__nav-my-account {
    margin-right: 1.6rem;
    display: flex;
    align-self: center
}

.Nav__burger .Nav__item .Burger__right-arrow:after {
    display: inline-block;
    visibility: visible
}

.Nav__burger .Nav__item.recherche {
    min-width: 100%;
    text-align: center;
    margin-bottom: 0;
    height: auto;
    padding: 0 1.6rem 1.6rem
}

@media(min-width:1025px) {
    .Nav__burger .Nav__item.recherche {
        display: none
    }
}

.Nav__burger .Nav__item.programme {
    display: none
}

@media(max-width:480px) {
    .Nav__burger .Nav__item.livres {
        z-index: 10
    }
}

.Nav__burger .Nav__item:nth-child(n+2) {
    background-color: #fff;
    flex-direction: column
}

.Nav__burger .Nav__item:nth-child(n+2).Nav__item--active {
    background-color: #fff
}

.Nav__burger .Nav__item.Nav__item--active:nth-child(n+2) {
    height: auto
}

.Nav__burger .Nav__item .Nav__sub-item {
    top: 0;
    display: none;
    padding: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0)
}

.Nav__burger .Nav__item .Nav__sub-item .wrapper {
    overflow-y: visible;
    height: auto;
    min-height: auto
}

.Nav__burger .Nav__item .Nav__sub-item .wrapper .Burger__label--subscriber {
    background-color: #fed403;
    position: absolute;
    right: 0;
    top: 0;
    width: 6rem;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 1.4rem;
    padding: .1rem .8rem 0
}

.Nav__burger .Nav__item .Nav__sub-item .wrapper .Nav__sub-title {
    border: 0
}

.Nav__burger .Nav__item .Nav__sub-item .wrapper .Nav__sub-title.btn-menu_subitem {
    height: 3.2rem;
    line-height: 3rem
}

.Nav__burger .Nav__item .Nav__sub-item.js-topmenu-open {
    display: block
}

.Nav__burger .Nav__item .Nav__sub-item.js-topmenu-open li a {
    visibility: visible
}

.Nav__burger .Nav__item .Nav__sub-item.js-topmenu-open li a.Nav__kiosque-sub-img {
    display: none
}

@media(min-width:600px) {
    .Nav__burger .Nav__item .Nav__sub-item.js-topmenu-open li a.Nav__kiosque-sub-img {
        display: block
    }
}

.Nav__burger .Nav__item .Nav__sub-item.js-burger-open {
    position: relative
}

.Nav__burger .Nav__item .Nav__sub-item.js-burger-open .Nav__container {
    padding: 0
}

.Nav__burger .Nav__item .Nav__container li {
    border-top: 0;
    position: relative
}

.Nav__burger .Nav__item .Nav__container li:first-child {
    display: none
}

.Nav__burger .Nav__item .Nav__container li:nth-child(2) {
    border-bottom: 0
}

.Nav__burger .Nav__item .Nav__container li .label-subscriber {
    margin-left: .6rem
}

.Nav__burger .Nav__item .Nav__container a {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 500;
    letter-spacing: .01rem;
    font-style: normal;
    margin: 1.6rem 0
}

.Nav__burger .Nav__item .Nav__container a:after {
    display: none
}

.Nav__burger .Nav__item .Nav__container--default ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__container--left {
    margin-bottom: 0
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__container--left ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__container--left span {
    display: block;
    margin-left: 5.2rem;
    border-bottom: .1rem solid #e2e4e9;
    text-transform: none
}

.Nav__burger .Nav__item .Nav__sub-item--services li a {
    font-size: 1.3rem;
    line-height: 3.8;
    font-weight: 500;
    letter-spacing: normal
}

.Nav__burger .Nav__item .Nav__sub-item--services li a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__burger .Nav__item .Nav__sub-item--services li a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

.Nav__burger .Nav__item .Nav__sub-item--services li:nth-child(2) {
    border-bottom: .1rem solid #e2e4e9
}

.Nav__burger .Nav__item .Nav__sub-item--services.js-burger-open .Nav__container--right {
    display: block
}

.Nav__burger .Nav__item .Nav__sub-item--services>.wrapper {
    flex-direction: column
}

@media(min-width:1024px) {
    .Nav__burger .Nav__item .Nav__sub-item--services>.wrapper {
        flex-direction: row
    }
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__content--column {
    flex-direction: column
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__content--column span {
    font-size: 1.6rem;
    padding-left: 5.2rem;
    display: inline
}

.Nav__burger .Nav__item .Nav__sub-item--services .Nav__container--burger {
    width: 100%
}

.Nav__burger .Nav__item .Nav__content--column>div ul {
    border-bottom: 0;
    padding-bottom: 0
}

.Nav__burger .Nav__item .Nav__content--column li:nth-child(2) {
    border-bottom: 0
}

.Nav__burger .Nav__item .Nav__content--column>div {
    margin-top: 2.4rem
}

.Nav__burger .Nav__item .Nav__content--column>div:first-child {
    margin-bottom: 0
}

.Nav__burger .Nav__item .Nav__content--column>div:last-child {
    padding-bottom: 12rem
}

.Nav__burger .Nav__item .Nav__content--column a {
    font-size: 1.6rem
}

.Nav__burger .Nav__item .Nav__content--column a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__burger .Nav__item .Nav__content--column a {
    font-family: GraphikXXCond_Regular, Helvetica, Arial, Roboto, sans-serif
}

.Nav__burger .Nav__item .Nav__content--list ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.Nav__burger .Nav__item .Nav__content--list ul li a {
    visibility: hidden
}

.Nav__burger .Nav__item .Nav__sub-item--actualites span {
    margin-bottom: 0
}

.Nav__burger .Nav__item a {
    padding: 0;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

@media(min-width:1024px) {
    .Nav__burger .Nav__item a {
        width: auto;
        width: initial
    }
}

.Nav__burger .Nav__item--active:before {
    display: none
}

.sticky-banner {
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #121212;
    font-weight: 400;
    background-color: #faf3e9;
    line-height: 4.1rem;
    position: relative;
    z-index: -2;
    padding: 0 1.6rem
}

.sticky-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .sticky-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .sticky-banner {
        height: 6.8rem;
        line-height: 5rem;
        display: flex;
        justify-content: center;
        padding: 0;
        align-items: center
    }
}

.sticky-banner.nav-kiosque__hidden {
    display: none
}

.sticky-banner a {
    display: block
}

.sticky-banner a.paywall__button--google {
    margin-top: 0;
    line-height: 2.5rem;
    margin-bottom: 1.6rem;
    display: flex;
    font-size: 1.6rem
}

@media(min-width:1024px) {
    .sticky-banner a.paywall__button--google {
        margin-left: 2.4rem;
        max-width: 24.6rem;
        margin-bottom: 0
    }
}

.sticky-banner a.btn--premium {
    box-shadow: 0 2px 3px rgba(18, 18, 18, .18), 0 0 1px rgba(18, 18, 18, .32);
    width: 100%;
    font-size: 1.8rem;
    width: 34.3rem
}

.sticky-banner a.btn--premium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .sticky-banner a.btn--premium {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .sticky-banner a.btn--premium {
        margin: 0 2.4rem;
        width: 30rem
    }
}

.sticky-banner a strong {
    font-weight: 700
}

.sticky-banner a strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .sticky-banner a strong {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(18, 18, 18, .85);
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s ease, opacity .2s ease-in-out
}

.overlay--visible,
.overlay--visible-search {
    visibility: visible;
    opacity: 1
}

.overlay--live {
    margin: -1.7rem
}

@media(min-width:600px) {
    .overlay--live {
        margin: -5.7rem
    }
}

@media(min-width:1024px) {
    .overlay--live {
        opacity: 0;
        z-index: -1
    }
}

.overlay-live--show {
    opacity: 1;
    visibility: visible
}

.AccountMenu {
    flex-direction: column;
    display: flex;
    text-transform: none
}

.AccountMenu__type {
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    display: flex;
    line-height: 1
}

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

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

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

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

.Connexion {
    position: absolute;
    background-color: #fff;
    right: -1.6rem;
    font-size: 1.3rem;
    line-height: 3;
    font-weight: 500;
    border: .1rem solid #eff0f3;
    box-shadow: 0 .1rem .2rem .2rem rgba(0, 0, 0, .04);
    transition: opacity .5s ease, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), opacity .5s ease, visibility .2s ease-in-out;
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), opacity .5s ease, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    visibility: visible;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media(max-width:480px) {
    .Connexion {
        width: 100%
    }
}

.Connexion--abonne {
    background-color: #fff !important
}

.Connexion--abonne .Connexion__special div:hover {
    opacity: 1
}

.Connexion--non-abonne {
    right: 0
}

@media(min-width:480px) {
    .Connexion--non-abonne {
        right: -13rem
    }
}

.Connexion--open {
    visibility: visible;
    opacity: 1;
    border-top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    overflow: scroll;
    position: fixed;
    top: 6.1rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4 !important
}

@media(min-width:480px) {
    .Connexion--open {
        top: 6.8rem;
        width: 30.4rem;
        position: absolute;
        left: inherit;
        right: 0;
        bottom: inherit;
        overflow: visible;
        overflow: initial
    }
}

.Connexion ul {
    list-style-type: none
}

.Connexion a {
    display: flex;
    width: 100%;
    text-decoration: none
}

.Connexion a:hover {
    background-color: #f5f6f8
}

.Connexion a div {
    padding: 0 1.2rem;
    display: flex;
    width: 100%
}

.Connexion a div span:first-child {
    align-self: center
}

.Connexion a div .icon__nav-exclu-abonne {
    margin-left: auto;
    align-self: center
}

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

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

.Connexion a.Connexion__link-off:hover {
    background-color: rgba(0, 0, 0, 0)
}

.Connexion__account {
    padding: 0
}

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

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

.Connexion__account #Account.js-nav-account.js-is-open {
    position: absolute;
    top: 1rem;
    right: 2rem;
    background: 0 0;
    border: none
}

.Connexion__account #Account.js-nav-account.js-is-open .Account__icon {
    background-image: url(/dist/assets/img/icons/ic-fermer.svg);
    width: 2rem;
    height: 2rem;
    display: block;
    background-position: center;
    cursor: pointer
}

@media(min-width:480px) {
    .Connexion__account #Account {
        display: none
    }
}

.Connexion__account a {
    align-self: center
}

.Connexion__account#nav_user .wrapper {
    width: 100%;
    height: inherit;
    padding: 0;
    background-color: #fff
}

.Connexion__account#nav_user .wrapper .Nav__container {
    padding: 4rem 0;
    width: 100%
}

.Connexion__account#nav_user .wrapper .Nav__container .AccountMenu .Nav__usermeta-title {
    display: block;
    line-height: 120%;
    font-size: 1.5rem;
    letter-spacing: .01em;
    border-bottom: 1px solid #121212;
    padding-bottom: .8rem;
    text-transform: uppercase;
    margin: 0 4rem 1.8rem
}

.Connexion__account#nav_user .wrapper .Nav__container .AccountMenu .Nav__usermeta-title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Connexion__account#nav_user .wrapper .Nav__container .AccountMenu .Nav__usermeta-title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.Connexion__account#nav_user .wrapper .Nav__container .AccountMenu .Nav__sub-title {
    padding: 0 4rem;
    line-height: 3.5rem
}

.Connexion__account#nav_user .wrapper .Nav__container .AccountMenu .btn-menu_subitem {
    margin: .6rem 0 0 4rem;
    width: 12.8rem;
    height: 3.2rem;
    padding: 0;
    line-height: 3rem
}

.Connexion__account#nav_user .cta-wrapper {
    padding: 4rem;
    background-color: #f4f4f4;
    line-height: 130%;
    font-size: 1.6rem
}

.Connexion__account#nav_user .cta-wrapper .btn--premium {
    margin: 1.6rem 0 0 !important;
    text-align: center;
    display: block
}

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

.Connexion__icon {
    margin-right: .4rem
}

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

.Connexion__help {
    border-top: .1rem solid #e2e4e9
}

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

.Connexion__item--non-abonne-btn {
    padding: .8rem 1.2rem 2rem 1.2rem
}

.Connexion__item--non-abonne-btn a {
    justify-content: center
}

.Connexion__item--non-abonne-btn a:hover {
    background-color: #ffae00
}

.Connexion__special {
    position: relative
}

.Connexion__special p {
    position: absolute;
    top: 0;
    width: 100%;
    left: -25rem;
    opacity: 0;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.Connexion__special p .icon__nav-fleche {
    margin-left: .8rem
}

.Connexion__special p span:last-child {
    margin-left: .8rem;
    font-weight: 600
}

.Connexion__special:hover p {
    left: 0;
    opacity: 1
}

.Connexion__special:hover div {
    opacity: 0
}

.Connexion .AccountMenu__type {
    font-size: 1.3rem;
    letter-spacing: normal;
    line-height: normal
}

.Connexion .AccountMenu__type span:first-child {
    margin-left: .8rem
}

.Connexion .AccountMenu__email {
    line-height: 1.5
}

.right_connexion_sticky {
    display: none
}

.body {
    overflow-x: hidden
}

@media(min-width:600px) {
    .body {
        overflow-x: visible;
        position: static
    }
}

.header {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 5.7rem
}

@media(min-width:600px) {
    .header {
        z-index: 5
    }
}

@media(min-width:1113px) {
    .header {
        height: 9.3rem
    }
}

.header--off {
    display: none
}

.header--on {
    display: block
}

.header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama@2x.png);
    display: block;
    width: 7.628rem;
    height: 2.8rem;
    background-size: cover
}

[data-color-mode=dark] .header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama-dark@2x.png)
}

[data-color-mode=light] .header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama@2x.png)
}

@media(min-width:1113px) {
    .header__logo {
        width: 11rem;
        height: 4rem
    }
}

.header__logo-light-img {
    display: block
}

[data-color-mode=dark] .header__logo-light-img {
    display: none
}

[data-color-mode=light] .header__logo-light-img {
    display: block
}

.header__logo-dark-img {
    display: none
}

[data-color-mode=dark] .header__logo-dark-img {
    display: block
}

[data-color-mode=light] .header__logo-dark-img {
    display: none
}

.header__icon {
    background-repeat: no-repeat;
    margin-right: .8rem;
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

.header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

.header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23E8E8E9' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24145)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24145'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.header__icon-critiques {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%2316141E' d='M21.25 11.58c-.31-.59-.91-.97-1.72-1.15-.1-.72-.73-2.34-1.11-2.67.75-.12 2.07-.67 1.56-2.91-.66-2.88-2.94-3.94-4.48-3.72-1.66.23-2.41 2.03-1.39 4.04 0 0-2.61-1.32-3.3-1.95C9.65 2.15 9.39 1.03 9.21 1c-1.98 1.6-.99 3.68-1.13 3.62-1.26-.51-2-2.32-2.26-2.45-2.13 2.88.15 4.52.1 4.53-1.09-.07-2.22-.56-2.23-.34.12.86 1.16 1.54 1.55 1.77-.38.85-.68 1.76-.89 2.71h-.01c-.16.05-.31.14-.44.26-.28.25-.56.73-.3 1.64.08.27.22.58.38.9-.1 2.42.34 4.78 1.35 6.51 1.09 1.86 2.71 2.84 4.7 2.84 2.4 0 6.54-.87 7.52-6.6.72.06 2.47.01 3.34-1.65.66-1.27.78-2.36.35-3.17l.01.01zm-17.18.55c-.01-.11 0-.22.03-.32.04-.1.09-.19.17-.27.11-.11.25-.17.41-.17h.08c.44.06.88.62 1.01.83l.29.46.21-.5c.18-.42.62-1.12 1.02-1.22a.67.67 0 01.2 0c.07.02.13.06.18.1.09.07.15.17.19.28.04.11.05.22.04.33-.06 1.16-1.56 3.11-2.08 3.62-.44-.45-1.7-2.1-1.74-3.15l-.01.01zm16.32 2.35c-.85 1.63-2.79 1.35-3.02 1.31l-.29-.05-.04.3c-.37 2.38-1.74 6.38-7 6.38-1.77 0-3.22-.89-4.2-2.56-.83-1.42-1.25-3.29-1.29-5.26.48.72 1 1.31 1.21 1.35h.02c.47 0 1.91-2.03 2.37-3.08.57-1.31.26-1.95-.12-2.25a.935.935 0 00-.88-.23c-.53.13-.95.72-1.19 1.14-.26-.33-.62-.55-1.02-.66.03-.14.08-.26.12-.4.77-.66 1.67-1.15 2.63-1.44a.29.29 0 00.17-.14c.03-.07.04-.15.02-.22a.29.29 0 00-.14-.17.283.283 0 00-.22-.02c-.63.2-1.24.47-1.82.81.81-1 2.63-3.03 5.01-2.76 2.71.32 3.81 1.74 4.71 3.65.5 1.1 1.05 2.18 1.66 3.22.21-.36.27-1.88 1.88-2.46.88.09 1.49.41 1.77.93.33.62.21 1.52-.36 2.61h.02z'/%3E%3Cpath fill='%2316141E' d='M10.5 8.33c1.14.19 2.22.65 3.16 1.33.04.03.1.05.15.05.06 0 .12-.02.17-.06.05-.04.08-.09.1-.15.02-.06.01-.12 0-.18a.259.259 0 00-.11-.14c-1-.72-2.15-1.2-3.37-1.41a.36.36 0 00-.2.06c-.06.05-.09.11-.1.18-.01.07 0 .14.04.21.04.06.1.1.17.12l-.01-.01zm-3.23 8.35c.09.15.22.27.37.36.25.14.53.21.81.2.4 0 .79-.09 1.16-.24.07-.03.13-.08.16-.15a.28.28 0 000-.22.294.294 0 00-.15-.16.28.28 0 00-.22 0c-.59.24-1.17.27-1.47.09a.617.617 0 01-.18-.18.68.68 0 01-.08-.24c-.07-.52.15-.72.61-1.07.46-.35 1.03-.8.96-1.84 0-.04-.01-.08-.03-.11a.55.55 0 00-.07-.09c-.03-.03-.06-.04-.1-.06-.04-.01-.07-.02-.11-.01-.04 0-.07.01-.11.03a.55.55 0 00-.09.07c-.02.03-.04.06-.06.1-.01.04-.02.07-.01.11.05.74-.32 1.03-.74 1.35-.42.32-.94.72-.83 1.6.02.17.07.34.17.49l.01-.03zm5.25-.23s-.07-.05-.12-.06c-.04-.01-.09-.02-.13-.01-.04 0-.09.02-.12.04-.53.36-1.06.54-1.66.91-.82.52-.8.78-.94.82-.14.04-.5-.16-.92-.14-.42.03-.98.38-1.09.28-.23-.2-.57.02-.45.23.16.27.93.79 1.22 1.22.29.43 1.35 2.2 2.46 2.04.92-.13 1.64-.99 1.79-2.21 0 0 .18-2.67.05-3.03-.02-.04-.05-.07-.08-.1l-.01.01zm-1.95 4.09c-.83.11-1.34-.55-1.81-1.06a6.51 6.51 0 00-.54-.51c.6 0 1.19-.07 1.77-.23 1.16-.28 2.12-1.75 2.22-1.64-.02 2.7-1.07 3.36-1.63 3.44h-.01zm3.11-10.06a.859.859 0 00-.45 0c-.52.13-.94.71-1.17 1.13-.27-.35-.66-.6-1.09-.7-.17-.02-.34 0-.5.05-.16.05-.31.14-.43.26-.28.25-.56.7-.3 1.64.26.94 1.58 3.06 2.19 3.17h.03c.49 0 1.75-2.09 2.07-2.77.56-1.22.58-2.07.03-2.54a.98.98 0 00-.4-.22l.02-.02zm-1.71 4.89c-.43-.39-1.61-1.93-1.74-3.02a.767.767 0 01.19-.73c.1-.1.24-.16.38-.17h-.01s.05.01.08.01c.42.06.85.61.98.82l.29.46.23-.51c.18-.42.6-1.13.99-1.22.06-.01.13-.01.19 0 .06.02.12.05.16.1a.688.688 0 01.2.59c-.05 1.17-1.46 3.15-1.93 3.65l-.01.02z'/%3E%3C/svg%3E")
}

.header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2345434B' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .8)' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2345434B' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

.header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

[data-color-mode=dark] .header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E")
}

.header__icon-abo {
    position: relative;
    top: -.1rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .8rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 4rem;
    height: 4rem;
    margin: 0 .1rem 0 .2rem
}

[data-color-mode=dark] .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%233C3956'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%2316141E'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E");
    width: 4rem;
    height: 4rem
}

[data-color-mode=dark] .header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%2316141E'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E")
}

.header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E");
    position: relative;
    z-index: 3;
    margin-left: auto;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__icon-close:hover {
    opacity: .6
}

.header__icon-close--desktop-search {
    position: absolute;
    right: 0;
    top: 1.4rem
}

.header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 17px
}

[data-color-mode=dark] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-off.png)
}

.header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238F8E93'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .48)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238F8E93'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__main {
    background-color: #fff;
    border-bottom: .1rem solid #dad9db
}

[data-color-mode=dark] .header__main {
    background-color: #1c1a26
}

[data-color-mode=light] .header__main {
    background-color: #fff
}

[data-color-mode=dark] .header__main {
    border-bottom: .1rem solid rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__main {
    border-bottom: .1rem solid #dad9db
}

.header__main-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    height: 5.7rem;
    width: 100%
}

@media(min-width:1113px) {
    .header__main-container {
        height: 9.3rem
    }
}

.header__main-container--article {
    position: relative
}

.header__main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 5.7rem;
    padding: 0 2.4rem
}

@media(min-width:1113px) {
    .header__main-wrapper {
        height: 9.3rem;
        margin: 0 auto;
        padding: 0 6.4rem
    }
}

.header__main-nav {
    display: flex;
    height: 100%
}

.header__main-nav-left {
    align-items: center
}

@media(min-width:600px) {
    .header__main-nav-left {
        width: 25%
    }
}

.header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23ffffffe6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .6)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .6)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__main-nav-left-logo {
    margin-left: 2.4rem;
    width: 76.28px;
    height: 2.8rem
}

@media(min-width:1113px) {
    .header__main-nav-left-logo {
        margin-left: 3.2rem;
        height: 4rem;
        width: 110px
    }
}

.header__main-nav-left-logo img.header__light-mode-logo {
    display: block;
    height: 100%;
    width: 100%
}

[data-color-mode=dark] .header__main-nav-left-logo img.header__light-mode-logo {
    display: none
}

[data-color-mode=light] .header__main-nav-left-logo img.header__light-mode-logo {
    display: block
}

.header__main-nav-left-logo img.header__dark-mode-logo {
    display: none;
    height: 100%;
    width: 100%
}

[data-color-mode=dark] .header__main-nav-left-logo img.header__dark-mode-logo {
    display: block
}

[data-color-mode=light] .header__main-nav-left-logo img.header__dark-mode-logo {
    display: none
}

.header__main-nav-center {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 50%
    }
}

.header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem
}

[data-color-mode=dark] .header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E")
}

@media(min-width:1113px) {
    .header__main-nav-right-login-mobile {
        display: none
    }
}

.header__main-nav-right-login-mobile:active,
.header__main-nav-right-login-mobile:hover {
    opacity: .6
}

.header__main-nav-right-login-desktop {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-right-login-desktop {
        color: #16141e;
        display: block;
        font-size: 1.6rem;
        letter-spacing: .01em
    }

    .header__main-nav-right-login-desktop {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__main-nav-right-login-desktop {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__main-nav-right-login-desktop {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__main-nav-right-login-desktop {
        color: #16141e
    }

    .header__main-nav-right-login-desktop:hover {
        color: #737278;
        color: #737278
    }

    [data-color-mode=dark] .header__main-nav-right-login-desktop:hover {
        color: rgba(255, 255, 255, .6)
    }

    [data-color-mode=light] .header__main-nav-right-login-desktop:hover {
        color: #737278
    }
}

.header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem
}

[data-color-mode=dark] .header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z' stroke='%23fff' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

.header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem
}

[data-color-mode=dark] .header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

.header__main-nav-right-trigger-container {
    display: flex;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.header__main-nav-right-trigger-container:hover {
    opacity: .6
}

.header__main-nav-right-username {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width:1113px) {
    .header__main-nav-right-username {
        color: #16141e;
        display: inline;
        letter-spacing: .01em;
        font-size: 1.6rem
    }

    .header__main-nav-right-username {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__main-nav-right-username {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__main-nav-right-username {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__main-nav-right-username {
        color: #16141e
    }
}

@media(min-width:1113px)and (max-width:1400px) {
    .header__main-nav-right-username {
        max-width: 100px
    }
}

@media(min-width:1400px) {
    .header__main-nav-right-username {
        max-width: 200px
    }
}

.header__main-nav-right-bloc {
    display: flex;
    align-items: center
}

.header__main-nav-right-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .01em;
    border-radius: 6.4rem
}

.header__main-nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__main-nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .header__main-nav-right-button {
        margin-left: 2.4rem
    }
}

.header__main-nav-right-button-signup {
    background-color: #ffe047;
    color: #16141e;
}

@media(min-width:1113px) {
    .header__main-nav-right-button-signup {
        height: 4.4rem;
        padding: 0 2.4rem;
        font-size: 1.6rem;
        line-height: 1.3;
        letter-spacing: .01em
    }
}

.header__main-nav-right-button-signup:hover {
    background-color: #fe9
}

.header__main-nav-right-button-avantages {
    color: #fff;
    background-color: #2b293d
}

[data-color-mode=dark] .header__main-nav-right-button-avantages {
    color: #16141e
}

[data-color-mode=light] .header__main-nav-right-button-avantages {
    color: #fff
}

[data-color-mode=dark] .header__main-nav-right-button-avantages {
    background-color: #fff
}

[data-color-mode=light] .header__main-nav-right-button-avantages {
    background-color: #2b293d
}

@media(min-width:1113px) {
    .header__main-nav-right-button-avantages {
        height: 4.4rem;
        padding: 0 2.4rem;
        font-size: 1.6rem;
        line-height: 1.3;
        letter-spacing: .01em
    }
}

.header__main-nav-right-button-avantages:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .header__main-nav-right-button-avantages:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .header__main-nav-right-button-avantages:hover {
    background-color: #3c3956
}

.header__main-nav-top-list:not(:last-of-type) {
    margin-right: 2.4rem
}

.header__main-nav-top-link {
    color: #16141e;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 1.2
}

.header__main-nav-top-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__main-nav-top-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__main-nav-top-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__main-nav-top-link {
    color: #16141e
}

.header__main-nav-top-link:hover {
    color: #737278
}

.header__main-nav-top-link:hover .header__icon-programme {
    opacity: .6
}

.header__main-nav-top-link:hover .header__icon-platform {
    opacity: .6
}

.header__main-nav-top-link:hover .header__icon-magazine {
    opacity: .6
}

.header__main-nav-search--desktop {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-search--desktop {
        display: block;
        margin: 0 4.8rem 0 0;
        padding: 0;
        border: none;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0)
    }

    .header__main-nav-search--desktop:hover {
        opacity: .6
    }
}

@media(min-width:1113px)and (max-width:1400px) {
    .header__main-nav-search--desktop {
        margin: 0 2.4rem
    }
}

.header__category {
    background-color: #fff;
    border-color: #dad9db;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    align-items: center;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding: 1.6rem 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__category {
    background-color: #1c1a26
}

[data-color-mode=light] .header__category {
    background-color: #fff
}

[data-color-mode=dark] .header__category {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__category {
    border-color: #dad9db
}

.header__category::-webkit-scrollbar {
    display: none
}

@media(min-width:1113px) {
    .header__category {
        justify-content: space-between;
        padding: 2.4rem 6.4rem
    }
}

@media(min-width:1113px) {
    .header__category-list {
        margin-left: 0
    }

    .header__category-list:last-of-type {
        margin-right: 0
    }
}

.header__category-link {
    color: #16141e;
    display: block;
    height: 2.1rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

html.fonts-loaded .header__category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__category-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__category-link {
    color: #16141e
}

.header__category-link:hover {
    color: #737278
}

[data-color-mode=dark] .header__category-link:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__category-link:hover {
    color: #737278
}

.header__nav {
    position: fixed;
    top: 5.8rem;
    width: 100%;
    height: calc(100vh - 5.7rem);
    overflow-y: scroll;
    transition: all .3s ease
}

@media(min-width:600px) {
    .header__nav {
        width: 36.8rem
    }
}

@media(min-width:1113px) {
    .header__nav {
        height: calc(100vh - 9.3rem) !important;
        top: 9.4rem
    }
}

.header__nav-left {
    background-color: #fff;
    left: -110vw;
    z-index: 5
}

[data-color-mode=dark] .header__nav-left {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-left {
    background-color: #fff
}

.header__nav-left.header--on {
    -webkit-transform: translateX(110vw);
    transform: translateX(110vw);
    padding-bottom: 6.8rem
}

@media(min-width:600px) {
    .header__nav-left.header--on {
        -webkit-transform: translate(36.8rem);
        transform: translate(36.8rem)
    }
}

@media(min-width:1113px) {
    .header__nav-left.header--on {
        padding-bottom: 0
    }
}

@media(min-width:600px) {
    .header__nav-left {
        left: -36.8rem
    }
}

.header__nav-left-bottom-menu-container {
    background-color: #fff;
    border-color: #dad9db;
    display: block;
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 6.8rem;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-left-bottom-menu-container {
    background-color: #fff
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-left-bottom-menu-container {
    border-color: #dad9db
}

@media(min-width:600px) {
    .header__nav-left-bottom-menu-container {
        padding: 0 6.4rem
    }
}

@media(min-width:1113px) {
    .header__nav-left-bottom-menu-container {
        display: none
    }
}

.header__nav-left-bottom-menu-container--hide {
    display: none
}

.header__nav-left-bottom-menu-bloc {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 6.8rem
}

.header__nav-left-bottom-menu-label {
    color: #8f8e93;
    font-size: 1.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    margin-top: .8rem
}

.header__nav-left-bottom-menu-label {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-left-bottom-menu-label {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .header__nav-left-bottom-menu-label {
    color: #8f8e93
}

.header__nav-left-bottom-menu-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: #16141e
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: #16141e
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%23fff'/%3E%3Cpath d='M15.5 20h-6' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-on.png)
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='rgba(255, 255, 255, .9)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: #16141e
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: #16141e
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%23fff'/%3E%3Cpath d='M15.5 20h-6' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-on.png)
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='rgba(255, 255, 255, .9)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

.header__nav-right {
    background-color: #fff;
    right: -100vw;
    height: 100vh;
    height: var(--right-menu-height);
    z-index: 10
}

[data-color-mode=dark] .header__nav-right {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-right {
    background-color: #fff
}

.header__nav-right.header--on {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw)
}

@media(min-width:600px) {
    .header__nav-right.header--on {
        -webkit-transform: translate(-36.8rem);
        transform: translate(-36.8rem)
    }
}

@media(min-width:600px) {
    .header__nav-right {
        right: -36.8rem
    }
}

.header__nav-right-username {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3
}

.header__nav-right-username {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-username {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-username {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-username {
    color: #16141e
}

.header__nav-right-username-close {
    display: flex;
    align-items: center
}

.header__nav-right-user-status {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    margin-top: .4rem
}

.header__nav-right-user-status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-user-status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-user-status {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-user-status {
    color: #16141e
}

.header__nav-right-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.6rem;
    font-size: 1.6rem;
    letter-spacing: .01em;
    margin-top: 2.4rem;
    border-radius: 6.4rem
}

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

html.fonts-loaded .header__nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-right-button-account {
    color: #fff;
    background-color: #2b293d;
    border: .1rem solid #2b293d
}

[data-color-mode=dark] .header__nav-right-button-account {
    color: #16141e
}

[data-color-mode=light] .header__nav-right-button-account {
    color: #fff
}

[data-color-mode=dark] .header__nav-right-button-account {
    background-color: #fff
}

[data-color-mode=light] .header__nav-right-button-account {
    background-color: #2b293d
}

.header__nav-right-button-account:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .header__nav-right-button-account:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .header__nav-right-button-account:hover {
    background-color: #3c3956
}

.header__nav-right-button-logout {
    color: #16141e;
    background-color: #fff;
    border-color: #16141e;
    margin-top: 0;
    margin-bottom: 2.4rem;
    border: .1rem solid
}

[data-color-mode=dark] .header__nav-right-button-logout {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-button-logout {
    color: #16141e
}

[data-color-mode=dark] .header__nav-right-button-logout {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-right-button-logout {
    background-color: #fff
}

[data-color-mode=dark] .header__nav-right-button-logout {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-button-logout {
    border-color: #16141e
}

.header__nav-right-button-logout:hover {
    border-color: #dad9db;
    border: .1rem solid
}

[data-color-mode=dark] .header__nav-right-button-logout:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-right-button-logout:hover {
    border-color: #dad9db
}

.header__nav-right-links {
    margin-top: .8rem
}

.header__nav-right-links-item {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.header__nav-right-links-item:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-right-links-item:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-right-links-item:after {
    background-color: #dad9db
}

@media(min-width:600px) {
    .header__nav-right-links-item:after {
        width: 32rem
    }
}

.header__nav-right-links-item:hover:before {
    opacity: .6
}

.header__nav-right-links-item:last-of-type:after {
    display: none
}

.header__nav-right-link {
    color: #16141e;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    width: 100%
}

.header__nav-right-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-link {
    color: #16141e
}

.header__nav-right-link:after {
    content: "";
    position: absolute;
    top: -.2rem;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header__nav-right-link:hover {
    color: #737278
}

.header__nav-right-link:hover:after {
    opacity: .6
}

.header__nav-bloc {
    padding: 2.4rem;
    width: 100%
}

.header__nav-bloc:last-of-type {
    padding-bottom: 3.2rem
}

.header__nav-bloc--search {
    border-color: #dad9db;
    padding: 1.6rem 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--search {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--search {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .header__nav-bloc--search {
        display: none
    }
}

.header__nav-bloc--dark {
    padding: 3.2rem 2.4rem;
    color: #fff;
    background-color: #2b293d
}

.header__nav-bloc--dark:before {
    display: none
}

.header__nav-bloc-title {
    color: #16141e;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 2.4rem
}

.header__nav-bloc-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-bloc-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-bloc-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-bloc-title {
    color: #16141e
}

.header__nav-bloc-title--rubriques {
    margin-bottom: 3.2rem
}

.header__nav-bloc--category {
    border-color: #dad9db;
    padding-bottom: 0;
    margin-bottom: 2.4rem;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--category {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--category {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .header__nav-bloc--access {
        padding-top: 2.4rem
    }

    .header__nav-bloc--access:before {
        display: none
    }
}

.header__nav-bloc--avantages {
    border-color: #dad9db;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--avantages {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--avantages {
    border-color: #dad9db
}

.header__nav-bloc--services {
    border-color: #dad9db;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--services {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--services {
    border-color: #dad9db
}

.header__nav-bloc--account-container {
    border-color: #dad9db;
    padding-top: 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--account-container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--account-container {
    border-color: #dad9db
}

.header__nav-bloc--account-links:before {
    display: none
}

.header__nav-bloc--account-logout {
    border-color: #dad9db;
    border-top: .1rem solid;
    margin-top: .8rem
}

[data-color-mode=dark] .header__nav-bloc--account-logout {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--account-logout {
    border-color: #dad9db
}

.header__nav-bloc--account-logout:before {
    display: none
}

.header__nav-icon-list:not(:first-of-type) {
    margin-top: 1.6rem
}

.header__nav-icon-link {
    color: #16141e;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3
}

.header__nav-icon-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-icon-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-icon-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-icon-link {
    color: #16141e
}

.header__nav-icon-link:hover {
    color: #737278
}

[data-color-mode=dark] .header__nav-icon-link:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__nav-icon-link:hover {
    color: #737278
}

.header__nav-icon-link:hover .header__icon {
    opacity: .6
}

.header__nav-icon-link--white {
    color: #fff
}

.header__nav-icon-link--white:hover {
    color: rgba(255, 255, 255, .6)
}

.header__nav-category-trigger {
    color: #16141e;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__nav-category-trigger {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-trigger {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-category-trigger {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-category-trigger {
    color: #16141e
}

.header__nav-category-trigger:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E")
}

.header__nav-category-trigger:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-category-trigger:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-category-trigger:after {
    background-color: #dad9db
}

.header__nav-category-trigger--link:before {
    display: none
}

.header__nav-category-trigger.ui-collapse--shown:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.header__nav-category-trigger.ui-collapse--shown:after {
    display: block
}

.header__nav-category-trigger:hover {
    color: #737278
}

.header__nav-category-trigger:hover:before {
    opacity: .6
}

.header__nav-category-listing {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-listing {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-category-listing li:last-child .header__nav-category-trigger:after {
    background: 0 0;
    margin-bottom: 0
}

.header__nav-category-list-container {
    display: none
}

.header__nav-category-list-container.ui-collapse--shown {
    display: block;
    margin-bottom: 3.2rem
}

.header__nav-category-list-link {
    color: #16141e;
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.header__nav-category-list-link:not(:first-of-type) {
    margin-top: 1.6rem
}

.header__nav-category-link {
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 1.3;
    color: #16141e
}

.header__nav-category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-category-link:hover {
    color: #737278
}

.header__nav-category-name-ctnr:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-category-name-ctnr:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-category-name-ctnr:after {
    background-color: #dad9db
}

.header__nav-category-name:last-of-type .header__nav-category-name-ctnr:after {
    margin-bottom: 0;
    background: 0 0
}

.header__search-desktop {
    border-color: #dad9db;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 3.2rem 0;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__search-desktop {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__search-desktop {
    border-color: #dad9db
}

.header__search-desktop-input {
    color: #16141e;
    background-color: #fff;
    width: 100%;
    height: 4.8rem;
    font-size: 2.2rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    margin-left: 1.6rem;
    border: none
}

.header__search-desktop-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__search-desktop-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__search-desktop-input {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__search-desktop-input {
    color: #16141e
}

[data-color-mode=dark] .header__search-desktop-input {
    background-color: #1c1a26
}

[data-color-mode=light] .header__search-desktop-input {
    background-color: #fff
}

.header__search-desktop-input::-webkit-input-placeholder {
    color: #737278
}

.header__search-desktop-input::-moz-placeholder {
    color: #737278
}

.header__search-desktop-input:-ms-input-placeholder {
    color: #737278
}

.header__search-desktop-input::-ms-input-placeholder {
    color: #737278
}

.header__search-desktop-input::placeholder {
    color: #737278
}

[data-color-mode=dark] .header__search-desktop-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__search-desktop-input::-webkit-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::-moz-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input:-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::placeholder {
    color: #737278
}

.header__search-desktop-submit {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__search-desktop-submit:hover {
    opacity: .6
}

.header__search-desktop-close {
    display: block;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__search-desktop-close:hover {
    opacity: .6
}

.header__search-mobile {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.header__search-mobile-input {
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    padding-left: 2.4rem;
    padding-right: 6rem;
    border-radius: 5rem;
    border: .1rem solid #dad9db;
    color: #16141e;
    background-color: #fff
}

.header__search-mobile-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__search-mobile-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__search-mobile-input::-webkit-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::-moz-placeholder {
    color: #45434b
}

.header__search-mobile-input:-ms-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::-ms-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::placeholder {
    color: #45434b
}

.header__search-mobile-submit {
    position: absolute;
    right: -.3rem;
    cursor: pointer;
    border: none;
    background-color: unset
}

.header__search-mobile-submit:active .header__icon-search,
.header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%231C1A26'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__search-mobile-submit:active .header__icon-search,
[data-color-mode=dark] .header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__search-mobile-submit:active .header__icon-search,
[data-color-mode=light] .header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%231C1A26'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__search-container {
    display: none
}

@media(min-width:1113px) {
    .header__search-container--visible {
        background-color: #fff;
        position: fixed;
        z-index: 5;
        top: 9.3rem;
        display: block;
        width: 100%;
        height: calc(100vh - 9.3rem);
        border-top: .1rem solid
    }

    [data-color-mode=dark] .header__search-container--visible {
        background-color: #1c1a26
    }

    [data-color-mode=light] .header__search-container--visible {
        background-color: #fff
    }
}

@media(min-width:1113px) {
    .header__search-wrapper {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 6.4rem
    }
}

@media(min-width:1113px) {

    .header__search-wrapper--result .header__search-result,
    .header__search-wrapper--result .header__search-result-suggestions-container {
        width: 50%
    }
}

.header__search-result--hide {
    display: none
}

@media(min-width:1113px) {
    .header__search-result-suggestions-container {
        max-width: 80%
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-title {
        color: #16141e;
        margin-bottom: 1.6rem;
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3rem
    }

    .header__search-result-suggestions-title {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-suggestions-title {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__search-result-suggestions-title {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__search-result-suggestions-title {
        color: #16141e
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-bloc {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-item {
        display: flex;
        margin-bottom: .8rem
    }

    .header__search-result-suggestions-item:not(:last-of-type) {
        margin-right: .8rem
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-link {
        color: #16141e;
        border-color: #dad9db;
        font-size: 1.4rem;
        padding: .8rem 1.6rem;
        line-height: 1.2;
        letter-spacing: .01em;
        border-radius: .4rem;
        border: .15rem solid
    }

    .header__search-result-suggestions-link {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-suggestions-link {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__search-result-suggestions-link {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__search-result-suggestions-link {
        color: #16141e
    }

    [data-color-mode=dark] .header__search-result-suggestions-link {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .header__search-result-suggestions-link {
        border-color: #dad9db
    }

    .header__search-result-suggestions-link:hover {
        color: #737278
    }

    [data-color-mode=dark] .header__search-result-suggestions-link:hover {
        color: rgba(255, 255, 255, .6)
    }

    [data-color-mode=light] .header__search-result-suggestions-link:hover {
        color: #737278
    }
}

@media(min-width:1113px) {
    .header__search-result-item {
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3;
        color: #16141e
    }

    .header__search-result-item {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-item {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    .header__search-result-item:not(:first-of-type) {
        margin-top: 1.6rem
    }

    .header__search-result-item:hover {
        color: #737278
    }
}

@media(min-width:1113px) {
    .header__search-result-all {
        display: flex;
        align-items: center;
        margin-top: 3.2rem;
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3;
        color: #16141e
    }

    .header__search-result-all {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-all {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    .header__search-result-all:after {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        margin-left: .4rem;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E")
    }

    .header__search-result-all:hover {
        color: #737278
    }

    .header__search-result-all:hover:after {
        opacity: .6
    }
}

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

.header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11c0 5.523 4.477 10 10 10V1C5.477 1 1 5.477 1 11z' fill='%2316141E'/%3E%3Cpath d='M11 1c.592 0 1.171.051 1.735.15M11 1C5.477 1 1 5.477 1 11s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C12.17 20.948 11.59 21 11 21' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12c0 5.523 4.477 10 10 10V2C6.477 2 2 6.477 2 12z' fill='%23fff' fill-opacity='.9'/%3E%3Cpath d='M12 2c.592 0 1.171.051 1.735.15M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C13.17 21.948 12.59 22 12 22' stroke='%23fff' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11c0 5.523 4.477 10 10 10V1C5.477 1 1 5.477 1 11z' fill='%2316141E'/%3E%3Cpath d='M11 1c.592 0 1.171.051 1.735.15M11 1C5.477 1 1 5.477 1 11s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C12.17 20.948 11.59 21 11 21' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__switch-label {
    position: relative;
    display: inline-block;
    width: 5.1rem;
    height: 3.2rem
}

.header__switch-label input {
    opacity: 0;
    width: 0;
    height: 0
}

.header__switch-label input:checked+.header__slider-switch::before {
    -webkit-transform: translateX(19px);
    transform: translateX(19px)
}

.header__switch-label input:focus+.header__slider-switch {
    outline: 0
}

.header__slider-switch {
    background-color: #dad9db;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: .4s
}

[data-color-mode=dark] .header__slider-switch {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__slider-switch {
    background-color: #dad9db
}

.header__slider-switch::before {
    content: "";
    position: absolute;
    left: .2rem;
    bottom: .2rem;
    height: 2.8rem;
    width: 2.8rem;
    background-color: #fff;
    transition: .4s
}

.header__slider-switch.round {
    border-radius: 3.4rem
}

.header__slider-switch.round::before {
    border-radius: 50%
}

.overlay {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s ease, opacity .2s ease-in-out;
    background-color: rgba(0, 0, 0, .3)
}

@media(min-width:600px) {
    .overlay--visible {
        visibility: visible;
        opacity: 1
    }
}

.overlay--shown,
.overlay--visible-popin-inspiration,
.overlay--visible-tv-grid {
    visibility: visible;
    opacity: 1;
    z-index: 4
}

.header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23fff' stroke-opacity='.48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23fff' stroke-opacity='.48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.9 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.515A.6.6 0 009.9 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.029l-5-3zm3.525 3.514L11.1 13.94v-3.88L14.334 12z' fill='%23fff'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.501' fill='%23fff' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.9 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.515A.6.6 0 009.9 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.029l-5-3zm3.525 3.514L11.1 13.94v-3.88L14.334 12z' fill='%23fff'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.501' fill='%23fff' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.footer {
    width: 100%;
    margin-top: 2.4rem;
    margin-bottom: 6.8rem;
    border-top: .1rem solid;
    border-color: #dad9db;
    background-color: #1c1a26
}

[data-color-mode=dark] .footer {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .footer {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .footer {
        margin-bottom: 0
    }
}

.footer__wrapper {
    padding: 0 2.4rem
}

@media(min-width:1113px) {
    .footer__wrapper {
        padding: 0 6.4rem;
        margin: 0 auto
    }
}

@media(min-width:1113px) {
    .footer__wrapper--main-content {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 7.2rem;
        gap: 7.2rem
    }
}

.footer__wrapper--socials {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

[data-color-mode=dark] .footer__wrapper--socials {
    background-color: #1c1a26
}

[data-color-mode=light] .footer__wrapper--socials {
    background-color: #fff
}

@media(min-width:600px) {
    .footer__wrapper--socials {
        flex-direction: row;
        align-items: center
    }
}

.footer__wrapper--bottom-links {
    display: flex;
    padding-top: 2.4rem
}

@media(min-width:1113px) {
    .footer__wrapper--bottom-links {
        justify-content: center
    }
}

.footer__wrapper--groupe {
    display: flex;
    flex-direction: column
}

@media(min-width:1113px) {
    .footer__wrapper--groupe {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-top: 2.4rem
    }

    .footer__wrapper--groupe:before {
        content: "";
        display: block;
        width: calc(100% - 12.8rem);
        height: .1rem;
        top: 0;
        background-color: rgba(255, 255, 255, .16);
        position: absolute
    }
}

.footer__icon {
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.footer__icon--tiktok {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EE1D52' d='M17.8 9.5a10 10 0 005.7 1.7V7.3a6 6 0 01-1.2-.1v3c-2.1 0-4-.6-5.7-1.7v8c0 4-3.4 7.3-7.5 7.3-1.6 0-3-.4-4.3-1.2a7.7 7.7 0 005.4 2.2c4.2 0 7.6-3.3 7.6-7.3v-8zm1.5-4c-.8-.8-1.4-2-1.5-3.2v-.5h-1.1a5.5 5.5 0 002.6 3.7zm-11.8 14c-.5-.6-.7-1.3-.7-2 0-1.8 1.5-3.3 3.4-3.3l1 .1v-4h-1.1v3H9c-2 0-3.5 1.4-3.5 3.3 0 1.3.8 2.4 1.9 3z'/%3E%3Cpath fill='%23010101' d='M16.6 8.5a10 10 0 005.7 1.8V7.2a5.8 5.8 0 01-3-1.7 5.5 5.5 0 01-2.6-3.7h-3v15.7c0 1.9-1.6 3.3-3.5 3.3-1 0-2-.5-2.7-1.3a3.3 3.3 0 01-2-3c0-1.8 1.6-3.3 3.5-3.3.4 0 .8 0 1 .2v-3.1a7.4 7.4 0 00-7.3 7.2c0 2 .8 3.8 2.1 5.1 1.3.8 2.7 1.2 4.3 1.2 4.1 0 7.5-3.2 7.5-7.2v-8z'/%3E%3Cpath fill='%2369C9D0' d='M22.3 7.2v-.8c-1 0-2.1-.3-3-.9.8.9 1.8 1.5 3 1.7zm-5.6-5.4V1h-4.2v15.7c0 1.8-1.6 3.3-3.5 3.3-.5 0-1-.1-1.5-.4.6.8 1.6 1.3 2.7 1.3 2 0 3.5-1.4 3.5-3.3V1.8h3zM10 10.3v-1a7.4 7.4 0 00-8.6 7.2c0 2.6 1.3 4.8 3.3 6.1a7.1 7.1 0 01-2.1-5c0-4 3.3-7.3 7.4-7.3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M1.5.9h22v24h-22z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M6.3 12.9a6.2 6.2 0 1112.4 0 6.2 6.2 0 01-12.4 0zm6.2 4a4 4 0 110-8 4 4 0 010 8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M6.3 12.9a6.2 6.2 0 1112.4 0 6.2 6.2 0 01-12.4 0zm6.2 4a4 4 0 110-8 4 4 0 010 8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23c)' d='M19 7.9A1.4 1.4 0 1019 5a1.4 1.4 0 000 3z'/%3E%3Cpath fill='url(%23d)' d='M19 7.9A1.4 1.4 0 1019 5a1.4 1.4 0 000 3z'/%3E%3Cpath fill='url(%23e)' fill-rule='evenodd' d='M12.5.9h-5c-1.2 0-2.1.3-2.9.6-.7.3-1.4.7-2 1.4-.8.6-1.2 1.3-1.5 2-.3.9-.5 1.7-.5 3A85.1 85.1 0 001 20.7c.3.8.7 1.5 1.4 2.1.7.7 1.4 1.1 2.1 1.4.8.3 1.7.5 3 .6a85.1 85.1 0 0012.8-.6c.7-.3 1.4-.7 2-1.4.8-.6 1.2-1.3 1.5-2 .3-.8.5-1.7.5-3A85.1 85.1 0 0024 5c-.3-.8-.7-1.5-1.4-2.1-.7-.7-1.4-1.1-2.1-1.4-.8-.3-1.7-.5-3-.6h-4.9zm0 2.1h4.8c1.2.1 1.9.3 2.3.5.5.2 1 .5 1.4.9.4.4.6.8.9 1.4.1.4.3 1 .4 2.2a83.3 83.3 0 01-.4 12c-.3.5-.5.9-1 1.3l-1.3 1c-.4 0-1 .3-2.3.3a83.3 83.3 0 01-11.9-.4c-.5-.2-1-.5-1.4-.9-.4-.4-.6-.8-.9-1.4-.1-.4-.3-1-.4-2.2a83.3 83.3 0 01.4-12c.3-.5.5-.9 1-1.3.4-.4.8-.7 1.3-.9.4-.2 1-.4 2.3-.4h4.8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23f)' fill-rule='evenodd' d='M12.5.9h-5c-1.2 0-2.1.3-2.9.6-.7.3-1.4.7-2 1.4-.8.6-1.2 1.3-1.5 2-.3.9-.5 1.7-.5 3A85.1 85.1 0 001 20.7c.3.8.7 1.5 1.4 2.1.7.7 1.4 1.1 2.1 1.4.8.3 1.7.5 3 .6a85.1 85.1 0 0012.8-.6c.7-.3 1.4-.7 2-1.4.8-.6 1.2-1.3 1.5-2 .3-.8.5-1.7.5-3A85.1 85.1 0 0024 5c-.3-.8-.7-1.5-1.4-2.1-.7-.7-1.4-1.1-2.1-1.4-.8-.3-1.7-.5-3-.6h-4.9zm0 2.1h4.8c1.2.1 1.9.3 2.3.5.5.2 1 .5 1.4.9.4.4.6.8.9 1.4.1.4.3 1 .4 2.2a83.3 83.3 0 01-.4 12c-.3.5-.5.9-1 1.3l-1.3 1c-.4 0-1 .3-2.3.3a83.3 83.3 0 01-11.9-.4c-.5-.2-1-.5-1.4-.9-.4-.4-.6-.8-.9-1.4-.1-.4-.3-1-.4-2.2a83.3 83.3 0 01.4-12c.3-.5.5-.9 1-1.3.4-.4.8-.7 1.3-.9.4-.2 1-.4 2.3-.4h4.8z' clip-rule='evenodd'/%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='a' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--snapchat {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23FFFC00' fill-rule='evenodd' d='M18.7 10.6v.6l.1.1.5.2a3 3 0 001.2-.4h.7c.4.2.6.4.6.7 0 .3-.3.6-1 1h-.4a5 5 0 00-.8.3c-.3.2-.5.4-.6.7-.2.3-.1.6 0 1a3.9 3.9 0 00.4.7l1 1.3c1 1.2 2.2 2 3.6 2.2.2 0 .3.2.3.3v.1c-.3.5-1.3 1-3 1.2H21l-.2.5a9.6 9.6 0 00-.1.8l-.4.2h-.5a6.3 6.3 0 00-2.3-.1c-.3 0-.6.2-1 .4-.2 0-.4.2-.8.5a8 8 0 01-1.4.9 4.1 4.1 0 01-2 .4 4 4 0 01-1.7-.3 6.7 6.7 0 01-1.5-1c-.9-.6-1.3-.8-1.8-.9A5.3 5.3 0 005 22l-.5.1c-.2 0-.3 0-.4-.2a5.2 5.2 0 01-.1-.8l-.2-.4-.1-.1c-1.8-.3-2.8-.7-3-1.2v-.1c0-.1 0-.3.2-.3 1.4-.2 2.5-1 3.5-2A8.7 8.7 0 006 14.9c.2-.5.3-.8.1-1.1 0-.3-.3-.5-.6-.7a5 5 0 00-.8-.3h-.4l-1-.7a.5.5 0 010-.4c0-.3.5-.6.9-.6h.3c.4.2.8.4 1.2.4l.6-.2V11a27 27 0 000-.6v-.1a294.3 294.3 0 010-1.5c0-1.4 0-2.5.3-3.1a5.9 5.9 0 013.1-3.2c1-.4 1.8-.5 2.6-.5h.5a6 6 0 015.8 3.7c.2.5.3 1.2.3 2.1v2.6z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.7 2.4c1 0 4 .2 5.5 3.5.5 1 .4 3 .3 4.6v.8c0 .1.3.4.8.4l1.3-.3h.5c.3 0 .4.2.4.4 0 0 0 .3-.8.7h-.4c-.5.2-1.3.5-1.6 1.2-.2.3-.1.8.1 1.2.1.3 1.7 3.8 5.2 4.4 0 .2-.5.6-2.8 1-.4 0-.5.5-.6 1l-.1.5h-.1a3 3 0 01-.5 0 7 7 0 00-2.3 0c-.8 0-1.3.5-2 .9-.8.6-1.7 1.2-3 1.2h-.3c-1.3 0-2.1-.6-3-1.2-.6-.5-1.2-.9-1.9-1a6 6 0 00-2.4 0l-.4.1h-.1l-.1-.6c-.1-.4-.2-.8-.6-1-2.4-.3-2.7-.8-2.8-.9 3.5-.6 5-4.1 5.2-4.4.2-.5.2-.9 0-1.3-.2-.6-1-.9-1.6-1l-.3-.2c-.7-.2-1-.5-.9-.7 0-.2.4-.4.7-.4h.2c.4.3.9.4 1.3.4.6 0 .9-.3.9-.3v-1c0-1.6-.2-3.5.3-4.6a5.9 5.9 0 015.4-3.6h.5zm0-.5h-.5c-1 0-4.3.2-5.9 3.8-.5 1.2-.4 3.2-.3 4.8v.6l-.4.1c-.3 0-.7 0-1.1-.3a1 1 0 00-.4 0c-.5 0-1 .3-1.2.7 0 .4.1.9 1.2 1.3l.4.2c.4.1 1.1.3 1.3.8.1.2 0 .5 0 .8h-.1c0 .2-1.5 3.6-4.8 4.1-.2 0-.4.3-.4.5v.2c.3.6 1.3 1 3.2 1.3l.2.6.1.6c0 .1.2.4.6.4l.6-.1a6.2 6.2 0 012.1 0c.6 0 1.2.4 1.8.8.8.6 1.8 1.3 3.3 1.3h.2c1.5 0 2.5-.7 3.3-1.3.6-.4 1.2-.8 1.8-.9a6 6 0 012.1 0l.6.2c.3 0 .5-.2.6-.5l.1-.5.2-.6c1.9-.3 2.9-.7 3.1-1.3l.1-.2c0-.2-.2-.5-.4-.5-3.3-.5-4.7-3.9-4.8-4-.2-.4-.2-.7-.1-1 .2-.4.9-.6 1.3-.8h.4c.8-.4 1.2-.8 1.2-1.2 0-.4-.3-.7-.8-.9h-.5a1 1 0 00-.4 0l-1 .3H19v-.6c0-1.7.2-3.7-.3-5a6.4 6.4 0 00-6-3.7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.footer__icon--facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232D79ED' d='M18.5 14.4l.7-4.4h-4.5V7.2c0-1.2.6-2.4 2.6-2.4h2V1.1L15.9 1c-3.7 0-6 2-6 5.8V10H5.5v4.4h4.1v10.5h5V14.4h3.8z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5.9h24v24H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%230F1419' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%230F1419' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

.footer__icon--youtube {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='red' fill-rule='evenodd' d='M24 7a3 3 0 00-2.1-2c-1.9-.5-9.4-.5-9.4-.5S5 4.5 3.1 5A3 3 0 001 7c-.5 2-.5 6-.5 6s0 3.9.5 5.7a3 3 0 002.1 2.2c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 002.1-2.2c.5-1.8.5-5.7.5-5.7s0-4-.5-5.8z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.1 16.5l6.2-3.6-6.2-3.6v7.2z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.footer__icon-groupe {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4rem
}

.footer__icon-groupe:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.footer__icon--lemonde:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M11.2 18.9l-.2.1.2-.1zM4 17.5c.3-.2.7-.4 1.2-.4 1 0 1.8.5 2.7.6l3.2-2-.1-.1-1.2.4c-1.3 0-2-.5-3.1-.5-1.4 0-2.6 1-2.7 2zM18.1 15v-5c0-.4 0-.8.2-1 .2-.6.8-1.1 1.3-1.4l-.1-.1c-.2 0-.6.4-1 .2L16.2 6 14 7.4l-1.8-1.3L10 7.3c-.1-.6-.5-.8-.5-.9l-.7-.3c-.7 0-1.1.2-1.6.3l-1 .4H6V6l.3-.3v-.1l-1 .9s-.6.5-.7 1c0 .3 0 .7.4 1 .5.2 1.1 0 1.1 0l1.1-.3c.2 0 .8-.3.8.3v6c-.1.5-.4.6-.4.7.3 0 1.8-1 1.8-1 .3-.1.5-.4.5-.5.2-.4.2-.9.2-1.4V7.7c0-.3.3-.8 1.2 0l.8.5V17c-.1.5-.3.6-.4.7h.1a185.2 185.2 0 002.2-1.5c.2-.4.2-.9.2-1.4V8c0-.6.3-.9.9-.5l2 1.2c-.8.5-1 1.2-1 2v4.8l.1 1.3c.2.3 1.2.9 1.2.9l2-1.1.6-.4h-.1l-1 .2c-.7-.2-.8-1-.8-1.4z'/%3E%3C/svg%3E")
}

.footer__icon--nouvelobs:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Cpath d='M18.368 7.55c-.123 0-.245-.033-.289-.097-.044-.065-.027-.304-.027-.522v-3.38H15.849v.18c.098.02.26.047.32.148.032.05.047.148.047.29V7.5a.807.807 0 01-.575.164c-.302-.042-.302-.39-.302-.587V3.592l-1.673-.04h-.53v.18c.098.018.26.046.32.147.031.05.047.148.047.29v2.954c0 .564.107.968.321 1.212.214.244.488.366.821.366.313 0 .627-.122.943-.366.195-.151.405-.338.63-.561.016.23.086.431.211.607.143.2.357.3.643.3.272 0 .521-.076.749-.229.228-.153.464-.375.709-.667v-.256a.71.71 0 01-.162.02zM12.836 4.66a1.98 1.98 0 00-.75-.905c-.34-.224-.767-.336-1.284-.336-.557 0-1.042.109-1.454.326a2.24 2.24 0 00-.948.947c-.221.414-.332.91-.332 1.486 0 .482.078.911.235 1.287.157.377.403.674.74.89.336.217.766.327 1.29.327.537 0 1.012-.11 1.427-.331.415-.22.738-.538.97-.952.23-.414.346-.902.346-1.466 0-.468-.08-.892-.24-1.273zM10.89 8.414c-.358.02-.519-.206-.624-.858-.17-1.048-.24-2.03-.343-3.086-.032-.336-.011-.773.353-.793.358-.02.519.206.624.858.17 1.048.24 2.03.343 3.087.032.334.011.77-.354.792zM6.615 1.868v.191s.204.014.318.07c.309.152.392.601.392.989v2.686L4.207 1.868H2.38v.191s.55-.027.55.949L2.91 7.289c0 .387-.088.85-.396 1.001a.6.6 0 01-.229.058v.19h1.662v-.19s-.2-.022-.314-.078c-.308-.152-.392-.594-.392-.98V4.007l3.385 4.581h1.01l.021-5.471c0-.388.088-.85.396-1.001a.6.6 0 01.229-.058v-.19H6.615zM22.35 14.822c-.032-.056-.05-.16-.05-.314V7.724l-2.388.762v.212c.145.039.4.068.4.265v5.544c0 .155-.019.259-.05.315-.063.11-.349.16-.349.16v.195h2.784v-.195s-.285-.05-.347-.161z'/%3E%3Cpath d='M17.241 10.19c.089-.184.206-.276.354-.276.154 0 .268.08.342.243.074.162.13.749.13 1.13 0 .258-.03.407-.088.491-.059.084-.173.142-.342.17l-.504.093a6.532 6.532 0 01-.026-.606c0-.587.045-1.061.134-1.245zm2.615 3.645c-.176.095-.382.207-.529.251a2.269 2.269 0 01-.619.067c-.427 0-.8-.204-1.121-.613-.218-.276-.36-.682-.431-1.215l2.745-.4c.096-.831-.005-1.423-.304-1.776-.298-.353-.742-.53-1.33-.53-.59 0-1.108.13-1.553.387a2.6 2.6 0 00-1.033 1.108c-.243.482-.365 1.046-.365 1.692 0 .515.096.967.287 1.356.192.39.466.69.824.899.72.422 1.724.409 2.463.044.364-.18.714-.589.965-.905v-.365h.001z'/%3E%3Cpath d='M14.312 9.775v.195c.103.006.2.016.293.059.08.037.155.096.204.169.148.223.127.48.078.73-.05.254-.114.462-.188.71-.043.145-.087.287-.133.43l-.397 1.351-.934-3.165c-.013-.045-.03-.099-.02-.147.022-.096.28-.137.28-.137v-.195h-2.773v.195s.246.001.38.13a.856.856 0 01.172.322l1.425 4.755h1.27l.93-3.109c.154-.463.363-1.11.478-1.365.114-.254.237-.402.345-.515.196-.227.49-.218.49-.218v-.195h-1.9zM18.333 18.916c-.384-.612-1.114-.811-1.748-1.122-.217-.107-.449-.217-.621-.392-.212-.213-.24-.654.06-.808.36-.185.798-.013 1.096.192.368.253.609.58.857.952h.232v-1.225a7.042 7.042 0 00-.763-.15c-.613-.086-1.253-.1-1.84.124-.312.12-.573.31-.783.571-.21.261-.314.593-.314.998 0 .35.077.64.231.87.155.229.339.41.551.54.341.208.713.357 1.077.518.273.121.549.305.69.576.142.273.136.721-.213.833-.388.123-.86-.026-1.168-.253-.392-.287-.612-.74-.859-1.15h-.248v1.388c.274.075.57.138.887.186.316.048.65.072 1 .072.419 0 1.368-.063 1.855-.808.177-.27.267-.605.267-1.002.001-.364-.09-.662-.246-.91zM13.906 17.378c-.162-.35-.37-.607-.624-.772a1.475 1.475 0 00-.814-.246c-.544 0-1.026.376-1.381.755v-2.534l-2.228.71v.198c.135.036.374.063.374.247v5.962l1.399-.512c.05.064.106.125.167.182.247.233.56.35.938.35.391 0 .773-.115 1.144-.345.37-.23.675-.574.912-1.033.237-.46.355-1.015.355-1.666 0-.515-.081-.947-.242-1.296zm-1.996 4.106c-.362.02-.524-.206-.63-.854-.146-.884-.213-1.697-.301-2.59-.033-.333-.011-.767.357-.787.362-.02.524.205.63.853.146.885.212 1.698.3 2.59.034.333.012.767-.356.788zM8.514 16.514c-.239-.583-.633-1.11-1.173-1.45-.474-.298-1.027-.447-1.66-.447-.652 0-1.238.156-1.756.468a3.22 3.22 0 00-1.222 1.342c-.78 1.54-.547 3.858 1.02 4.844.474.298 1.026.448 1.66.448.666 0 1.258-.155 1.777-.463 1.573-.936 2.02-3.122 1.354-4.742zM5.888 21.46c-.666.031-.907-.507-1.057-1.565a72.187 72.187 0 01-.4-3.33c-.097-.998.091-1.665.769-1.696.666-.03.907.508 1.058 1.566.16 1.133.29 2.19.4 3.329.096.997-.092 1.664-.77 1.696z'/%3E%3C/g%3E%3C/svg%3E")
}

.footer__icon--lemonde-diplomatique:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M4.4 15l-.1.6.1.2c.3 0 .7-.6.9-.8l.2.1c-.4.5-1 1.4-1.7 1.4-.4 0-.5-.3-.5-.6l.4-1.6c-.5.8-1.5 2.2-2.6 2.2-.8 0-1.1-.9-1.1-1.6 0-1.8 2-4 3.5-4 .5 0 .8.2 1 .5l.6-1.8.2-1c0-.3-.3-.4-.5-.4h-.4V8l2-.3h.1L4.4 15zm-1-3.9c-1.1 0-2.4 2.4-2.4 3.7 0 .4.2 1 .7 1 1 0 2.6-2.6 2.6-3.8 0-.5-.3-.9-.8-.9zm4 4.1v.4c0 .2 0 .2.2.2.3 0 .7-.6 1-.8l.1.1c-.3.5-1 1.4-1.7 1.4-.4 0-.6-.2-.6-.6l.2-.8.6-2.4.3-1c0-.3-.3-.4-.5-.4l-.4.1v-.2l2-.4h.1l-1.2 4.4zm1.2-6.8c.4 0 .6.3.6.6 0 .4-.2.6-.6.6A.6.6 0 018 9c0-.3.3-.6.6-.6zm3 3.8c.5-.7 1.3-1.4 2.2-1.4.8 0 1.3.8 1.3 1.6 0 1.6-1.5 4-3.6 4-.4 0-.8 0-1-.2l-.5 1.4-.2.8c0 .4.6.4 1 .4v.2h-3l.1-.2c.7 0 .9-.2 1.2-1l1.4-5.1.3-1c0-.3-.3-.4-.6-.4l-.3.1v-.2l2-.4-.4 1.4zm-1 3.5c.2.3.6.5 1 .5 1.2 0 2.5-2.1 2.5-3.8 0-.5-.2-1-.8-1-.6 0-1.7.7-2.3 2.8l-.4 1.5zm5.9-.5l-.1.4c0 .2 0 .2.2.2.3 0 .7-.6 1-.8l.1.1c-.3.5-1 1.4-1.7 1.4-.4 0-.6-.2-.6-.6l.2-.8 1.6-5.5.2-1c0-.3-.3-.4-.5-.4h-.4V8l2-.3h.1l-2.1 7.5zm2-.6c0-1.9 1.8-3.8 3.7-3.8 1.1 0 1.8.9 1.8 2 0 1.8-1.6 3.7-3.5 3.7-1.1 0-2-.8-2-2zm4.5-2.3c0-.6-.3-1.2-1-1.2-1.4 0-2.4 2.5-2.4 3.9 0 .7.4 1.2 1 1.2 1.2 0 2.4-2.2 2.4-4z'/%3E%3C/svg%3E")
}

.footer__icon--vie:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='25' fill='none'%3E%3Cpath fill='url(%23a)' d='M4 6.9h16v12H4z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.0119 .01587)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABGCAYAAABSdbNRAAAAAXNSR0IArs4c6QAAEgVJREFUeF7tXHlUU9fWP0kgEi0VozwFH9CnUJ/VlkkEBBRQUYFWW7BqhUKrVUQswqptoZal7RJKBwahDKII2oWr1WpVHGpVEFQ0QAKIIMZWlKEoQxmUQEKSb+37GZrhTgkB+8c7fyl3n+l399nD7+wbhrW1tRz9r+kNAcb/ANUblthA/whAWSwWMjU1RS+//DKaMmUKGhgYQEKhEP3xxx9IKpXqd8ejPBptQF944QUUHh6Ofv75Z/T777/rZVkTJ05Ea9euxcbFayKRCHve2Niol/nGYhBKQDkcDvrggw/Qhg0bsPXU19ejdevWIblcd9MLY0ZGRmLj0Gk+Pj7o0aNHdESfuwwhoOPGjUNBQUHoww8/1FjkmjVr0J07d3RavJOTE9q/f79WfeHoBwQEIJlMplW/5yFMCGhqairy9PTEXRMcwTfffFOrDTIYDPTee+9hmqlLg758Pl+XrmPahxDQyZMno8uXLxMuJjg4GNXU1NBaLIC5adMmQltJZ5Du7m7k7e39j3dSpDb0008/JbRzbW1taMWKFbS0FIBITk7WwA2czvbt21FlZSWSSCQIvH1iYiJaunQpLsZgfq5cuUIH/+cmQwrohAkT0PXr1wkXt3HjRlReXk66eIgOrl27piFz/PhxtGfPHjQ0NKTyjGxOCKHmz5+v0ee5oYczMaWXf//99wntHhxDLy8vUi2NiopCoaGhKlMfOnQIJSUlEUYKmzdvJjQPu3fvRvAy/qmNElA2m02qhRBD4mkgbBhsZ2ZmJnJ1dR3ef0NDAxZbEnlsMzMzVFBQgLhcLiFmoKWDg4P/SEwpAYVV+/v7Y8cTr4EddHNzI3QWAKq1tTVKT09H06ZNw6IDCIPUG8iBTU5ISKAEKiMjA2VnZ1PKPQ8BWoAaGBigsrIyBNqK1+BYk0UE0IfJZGLAgzarayeMC84InBfdBmM9efKErviYydECFFazYMEC7PjiNXAWELDrkndDDn/s2DFkYmKiMvTJkydRXV0diomJwZ3zxx9/RPHx8WMGFN2JaAMKGnbu3Dns2OI12PjZs2fpzovJWVpaotOnT2v0AbsM0QWYgaKiIg2wFR1Aozs7O7Wac7SFaQMKC5kzZw7mMIiao6Mj7ZAGnA6Apd5WrlypQobY2dmh/Px83CnBzIC50bWx2exWLpfbOWXKlAEYo6Ojw6izs9NUIpHgaw2NibQCFDTmyJEjaPbs2bhD0w1pIIAHbVbXdry4Fk4GmZb6+vqilpYWGlv9fxEOh/Nwy5YtnevWrbNms9nGeB3FYnFvbm6uMDc3d+rg4OC/aQ+uCx9qZWWFTp06RTjHvHnzsKyHrC1atAjt3btXRaSvrw95eHjgxqZkcalAIMA4Air2a9y4cc2ZmZn9jo6OL2sDUGlpaX1UVBRXIpFMpdNPKw1VDAhhC3hZvAbemswsgJafP39eQzvPnDmDYmNjccf84osvEJgCohYYGIgR0niNwWBI33333ero6GgHOoAQyEgjIiKqS0tLKcfQCVBg1S9dukS4PrLA28jICN28eVOjL3ADy5cv19A0qsQCBiJivwwNDdtOnTolMTc3txgBmMNdi4qK6qKiomzkcrkh0Xg6AQqDff755wg0A68B9Zebm4v7jCi3B2EI7FtbW4f7gf0EjQeCmaxBiPXll1+qmBoOh9NYUlIyhc1mv6APMBVjNDQ03F+zZo2ZXC43wj0Rul7SGRsbo6tXrxKu1cXFBUEWpd7INA7ABBYf7CmkoJCdgZdXNDALfn5+w/+HJAEcoTqbD/ayrKxsCovFwt30SAEWCoX3V69e/W88TdVZQ2FRZM5i37596Pvvv9dYO5ENpbNJcHhgS4EL2LFjB3bU1Z0Rk8nsu379uoTD4RCTAXQmo5CB4799+/ZX1MVGBChck/B4PMKpidJDPC9PtceUlBR08OBBLIUFEIm8+tdff3172bJlc6jGy8/Pr0pPTzcVi8XTGQyGzMrKqvbo0aOWbDZbNWUjGWjHjh38CxcuqDiqEQEKc61atQo7dngNaLrvvvtO4xHEob/++it2dUyndXV1YaSzOneq3nfy5MkNly9fnkU2plgsfrJ48eJHvb29M9XlDAwMOoqLi2XGxsb/orMuhJDc1dX1QX9//0sK+REDCsQJaCmAhNcWLlyIenp6NB6Zm5tjqSxVE4vFaPHixai3t5dKFDiBBzY2NlYkglJnZ+fWgYEBQq/PZrNbysvL4U3jM0Fqg7e2tjavWLFiOPgfMaAwPoCWlpaGu4/i4mLsmkNxROHIwksAoGbMmIGA5CBisaDvJ598ghU+ULVnQEwnk0tJSak4ePDgPKqxXFxcBNnZ2fZUcornoaGhfIFAgB19vQBKlR6Cd4bMCICDe6p79+5hjD00Q0NDjLaDu38bGxssMoDc/ZdffkEQm8KLgPFffPFFBDcERM3Pz688Pj7eiQwEb2/v+s7OTvy8Wa1jYWFhk4WFBa34VSQSdbu6uhrL5XKWXgCFtbz66qvohx9+oPtSETgmdYAgAlB2Ngpy+ttvv0VTp04lJbLz8/OFdnZ2NmQLcHJyagEnRGeRlpaWdadPn9bw4kR9V69eXXX37l07vQEKmz969CimZXQakCNEXCf0hzgU2Ht7+79P3scff4w5M7wmEAj6mUzmeLK5PTw8Gnp7e0mdFoPBGPTx8alNSEiYy2KxxtHZS19fX8dbb73V/vjx49l6AxQmhhNSWFhIZw2oqqoKIzXU2ftJkyZhOT1RdoRHvsDLhPGoWlhYWHlZWRmRWZA7ODiA7bQhYqHUx4eIISIi4i6Px7OF4643G6o8EVmwr5AD0wA2VJnhHz9+PAoLC0MhISGkuHz11VcYhajcWCxWP5/PJ9VOkK+pqbkXHBxsrT6BlZVVzaFDh8xMTEzoxXEIST777LOaM2fOzJXL5SparFcNxd4Qg4G2bds2XFymvHhwMlu3bsWckqIBGwRvF64zlNNKMlTV01omkykRCASEhIXyWI6Ojo+HhoawOJPL5d49ePCg0UsvvWRJpd3PnsuzsrJAi61lMtmLeH30DqhikunTp6M33ngDY/mhYg9sH9x2Ko44aNXbb79dv379ejN/f39zuFOiWxUSFxeHgBBRbtXV1bQwycvLE2RlZU1OS0sbcHJyos2Nnj59+tauXbumKl4G0WSjBijhhAyGZNGiRdVJSUlzWCwWB+Ts7OyG5HK5AV5RhPI4t2/fRuCYmpubsZOgHBEUFRW1cblcna8uiNZbWVkpjIiIYPf395MlDH+fOF3ZJlrqoCY0d+5cwf79+//D4XBU8uUFCxbcf/r06X/AjsJ1tXqD8ArqmqA4TQEiFLMpX9DFx8dX+/n52eqyLrw+TU1ND0NCQkSdnZ2kUQGTyXwqk8kmDJuwsQDU1NS07siRI1xTU1NcDQoODq6oqanBMhio6vvoo4+G9wiZ0m+//TbswCDAh+QA7O2SJUtQe3s7Jmtvb1+Rl5dHmQVRAd7X19ceFBT0Z2Nj42tUsgwGQ1xVVWVw7dq1Ozt37mR1dXXNGpMjD6xMUFAQ4fXBgQMHKvfu3esIG1DwpVADACQ1pKiKvwPYygXAwIcqyskNDQ0fVVRU0Lr3wQNKLBb3bd26Vcjj8SDwZVCBCc8tLCxqCgsLh4Fvb2//c0wAtbW1rTh06BCh9jQ2NjauXLlymLEBWlBRuwRpJ5AjwNzjETDg+B48eIDtv7Cw8KGFhQVdj431kUqlgzt37qw9d+6cRghEBeq+ffsanJ2dVUzCmABqZGT08ObNm2Qbldna2jKVNwBOByIEIF3ICseUa/7t7e0r8/LyME2n2+bNm9cpkUgm05VXyE2cOFFYUlKikRaOCaCwiOrqaigENSBa+Pz585uV78AdHBwwQplOAwYfgAWbxufzh6hSUOUxU1NTBbm5ubSZJejLYrH+AnPD4XAmqa9vzAAtKCgQzpkzhzDRDwgI4N+7d2/YzsJRh5tVMu1UbEa5mtrHx6fim2++0co5vf7667UPHz6cS+flga2+ePEiw8TEBJeEHjNA165dWx4TE0NIryUlJZXn5+erPNeGwYIafrieBnKDx+MNsNnsiXQAeiYjW7t27a36+nrSsGvWrFnVR44c+S8ZaaI1oAYGBn8NDQ1pqDrV4s3MzGrOnz9PGIpUVVUJQ0JCVDRYGwZLuU51xowZNSdOnKAMe9TXDOFPbGwss7u7eziDgtR42rRpd5KTkzmzZ8+eQbVP2oCCET5w4IChjY3NdA8Pjwe9vb0aJAPZZCwWq4fP5xNqjVQqFTs4OGhcOwCrf+LECap9YM/hJvTChQvYv1NSUuq8vLxo85lqEwy1t7e3s1gsBpfLhVCMVhjV1dXVRgmokZFRc2pq6hMXF5f/KiaVSqUD7u7uj+imY4p+N27c6OFwOISgOjo6tg8NDakwPqClUK3s7OxMC1QFvQcZTElJicjY2HgKrY4jFJJKpSIXF5e/CAGFG8CYmJjWwMBA3KMDXKCbm1uvWCw2p7uWhISEGl9fX8Kj6OvrW93S0qJhx6BKj4hYVp9bmd6De6YbN25MHq2CB2UF8/Dw+BPSZw1AoVAgNDRUGBkZCRvDv8p8NpJIJPrL3d1dOjQ0REsLXF1dy7OysggdU1xcHO/kyZPz8V4QsPdQukingTYrLvYmTJhwv7S01Gy0QIX7JE9Pzz7FTeowoBDD+fj43NKG+ofNdXd3P/by8honk8kovaqxsbHw6tWrhKHTtWvX6sLDw3Htnjb0nnrVCpTmXLlyZby+q0mAidq4ceNUZW5UGVDJgQMHGh0dHeldCimpSmtra4u/v/8kqVRKypqDx6yqqiLUejAjTk5OhMVd0dHRlIy+YllQa6p8l89kMp+kp6c3u7m5DfsCOtqOJwM+JCwsrI7H42nwEypHnsFg6AzqswKq6XK5nLRAoLCw8IGFhQUht+jg4PBEKpXigkpE7+FtGiKDXbt2aTyCkKqgoMBSnUKkC25OTo4gIyPDRiaT4a5Rw4YCqGlpafc8PDxo3V8rLwSOwIYNG2bK5XKVvFxZZvPmzZXh4eGE+faSJUtut7e3E9YmwZ0TaCqdpkzvKcvDSbGzs6uOj4//l7m5OZ2Sb3FOTk5tdna2OVX9Pa6Xh+KplJSUO56enlrHccXFxXWRkZGE/WbOnCk4fvw4Ye4cHR3Nu3TpEq5jAlDoFOAqwFOm94heAKSSr7zyShN8NmRrazuey+WOE4lE0ra2toGrV68O3LhxY0JHR8dsMiVReVlEBPNIQP3pp59u7dmz51W8TRgYGDyurKwkLMY6e/ZsTUxMDGmWQ/Zln/qcINvU1ERHofUiQxrYjwTUjIyMquzs7L+rZZWWy+fzRYr7JPVdQNGAu7s7aRhGVaCmPKY+ftJDG6QpMyUYLC4u7lZAQACuxpFNtnv3btzjnZGRUefm5kZoFuzt7QdlMhlp1Ya7uztuQS/eehT0njbA6CpLC9CRgLpt2zZBSUmJis1cvnw5LzExkdBOLly48G5PTw/pFS9VgZoyINr8WIKuQCr60QZ0JKCuX7++ura2djil5HK59UVFRYRRxKZNm8pv3rxJWkkH63nttdfQ4cOHaWGgoPdoCY9ASCtAYZ7o6OjqkJAQra9rV65ceauxsREzG0wmc0AgEBB+UFBQUMBPTEyk/iaIwcB+jAAYKaoG9B548tH+ZR2tAYWFh4WFVW3ZsgXX4ZBsTLZ06dIGqFADmYsXLz4yNTXFvaVsa2trXrZsGZ34EAOTit6D2lSopxqLHy3QCdARgCpZuHBhY09Pjw3V1bKdnR1W80SleUDv5eTkYJ+Xqzeo8c/KykJPnz6lGkZvz3UGVFdQIQ92c3Nrs7Gx6Th8+DDh3Y+Li0ujSCQavlom2zHUksLnjooGn4xDkS5ZxbPeEFQbaESAwlhr1qwRxMbGanVrCCTIO++803Ts2DFCx7R+/fqK2tpa2pdtcG8PH6PhfQg2WuDhjTtiQEcAaj+bzSZkp7KysiozMzNp37FDsA/1plRfJY82uHoBVFdQyTYnFAr/CAwMpHbfo42QluPrDVCY18/PTxAfH6/V8SdZr9TW1pbSKWm531EX1yugsFpvb29BcnKyXkB1cnJq1ebOatTRojGB3gHVJ6irVq0S3L9/Xy8vhwYWehEZFUD1BWpiYmJ5QUEBZQqqFyT0NMj/AWu639yjB1ZkAAAAAElFTkSuQmCC' id='b' width='84' height='70'/%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--huffington-post:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2316141E' d='M9.6 21H3V3h9.8L9.6 21zM21 3h-6.6l-3.1 18H21V3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M3 3h18v18H3z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--courrier-international:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M17.7 12.5l-.7.7h-.3l-.7-1s-.1-.1-.1 0c-.1 0-.1 0 0 .1l.7 1 .2.2.4-.2h.1s.1 0 0 0l-.1.6-.3.3v.1c-.2 0-.2.1-.2.2v.7l-.1.1h-.2l-.1.2v.2c-.7 1.3-.5 1.7-1.4 1.7-.2 0-.4-.8-.5-1.2l-.1-.5v-.1l.1-.2v-.1l-.4-.4v-.2h-.1v-.3l-.1-.2-.3-.1h-.9l-.2-.1-.5-.6v-.9l.8-.7h1.5v.2h.3l.3.2h.1V12l.1-.1h.2l.2.1h.5v-.4h-.5l-.1-.1.4-.3h.3l.1-.2-.3-.2h-.4v.4h-.2l-.1.2v.2H15l-.1-.2v-.2l-.3-.2h-.2l.3.3v.2l-.2.1-.3-.5h-.3l-.1.2h-.1l-.1.2-.4.1H13l-.2-.2V11h.8v-.3h.2l.5-.4V10h.1v.2h.5V10l.1-.1h.1v-.2l.2-.1H15v-.4h-.1v.3l-.1.1-.1.1v.4h-.1l-.2-.2c-.1.1-.1.1-.1 0v-.3l.4-.5h.7v.2h.2v-.1l.1-.1V9l-.4-.5c.1-.1.1-.1.2 0l.2.2h.1c.1.2.2.2.3.1v-.3l-.3-.3V8l.1-.2c1.2 1 2 2.3 2.3 3.8H17l-.1.1v.3l.1.1h.1l.2-.2h.2l.2.2v.4zM11 8.4v-.2l.3-.3h.4l.2-.1.2-.4v-.2h-.7l-.2.4H11l-.2.1h-.2l-.1.2-.4.9H10l-.2.2h-.2l-.2-.1v-.1l-.7-1.4c1-.6 2-.9 3.3-.9h.2V7l.6.2h.1v.2l-.4.7h-.3l-.2.2v.1h-.1l-.8.1H11zm0 6l-.2.3-.4.8-.1.3L9 17.3v.1h.2l.1.2h-.9v-2c0-.1 0-.2.2-.2h.1c.1 0 .2 0 .2-.2v-.1l-.2-.2h-.1l-.2-.1v-1l-.2-.1H8l-.3-.1L7 13l-.2-.2-.4-.7-.2-.1H6l-.2-.1a6.4 6.4 0 012.5-4.2v1l.2.3.3.2h.5l.1.2v.2L9 10h.3l.1.2v.6l.2.1h.2s.2 0 .2.2H9l-.3.2-.3.2-.2.3v.9l-.1.1-.2-.1V12s0-.2-.2-.2h-.4l-.1.2v.7l.7.5h1.3l.3.1 1.3.7v.2h.1zM13.2 9h.2v.2h-.2l-.1-.1zm.2 1.1l-.2.2v-.1l.1-.2h.1v.1zm.1 0v-.4h.1v.2l.2.2v.1l-.2.1h-.1v-.1h.1zm1-1.9l.1-.1v.1h.1v.1l-.1.1-.2-.2zM12 6a7 7 0 100 14 7 7 0 000-14z'/%3E%3C/svg%3E")
}

.footer__socials-label {
    color: #16141e;
    text-transform: uppercase;
    font-size: 1.8rem;
    letter-spacing: .01em;
    line-height: 2.16rem
}

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

html.fonts-loaded .footer__socials-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .footer__socials-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .footer__socials-label {
    color: #16141e
}

@media(min-width:1113px) {
    .footer__socials-label {
        font-size: 2.2rem;
        line-height: 2.64rem
    }
}

.footer__socials-list {
    margin-top: 1.6rem;
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

@media(min-width:360px) {
    .footer__socials-list {
        white-space: normal;
        overflow-x: hidden
    }
}

@media(min-width:600px) {
    .footer__socials-list {
        margin-top: 0;
        margin-left: auto
    }
}

.footer__socials-item {
    width: 4.8rem;
    height: 4.8rem
}

.footer__socials-item:not(:last-of-type) {
    margin-right: .8rem
}

.footer__socials-link {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4.8rem;
    border: .1rem solid #f3f3f4;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

[data-color-mode=dark] .footer__socials-link {
    border: .1rem solid rgba(255, 255, 255, .05)
}

[data-color-mode=light] .footer__socials-link {
    border: .1rem solid #f3f3f4
}

[data-color-mode=dark] .footer__socials-link {
    background-color: #1c1a26
}

[data-color-mode=light] .footer__socials-link {
    background-color: #fff
}

.footer__socials-link:hover {
    border: .1rem solid;
    border-color: #2b293d
}

[data-color-mode=dark] .footer__socials-link:hover {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .footer__socials-link:hover {
    border-color: #2b293d
}

.footer__main-content {
    background-color: #2b293d;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem
}

@media(min-width:1113px) {
    .footer__main-content {
        padding-bottom: 3.2rem
    }
}

@media(min-width:600px) {
    .footer__main-category {
        display: flex
    }
}

@media(min-width:1113px) {
    .footer__main-category {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 7.2rem;
        gap: 7.2rem
    }
}

.footer__main-category-list+.footer__main-category-list {
    margin-top: 3.2rem
}

@media(min-width:600px) {
    .footer__main-category-list+.footer__main-category-list {
        margin-top: 0
    }
}

@media(min-width:600px) {
    .footer__main-category-list {
        width: 36.8rem
    }

    .footer__main-category-list:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media(min-width:834px) {
    .footer__main-category-list {
        width: 24.6rem
    }
}

@media(min-width:1113px) {
    .footer__main-category-list {
        width: 22.6rem
    }

    .footer__main-category-list:not(:last-of-type) {
        margin-right: 0
    }
}

.footer__main-category-item {
    line-height: 1.3;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #fff
}

.footer__main-category-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-category-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-category-item:hover {
    color: rgba(255, 255, 255, .8)
}

.footer__main-category-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:600px) {
    .footer__main-category-item:not(:last-of-type) {
        margin-bottom: 2.4rem
    }
}

.footer__main-category-item-title {
    color: #fff;
    line-height: 1.2;
    font-size: 2rem;
    letter-spacing: .01em;
    margin-bottom: 2.4rem;
    text-transform: uppercase
}

.footer__main-category-item-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-category-item-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .footer__main-category-item-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .footer__main-category-item-title {
    color: #fff
}

@media(min-width:600px) {
    .footer__main-category-item-title {
        margin-bottom: 3.2rem
    }
}

.footer__main-category-item-platform .footer__main-category-link-img {
    margin-left: 8px
}

@media(min-width:1113px) {
    .footer__main-cta {
        margin-left: auto
    }
}

.footer__main-cta-container {
    border-top: .1rem solid rgba(255, 255, 255, .16);
    margin-top: 3.2rem;
    padding-top: 2.4rem
}

@media(min-width:1113px) {
    .footer__main-cta-container {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

.footer__main-label {
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: 1.6rem
}

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

html.fonts-loaded .footer__main-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-form-input {
    border: .1rem solid #d0d0d0;
    border-radius: .4rem;
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #737278;
    padding: 0 1.6rem;
    height: 5.2rem;
    width: 100%
}

.footer__main-form-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-form-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-form-input-container {
    position: relative;
    width: 100%
}

.footer__main-form-input-submit {
    position: absolute;
    right: 0;
    height: 5.2rem;
    letter-spacing: .01em;
    background-color: #1c1a26;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
    width: 5.3rem
}

.footer__main-form-input-submit {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-form-input-submit {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-app-list {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    flex-direction: column;
    grid-gap: .8rem;
    gap: .8rem
}

@media(min-width:1400px) {
    .footer__main-app-list {
        white-space: normal;
        overflow-x: hidden;
        flex-direction: row;
        grid-gap: 0;
        gap: 0
    }
}

.footer__main-app-item {
    width: 15.5rem;
    height: auto;
    display: block;
    margin-right: 1.6rem
}

.footer__main-app-link {
    width: 15.5rem;
    height: auto;
    display: block
}

.footer__main-app-media {
    width: 15.5rem;
    height: auto;
    display: block
}

.footer__bottom-links-list {
    -webkit-columns: 12.8rem 2;
    -moz-columns: 12.8rem 2;
    columns: 12.8rem 2;
    width: 100%
}

@media(min-width:360px) {
    .footer__bottom-links-list {
        -webkit-columns: 15.5rem 2;
        -moz-columns: 15.5rem 2;
        columns: 15.5rem 2
    }
}

@media(min-width:600px) {
    .footer__bottom-links-list {
        -webkit-columns: 26.6rem 2;
        -moz-columns: 26.6rem 2;
        columns: 26.6rem 2
    }
}

@media(min-width:834px) {
    .footer__bottom-links-list {
        -webkit-columns: 38.1rem 2;
        -moz-columns: 38.1rem 2;
        columns: 38.1rem 2
    }
}

@media(min-width:1113px) {
    .footer__bottom-links-list {
        display: flex;
        width: auto
    }
}

.footer__bottom-links-left {
    margin-right: 1.6rem
}

@media(min-width:1113px) {
    .footer__bottom-links-left {
        margin-right: 3.2rem
    }
}

.footer__bottom-links-item {
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8)
}

.footer__bottom-links-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__bottom-links-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__bottom-links-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:1113px) {
    .footer__bottom-links-item:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 3.2rem
    }
}

.footer__bottom-links-title {
    border-top: .1rem solid rgba(255, 255, 255, .16);
    padding-top: 2.4rem;
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8);
    width: 100%
}

.footer__bottom-links-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__bottom-links-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .footer__bottom-links-title {
        width: auto;
        padding-top: 0;
        border: none;
        margin-bottom: 0;
        margin-right: 4rem
    }
}

.footer__bottom-links--groupe {
    margin-top: 2.4rem;
    padding-bottom: 2.4rem
}

.footer__bottom-link {
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8)
}

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

html.fonts-loaded .footer__bottom-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__bottom-link:hover {
    color: rgba(255, 255, 255, .6)
}

.footer__group-links-list {
    width: 100%;
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .footer__group-links-list {
        -webkit-columns: 26.6rem 2;
        -moz-columns: 26.6rem 2;
        columns: 26.6rem 2
    }
}

@media(min-width:834px) {
    .footer__group-links-list {
        -webkit-columns: 38.1rem 2;
        -moz-columns: 38.1rem 2;
        columns: 38.1rem 2
    }
}

@media(min-width:1113px) {
    .footer__group-links-list {
        display: flex;
        width: auto;
        align-items: center;
        margin-top: 0
    }
}

.footer__group-links-item {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.footer__group-links-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:1113px) {
    .footer__group-links-item:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 4rem
    }
}

.footer__group-link {
    display: flex;
    align-items: center;
    width: 100%
}

.footer__group-link:hover .footer__group-name {
    color: rgba(255, 255, 255, .6)
}

.footer__group-name {
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8);
    margin-left: 1.6rem
}

.footer__group-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__group-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .footer__group-name {
        margin-left: .8rem
    }
}

#scroll-to-comments {
    scroll-padding-top: 8.1rem
}

@media(min-width:1024px) {
    #scroll-to-comments {
        scroll-padding-top: 11.7rem
    }
}

.comments {
    color: #16141e;
    border-color: #dad9db;
    margin: 3.2rem 0 4.8rem;
    font-size: 1.6rem;
    line-height: 1.3;
    border-bottom-style: solid;
    border-bottom-width: .1rem
}

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

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

[data-color-mode=dark] .comments {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments {
    color: #16141e
}

[data-color-mode=dark] .comments {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .comments {
    border-color: #dad9db
}

@media(min-width:600px) {
    .comments {
        margin-top: 4.8rem
    }
}

.comments__head {
    border-color: #dad9db;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.6rem;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    border-bottom-style: solid;
    border-bottom-width: .1rem
}

[data-color-mode=dark] .comments__head {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .comments__head {
    border-color: #dad9db
}

.comments__head .comments__globalRatings {
    padding: 0
}

html.app .comments__head {
    margin-top: 4rem
}

.comments__title {
    color: #16141e;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .05em
}

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

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

[data-color-mode=dark] .comments__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments__title {
    color: #16141e
}

@media(min-width:600px) {
    .comments__title {
        font-size: 4rem
    }
}

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

.comments__globalRatings {
    display: flex;
    align-items: center;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

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

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

@media(min-width:600px) {
    .comments__globalRatings {
        padding: .8rem 0
    }
}

.comments__globalRatings--reader-critics {
    flex-direction: column;
    align-items: flex-start
}

@media(min-width:360px) {
    .comments__globalRatings--reader-critics {
        flex-direction: row;
        align-items: center
    }
}

.comments__globalRating {
    color: #16141e;
    position: relative;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 1.2rem;
    line-height: .8;
    font-family: "Telerama Pictos2012A";
    font-size: 1.7rem;
    color: #01b0b9
}

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

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

[data-color-mode=dark] .comments__globalRating {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments__globalRating {
    color: #16141e
}

.comments__globalRating:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 83%;
    height: 100%;
    margin: auto;
    background-color: #fff
}

.comments__globalRatingHeading {
    color: #16141e;
    font-size: 2rem;
    letter-spacing: .01em;
    line-height: 1.2;
    margin-right: .8rem
}

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

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

[data-color-mode=dark] .comments__globalRatingHeading {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments__globalRatingHeading {
    color: #16141e
}

@media(min-width:600px) {
    .comments__globalRatingHeading {
        font-size: 2.2rem
    }
}

@media(min-width:1113px) {
    .comments__globalRatingHeading {
        font-size: 2.4rem
    }
}

.comments__globalRatingOutOfFive {
    color: #16141e;
    border-color: #dad9db;
    font-size: 2rem;
    letter-spacing: .01em;
    line-height: 1.2
}

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

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

[data-color-mode=dark] .comments__globalRatingOutOfFive {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments__globalRatingOutOfFive {
    color: #16141e
}

[data-color-mode=dark] .comments__globalRatingOutOfFive {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .comments__globalRatingOutOfFive {
    border-color: #dad9db
}

@media(min-width:360px) {
    .comments__globalRatingOutOfFive {
        margin-left: 1.2rem;
        padding-left: 1.2rem;
        border-left-style: solid;
        border-left-width: .1rem
    }
}

@media(min-width:600px) {
    .comments__globalRatingOutOfFive {
        margin-left: 1.6rem;
        padding-left: 1.6rem;
        font-size: 2.2rem
    }
}

@media(min-width:1440px) {
    .comments__globalRatingOutOfFive {
        font-size: 2.4rem
    }
}

.comments__globalRatingLabel {
    color: #16141e;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .01em
}

[data-color-mode=dark] .comments__globalRatingLabel {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .comments__globalRatingLabel {
    color: #16141e
}

@media(min-width:600px) {
    .comments__globalRatingLabel {
        font-size: 2.2rem
    }
}

@media(min-width:1440px) {
    .comments__globalRatingLabel {
        font-size: 2.4rem
    }
}

.comments__globalRatingStats {
    color: #737278;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

[data-color-mode=dark] .comments__globalRatingStats {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .comments__globalRatingStats {
    color: #737278
}

@media(min-width:600px) {
    .comments__globalRatingStats {
        font-size: 2rem;
        line-height: 1.2
    }
}

.commentsFeed {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #16141e
}

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

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

html[data-color-mode=dark] .commentsFeed {
    color: rgba(255, 255, 255, .9)
}

.commentsFeed--user-critics {
    margin-top: -2.4rem
}

.commentsFeed__order {
    padding-bottom: .8rem;
    border-bottom: .1rem solid #dad9db
}

html[data-color-mode=dark] .commentsFeed__order {
    border-color: rgba(255, 255, 255, .16)
}

#comments-feed-container .commentsFeed__order {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.commentsFeed__list {
    display: none
}

.commentsFeed__list--shown {
    display: block
}

.commentsFeed__entry {
    margin: 0;
    padding: 2.4rem 0;
    letter-spacing: .01em;
    border-bottom: .1rem solid #dad9db
}

html[data-color-mode=dark] .commentsFeed__entry {
    border-bottom: .1rem solid rgba(255, 255, 255, .16)
}

@media(min-width:600px) {
    .commentsFeed__entry {
        padding: 3.2rem 0
    }
}

.commentsFeed__entry:last-child {
    border-bottom: none
}

.commentsFeed__list .commentsFeed__entry {
    margin: 0
}

.commentsFeed__list .commentsFeed__entry::before {
    content: none
}

.commentsFeed__subheading {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .01em;
    margin-bottom: .8rem;
    color: #16141e
}

[data-color-mode=dark] .commentsFeed__subheading {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsFeed__subheading {
    color: #16141e
}

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

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

@media screen and (min-width:600px) {
    .commentsFeed__subheading {
        font-size: 1.6rem;
        line-height: 1.3
    }
}

.commentsFeed__entryAuthor {
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem
}

.commentsFeed__entryAuthorAvatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding-left: .2rem;
    margin-right: 1.6rem;
    background-color: #f4c5d3;
    border-radius: 50%;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3
}

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

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

html[data-color-mode=dark] .commentsFeed__entryAuthorAvatar {
    color: #16141e
}

@media(min-width:600px) {
    .commentsFeed__entryAuthorAvatar {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.6rem
    }
}

.commentsFeed__entryAuthorName {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

@media(min-width:600px) {
    .commentsFeed__entryAuthorName {
        font-size: 2rem;
        line-height: 1.2
    }
}

.commentsFeed__entryRating {
    display: flex;
    align-items: baseline
}

.commentsFeed__entryRatingLabel {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-left: .6rem;
    letter-spacing: .01em
}

@media(min-width:600px) {
    .commentsFeed__entryRatingLabel {
        font-size: 2rem;
        line-height: 1.2
    }
}

.commentsFeed__entryRatingLabel--user-critics {
    color: #737278
}

[data-color-mode=dark] .commentsFeed__entryRatingLabel--user-critics {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsFeed__entryRatingLabel--user-critics {
    color: #737278
}

.commentsFeed__entryRatingNote {
    display: flex;
    align-items: center;
    font-family: "Telerama Pictos2012A";
    font-size: 1.7rem;
    height: 1.2rem;
    line-height: 1.4;
    color: #01b0b9;
    position: relative;
    top: 0;
    z-index: 1
}

.commentsFeed__entryRatingNote:before {
    content: "";
    width: 83%;
    height: 100%;
    display: block;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    z-index: -1
}

.commentsFeed__entryText {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em
}

@media(min-width:600px) {
    .commentsFeed__entryText {
        font-size: 2rem
    }
}

.commentsFeed__entryDate {
    display: block;
    margin-top: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #737278
}

html[data-color-mode=dark] .commentsFeed__entryDate {
    color: rgba(255, 255, 255, .6)
}

.commentsFeed__entrySocial {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.4rem
}

.commentsFeed__entrySocial--user-critics {
    margin-top: 1.6rem
}

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

.commentsFeed__entrySocialLikesAction {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    border: .1rem solid #dad9db;
    border-radius: 6.4rem;
    padding: 0 1.6rem;
    margin-right: 1.2rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    cursor: pointer
}

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

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

.commentsFeed__entrySocialLikesAction:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 1.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.commentsFeed__entrySocialLikesAction--liked:hover {
    border-color: #16141e
}

.commentsFeed__entrySocialLikesAction--liked::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.974 10h-4.828V5c0-.53-.213-1.04-.593-1.414A2.04 2.04 0 0012.12 3h-.097a.91.91 0 00-.917.905c0 .714-.213 1.412-.616 2.006L7.56 10H5.027a2.04 2.04 0 00-1.433.586C3.214 10.96 3 11.47 3 12v6c0 .53.214 1.04.594 1.414.38.375.895.586 1.433.586h2.026l3.811.94c.161.04.326.06.492.06h4.07c.377 0 .746-.103 1.066-.299.32-.195.58-.474.748-.807l3.546-7a1.978 1.978 0 00-.089-1.946 2.015 2.015 0 00-.737-.695 2.047 2.047 0 00-.986-.253z' fill='%2316141E'/%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .commentsFeed__entrySocialLikesAction:hover {
    border-color: rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .commentsFeed__entrySocialLikesAction:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .commentsFeed__entrySocialLikesAction--liked::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.974 10h-4.828V5c0-.53-.213-1.04-.593-1.414A2.04 2.04 0 0012.12 3h-.097a.91.91 0 00-.917.905c0 .714-.213 1.412-.616 2.006L7.56 10H5.027a2.04 2.04 0 00-1.433.586C3.214 10.96 3 11.47 3 12v6c0 .53.214 1.04.594 1.414.38.375.895.586 1.433.586h2.026l3.811.94c.161.04.326.06.492.06h4.07c.377 0 .746-.103 1.066-.299.32-.195.58-.474.748-.807l3.546-7a1.978 1.978 0 00-.089-1.946 2.015 2.015 0 00-.737-.695 2.047 2.047 0 00-.986-.253z' fill='%23fff'/%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.commentsFeed__entrySocialLikesIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 1.2rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .commentsFeed__entrySocialLikesIcon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.146 10h4.828c.345 0 .684.087.986.253.302.166.556.405.737.695a1.98 1.98 0 01.09 1.946l-3.547 7a2.01 2.01 0 01-.748.807c-.32.196-.69.3-1.066.299h-4.07c-.166 0-.33-.02-.492-.06L7.054 20H5.026a2.04 2.04 0 01-1.433-.586A1.987 1.987 0 013 18v-6c0-.53.214-1.04.594-1.414A2.04 2.04 0 015.027 10H7.56l2.93-4.089a3.575 3.575 0 00.616-2.006c0-.5.41-.905.917-.905h.097c.537 0 1.053.21 1.433.586.38.375.593.884.593 1.414v5zm0 0H12.12' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.commentsFeed__entrySocialLikesCount {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    padding: 0 1.6rem;
    border-radius: 6.4rem;
    background: #f3f3f4;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    background-color: #f3f3f4;
    color: #16141e
}

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

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

[data-color-mode=dark] .commentsFeed__entrySocialLikesCount {
    background-color: #2b293d
}

[data-color-mode=light] .commentsFeed__entrySocialLikesCount {
    background-color: #f3f3f4
}

[data-color-mode=dark] .commentsFeed__entrySocialLikesCount {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsFeed__entrySocialLikesCount {
    color: #16141e
}

.commentsFeed__entrySocialAbuse {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #737278;
    cursor: pointer;
    text-align: right;
    color: #737278;
    font-weight: 600
}

[data-color-mode=dark] .commentsFeed__entrySocialAbuse {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsFeed__entrySocialAbuse {
    color: #737278
}

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

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

.commentsFeed__seeMore {
    display: flex;
    padding: 2.4rem 0;
    border-top: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .commentsFeed__seeMore {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .commentsFeed__seeMore {
    border-color: #dad9db
}

.commentsLikes {
    font-size: 12px
}

.commentsLikes .dropdown__menubody,
.commentsLikes .modal__body {
    grid-gap: 2.4em;
    gap: 2.4em
}

.commentsLikes__text {
    font-size: 1.6em;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #16141e;
    text-align: center;
    padding: 0 3.2em;
    color: #16141e
}

[data-color-mode=dark] .commentsLikes__text {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsLikes__text {
    color: #16141e
}

.commentsLikes__actions {
    display: flex;
    flex-direction: column;
    grid-gap: 1.6em;
    gap: 1.6em
}

.commentsAbuse {
    font-size: 12px
}

@media(min-width:1113px) {

    .commentsAbuse.modal--shown.dropdown__menu,
    .commentsAbuse.modal.modal--shown {
        width: 37.5em
    }
}

.commentsAbuse__text {
    font-size: 2em;
    line-height: 1.3;
    letter-spacing: .01em;
    font-weight: 700;
    color: #16141e;
    text-align: center;
    color: #16141e
}

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

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

[data-color-mode=dark] .commentsAbuse__text {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsAbuse__text {
    color: #16141e
}

.commentsAbuse__actions {
    display: flex;
    flex-direction: column;
    grid-gap: 1.6em;
    gap: 1.6em
}

.commentsForm {
    padding-bottom: 3.2rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

body[data-population=gratuit] .commentsForm,
body[data-population=inscrit] .commentsForm {
    color: #737278
}

[data-color-mode=dark] body[data-population=gratuit] .commentsForm,
[data-color-mode=dark] body[data-population=inscrit] .commentsForm {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] body[data-population=gratuit] .commentsForm,
[data-color-mode=light] body[data-population=inscrit] .commentsForm {
    color: #737278
}

body[data-population=premium] .commentsForm {
    color: #16141e
}

[data-color-mode=dark] body[data-population=premium] .commentsForm {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] body[data-population=premium] .commentsForm {
    color: #16141e
}

.commentsForm__pseudo {
    display: flex;
    grid-gap: .8rem;
    gap: .8rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #dad9db;
    align-items: baseline;
    border-color: #dad9db;
    line-height: 2.1rem;
    margin: 2.4rem 0 0
}

[data-color-mode=dark] .commentsForm__pseudo {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .commentsForm__pseudo {
    border-color: #dad9db
}

@media(min-width:600px) {
    .commentsForm__pseudo {
        padding-bottom: 3.2rem;
        margin: 3.2rem 0 0
    }
}

.commentsForm__pseudo__input::-webkit-input-placeholder {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.commentsForm__pseudo__input::-moz-placeholder {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.commentsForm__pseudo__input:-ms-input-placeholder {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.commentsForm__pseudo__input::-ms-input-placeholder {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.commentsForm__pseudo__input::placeholder {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

.commentsForm__pseudoAction {
    text-decoration: underline
}

.commentsForm__pseudoAction:hover {
    cursor: pointer;
    color: #45434b
}

[data-color-mode=dark] .commentsForm__pseudoAction:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .commentsForm__pseudoAction:hover {
    color: #45434b
}

html[data-color-mode=dark] .commentsForm__inputs {
    border-color: rgba(255, 255, 255, .16)
}

.commentsForm__inputs--hidden {
    display: none
}

.commentsForm__userRating {
    display: flex;
    flex-direction: column;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

.commentsForm__userRatingHead {
    display: flex;
    align-items: baseline;
    grid-gap: .8rem;
    gap: .8rem;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em;
    margin-top: 2.4rem
}

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

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

@media(min-width:600px) {
    .commentsForm__userRatingHead {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-top: 3.2rem
    }
}

.commentsForm__userRatingDesc {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .01em;
    color: #737278
}

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

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

[data-color-mode=dark] .commentsForm__userRatingDesc {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__userRatingDesc {
    color: #737278
}

.commentsForm__userRatingChoice {
    display: flex;
    flex-direction: column;
    grid-gap: 1.2rem;
    gap: 1.2rem
}

@media screen and (min-width:374px) {
    .commentsForm__userRatingChoice {
        flex-direction: row;
        align-items: center;
        grid-gap: 0;
        gap: 0
    }
}

.commentsForm__userRatingChoice--modal {
    flex-direction: column;
    align-items: center;
    grid-gap: 2.4rem;
    gap: 2.4rem
}

.commentsForm__userRatingStars {
    display: flex;
    grid-gap: .8rem;
    gap: .8rem
}

.commentsForm__userRatingStars--modal {
    grid-gap: 1.2rem;
    gap: 1.2rem
}

@media screen and (min-width:600px) {
    .commentsForm__userRatingStars--modal {
        grid-gap: .8rem;
        gap: .8rem
    }
}

.commentsForm__userRatingStars .commentsForm__star,
.commentsForm__userRatingStars .commentsForm__star:not(.commentsForm__star--disabled):hover~.commentsForm__star {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E");
    transition: background-image .2s;
    transition-delay: 0
}

html[data-color-mode=dark] .commentsForm__userRatingStars .commentsForm__star,
html[data-color-mode=dark] .commentsForm__userRatingStars .commentsForm__star:not(.commentsForm__star--disabled):hover~.commentsForm__star {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.commentsForm__userRatingStars .commentsForm__star--disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23737278' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .commentsForm__userRatingStars .commentsForm__star--disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .6)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z'/%3E%3C/svg%3E")
}

.commentsForm__userRatingStars .commentsForm__star--modal,
.commentsForm__userRatingStars .commentsForm__star--modal:not(.commentsForm__star--disabled):hover~.commentsForm__star--modal {
    width: 3.2rem;
    height: 3.2rem;
    background-size: contain
}

@media screen and (min-width:600px) {

    .commentsForm__userRatingStars .commentsForm__star--modal,
    .commentsForm__userRatingStars .commentsForm__star--modal:not(.commentsForm__star--disabled):hover~.commentsForm__star--modal {
        width: 2.4rem;
        height: 2.4rem
    }
}

.commentsForm__userRatingStars .commentsForm__star--checked,
.commentsForm__userRatingStars:hover .commentsForm__star:not(.commentsForm__star--disabled) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' fill='%2316141E' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    cursor: pointer
}

html[data-color-mode=dark] .commentsForm__userRatingStars .commentsForm__star--checked,
html[data-color-mode=dark] .commentsForm__userRatingStars:hover .commentsForm__star:not(.commentsForm__star--disabled) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 18.388l.28.531-.28-.53-5.103 2.686c-.28.148-.453.238-.58.291 0 0 0 0 0 0 .01-.14.043-.332.096-.644l.974-5.687.007-.037c.024-.137.054-.311.033-.487a1.185 1.185 0 00-.14-.434 1.664 1.664 0 00-.314-.374l-.027-.026L2.103 9.65a8.327 8.327 0 01-.457-.464h.001c.135-.033.328-.062.64-.107l5.709-.836.037-.005c.137-.02.312-.045.473-.12l-.254-.543.254.544c.138-.065.263-.156.368-.268l-.44-.408.44.408c.12-.13.198-.289.258-.413l.017-.034 2.552-5.176c.14-.284.227-.459.299-.577.072.118.16.293.299.577l2.552 5.176.016.034c.061.124.139.283.26.413.103.112.228.203.367.268.16.074.336.1.473.119l.037.005 5.708.836c.313.045.506.074.64.107h.002l-.002.001c-.09.106-.229.243-.455.463l-4.13 4.027-.026.026c-.1.096-.227.22-.313.374a1.185 1.185 0 00-.14.434c-.022.176.008.35.032.487l.007.037.974 5.687a8.368 8.368 0 01.097.644 8.301 8.301 0 01-.58-.29l-5.104-2.688-.28.531.28-.53-.033-.018a1.66 1.66 0 00-.453-.182 1.18 1.18 0 00-.456 0 1.66 1.66 0 00-.453.182l-.033.017z' fill='%23fff' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.commentsForm__userRatingStars:hover .commentsForm__star:nth-child(2) {
    transition-delay: 20ms
}

.commentsForm__userRatingStars:hover .commentsForm__star:nth-child(3) {
    transition-delay: 40ms
}

.commentsForm__userRatingStars:hover .commentsForm__star:nth-child(4) {
    transition-delay: 60ms
}

.commentsForm__userRatingStars:hover .commentsForm__star:nth-child(5) {
    transition-delay: 80ms
}

.commentsForm__userRatingTs {
    display: flex;
    align-items: baseline;
    grid-gap: .6rem;
    gap: .6rem;
    border-color: #dad9db
}

@media screen and (min-width:374px) {
    .commentsForm__userRatingTs {
        grid-gap: 1rem;
        gap: 1rem;
        margin-left: 1.6rem;
        padding-left: 1.6rem;
        border-left: .1rem solid #dad9db
    }
}

.commentsForm__userRatingTs--modal {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

[data-color-mode=dark] .commentsForm__userRatingTs {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .commentsForm__userRatingTs {
    border-color: #dad9db
}

.commentsForm__userRatingLabel {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .01em
}

.commentsForm__userRatingLabel:empty:before {
    content: attr(data-placeholder);
    color: #737278
}

[data-color-mode=dark] .commentsForm__userRatingLabel:empty:before {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__userRatingLabel:empty:before {
    color: #737278
}

.commentsForm__userRatingLabel--modal {
    font-size: 2rem;
    line-height: 1.2
}

.commentsForm__userReview {
    margin-top: 3.2rem;
    display: flex;
    flex-direction: column;
    grid-gap: 2.4rem;
    gap: 2.4rem
}

.commentsForm__userReviewFormArea {
    background-color: #f3f3f4;
    border-radius: 2rem;
    padding: 2.4rem 2.4rem 1.2rem
}

html[data-color-mode=dark] .commentsForm__userReviewFormArea {
    border: 1px solid rgba(255, 255, 255, .16);
    background-color: #2b293d
}

.commentsForm__growArea {
    display: grid
}

.commentsForm__growArea:after {
    content: attr(data-replicated-value) " ";
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em;
    white-space: pre-wrap;
    visibility: hidden;
    overflow: hidden
}

.commentsForm__growArea>textarea {
    resize: none;
    overflow: hidden
}

.commentsForm__growArea:after,
.commentsForm__growArea>textarea {
    grid-area: 1/1/2/2
}

.commentsForm__growArea:after {
    font: inherit
}

.commentsForm__userReviewFormText {
    width: 100%;
    min-height: 10rem;
    border: none;
    background: 0 0;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

.commentsForm__userReviewFormText::-webkit-input-placeholder {
    color: #8f8e93
}

.commentsForm__userReviewFormText::-moz-placeholder {
    color: #8f8e93
}

.commentsForm__userReviewFormText:-ms-input-placeholder {
    color: #8f8e93
}

.commentsForm__userReviewFormText::-ms-input-placeholder {
    color: #8f8e93
}

.commentsForm__userReviewFormText::placeholder {
    color: #8f8e93
}

[data-color-mode=dark] .commentsForm__userReviewFormText::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__userReviewFormText::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__userReviewFormText:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__userReviewFormText::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__userReviewFormText::placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__userReviewFormText::-webkit-input-placeholder {
    color: #8f8e93
}

[data-color-mode=light] .commentsForm__userReviewFormText::-moz-placeholder {
    color: #8f8e93
}

[data-color-mode=light] .commentsForm__userReviewFormText:-ms-input-placeholder {
    color: #8f8e93
}

[data-color-mode=light] .commentsForm__userReviewFormText::-ms-input-placeholder {
    color: #8f8e93
}

[data-color-mode=light] .commentsForm__userReviewFormText::placeholder {
    color: #8f8e93
}

@media screen and (min-width:600px) {
    .commentsForm__userReviewFormText {
        font-size: 2rem
    }
}

.commentsForm__userReviewCharsLeft {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.82rem;
    text-align: right;
    color: #8f8e93
}

[data-color-mode=dark] .commentsForm__userReviewCharsLeft {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__userReviewCharsLeft {
    color: #8f8e93
}

.commentsForm__labelPseudo {
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .01em;
    margin-bottom: .6rem
}

.commentsForm__input {
    border: .1rem solid #dad9db;
    border-radius: .4rem;
    padding: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    font-weight: 400;
    width: 100%;
    border-color: #737278;
    background-color: #fff
}

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

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

[data-color-mode=dark] .commentsForm__input {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__input {
    border-color: #737278
}

[data-color-mode=dark] .commentsForm__input {
    background-color: #2b293d
}

[data-color-mode=light] .commentsForm__input {
    background-color: #fff
}

.commentsForm__input::-webkit-input-placeholder {
    color: #737278
}

.commentsForm__input::-moz-placeholder {
    color: #737278
}

.commentsForm__input:-ms-input-placeholder {
    color: #737278
}

.commentsForm__input::-ms-input-placeholder {
    color: #737278
}

.commentsForm__input::placeholder {
    color: #737278
}

[data-color-mode=dark] .commentsForm__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .commentsForm__input::placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsForm__input::-webkit-input-placeholder {
    color: #737278
}

[data-color-mode=light] .commentsForm__input::-moz-placeholder {
    color: #737278
}

[data-color-mode=light] .commentsForm__input:-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .commentsForm__input::-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .commentsForm__input::placeholder {
    color: #737278
}

.commentsForm__errorPseudo {
    color: #e20001;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-top: .8rem
}

.commentsForm__actions {
    margin-top: 3.2rem
}

@media screen and (min-width:600px) {
    .commentsForm__actions {
        margin-top: 2.4rem
    }
}

.commentsForm__rules {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: .01em
}

.commentsForm__rules a {
    text-decoration: underline
}

.commentsForm__rules a:hover {
    cursor: pointer;
    color: #45434b
}

[data-color-mode=dark] .commentsForm__rules a:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .commentsForm__rules a:hover {
    color: #45434b
}

.commentsRating__subscribe {
    display: flex;
    flex-direction: column;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    text-align: center;
    border-color: #16141e
}

[data-color-mode=dark] .commentsRating__subscribe {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsRating__subscribe {
    border-color: #16141e
}

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

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

.commentsRating__modal {
    margin-top: 4rem
}

@media screen and (min-width:600px) {
    .commentsRating__modal {
        margin-top: 0
    }
}

.commentsRating__message {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

.commentsRating__subscribeIcon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/dist/assets/img/abo/pictos/label-subscriber-icon.svg);
    background-size: contain
}

.commentsRating__signin {
    text-decoration: underline
}

.commentsRating__signin:hover {
    cursor: pointer;
    color: #45434b
}

[data-color-mode=dark] .commentsRating__signin:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .commentsRating__signin:hover {
    color: #45434b
}

.commentsSent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    padding-top: 2.4rem
}

@media(min-width:600px) {
    .commentsSent {
        padding-top: 3.2rem
    }
}

.commentsSent__icon {
    width: 5.6rem;
    height: 5.6rem;
    border: .12rem solid #dad9db;
    border-radius: 5.6rem;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.2rem auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .commentsSent__icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E");
    border-color: rgba(255, 255, 255, .16)
}

.commentsSent__label {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 1.6rem
}

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

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

.commentsSent__description {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    text-align: center
}

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

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

.commentsSent button {
    margin-top: 1.6rem
}

.commentsSent--hidden {
    display: none
}

.commentsNav {
    margin-bottom: 2.4rem;
    display: flex;
    font-size: 1.6rem;
    letter-spacing: .01em;
    font-weight: 400;
    color: #16141e
}

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

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

[data-color-mode=dark] .commentsNav {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsNav {
    color: #16141e
}

.commentsNav__link {
    display: inline-flex;
    align-items: center;
    grid-gap: .8rem;
    gap: .8rem;
    line-height: 1.3
}

.commentsNav__link svg {
    width: 1.6rem;
    height: 1.6rem
}

.commentsNav__link--back:before {
    display: inline-flex;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%2316141E'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E");
    width: 1.6rem;
    height: 1.6rem
}

[data-color-mode=dark] .commentsNav__link--back:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, .9)'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .commentsNav__link--back:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%2316141E'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E")
}

.commentsNav__link--back:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23737278'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .commentsNav__link--back:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, .6)'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .commentsNav__link--back:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23737278'%3E%3Cpath fill-rule='evenodd' d='M11.188 3.75l-1.064-1.062L4.813 8l5.313 5.312 1.062-1.064L6.97 8z'/%3E%3C/svg%3E")
}

.commentsNav__link:hover {
    color: #737278
}

[data-color-mode=dark] .commentsNav__link:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentsNav__link:hover {
    color: #737278
}

.commentsInfos {
    display: flex;
    flex-direction: column;
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin: 6.4rem 0;
    border-color: #16141e;
    color: #16141e;
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .01em;
    text-align: center
}

[data-color-mode=dark] .commentsInfos {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsInfos {
    border-color: #16141e
}

[data-color-mode=dark] .commentsInfos {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentsInfos {
    color: #16141e
}

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

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

@media(min-width:834px) {
    .commentsInfos {
        margin: 8rem 0
    }
}

.commentsInfos__message {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

.commentsInfos__icon--subscribe {
    background-image: url(/dist/assets/img/abo/pictos/label-subscriber-icon.svg);
    background-size: contain;
    width: 3.2rem;
    height: 3.2rem;
    display: inline-block;
    vertical-align: middle
}

.commentsInfos__icon--comments {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E");
    width: 5.6rem;
    height: 5.6rem;
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-position: center;
    border: .12rem solid #dad9db;
    border-radius: 6.4rem;
    border-color: #dad9db
}

[data-color-mode=dark] .commentsInfos__icon--comments {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .commentsInfos__icon--comments {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .commentsInfos__icon--comments {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .commentsInfos__icon--comments {
    border-color: #dad9db
}

@media screen and (min-width:600px) {
    .commentsInfos__icon--comments {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 3.4rem
    }
}

.commentsInfos__title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.86rem;
    text-align: center;
    text-underline-position: from-font
}

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

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

.commentsInfos__label {
    text-align: center
}

.commentsInfos__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

@media(min-width:834px) {
    .commentsInfos__cta {
        margin: 0 8.1rem
    }
}

.commentsInfos__signin {
    text-decoration: underline
}

.commentsInfos__signin:hover {
    text-decoration: none
}

.commentSheet {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
    color: #737278;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

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

[data-color-mode=dark] .commentSheet {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentSheet {
    color: #737278
}

@media screen and (min-width:600px) {
    .commentSheet {
        grid-gap: 2.4rem;
        gap: 2.4rem;
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: .01em
    }
}

.commentSheet__cover {
    background: #f3f3f4;
    width: 9.8rem;
    height: 13rem;
    border-radius: .4rem
}

.commentSheet__cover img {
    width: 9.8rem;
    height: 13rem;
    border-radius: .4rem
}

@media screen and (min-width:600px) {
    .commentSheet__cover {
        width: 11.5rem;
        height: 15rem
    }

    .commentSheet__cover img {
        width: 11.5rem;
        height: 15rem
    }
}

.commentSheet__infos {
    display: flex;
    flex-direction: column;
    grid-gap: 1.2rem;
    gap: 1.2rem
}

@media screen and (min-width:600px) {
    .commentSheet__infos {
        grid-gap: 1.6rem;
        gap: 1.6rem
    }
}

.commentSheet__identity {
    display: flex;
    flex-direction: column;
    grid-gap: .4rem;
    gap: .4rem
}

@media screen and (min-width:600px) {
    .commentSheet__identity {
        grid-gap: .8rem;
        gap: .8rem
    }
}

.commentSheet__title {
    color: #16141e;
    font-weight: 600
}

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

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

[data-color-mode=dark] .commentSheet__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .commentSheet__title {
    color: #16141e
}

.commentSheet__notation {
    display: flex;
    flex-direction: row;
    grid-gap: .6rem;
    gap: .6rem;
    align-items: center
}

.commentSheet__notationLabel {
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: .3rem;
    letter-spacing: .01em;
    color: #737278
}

[data-color-mode=dark] .commentSheet__notationLabel {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentSheet__notationLabel {
    color: #737278
}

@media screen and (min-width:600px) {
    .commentSheet__notationLabel {
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: .01em
    }
}

.commentSheet__datas {
    display: flex;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #737278
}

[data-color-mode=dark] .commentSheet__datas {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentSheet__datas {
    color: #737278
}

@media screen and (min-width:600px) {
    .commentSheet__datas {
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: .01em
    }
}

.commentSheet__data:not(:first-child) {
    display: flex;
    align-items: center;
    margin-left: .8rem
}

.commentSheet__data:not(:first-child):before {
    content: " ";
    background-color: #737278;
    background-size: contain;
    display: inline-block;
    margin: .5rem .8rem 0 0;
    width: .3rem;
    height: .3rem;
    border-radius: .3rem
}

[data-color-mode=dark] .commentSheet__data:not(:first-child):before {
    background-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .commentSheet__data:not(:first-child):before {
    background-color: #737278
}

.dropdown__menu,
.modal {
    font-size: 12px;
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    border-top-left-radius: 2.4em;
    border-top-right-radius: 2.4em;
    background-color: #fff
}

[data-color-mode=dark] .dropdown__menu,
[data-color-mode=dark] .modal {
    background-color: #1c1a26
}

[data-color-mode=light] .dropdown__menu,
[data-color-mode=light] .modal {
    background-color: #fff
}

@media(min-width:600px) {

    .dropdown__menu,
    .modal {
        width: 32.7em;
        height: auto;
        left: 50%;
        top: 50%;
        bottom: auto;
        bottom: initial;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-bottom-right-radius: 2.4em;
        border-bottom-left-radius: 2.4em
    }
}

.dropdown__menuheader,
.modal__header {
    display: flex;
    position: relative;
    border-bottom: .1em solid #dad9db;
    padding: 3.6em 2.4em 2.4em;
    justify-content: center;
    color: #16141e;
    border-color: #dad9db
}

[data-color-mode=dark] .dropdown__menuheader,
[data-color-mode=dark] .modal__header {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .dropdown__menuheader,
[data-color-mode=light] .modal__header {
    color: #16141e
}

[data-color-mode=dark] .dropdown__menuheader,
[data-color-mode=dark] .modal__header {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .dropdown__menuheader,
[data-color-mode=light] .modal__header {
    border-color: #dad9db
}

.dropdown__menuheader:before,
.modal__header:before {
    content: " ";
    position: absolute;
    top: .8em;
    display: flex;
    margin: 0 auto;
    width: 6.1em;
    height: .4em;
    border-radius: 2em;
    background-color: #dad9db
}

@media(min-width:600px) {

    .dropdown__menuheader,
    .modal__header {
        padding: 2.4em
    }

    .dropdown__menuheader::before,
    .modal__header::before {
        display: none
    }
}

.dropdown__menutitle,
.modal__title {
    font-size: 2em;
    line-height: 1.2;
    letter-spacing: .01em
}

.dropdown__menutitle,
.modal__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dropdown__menutitle,
html.fonts-loaded .modal__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.dropdown__menuclose,
.modal__close {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    position: absolute;
    top: 3.6em;
    right: 2.4em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
    width: 2.4em;
    height: 2.4em;
    margin-left: auto;
    cursor: pointer
}

[data-color-mode=dark] .dropdown__menuclose,
[data-color-mode=dark] .modal__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}

[data-color-mode=light] .dropdown__menuclose,
[data-color-mode=light] .modal__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")
}

.dropdown__menuclose:focus,
.modal__close:focus {
    outline: 0
}

@media(min-width:600px) {

    .dropdown__menuclose,
    .modal__close {
        top: 2.4em
    }
}

.dropdown__menubody,
.modal__body {
    display: flex;
    flex-direction: column;
    grid-gap: 3.2em;
    gap: 3.2em;
    padding: 4em 2.4em 4em;
    font-size: 1.6em;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #16141e
}

.dropdown__menubody,
.modal__body {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dropdown__menubody,
html.fonts-loaded .modal__body {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html[data-color-mode=dark] .dropdown__menubody,
html[data-color-mode=dark] .modal__body {
    color: rgba(255, 255, 255, .9)
}

@media(min-width:600px) {
    .modal--small {
        width: 32.7em
    }
}

@media(min-width:600px) {
    .modal--large {
        width: 37.5em
    }
}

.modal--shown {
    display: flex
}

.notification {
    position: fixed;
    right: 2.4rem;
    bottom: 2.7rem;
    left: 2.4rem;
    z-index: 3;
    display: flex;
    flex-direction: column;
    grid-gap: .4rem;
    gap: .4rem;
    background-color: #fff;
    border: .1rem solid #dad9db;
    border-radius: .4rem;
    border-color: #dad9db;
    padding: 1.6rem;
    color: #16141e;
    box-shadow: 0 .4rem 1.2rem -.6rem rgba(22, 20, 30, .08), 0 .8rem 2.4rem -.4rem rgba(22, 20, 30, .06);
    transition: opacity .9s ease
}

[data-color-mode=dark] .notification {
    background-color: #1c1a26
}

[data-color-mode=light] .notification {
    background-color: #fff
}

[data-color-mode=dark] .notification {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .notification {
    border-color: #dad9db
}

[data-color-mode=dark] .notification {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .notification {
    color: #16141e
}

@media(min-width:834px) {
    .notification {
        left: unset
    }
}

.notification__message {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 600
}

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

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

.notification__description {
    font-size: 1.4rem;
    line-height: 1.82rem;
    color: #737278
}

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

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

[data-color-mode=dark] .notification__description {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .notification__description {
    color: #737278
}

.notification a {
    color: #16141e;
    cursor: pointer;
    text-decoration: underline
}

[data-color-mode=dark] .notification a {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .notification a {
    color: #16141e
}

.notification a:hover {
    text-decoration: none
}

.notification--remove {
    opacity: 0
}

.dropdown {
    position: relative;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .01em;
    color: #16141e
}

[data-color-mode=dark] .dropdown {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .dropdown {
    color: #16141e
}

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

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

.dropdown__button {
    display: inline-flex;
    align-items: center
}

.dropdown__icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .6rem
}

@media(min-width:600px) {
    .dropdown__menu {
        position: absolute;
        width: auto;
        height: auto;
        background: #fff;
        border: .1rem solid #dad9db;
        border-radius: 2rem;
        top: 4.8rem;
        left: 0;
        right: auto;
        right: initial;
        z-index: 10;
        -webkit-transform: none;
        transform: none;
        flex-direction: column;
        grid-gap: 2.4rem;
        gap: 2.4rem;
        border-color: #dad9db
    }

    [data-color-mode=dark] .dropdown__menu {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .dropdown__menu {
        border-color: #dad9db
    }
}

.dropdown__menu.modal--shown {
    display: flex
}

@media(min-width:600px) {
    .dropdown__menuheader {
        display: none
    }
}

.dropdown__menubody {
    grid-gap: 1.6rem;
    gap: 1.6rem;
    padding: 2.4rem
}

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

.dropdown__menuitem:not(:last-child) {
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #dad9db;
    border-color: #dad9db
}

[data-color-mode=dark] .dropdown__menuitem:not(:last-child) {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .dropdown__menuitem:not(:last-child) {
    border-color: #dad9db
}

.dropdown__inputradio {
    margin-right: 1.6rem
}

#nav-topmenu.h_scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#nav-topmenu.h_scroll::-webkit-scrollbar {
    display: none
}

.nav__custom-sticky {
    display: flex;
    background-color: #faf5ee;
    background-color: var(--Beige-clair, #faf5ee);
    align-items: flex-start;
    flex-direction: column;
    padding: 1.2rem 1.6rem;
    position: fixed;
    width: 100%;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.nav__custom-sticky.hide {
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--boost-abo {
    background-color: #faf5ee
}

.nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e;
    padding-right: 2rem;
    padding-left: 2rem
}

[data-color-mode=dark] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
    color: #16141e
}

@media(min-width:360px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-text--no-abo {
        padding: 0
    }
}

.nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
    width: 100%
}

@media(min-width:600px) {
    .nav__custom-sticky--boost-abo .nav__custom-btn--no-abo {
        width: auto
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav-custom--offre-flash {
        z-index: 5
    }
}

.nav__custom-sticky--cinema-for-children {
    background-color: #f5b5d3
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children {
        padding-right: 3.6rem;
        padding-left: 3.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: space-between
    }
}

@media(min-width:834px) {
    .nav__custom-sticky--cinema-for-children.nav__custom-sticky {
        justify-content: center
    }
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn {
    background: #2b293d;
    background: var(--Bleu-3, #2b293d)
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-btn {
        margin-right: 1rem
    }
}

html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:active,
html:not(.app) .nav__custom-sticky--cinema-for-children .nav__custom-btn:hover {
    background: #3c3956;
    background: var(--Bleu-3-clair, #3c3956)
}

.nav__custom-sticky--cinema-for-children .nav__custom-btn-label {
    color: #fff;
    color: var(--blanc-100, #fff);
    white-space: nowrap
}

.nav__custom-sticky--cinema-for-children .nav__custom-text {
    color: #16141e;
    color: var(--Noir, #16141e);
    padding-right: 2rem;
    padding-left: 2rem
}

@media(min-width:360px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media(min-width:393px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        padding-right: 2.8rem;
        padding-left: 2.8rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky--cinema-for-children .nav__custom-text {
        text-align: left;
        padding: 0
    }
}

.nav__custom-sticky.nav__custom-sticky--ope-cannes {
    background-color: #4375e7
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-text-breaker {
        display: none
    }
}

@media(min-width:600px) {
    .nav__custom-sticky.nav__custom-sticky--ope-cannes .nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 {
    background-color: #fada4c
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #fff;
    transition: all .3s ease-in-out;
    background-color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover {
    background-color: #16141e
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:active p,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo:hover p {
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p {
    color: #16141e;
    transition: all .3s ease-in-out
}

.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:active,
.nav__custom-sticky--jpo2024 .nav__custom-btn.nav__custom-btn--no-abo p:hover {
    color: #fff
}

.nav__custom-sticky--jpo2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 {
    background-color: #ffbf98
}

.nav__custom-sticky--op-summer-2024 .popin-autopromo__top {
    height: 126px
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-text-breaker {
        display: none
    }
}

.nav__custom-sticky--op-summer-2024 .nav__custom-text--no-abo {
    color: #16141e
}

.nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
    background-color: #ffee35
}

@media(min-width:600px) {
    .nav__custom-sticky--op-summer-2024 .nav__custom-btn.nav__custom-btn--no-abo {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.nav__custom-sticky--ope {
    background-color: #9dccab
}

.nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
    padding: 0 16px
}

@media(min-width:600px) {
    .nav__custom-sticky--ope .nav__custom-text.nav__custom-text--no-abo {
        padding: 0 0
    }
}

.nav__custom-sticky--ope .nav__custom-text--bold {
    color: #16141e
}

.nav__custom-sticky--ope .nav__custom-close--musees {
    transition: all .3s
}

.nav__custom-sticky--ope .nav__custom-close--musees:hover {
    opacity: .6
}

.nav__custom-sticky--yellow {
    background-color: #ffd755
}

.nav__custom-sticky--blue {
    background-color: #3ca0dd
}

.nav__custom-sticky--red {
    background-color: #e64150
}

.nav__custom-sticky--green {
    background-color: #00b78e
}

.nav__custom-sticky--beige {
    background-color: #faf5ee
}

[data-color-mode=dark] .nav__custom-sticky--beige {
    background-color: #2b293d
}

[data-color-mode=light] .nav__custom-sticky--beige {
    background-color: #faf5ee
}

.nav__custom-sticky--mb {
    bottom: 6.8rem
}

@media(min-width:600px) {
    .nav__custom-sticky--no-abo {
        height: 6.6rem
    }
}

@media(min-width:600px) {
    .nav__custom-sticky {
        flex-direction: initial;
        justify-content: center;
        align-items: center;
        height: 6rem
    }
}

@media(min-width:1113px) {
    .nav__custom-sticky {
        bottom: 0;
        left: 0;
        right: 0
    }
}

.nav__custom-text {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    color: #16141e;
    align-self: center;
    text-align: center
}

.nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:393px) {
    .nav__custom-text {
        width: auto
    }
}

.nav__custom-text--left {
    text-align: left;
    display: block;
    width: calc(100% - 1.6rem);
    align-self: flex-start
}

@media(min-width:600px) {
    .nav__custom-text--left {
        width: auto
    }
}

@media(min-width:834px) {
    .nav__custom-text--left {
        text-align: center;
        align-self: center
    }
}

.nav__custom-text--no-abo {
    max-width: 90%;
    color: #fff
}

@media(min-width:600px) {
    .nav__custom-text--no-abo {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media(min-width:1113px) {
    .nav__custom-text--no-abo {
        width: auto
    }
}

.nav__custom-text--no-abo .nav__custom-text--bold {
    display: inline
}

.nav__custom-text--abo::after {
    content: "Offre - 30 ans : 1 an pour 30\20AC"
}

@media(min-width:600px) {
    .nav__custom-text--abo::after {
        content: "Offre - 30 ans : 1 an d\2019  abonnement pour 30\20AC"
    }
}

.nav__custom-text--bold {
    font-weight: 600
}

.nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav__custom-text--bold {
        display: inline-block
    }
}

.nav__custom-text--line-through {
    text-decoration: line-through
}

.nav__custom-text--unpaid {
    color: #16141e
}

[data-color-mode=dark] .nav__custom-text--unpaid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .nav__custom-text--unpaid {
    color: #16141e
}

.nav__custom-btn {
    text-align: center;
    margin-top: 1.2rem;
    border-radius: 4rem;
    background-color: #ffe047;
    height: 3.6rem;
    width: 100%;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.6rem
}

.nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .nav__custom-btn:active,
html:not(.app) .nav__custom-btn:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .nav__custom-btn {
        width: 18.2rem;
        margin-left: 1.6rem;
        margin-top: 0
    }
}

@media(min-width:834px) {
    .nav__custom-btn {
        font-size: 1.6rem;
        line-height: 2.08rem;
        margin-left: 2.4rem
    }
}

.nav__custom-btn--jpo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16141e
}

@media(min-width:600px) {
    .nav__custom-btn--no-abo {
        margin-right: 3.8rem;
        width: 28.5rem
    }
}

.nav__custom-btn.download-pass {
    transition: all .3s;
    background-color: #2b293d
}

.nav__custom-btn.download-pass:hover {
    background-color: #3c3956 !important
}

.nav__custom-btn.download-pass p.nav__custom-btn-label {
    color: #fff
}

.nav__custom-btn-label {
    font-size: 1.6rem;
    line-height: 2.08rem;
    letter-spacing: .016rem;
    font-weight: 600;
    color: #16141e;
    text-align: center;
    padding: 0
}

.nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav__custom-btn-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav__custom-close {
    background-image: url(/dist/assets/img/icons/close-icon-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right: 1.6rem;
    top: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    opacity: 80%;
    text-align: center
}

.nav__custom-close:hover {
    opacity: .6
}

@media(min-width:600px) {
    .nav__custom-close {
        top: 2.1rem;
        right: 1.2rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media(min-width:1024px) {
    .nav__custom-close {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width:600px) {
    .nav__custom-close--no-abo {
        right: 3.2rem
    }
}

.nav__custom-close--black,
.nav__custom-close--musees {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--unpaid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.nav__custom-close--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E")
}

.nav-custom {
    display: grid;
    grid-gap: 1.2rem .8rem;
    gap: 1.2rem .8rem;
    grid-template-columns: auto 1.2rem;
    height: auto
}

@media(min-width:600px) {
    .nav-custom {
        display: flex;
        grid-gap: 1.6rem;
        gap: 1.6rem;
        padding-right: 8.2rem;
        padding-left: 8.2rem
    }
}

@media(min-width:834px) {
    .nav-custom {
        grid-gap: 2.4rem;
        gap: 2.4rem
    }
}

.nav-custom--offre-flash {
    background: #f76666
}

.nav-custom__text {
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    text-align: center
}

.nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__button {
    background-color: #ffe047;
    border-radius: 4rem;
    grid-column: 1/3;
    line-height: 1;
    padding: .7605rem 1.6rem;
    text-align: center
}

html:not(.app) .nav-custom__button:active,
html:not(.app) .nav-custom__button:hover {
    background-color: #fe9
}

.nav-custom__button-text {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3
}

.nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom__button-text {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    position: static;
    width: 1.2rem;
    height: 1.2rem;
    grid-column: 2;
    grid-row: 1
}

@media(min-width:600px) {
    .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1.8rem;
        height: 1.8rem
    }
}

.nav-custom__close-button:hover {
    cursor: pointer;
    opacity: .6
}

.nav-custom--partenariat-canal {
    align-items: center;
    background: #fff4ec;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 0;
    gap: 0
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal {
        padding-right: 1.6rem;
        padding-left: 1.6rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal {
        justify-content: center
    }
}

.nav-custom--partenariat-canal .nav-custom__warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='8.057' cy='8' rx='8.057' ry='8' fill='%23B95000'/%3E%3Cpath d='M8.729 11.332H7.386V10h1.343v1.333zM8.057 8.666c-.37 0-.671-.3-.671-.667V5.332a.671.671 0 011.343 0V8a.671.671 0 01-.672.667z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    min-width: 1.6rem;
    width: 1.6rem;
    height: 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    color: #b95000;
    font-size: 1.6rem;
    letter-spacing: .16px;
    line-height: 1.3;
    padding: 0 1.6rem
}

.nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__text {
        padding-right: 2.4rem
    }
}

.nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .nav-custom--partenariat-canal .nav-custom__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.nav-custom--partenariat-canal .nav-custom__link {
    cursor: pointer;
    text-decoration: underline
}

.nav-custom--partenariat-canal .nav-custom__link:active,
.nav-custom--partenariat-canal .nav-custom__link:hover {
    text-decoration: none
}

.nav-custom--partenariat-canal .nav-custom__close-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23B95000'%3E%3Cpath d='M13 1L1 13M1 1l12 12' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    min-width: 1.6rem;
    position: static;
    width: 1.6rem;
    height: 1.6rem
}

@media(min-width:600px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        margin-left: auto;
        min-width: 2.4rem;
        -webkit-transform: none;
        transform: none;
        width: 2.4rem;
        height: 2.4rem
    }
}

@media(min-width:1113px) {
    .nav-custom--partenariat-canal .nav-custom__close-button {
        position: absolute;
        top: 50%;
        right: 3.2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.nav-custom--partenariat-canal .nav-custom__close-button:hover {
    opacity: .6
}

.nav__custom-hidden,
.nav__custom-sticky--hidden {
    display: none
}

#nav-search {
    position: relative;
    float: left;
    height: 5.4rem;
    padding: 0
}

@media(max-width:1025px) {
    #nav-search form {
        width: 100%;
        margin: 0 1.5rem;
        position: relative;
        overflow: hidden
    }
}

#nav-search .icon__search {
    cursor: pointer;
    width: 1.8rem;
    height: 5rem;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    font-size: 2.5rem
}

#nav-search .icon__search:before {
    top: .9rem
}

#nav-search .content-bar {
    width: 31.2rem;
    height: 5.4rem;
    overflow: hidden;
    position: relative;
    transition: width .2s ease;
    transition-delay: .01s;
    display: flex;
    align-items: center
}

@media(min-width:600px) {
    #nav-search .content-bar {
        width: 100%
    }
}

@media(min-width:1023px) {
    #nav-search .content-bar {
        width: 97%
    }
}

@media(min-width:1025px) {
    #nav-search .content-bar {
        width: 0;
        display: none
    }
}

#nav-search .content-bar .opBtn {
    cursor: pointer;
    opacity: 1 !important;
    display: block !important;
    background: 0 0
}

#nav-search .content-bar.square {
    display: flex;
    width: 31.2rem;
    transition: width .2s ease;
    transition-delay: .01s;
    border-bottom: .3rem solid #121212
}

#nav-search .content-bar .input {
    box-sizing: border-box;
    height: 5.3rem;
    outline: 0;
    float: left;
    border: none;
    padding: 0 5.7rem 0 3rem;
    width: 31.2rem;
    border-bottom: .1rem solid #121212;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #121212;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

#nav-search .content-bar .input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #nav-search .content-bar .input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#nav-search .content-bar .input:focus {
    background-color: none
}

@media(min-width:600px) {
    #nav-search .content-bar .input {
        width: 100%
    }
}

@media(max-width:1024px) {
    #nav-search .content-bar .input.barInput {
        border-bottom: .3rem solid #121212
    }
}

#nav-search .content-bar .reset-search {
    position: absolute;
    right: 3.7rem;
    display: none;
    width: 1.6rem;
    height: 100%;
    padding: 0;
    cursor: pointer
}

#nav-search .content-bar .reset-search:before {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: .1rem;
    background-color: #8e8e96;
    right: .3rem;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-search .content-bar .reset-search:after {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: .1rem;
    background-color: #8e8e96;
    cursor: pointer;
    right: .3rem;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-search .content-bar .check-search {
    width: 1.7rem;
    height: 1.8rem;
    position: absolute;
    top: 1.5rem;
    right: 0;
    cursor: inherit;
    z-index: 1;
    border: none;
    opacity: .3;
    background-color: none
}

#nav-search .content-bar .check-search {
    font-family: "Telerama Icons"
}

html.fonts-loaded #nav-search .content-bar .check-search {
    font-family: "Telerama Icons"
}

#nav-search .content-bar .check-search:before {
    content: ",";
    position: absolute;
    font-size: 3rem;
    line-height: 2rem;
    color: #121212;
    top: 0;
    left: 0;
    font-size: 2.4rem
}

@media(min-width:1024px) {
    .a-la-une {
        padding: 0;
        display: inline-block
    }
}

.a-la-une .container-left {
    height: auto;
    margin: auto
}

@media(min-width:600px) {
    .a-la-une .container-left {
        margin: 0;
        margin: initial
    }
}

.a-la-une .container-left .flex-box {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media(min-width:1024px) {
    .a-la-une .container-left .flex-box {
        flex-direction: row
    }
}

@media(max-width:480px) {
    .a-la-une .container-left .flex-box .label__subscriber {
        top: 1.6rem;
        right: -1.6rem
    }
}

.a-la-une .container-left .flex-box img {
    width: 100%;
    height: 100%
}

.a-la-une .container-left ul .auto-promo {
    order: 4
}

.a-la-une .container-left ul li {
    margin-bottom: 3.2rem
}

.a-la-une .container-left ul li:nth-child(5) {
    height: auto
}

@media(min-width:1024px) {
    .a-la-une .container-left ul li {
        margin-bottom: 4rem
    }
}

.a-la-une .container-left ul li a {
    width: 100%;
    height: 100%
}

html:not(.app) .a-la-une .container-left ul li a:hover .article_title {
    text-decoration: underline
}

.a-la-une .container-left ul li a figure {
    margin: 0;
    width: 100%;
    height: auto;
    margin-bottom: 1.6rem;
    position: relative
}

@media(min-width:576px) {
    .a-la-une .container-left ul li a figure {
        flex-direction: row;
        margin-bottom: 0
    }
}

.a-la-une .container-left ul li a figure img {
    width: 100%
}

.a-la-une .container-left ul li a figure .icon_vPlayer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 7.4rem;
    height: 7.4rem;
    background: url(/dist/assets/img/icons/play-video.svg) no-repeat
}

.a-la-une .container-left ul li a figure .sloganSelection {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-style: italic;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
    height: 3.8rem;
    text-align: center
}

.a-la-une .container-left ul li a figure .sloganSelection {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .a-la-une .container-left ul li a figure .sloganSelection {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.a-la-une .container-left ul li a .featured_content {
    width: 100%;
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: flex-start
}

.a-la-une .container-left ul li a .featured_content .featured_kind {
    margin-bottom: .8rem;
    font-style: italic
}

.a-la-une .container-left ul li a .featured_content .featured_kind {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .a-la-une .container-left ul li a .featured_content .featured_kind {
    font-family: Georgia, Droid-serif, serif
}

.a-la-une .container-left ul li a .featured_content .featured_kind::first-letter {
    text-transform: uppercase
}

.a-la-une .container-left ul li a .featured_content .article_title {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 2.6rem;
    color: #121212;
    margin-bottom: .8rem
}

.a-la-une .container-left ul li a .featured_content .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .a-la-une .container-left ul li a .featured_content .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.a-la-une .container-left ul li a .featured_content .article_duration {
    font-size: 1.6rem;
    line-height: 1.2rem;
    color: #8e8e96;
    padding-left: 1.8rem
}

.a-la-une .container-left ul li a .featured_content .article_duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .a-la-une .container-left ul li a .featured_content .article_duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.a-la-une .container-left ul li a .featured_content .description_article {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.9rem;
    letter-spacing: .01em;
    color: #121212
}

.a-la-une .container-left ul li a .featured_content .description_article {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .a-la-une .container-left ul li a .featured_content .description_article {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.a-la-une .container-left .article_title {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 2.6rem;
    color: #121212;
    margin-bottom: .8rem;
    display: block
}

.a-la-une .container-left .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .a-la-une .container-left .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.a-la-une .folders-Block ul li {
    width: 100%;
    height: auto
}

@media(min-width:1024px) {
    .a-la-une .folders-Block ul li {
        width: 100%
    }
}

.a-la-une .folders-Block ul li figure {
    display: block;
    width: 100%;
    height: auto
}

@media(min-width:1024px) {
    .a-la-une .folders-Block ul li figure {
        margin-bottom: 2.4rem !important
    }
}

.a-la-une .folders-Block ul li p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #121212;
    overflow: hidden
}

.a-la-une .folders-Block ul li p {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .a-la-une .folders-Block ul li p {
    font-family: Georgia, Droid-serif, serif
}

@media(min-width:576px) {
    .a-la-une .folders-Block__item-link {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        grid-column-gap: 4rem;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }
}

@media(min-width:600px) {
    .a-la-une .folders-Block__item-link {
        display: inline;
        display: initial
    }
}

.title-cards {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 3.8rem;
    color: #121212;
    margin-bottom: 1.6rem;
    height: 2.9rem;
    letter-spacing: .01em;
    border-bottom: .2rem solid #121212
}

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

html.fonts-loaded .title-cards {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .title-cards {
        font-size: 4rem;
        line-height: 4rem;
        height: auto;
        border: none
    }
}

.title-cards--most-read {
    font-size: 2.6rem;
    line-height: 2.6rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media(min-width:1024px) {
    .title-cards--most-read {
        font-size: 4.8rem;
        line-height: 4.8rem
    }
}

.title-cards div {
    display: inline-block;
    padding-right: .8rem;
    background-color: #fff
}

.title-cards div.transparent-background {
    background: rgba(0, 0, 0, 0)
}

.title-cards--home {
    height: auto
}

.title-cards h2 {
    display: inline-block;
    background: #fff;
    padding-right: 7px;
    font-size: 3.2rem
}

.title-cards h2:first-letter {
    text-transform: uppercase
}

@media(min-width:1024px) {
    .title-cards h2 {
        background: 0 0;
        font-size: 4rem;
        line-height: 4rem
    }
}

.selection-tele {
    height: auto;
    margin: 0 auto 3rem auto;
    overflow: hidden
}

@media(min-width:600px) {
    .selection-tele {
        margin: 0 auto 3rem auto
    }
}

.selection-tele.out-week ul li a figure::after {
    display: none
}

.selection-tele.out-week ul li a .score {
    margin-top: .2rem
}

.selection-tele.out-week .title-cards {
    position: relative
}

.selection-tele.out-week .title-cards:after {
    content: " ";
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 5rem;
    height: 2rem;
    border-bottom: .2rem solid #d8d8d8
}

@media(min-width:1024px) {
    .selection-tele.out-week .title-cards:after {
        display: none
    }
}

.selection-tele__list {
    display: flex;
    margin-right: -11.1rem
}

@media(min-width:600px) {
    .selection-tele__list {
        display: grid;
        margin-right: 0
    }
}

.selection-tele__list li:nth-child(1) {
    flex: 1;
    margin-right: 2rem
}

@media(min-width:600px) {
    .selection-tele__list li:nth-child(1) {
        margin-right: 0
    }
}

.selection-tele__list li:nth-child(2) {
    flex: 1
}

@media(min-width:1024px) {
    .selection-tele {
        margin-bottom: 4rem;
        padding: 0;
        max-width: 100%
    }
}

.selection-tele ul {
    position: relative
}

@media(min-width:1024px) {
    .selection-tele ul {
        height: auto;
        overflow: visible;
        overflow: initial
    }
}

.selection-tele ul li {
    position: relative
}

@media(min-width:1024px) {
    .selection-tele ul li {
        width: 21.2rem
    }
}

.selection-tele ul li img {
    display: block;
    width: 100%
}

.selection-tele ul li a {
    width: 100%
}

.selection-tele ul li a figure {
    margin: 0 0 1.6rem 0;
    position: relative
}

.selection-tele ul li a figure::after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .1) 23.44%, rgba(18, 18, 18, .5) 63.54%, rgba(18, 18, 18, .8) 100%)
}

.selection-tele ul li a figure .meta-article {
    position: absolute;
    width: 100%;
    height: 2.5rem;
    left: 0;
    bottom: 1.9rem;
    padding-left: 1.6rem;
    display: flex;
    align-items: center;
    z-index: 3
}

.selection-tele ul li a figure .meta-article .logo-channel img {
    max-width: 5rem
}

.selection-tele ul li a figure .meta-article .logo-channel--grid img {
    max-width: 3rem
}

.selection-tele ul li a figure .meta-article .duration {
    margin-left: .8rem;
    border: .1rem solid #fff;
    box-sizing: border-box;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    padding: .4rem .4rem .1rem
}

.selection-tele ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele ul li a figure .meta-article .duration--grid-page {
    padding-top: 0;
    border: 0
}

.selection-tele ul li a figure .meta-article .duration--grid-page {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele ul li a figure .meta-article .duration--grid-page {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele ul li a .bottom-selection {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #8e8e96;
    display: flex;
    flex-direction: column;
    letter-spacing: .01em
}

.selection-tele ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele ul li a .bottom-selection .type {
    margin-bottom: .8rem
}

.selection-tele ul li a .bottom-selection .title_article_selection {
    color: #121212;
    font-weight: 600;
    margin-bottom: .8rem;
    font-size: 1.6rem;
    align-items: baseline;
    display: flex
}

.selection-tele ul li a .bottom-selection .text_article_selection {
    color: #8e8e96;
    line-height: 1.9rem;
    font-style: italic;
    letter-spacing: .04em
}

.selection-tele ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .selection-tele ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

.selection-tele ul li:not(.full-item):last-child:before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, .8), #fff);
    left: -.5rem;
    right: -.5rem;
    bottom: 0;
    top: 0;
    z-index: 4
}

.selection-tele .programs {
    position: relative
}

.selection-tele .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele .programs__all {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.selection-tele .programs__all:hover .btn-programs {
    text-decoration: underline;
    background: #be0000
}

.selection-tele .programs__all a {
    color: #fff;
    letter-spacing: .01em;
    height: 100%;
    width: 100%
}

.selection-tele .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele .programs__all section {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media(min-width:600px) {
    .selection-tele .programs__all section {
        align-items: center
    }
}

.selection-tele .programs__all section .rest-prog {
    font-weight: 700;
    font-size: 6rem;
    line-height: 5rem;
    text-align: center
}

.selection-tele .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.selection-tele .programs__all section .text-programs {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: .8rem
}

.selection-tele .programs__all section .btn-programs {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.9rem;
    background: #e20001;
    text-align: center;
    padding: .8rem 1rem;
    align-self: flex-start
}

@media(min-width:600px) {
    .selection-tele .programs__all section .btn-programs {
        align-self: center
    }
}

.selection-tele .programs__nb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2.9rem
}

.selection-tele .title-section {
    font-weight: 500;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: .01em;
    color: #121212;
    border-bottom: .3rem solid #121212;
    padding-bottom: 2.4rem;
    margin-bottom: 3.2rem
}

.selection-tele .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-tele .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .selection-tele .title-section {
        font-size: 6rem;
        line-height: 6rem;
        padding-bottom: 1.6rem;
        margin-bottom: 4rem
    }
}

.selection-tele--grid-page {
    margin-bottom: 0
}

.selection-liste {
    height: auto;
    margin: 0 auto 3rem -.5rem;
    overflow: hidden
}

@media(min-width:600px) {
    .selection-liste {
        margin: 0 auto 3rem auto
    }
}

.selection-liste ul li a figure::after {
    display: none
}

.selection-liste ul li a .score {
    margin-top: .2rem
}

.selection-liste .title-cards {
    position: relative;
    height: auto
}

.selection-liste .title-cards h2 {
    display: inline-block;
    background: #121212;
    padding-right: 0;
    font-size: 3.2rem
}

.selection-liste .title-cards h2:first-letter {
    text-transform: uppercase
}

@media(min-width:1024px) {
    .selection-liste .title-cards h2 {
        background: 0 0;
        font-size: 4rem;
        line-height: 4rem
    }
}

.selection-liste .title-cards h2:after {
    content: "";
    display: inline-block;
    height: 1.2rem;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: .2rem solid #d8d8d8
}

@media(min-width:1024px) {
    .selection-liste .title-cards h2:after {
        border-top: none
    }
}

.selection-liste__list {
    display: flex;
    margin-right: -5rem
}

@media(min-width:360px) {
    .selection-liste__list {
        margin-right: -11.1rem
    }
}

@media(min-width:600px) {
    .selection-liste__list {
        display: grid;
        margin-right: 0;
        margin-top: 4rem
    }
}

.selection-liste__list li:nth-child(1) {
    flex: 1;
    margin-right: 2rem
}

@media(min-width:600px) {
    .selection-liste__list li:nth-child(1) {
        margin-right: 0
    }
}

.selection-liste__list li:nth-child(2) {
    flex: 1
}

.selection-liste__list:last-child .programs .label__subscriber {
    display: none
}

@media(min-width:1024px) {
    .selection-liste {
        margin-bottom: 4rem;
        padding: 0;
        max-width: 100%
    }
}

.selection-liste ul {
    position: relative;
    margin-top: 4rem
}

@media(min-width:1024px) {
    .selection-liste ul {
        height: auto;
        overflow: visible;
        overflow: initial
    }
}

.selection-liste ul li {
    position: relative
}

.selection-liste ul li img {
    display: block;
    width: 100%
}

.selection-liste ul li a {
    width: 100%
}

.selection-liste ul li a figure {
    margin: 0 0 1.6rem 0;
    position: relative
}

.selection-liste ul li a figure::after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .1) 23.44%, rgba(18, 18, 18, .5) 63.54%, rgba(18, 18, 18, .8) 100%)
}

.selection-liste ul li a figure .meta-article {
    position: absolute;
    width: 100%;
    height: 2.5rem;
    left: 0;
    bottom: 1.9rem;
    padding-left: 1.6rem;
    display: flex;
    align-items: center;
    z-index: 3
}

.selection-liste ul li a figure .meta-article .logo-channel img {
    max-width: 5rem
}

.selection-liste ul li a figure .meta-article .duration {
    margin-left: .8rem;
    border: .1rem solid #fff;
    box-sizing: border-box;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    padding: .4rem .4rem .1rem
}

.selection-liste ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste ul li a .bottom-selection {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #8e8e96;
    display: flex;
    flex-direction: column;
    letter-spacing: .01em
}

.selection-liste ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste ul li a .bottom-selection .type {
    margin-bottom: .8rem;
    color: #8e8e96;
    display: block;
    margin-top: 4px;
    font-weight: 400
}

.selection-liste ul li a .bottom-selection .title_article_selection {
    color: #fff;
    font-weight: 600;
    margin-bottom: .8rem;
    font-size: 1.6rem
}

.selection-liste ul li a .bottom-selection .text_article_selection {
    color: #8e8e96;
    line-height: 1.9rem;
    font-style: italic;
    letter-spacing: .04em
}

.selection-liste ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .selection-liste ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

.selection-liste ul li a .bottom-selection .author,
.selection-liste ul li a .bottom-selection .place {
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: .01em;
    font-weight: 400
}

.selection-liste ul li a .bottom-selection .author,
.selection-liste ul li a .bottom-selection .place {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste ul li a .bottom-selection .author,
html.fonts-loaded .selection-liste ul li a .bottom-selection .place {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste ul li:last-child:before {
    content: "";
    background: rgba(18, 18, 18, .9);
    background: linear-gradient(to right, rgba(18, 18, 18, .8), #121212);
    position: absolute;
    left: -.5rem;
    right: -.5rem;
    bottom: 0;
    top: 0;
    z-index: 4
}

.selection-liste ul li:last-child .programs .label__subscriber {
    display: none
}

.selection-liste .programs {
    position: relative
}

.selection-liste .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste .programs__all {
    position: absolute;
    top: 4rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.selection-liste .programs__all:hover .btn-programs {
    text-decoration: underline;
    background: #be0000
}

.selection-liste .programs__all a {
    color: #121212;
    letter-spacing: .01em;
    height: 100%;
    width: 100%
}

.selection-liste .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste .programs__all section {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media(min-width:600px) {
    .selection-liste .programs__all section {
        align-items: center
    }
}

.selection-liste .programs__all section .rest-prog {
    font-weight: 700;
    font-size: 6rem;
    line-height: 5rem;
    width: 10rem;
    text-align: center
}

.selection-liste .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste .programs__all section .rest-label {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 2.5rem;
    width: 10rem;
    text-align: center;
    margin-bottom: 1rem
}

.selection-liste .programs__all section .rest-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste .programs__all section .rest-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste .programs__all section .text-programs {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: .8rem
}

.selection-liste .programs__all section .btn-programs {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.9rem;
    background: #e20001;
    width: 9.7rem;
    text-align: center;
    padding: .8rem 1rem;
    align-self: flex-start
}

@media(min-width:600px) {
    .selection-liste .programs__all section .btn-programs {
        align-self: center
    }
}

.selection-liste .programs__nb {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.selection-liste .title-section {
    font-weight: 500;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: .01em;
    color: #121212;
    border-bottom: .3rem solid #121212;
    padding-bottom: 2.4rem;
    margin-bottom: 3.2rem
}

.selection-liste .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .selection-liste .title-section {
        font-size: 6rem;
        line-height: 6rem;
        padding-bottom: 1.6rem;
        margin-bottom: 4rem
    }
}

#selection-liste.selection-liste .selection-liste__list {
    margin-right: -10.6rem
}

@media(min-width:600px) {
    #selection-liste.selection-liste .selection-liste__list {
        margin-right: 0
    }
}

.selection-liste-tagged {
    height: auto;
    margin: 0 auto 3rem auto
}

@media(min-width:600px) {
    .selection-liste-tagged {
        margin: 0 auto 3rem auto
    }
}

.selection-liste-tagged .title-cards {
    position: relative;
    border-bottom: .2rem solid #d8d8d8
}

@media(min-width:1024px) {
    .selection-liste-tagged .title-cards {
        border-bottom: none
    }
}

.selection-liste-tagged .title-cards h2 {
    display: inline-block;
    background: #121212;
    padding-right: 7px;
    font-size: 3.8rem
}

.selection-liste-tagged .title-cards h2:first-letter {
    text-transform: uppercase
}

@media(min-width:1024px) {
    .selection-liste-tagged .title-cards h2 {
        background: 0 0;
        font-size: 4rem;
        line-height: 4rem
    }
}

.selection-liste-tagged__list {
    display: flex;
    margin-right: -11.1rem
}

@media(min-width:600px) {
    .selection-liste-tagged__list {
        display: grid;
        margin-right: 0
    }
}

.selection-liste-tagged__list li:nth-child(1) {
    flex: 1;
    margin-right: 2rem
}

@media(min-width:600px) {
    .selection-liste-tagged__list li:nth-child(1) {
        margin-right: 0
    }
}

.selection-liste-tagged__list li:nth-child(2) {
    flex: 1
}

@media(min-width:1024px) {
    .selection-liste-tagged {
        margin-bottom: 4rem;
        padding: 0;
        max-width: 100%
    }
}

.selection-liste-tagged ul {
    position: relative;
    margin-top: 4rem
}

@media(min-width:1024px) {
    .selection-liste-tagged ul {
        height: auto;
        overflow: visible;
        overflow: initial
    }
}

.selection-liste-tagged ul li {
    position: relative
}

.selection-liste-tagged ul li img {
    display: block;
    width: 100%
}

.selection-liste-tagged ul li a {
    width: 100%
}

.selection-liste-tagged ul li a figure {
    margin: 0 0 1.6rem 0;
    position: relative
}

.selection-liste-tagged ul li a figure::after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .1) 23.44%, rgba(18, 18, 18, .5) 63.54%, rgba(18, 18, 18, .8) 100%)
}

.selection-liste-tagged ul li a figure .meta-article {
    position: absolute;
    width: 100%;
    height: 2.5rem;
    left: 0;
    bottom: 1.9rem;
    padding-left: 1.6rem;
    display: flex;
    align-items: center;
    z-index: 3
}

.selection-liste-tagged ul li a figure .meta-article .logo-channel img {
    max-width: 5rem
}

.selection-liste-tagged ul li a figure .meta-article .duration {
    margin-left: .8rem;
    border: .1rem solid #fff;
    box-sizing: border-box;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
    padding: .4rem .4rem .1rem
}

.selection-liste-tagged ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged ul li a figure .meta-article .duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste-tagged ul li a .bottom-selection {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #8e8e96;
    display: flex;
    flex-direction: column;
    letter-spacing: .01em
}

.selection-liste-tagged ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged ul li a .bottom-selection {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste-tagged ul li a .bottom-selection .type {
    margin-bottom: .8rem;
    color: #8e8e96;
    display: block;
    margin-top: 4px;
    font-weight: 400
}

.selection-liste-tagged ul li a .bottom-selection .title_article_selection {
    color: #fff;
    font-weight: 600;
    margin-bottom: .8rem;
    font-size: 1.6rem
}

.selection-liste-tagged ul li a .bottom-selection .text_article_selection {
    color: #8e8e96;
    line-height: 1.9rem;
    font-style: italic;
    letter-spacing: .04em
}

.selection-liste-tagged ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .selection-liste-tagged ul li a .bottom-selection .text_article_selection {
    font-family: Georgia, Droid-serif, serif
}

.selection-liste-tagged ul li:last-child:before {
    content: "";
    background: rgba(255, 255, 255, .9);
    background: linear-gradient(to right, rgba(18, 18, 18, .8), #121212);
    position: absolute;
    left: -.5rem;
    right: -.5rem;
    bottom: 0;
    top: 0;
    z-index: 4
}

.selection-liste-tagged ul li:last-child .label__subscriber {
    display: none
}

.selection-liste-tagged .programs {
    position: relative
}

.selection-liste-tagged .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged .programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste-tagged .programs__all {
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.selection-liste-tagged .programs__all:hover .btn-programs {
    text-decoration: underline;
    background: #be0000
}

.selection-liste-tagged .programs__all a {
    color: #fff;
    letter-spacing: .01em;
    height: 100%;
    width: 100%
}

.selection-liste-tagged .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged .programs__all a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste-tagged .programs__all section {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media(min-width:600px) {
    .selection-liste-tagged .programs__all section {
        align-items: center
    }
}

.selection-liste-tagged .programs__all section .rest-prog {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 2.5rem;
    width: 10rem;
    text-align: center;
    margin-bottom: 1rem
}

.selection-liste-tagged .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged .programs__all section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.selection-liste-tagged .programs__all section .text-programs {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: .8rem
}

.selection-liste-tagged .programs__all section .btn-programs {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.9rem;
    background: #e20001;
    width: 10rem;
    text-align: center;
    padding: .8rem 1rem;
    align-self: flex-start
}

@media(min-width:600px) {
    .selection-liste-tagged .programs__all section .btn-programs {
        align-self: center
    }
}

.selection-liste-tagged .programs__nb {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.selection-liste-tagged .title-section {
    font-weight: 500;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: .01em;
    color: #121212;
    border-bottom: .3rem solid #121212;
    padding-bottom: 2.4rem;
    margin-bottom: 3.2rem
}

.selection-liste-tagged .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .selection-liste-tagged .title-section {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .selection-liste-tagged .title-section {
        font-size: 6rem;
        line-height: 6rem;
        padding-bottom: 1.6rem;
        margin-bottom: 4rem
    }
}

#minigrille_slider_premiere .content-grid,
.mini-grid .content-grid {
    display: flex;
    overflow: hidden;
    position: relative
}

#minigrille_slider_premiere .content-grid #minigrille_block,
.mini-grid .content-grid #minigrille_block {
    width: 100%
}

#minigrille_slider_premiere .btn-listGrid,
.mini-grid .btn-listGrid {
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: .01em;
    width: 100%;
    max-width: 31.3rem;
    height: 5.2rem;
    background: #e20001;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

#minigrille_slider_premiere .btn-listGrid,
.mini-grid .btn-listGrid {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere .btn-listGrid,
html.fonts-loaded .mini-grid .btn-listGrid {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {

    #minigrille_slider_premiere .btn-listGrid,
    .mini-grid .btn-listGrid {
        display: none
    }
}

#minigrille_slider_premiere .list-programs,
.mini-grid .list-programs {
    width: 13.6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 13.6rem;
    padding-top: 3.4rem
}

#minigrille_slider_premiere .list-programs section,
.mini-grid .list-programs section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 2rem
}

#minigrille_slider_premiere .list-programs section .rest-prog,
.mini-grid .list-programs section .rest-prog {
    font-weight: 700;
    font-size: 6rem;
    line-height: 5rem
}

#minigrille_slider_premiere .list-programs section .rest-prog,
.mini-grid .list-programs section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere .list-programs section .rest-prog,
html.fonts-loaded .mini-grid .list-programs section .rest-prog {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere .list-programs section .text-programs,
.mini-grid .list-programs section .text-programs {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: .8rem
}

#minigrille_slider_premiere .list-programs section .text-programs,
.mini-grid .list-programs section .text-programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere .list-programs section .text-programs,
html.fonts-loaded .mini-grid .list-programs section .text-programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere .list-programs section .btn-programs,
.mini-grid .list-programs section .btn-programs {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.9rem;
    background: #e20001;
    text-align: center;
    padding: .8rem 1rem;
    align-self: center
}

#minigrille_slider_premiere .list-programs section .btn-programs,
.mini-grid .list-programs section .btn-programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere .list-programs section .btn-programs,
html.fonts-loaded .mini-grid .list-programs section .btn-programs {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere .list-programs section .btn-programs:hover,
.mini-grid .list-programs section .btn-programs:hover {
    cursor: pointer;
    text-decoration: underline;
    background: #be0000
}

#minigrille_slider_premiere section,
.mini-grid section {
    overflow: hidden;
    display: none
}

@media(min-width:1024px) {

    #minigrille_slider_premiere section,
    .mini-grid section {
        display: block
    }
}

#minigrille_slider_premiere section .title-cards,
.mini-grid section .title-cards {
    margin-bottom: 3.2rem
}

#minigrille_slider_premiere ul,
.mini-grid ul {
    display: none
}

@media(min-width:1024px) {

    #minigrille_slider_premiere ul,
    .mini-grid ul {
        display: flex
    }
}

#minigrille_slider_premiere ul li,
.mini-grid ul li {
    width: 13.6rem;
    margin-right: 4rem;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem
}

#minigrille_slider_premiere ul li,
.mini-grid ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere ul li,
html.fonts-loaded .mini-grid ul li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere ul li figure,
.mini-grid ul li figure {
    height: 4.4rem;
    width: 100%;
    margin: 0 0 1rem 0
}

#minigrille_slider_premiere ul li figure a,
.mini-grid ul li figure a {
    overflow: hidden;
    height: 100%
}

#minigrille_slider_premiere ul li figure a img,
.mini-grid ul li figure a img {
    max-height: 100%
}

#minigrille_slider_premiere ul li .tv--channel,
.mini-grid ul li .tv--channel {
    max-height: 3.2;
    margin-bottom: 2rem
}

#minigrille_slider_premiere ul li .tv--channel a,
.mini-grid ul li .tv--channel a {
    height: 3.2rem;
    width: 100%
}

#minigrille_slider_premiere ul li .tv--channel a img,
.mini-grid ul li .tv--channel a img {
    width: 50%;
    display: block
}

#minigrille_slider_premiere ul li .tv--channel a img+img,
.mini-grid ul li .tv--channel a img+img {
    display: none
}

#minigrille_slider_premiere ul li .tv--item--body,
.mini-grid ul li .tv--item--body {
    display: flex;
    flex-direction: column
}

@media(min-width:1024px) {

    #minigrille_slider_premiere ul li .tv--item--body,
    .mini-grid ul li .tv--item--body {
        max-width: 90%
    }
}

#minigrille_slider_premiere ul li .tv--item--body .tv--hour,
.mini-grid ul li .tv--item--body .tv--hour {
    line-height: 1.9rem;
    letter-spacing: .04em;
    color: #121212;
    margin-bottom: .8rem
}

#minigrille_slider_premiere ul li .tv--item--body .tv--genre.mobile,
.mini-grid ul li .tv--item--body .tv--genre.mobile {
    display: none
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i,
.mini-grid ul li .tv--item--body .tv--title i {
    font-family: "Telerama Pictos2012A";
    color: #e20001;
    margin-right: .3rem;
    display: inline-block;
    font-size: 2rem;
    font-style: normal
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i.tra-1:before,
.mini-grid ul li .tv--item--body .tv--title i.tra-1:before {
    content: "O"
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i.tra-2:before,
.mini-grid ul li .tv--item--body .tv--title i.tra-2:before {
    content: "2"
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i.tra-3:before,
.mini-grid ul li .tv--item--body .tv--title i.tra-3:before {
    content: "T"
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i.tra-4:before,
.mini-grid ul li .tv--item--body .tv--title i.tra-4:before {
    content: "Y"
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title i.tra-5:before,
.mini-grid ul li .tv--item--body .tv--title i.tra-5:before {
    content: "U"
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title a,
.mini-grid ul li .tv--item--body .tv--title a {
    text-decoration: none
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title a:hover,
.mini-grid ul li .tv--item--body .tv--title a:hover {
    text-decoration: underline
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title a h3,
.mini-grid ul li .tv--item--body .tv--title a h3 {
    color: #121212;
    font-weight: 600;
    margin-bottom: .8rem;
    float: inherit
}

#minigrille_slider_premiere ul li .tv--item--body .tv--title a h3,
.mini-grid ul li .tv--item--body .tv--title a h3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere ul li .tv--item--body .tv--title a h3,
html.fonts-loaded .mini-grid ul li .tv--item--body .tv--title a h3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere ul li .duration,
#minigrille_slider_premiere ul li .tv--hour,
.mini-grid ul li .duration,
.mini-grid ul li .tv--hour {
    line-height: 1.9rem;
    letter-spacing: .04em;
    color: #121212;
    margin-bottom: .8rem
}

#minigrille_slider_premiere ul li .title_article_grid,
.mini-grid ul li .title_article_grid {
    color: #121212;
    font-weight: 600;
    margin-bottom: .8rem
}

#minigrille_slider_premiere ul li .title_article_grid,
.mini-grid ul li .title_article_grid {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #minigrille_slider_premiere ul li .title_article_grid,
html.fonts-loaded .mini-grid ul li .title_article_grid {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

#minigrille_slider_premiere ul li .title_article_grid:hover p,
.mini-grid ul li .title_article_grid:hover p {
    text-decoration: underline
}

#minigrille_slider_premiere ul li .type,
.mini-grid ul li .type {
    line-height: 2.1rem;
    letter-spacing: .01em;
    color: #8e8e96
}

#minigrille_slider_premiere ul li:nth-child(4),
.mini-grid ul li:nth-child(4) {
    position: static;
    position: initial;
    opacity: 1;
    opacity: initial;
    right: 0;
    margin-right: 4rem;
    width: 13.6rem
}

#minigrille_slider_premiere ul li:nth-child(4):before,
.mini-grid ul li:nth-child(4):before {
    content: normal;
    content: initial
}

#minigrille_slider_premiere ul li:nth-child(6),
.mini-grid ul li:nth-child(6) {
    right: 0;
    position: absolute;
    top: 0;
    margin-right: 0;
    opacity: .2;
    bottom: 0
}

#minigrille_slider_premiere ul li:nth-child(6):before,
.mini-grid ul li:nth-child(6):before {
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, #fff 41.95%);
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

#minigrille_slider_premiere .programs__all a section,
.mini-grid .programs__all a section {
    margin: 0 auto 0
}

#minigrille_slider_premiere .programs__all a:hover .btn-programs,
.mini-grid .programs__all a:hover .btn-programs {
    text-decoration: underline
}

.score {
    float: left;
    font-family: "Telerama Pictos2012A";
    position: relative;
    font-size: 1.8rem;
    margin-right: .5rem;
    color: #e2001a;
    height: 2rem;
    line-height: 2rem;
    font-style: normal;
    z-index: 1
}

.score--edito {
    float: none;
    font-size: 2rem
}

.score--list {
    font-size: 2rem;
    margin-bottom: .4rem
}

.score--mobile {
    display: inline
}

@media(min-width:1024px) {
    .score--mobile {
        display: none
    }
}

.score::after {
    content: " ";
    width: 81%;
    height: 44%;
    display: block;
    background-color: #fff;
    top: 30%;
    left: .3rem;
    right: .2rem;
    position: absolute;
    margin: auto;
    z-index: -1
}

.subhome .score {
    position: relative;
    z-index: 1
}

.subhome .score:after {
    content: " ";
    width: 83%;
    height: 60%;
    display: block;
    background-color: #fff;
    top: 22%;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    z-index: -1
}

.subhome .score.i-icon:after {
    content: inherit;
    background-color: none !important
}

.grid-sidebar {
    display: none;
    margin-top: 1.6rem;
    font-size: 1.6rem
}

.grid-sidebar {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .grid-sidebar {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.grid-sidebar p {
    line-height: 2.1rem;
    letter-spacing: .01em;
    color: #121212
}

.grid-sidebar a {
    height: 3.2rem;
    width: 100%;
    display: block;
    background: #e20001;
    line-height: 3.2rem;
    letter-spacing: .01em;
    margin-top: 1.6rem;
    text-align: center;
    color: #fff
}

@media(min-width:1024px) {
    .grid-sidebar {
        display: block;
        margin-bottom: 4rem
    }
}

.recommendation {
    margin-top: .9rem
}

.recommendation-cinema {
    background: #f4f4f4;
    border: .1rem solid #d8d8d8;
    box-sizing: border-box;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    color: #121212;
    display: flex;
    height: 4rem;
    width: 100%;
    justify-content: center;
    align-items: center
}

.recommendation-cinema {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .recommendation-cinema {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.recommendation ul {
    width: 100%;
    overflow: hidden;
    height: 28.8rem;
    transition: height .2s ease;
    transition-delay: .01s
}

@media(min-width:1024px) {
    .recommendation ul {
        height: auto
    }
}

.recommendation ul li {
    margin-bottom: 1.6rem;
    overflow: hidden
}

.recommendation ul li.icon-rightFL::before {
    right: 2.9rem;
    top: 2.1rem;
    font-weight: 500
}

.recommendation ul li a {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: .01em;
    color: #121212;
    width: 100%;
    height: 8rem;
    border: .1rem solid #d8d8d8;
    padding: 0 4.1rem 0 8rem;
    display: flex;
    align-items: center
}

.recommendation ul li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .recommendation ul li a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.recommendation ul li a.genre-albums {
    background: url(/dist/assets/img/icons/icon-albums.svg) left 2.33rem center no-repeat;
    padding: 0 4.1rem 0 8rem !important
}

.recommendation ul li a.genre-film {
    background: url(/dist/assets/img/icons/icon-films.svg) left 2rem center no-repeat;
    padding: 0 4.1rem 0 8rem !important
}

.recommendation ul li a.genre-bd {
    background: url(/dist/assets/img/icons/icon-bd.svg) left 2.33rem center no-repeat;
    padding: 0 4.1rem 0 8rem !important
}

.recommendation ul li a.genre-souvenir {
    background: url(/dist/assets/img/icons/icon-souvenir.svg) left 2.33rem center no-repeat;
    padding: 0 4.1rem 0 8rem !important
}

.recommendation ul li a.genre-jeux {
    background: url(/dist/assets/img/icons/icon-jeux.svg) left 2rem center no-repeat;
    padding: 0 4.1rem 0 8rem !important
}

.btn-all-rec {
    width: 100%
}

.btn-all-rec a {
    background: #f4f4f4;
    border: .1rem solid #d8d8d8;
    box-sizing: border-box;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    color: #121212;
    display: flex;
    height: 4rem;
    width: 100%;
    justify-content: center;
    align-items: center
}

.btn-all-rec a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn-all-rec a {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

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

.show-list-rec ul {
    height: 57.5rem;
    transition: height .2s ease;
    transition-delay: .01s
}

.show-list-rec ul.ul-musiqueRecommendation {
    height: 48rem
}

.show-list-rec ul.ul-enfantsRecommendation {
    height: 48rem
}

.show-list-rec ul.ul-livreRecommendation {
    height: 38.5rem
}

.show-list-rec ul.ul-theatrespectaclesRecommendation {
    height: 48rem
}

.show-list-rec ul.ul-restosgastronomieRecommendation {
    height: 38.5rem
}

.show-list-rec ul.ul-voyagesloisirsRecommendation {
    height: 38.5rem
}

.show-list-rec ul.ul-radioRecommendation {
    height: 48rem
}

.show-list-rec ul.ul-diffusions {
    height: 66.5rem
}

.show-list-rec ul.ul-stagin-in {
    height: 66.5rem
}

.show-list-rec ul.ul-going-out {
    height: 38.5rem
}

.diffusions-hp {
    margin: auto
}

@media(min-width:1024px) {
    .diffusions-hp {
        margin: 0
    }
}

.diffusions-hp .recommendation ul li a {
    padding: 0 4.1rem 0 2.4rem
}

.diffusions-hp .recommendation ul li a span {
    display: block;
    margin-left: 1rem
}

.diffusions-hp .recommendation ul li a span.picto-netflix {
    background: url(/dist/assets/img/icons/netflix_logo.svg) no-repeat;
    width: 8rem;
    height: 2.4rem
}

.diffusions-hp .recommendation ul li a span.picto-ocs {
    background: url(/dist/assets/img/icons/ocs_logo.svg) no-repeat;
    width: 6.7rem;
    height: 2.4rem
}

.diffusions-hp .recommendation ul li a span.picto-canalplus {
    background: url(/dist/assets/img/icons/canalplus_logo.svg) no-repeat;
    width: 6.7rem;
    height: 1.4rem;
    background-size: 6.7rem 1.4rem
}

.diffusions-hp .recommendation ul li a span.picto-prime-video {
    background: url(/dist/assets/img/icons/prime_logo.svg) no-repeat;
    width: 8rem;
    height: 2.7rem
}

.diffusions-hp .recommendation ul li a span.picto-apple-tv-plus {
    background: url(/dist/assets/img/icons/apple_logo.svg) no-repeat;
    width: 7.4rem;
    height: 2.7rem
}

.diffusions-hp .recommendation ul li a span.picto-disney-plus {
    background: url(/dist/assets/img/icons/disney_logo.svg) no-repeat;
    width: 7.4rem;
    height: 4rem
}

.diffusions-hp .recommendation ul li a span.picto-salto {
    background: url(/dist/assets/img/icons/salto_logo.svg) no-repeat;
    width: 8rem;
    height: 1.6rem
}

.les-plus-lus {
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .les-plus-lus {
        min-height: 40rem
    }
}

@media(min-width:1024px) {
    .les-plus-lus {
        margin-top: 0
    }
}

.les-plus-lus .title-cards {
    margin-bottom: 1.6rem;
    font-size: 2.6rem;
    line-height: 100%;
    color: #16141e;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: none
}

.les-plus-lus .title-cards {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .title-cards {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .title-cards {
        font-size: 4.8rem
    }
}

@media(min-width:1024px) {
    .les-plus-lus .most-read-block ul {
        margin-bottom: 2.4rem
    }
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li:last-child a {
        padding: 3.2rem 0 0
    }
}

.les-plus-lus .most-read-block ul li a {
    display: flex;
    border-top: solid .1rem #d8d8d8;
    height: 100%;
    padding: 1.6rem 0
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a {
        padding: 3.2rem 0
    }
}

.les-plus-lus .most-read-block ul li a .left-volt-article {
    width: auto;
    align-self: center
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .left-volt-article {
        align-self: auto
    }
}

.les-plus-lus .most-read-block ul li a .left-volt-article .abonne-bar {
    display: block;
    width: .4rem;
    height: 5.2rem;
    background-color: #fed403;
    float: left
}

.les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-weight: 700;
    font-size: 5.4rem;
    line-height: 4rem;
    letter-spacing: .01em;
    color: #f4c5d3;
    margin: 0 .8rem 0 0;
    display: block;
    width: 7.2rem;
    text-align: center
}

.les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
        font-size: 9.9rem;
        line-height: 9rem;
        height: 8rem;
        margin: 0 1.6rem 0 0;
        width: 8rem
    }
}

.les-plus-lus .most-read-block ul li a .right-volt-article {
    font-size: 2.2rem;
    line-height: 2.64rem;
    width: 26.2rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article .label-container {
    display: flex
}

.les-plus-lus .most-read-block ul li a .right-volt-article .abo-img {
    background-image: url(/dist/assets/img/icons/abonne-most-read.svg);
    background-repeat: no-repeat;
    height: 1.6rem;
    width: 1.6rem;
    margin-right: .8rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 120%;
    letter-spacing: .08em;
    color: #737278;
    display: block;
    margin-bottom: .6rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .right-volt-article label {
        font-size: 1.6rem;
        margin-bottom: .88rem
    }
}

.les-plus-lus .most-read-block ul li a .right-volt-article p {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 120%;
    letter-spacing: .01em
}

.les-plus-lus .most-read-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .right-volt-article p {
        font-size: 2.2rem
    }
}

.les-plus-lus--article .most-read-block ul li a .right-volt-article {
    width: auto
}

.les-plus-lus--article .title-cards {
    border-bottom: 0
}

@media(min-width:360px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

@media(min-width:576px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

@media(min-width:1024px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

.right__section-container {
    display: flex;
    flex-direction: column;
    position: relative
}

.right__section-sticky-pub-container {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

@media(min-width:1113px) {
    .right__section-sticky-pub-container {
        flex-basis: 56.25rem
    }
}

.right__section {
    width: 100%
}

@media(min-width:1113px) {
    .right__section {
        order: inherit;
        margin: 0
    }
}

@media(min-width:1113px) {
    .right__section--one {
        height: 165rem
    }
}

.right__section--one .right-pub-one {
    position: -webkit-sticky;
    position: sticky;
    top: 9.6rem
}

@media(min-width:1113px) {
    .right__section--one .right-pub-one {
        margin-top: 3.2rem
    }
}

.right__section--two {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.right__section--two .right-pub-two {
    position: -webkit-sticky;
    position: sticky;
    top: 9.6rem
}

.most-read--home {
    margin-top: .8rem
}

html.app .most-read--home {
    margin-top: 3.2rem
}

@media(min-width:600px) {
    .most-read--home+.teaser__bloc--dont-miss {
        margin-top: 0
    }
}

@media(min-width:600px) {
    .most-read--home {
        margin-top: 6.4rem
    }
}

.most-read--hide {
    display: none
}

.most-read__container {
    padding-top: .8rem
}

@media(min-width:600px) {
    .most-read__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-auto-flow: column;
        grid-template-rows: auto auto auto
    }
}

@media(min-width:1113px) {
    .most-read__container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-template-rows: auto auto;
        margin-bottom: 0
    }
}

.most-read__content .teaser__category {
    margin-bottom: .6rem
}

@media(min-width:1113px) {
    .most-read__content .teaser__category {
        margin-bottom: .8rem
    }
}

.most-read__teaser {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    border-bottom: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .most-read__teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .most-read__teaser {
    border-color: #dad9db
}

@media(min-width:600px) {
    .most-read__teaser {
        padding-bottom: 2.4rem;
        align-items: flex-start
    }

    .most-read__teaser:nth-child(3),
    .most-read__teaser:nth-child(6) {
        border-bottom: 0
    }

    .most-read__teaser:nth-child(2),
    .most-read__teaser:nth-child(3),
    .most-read__teaser:nth-child(5),
    .most-read__teaser:nth-child(6) {
        padding-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .most-read__teaser {
        padding: 3.2rem 0
    }

    .most-read__teaser:nth-child(1) {
        padding-top: 2.4rem
    }

    .most-read__teaser:nth-child(3) {
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read__teaser:nth-child(3) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read__teaser:nth-child(3) {
        border-color: #dad9db
    }

    .most-read__teaser:nth-child(2),
    .most-read__teaser:nth-child(4),
    .most-read__teaser:nth-child(6) {
        border-bottom: 0;
        padding-top: 3.2rem
    }
}

.most-read__teaser--hidden {
    display: none
}

.most-read__teaser--hidden.ui-collapse--shown {
    display: flex
}

@media(min-width:600px) {
    .most-read__teaser--hidden {
        display: flex
    }
}

html:not(.app) .most-read__teaser:hover .most-read__detail {
    color: #45434b
}

html[data-color-mode=dark] .most-read__teaser:hover .most-read__detail {
    color: rgba(255, 255, 255, .8)
}

.most-read__rank {
    color: #f4c5d3;
    font-size: 5.4rem;
    line-height: .74;
    flex: 7.2rem 0 0;
    text-align: center
}

.most-read__rank {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__rank {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .most-read__rank {
        font-size: 8.4rem;
        line-height: .84;
        margin-right: .8rem
    }
}

@media(min-width:1113px) {
    .most-read__rank {
        flex: 5.7rem 0 0;
        margin-right: 2.4rem;
        font-size: 9.8rem
    }
}

.most-read__detail {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1.2;
    display: flex;
    letter-spacing: .016rem
}

.most-read__detail {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__detail {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .most-read__detail {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .most-read__detail {
    color: #16141e
}

@media(min-width:600px) {
    .most-read__detail {
        font-size: 1.8rem;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .most-read__detail {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.most-read__trigger {
    margin: 1.6rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 1.4rem;
    padding: .7rem 0;
    letter-spacing: .014rem;
    line-height: 1.82rem
}

.most-read__trigger {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__trigger {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .most-read__trigger {
        display: none
    }
}

.most-read__trigger:after {
    content: "";
    display: block;
    width: 1.6rem;
    margin-left: .8rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .most-read__trigger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

[data-color-mode=light] .most-read__trigger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

.most-read__trigger.ui-collapse--shown:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width:1113px) {
    .most-read--article .most-read__container {
        display: block;
        padding-top: 0
    }

    .most-read--article .most-read__teaser:nth-child(1) {
        padding-top: 3.2rem;
        padding-bottom: 2.4rem;
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(1) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(1) {
        border-color: #dad9db
    }

    .most-read--article .most-read__teaser:nth-child(2),
    .most-read--article .most-read__teaser:nth-child(3) {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(2),
    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(3) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(2),
    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(3) {
        border-color: #dad9db
    }

    .most-read--article .most-read__teaser:nth-child(4) {
        border-bottom: none;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

.go-out-right__container {
    margin-top: 3.2rem
}

@media(min-width:1024px) {
    .go-out-right__container {
        margin-top: 0
    }
}

.go-out-right__title {
    font-size: 4rem;
    line-height: 4rem;
    color: #121212;
    margin-bottom: 1.6rem
}

.go-out-right__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .go-out-right__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

.go-out-right__item {
    border: .1rem solid #d8d8d8;
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 0 3.1rem 0 2.3rem;
    height: 8rem;
    align-items: center;
    margin-bottom: 1.6rem
}

.go-out-right__item--last {
    margin-bottom: 0
}

.go-out-right__item--theatre:hover .go-out-right__icon--theatre {
    background: url(/dist/assets/img/icons/sortir/theatre-red.svg) no-repeat
}

.go-out-right__item--theatre:focus .go-out-right__icon--theatre {
    opacity: .5
}

.go-out-right__item--art:hover .go-out-right__icon--art {
    background: url(/dist/assets/img/icons/sortir/art-red.svg) no-repeat
}

.go-out-right__item--concert:hover .go-out-right__icon--concert {
    background: url(/dist/assets/img/icons/sortir/concert-red.svg) no-repeat
}

.go-out-right__item--restaurant:hover .go-out-right__icon--restaurant {
    background: url(/dist/assets/img/icons/sortir/restaurant-red.svg) no-repeat
}

.go-out-right__item--voyage:hover .go-out-right__icon--voyage {
    background: url(/dist/assets/img/icons/sortir/voyage-red.svg) no-repeat
}

.go-out-right__icon {
    width: 3.4rem;
    height: 3.4rem
}

.go-out-right__icon--theatre {
    background: url(/dist/assets/img/icons/sortir/theatre.svg) no-repeat
}

.go-out-right__icon--art {
    background: url(/dist/assets/img/icons/sortir/art.svg) no-repeat
}

.go-out-right__icon--concert {
    background: url(/dist/assets/img/icons/sortir/concert.svg) no-repeat
}

.go-out-right__icon--restaurant {
    background: url(/dist/assets/img/icons/sortir/restaurant.svg) no-repeat
}

.go-out-right__icon--voyage {
    background: url(/dist/assets/img/icons/sortir/voyage.svg) no-repeat
}

.go-out-right__arrow {
    background: url(/dist/assets/img/icons/arrow-right-gray.svg) no-repeat;
    width: 1.4rem;
    height: 1.8rem
}

.go-out-right__text {
    font-size: 2rem;
    line-height: 2.4rem;
    color: #121212;
    width: 17rem
}

.go-out-right__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .go-out-right__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.forecast-block__container {
    border-bottom: 1px solid;
    border-color: #d0d0d0;
    margin-right: auto;
    margin-left: auto
}

[data-color-mode=dark] .forecast-block__container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .forecast-block__container {
    border-color: #d0d0d0
}

@media(min-width:600px) {
    .forecast-block__container {
        max-width: 64rem;
        margin: auto
    }
}

@media(min-width:600px) {
    .forecast-block__container {
        border-bottom: none
    }
}

.forecast-block__container a {
    display: block;
    margin-bottom: 1.6rem
}

html:not(.app) .forecast-block__container a:hover .forecast-block__img-container:before {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, .4);
    border-radius: .4rem;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 8rem;
    height: 5.3rem
}

@media(min-width:360px) {
    html:not(.app) .forecast-block__container a:hover .forecast-block__img-container:before {
        width: 9.8rem;
        height: 6.5rem
    }
}

@media(min-width:393px) {
    html:not(.app) .forecast-block__container a:hover .forecast-block__img-container:before {
        width: 11.7rem;
        height: 7.9rem
    }
}

@media(min-width:600px) {
    html:not(.app) .forecast-block__container a:hover .forecast-block__img-container:before {
        flex: 32rem 0 0;
        height: 21.3rem;
        width: 32rem
    }
}

@media(min-width:1113px) {
    html:not(.app) .forecast-block__container a:hover .forecast-block__img-container:before {
        flex: 30.1rem 0 0;
        height: 20.1rem;
        width: 30.1rem
    }
}

html:not(.app) .forecast-block__container a:hover .forecast-block__list-title {
    color: #45434b
}

html[data-color-mode=dark] .forecast-block__container a:hover .forecast-block__img-container:before {
    background-color: rgba(28, 26, 38, .4)
}

html[data-color-mode=dark] .forecast-block__container a:hover .forecast-block__list-title {
    color: rgba(255, 255, 255, .8)
}

.forecast-block__container a:not(:last-of-type) {
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .forecast-block__container a:not(:last-of-type) {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .forecast-block__container a:not(:last-of-type) {
    border-color: #dad9db
}

@media(min-width:600px) {
    .forecast-block__container a:last-of-type {
        margin-bottom: 3.2rem
    }
}

.forecast-block__title {
    font-weight: 600;
    color: #16141e;
    font-size: 35px !important;
    line-height: 1;
    letter-spacing: .05em;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid;
    text-transform: uppercase;
    border-color: #dad9db;
    margin-bottom: 1.6rem
}

.forecast-block__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-block__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .forecast-block__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .forecast-block__title {
    color: #16141e
}

[data-color-mode=dark] .forecast-block__title {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .forecast-block__title {
    border-color: #dad9db
}

@media(min-width:600px) {
    .forecast-block__title {
        font-size: 4rem;
        margin-bottom: 2.4rem
    }
}

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

.forecast-block__info-container:after {
    content: "";
    display: table;
    clear: both
}

.forecast-block__info-container--subscribe .forecast-block__list-title:before {
    content: "";
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: .8rem;
    flex: 1.6rem 0 0;
    position: relative;
    top: .1rem
}

@media(min-width:600px) {
    .forecast-block__info-container--subscribe .forecast-block__list-title:before {
        top: .6rem
    }
}

@media(min-width:600px) {
    .forecast-block__info-container {
        display: flex;
        width: 100%
    }
}

.forecast-block__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .4rem;
    position: relative;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

[data-color-mode=dark] .forecast-block__img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .forecast-block__img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.forecast-block__img-container {
    float: left;
    width: 8rem;
    height: 11rem
}

@media(min-width:360px) {
    .forecast-block__img-container {
        width: 9.8rem;
        height: 6.5rem
    }
}

@media(min-width:393px) {
    .forecast-block__img-container {
        width: 11.7rem;
        height: 11.9rem
    }
}

@media(min-width:600px) {
    .forecast-block__img-container {
        flex: 32rem 0 0;
        width: 32rem;
        height: 15.3rem
    }
}

@media(min-width:1113px) {
    .forecast-block__img-container {
        flex: 30.1rem 0 0;
        height: 20.1rem;
        width: 30.1rem
    }
}

.forecast-block__img::before {
    content: " ";
    background-color: #f3f3f4;
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -1.6rem;
    width: 100%;
    height: 100%;
    background-size: contain
}

[data-color-mode=dark] .forecast-block__img::before {
    background-color: #2b293d
}

[data-color-mode=light] .forecast-block__img::before {
    background-color: #f3f3f4
}

.forecast-block__text-container {
    align-self: center;
    margin-left: 9.6rem
}

@media(min-width:360px) {
    .forecast-block__text-container {
        margin-left: 11.4rem
    }
}

@media(min-width:393px) {
    .forecast-block__text-container {
        margin-left: 13.3rem
    }
}

@media(min-width:600px) {
    .forecast-block__text-container {
        margin-left: 2.4rem
    }
}

.forecast-block__type {
    font-size: 1.4rem;
    line-height: 1.82rem;
    color: #717171;
    margin-bottom: .8rem;
    margin-top: 1.6rem
}

.forecast-block__type {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-block__type {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .forecast-block__type {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .forecast-block__type {
    color: #717171
}

@media(min-width:600px) {
    .forecast-block__type {
        margin-top: 0
    }
}

.forecast-block__list-title {
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: .016rem;
    color: #16141e
}

.forecast-block__list-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-block__list-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .forecast-block__list-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .forecast-block__list-title {
    color: #16141e
}

@media(min-width:600px) {
    .forecast-block__list-title {
        font-size: 1.8rem;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .forecast-block__list-title {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.forecast-block__time-container {
    display: flex;
    align-items: center
}

.forecast-block__time-icon {
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    margin-right: .6rem;
    background-image: url(/dist/assets/img/icons/grid/hour-mobile-icon.svg)
}

.forecast-block__time {
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #8e8e96
}

.forecast-block__time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-block__time {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.forecast-recirculation-3:not(:empty),
.forecast-recirculation-premium:not(:empty) {
    margin-top: 4rem
}

.carrousel-black__container+.forecast-recirculation-8 {
    margin-top: 3.2rem
}

.table__content {
    margin: 3.2rem 3.1rem 0
}

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

@media(min-width:1024px) {
    .table__content {
        margin: 4.5rem 0 0;
        border-top: .2rem solid #e8eaee;
        border-bottom: .2rem solid #e8eaee
    }
}

.table__header {
    display: none
}

@media(min-width:1024px) {
    .table__header {
        display: flex
    }
}

.table__kicker {
    display: block;
    width: 100%
}

@media(min-width:600px) {
    .table__kicker {
        display: none
    }
}

.table__media {
    width: 100%;
    height: auto
}

@media(min-width:1024px) {
    .table__media {
        flex: 0 0 12rem;
        margin-right: 1.6rem
    }
}

.table__row {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 3.2rem
}

@media(min-width:1024px) {
    .table__row {
        flex-direction: row;
        margin-top: 0
    }

    .table__row:nth-child(even) {
        background-color: #fff
    }

    .table__row:nth-child(odd) {
        background-color: #f4f4f4
    }

    .table__row:not(:last-of-type) {
        border-bottom: .2rem solid #e8eaee
    }
}

.table__row:hover .table__tiptext {
    visibility: visible
}

.table__row--hidden {
    display: none
}

.table__mobile {
    display: inline
}

@media(min-width:1024px) {
    .table__mobile {
        display: none
    }
}

@media(min-width:1024px) {
    .table__column {
        flex: 0 0 13rem;
        display: flex;
        padding: 1.6rem;
        border-left: .2rem solid #e8eaee;
        border-right: .2rem solid #e8eaee
    }

    .table__column+.table__column {
        border-left: 0
    }
}

@media(min-width:1024px) {
    .table__column--header-large {
        flex: 0 0 41rem
    }
}

@media(min-width:1024px) {
    .table__column--header-special {
        flex: 0 0 8.6rem
    }
}

.table__column--col-1 {
    order: 1
}

@media(min-width:1024px) {
    .table__column--col-1 {
        order: 1;
        flex: 0 0 41rem
    }
}

.table__column--col-2 {
    order: 4
}

@media(min-width:1024px) {
    .table__column--col-2 {
        order: 2
    }
}

.table__column--col-3 {
    order: 2
}

@media(min-width:1024px) {
    .table__column--col-3 {
        order: 3
    }
}

.table__column--col-4 {
    order: 3
}

@media(min-width:1024px) {
    .table__column--col-4 {
        order: 4
    }
}

.table__column--col-5 {
    order: 5
}

.table__column--col-special {
    order: 6;
    display: none
}

@media(min-width:1024px) {
    .table__column--col-special {
        order: 4;
        display: block;
        flex: 0 0 8.6rem
    }
}

.table__column--mobile {
    order: 6
}

@media(min-width:1024px) {
    .table__column--mobile {
        display: none
    }
}

.table__title:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #e20001;
    text-decoration-color: #e20001
}

@media(min-width:1024px) {
    .table__title {
        text-decoration: underline
    }
}

.table__title:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

@media(min-width:1024px) {
    .table__title:before {
        display: none
    }
}

@media(min-width:1024px) {
    .table__text {
        color: #121212
    }
}

.table__tiptext {
    visibility: hidden;
    width: 30%;
    background-color: #9b9b9b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    font-weight: 400;
    position: absolute;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 2.3rem
}

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

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

.table__header {
    background-color: #fff;
    border-bottom: .3rem solid #e20001
}

.table__button {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #121212;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

.table__button:focus {
    outline: 0
}

@media(min-width:1024px) {
    .table__season-label {
        display: none
    }
}

.zone--sidebar {
    width: 100%
}

@media(min-width:1024px) {
    .zone--sidebar {
        width: 30rem
    }
}

.zone--sidebar .dossiers-du-moment .title-cards {
    margin-bottom: .9rem
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li {
    min-height: 10.4rem
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a {
    display: flex;
    border-bottom: solid .1rem #d8d8d8;
    height: 100%;
    padding: 2rem 0
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article {
    font-size: 1.6rem;
    line-height: 1.9rem;
    width: 100%
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article label {
    display: block;
    margin-bottom: .8rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.7rem
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article p {
    font-weight: 400;
    color: #121212
}

.zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--sidebar .dossiers-du-moment .moment-files-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.tag-content {
    margin-top: 4rem
}

@media(min-width:1024px) {
    .tag-content {
        margin-top: 4.5rem
    }
}

.tag-content span.Content__section-title {
    margin-bottom: 3.2rem
}

@media(min-width:1024px) {
    .tag-content span.Content__section-title {
        margin-bottom: 2.4rem
    }
}

.tag-content .zone--description {
    margin-bottom: 2.6rem
}

.tag-content .zone--description .paragraph,
.tag-content .zone--description__paragraphe {
    line-height: 2.1rem;
    letter-spacing: .01rem;
    font-size: 1.6rem;
    color: #000
}

.tag-content .zone--description .paragraph,
.tag-content .zone--description__paragraphe {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag-content .zone--description .paragraph,
html.fonts-loaded .tag-content .zone--description__paragraphe {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.tag-content .zone--main .zone--tag .title-cards {
    margin-bottom: 2.6rem
}

.tag-content .zone--main .zone--tag .container-left {
    width: 100%;
    height: auto
}

.tag-content .zone--main .zone--tag .container-left .flex-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:1024px) {
    .tag-content .zone--main .zone--tag .container-left .flex-box {
        flex-direction: row
    }
}

@media(max-width:480px) {
    .tag-content .zone--main .zone--tag .container-left .flex-box .label__subscriber {
        top: 1.6rem;
        right: -1.6rem
    }
}

.tag-content .zone--main .zone--tag .container-left ul li {
    margin-bottom: 3.2rem
}

@media(min-width:1024px) {
    .tag-content .zone--main .zone--tag .container-left ul li {
        margin-bottom: 4rem
    }
}

.tag-content .zone--main .zone--tag .container-left ul li a {
    width: 100%;
    height: 100%
}

.tag-content .zone--main .zone--tag .container-left ul li a:hover .article_title {
    text-decoration: underline
}

.tag-content .zone--main .zone--tag .container-left ul li a figure {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 1.6rem
}

@media(min-width:1024px) {
    .tag-content .zone--main .zone--tag .container-left ul li a figure {
        flex-direction: row;
        height: 100%;
        margin-right: 4rem;
        margin-bottom: 0
    }
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content {
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .featured_kind {
    margin-bottom: .8rem;
    font-style: italic
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .featured_kind {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .tag-content .zone--main .zone--tag .container-left ul li a .featured_content .featured_kind {
    font-family: Georgia, Droid-serif, serif
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .featured_kind::first-letter {
    text-transform: uppercase
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_title {
    margin-bottom: .8rem;
    line-height: 2.6rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: #121212
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_duration {
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #8e8e96;
    padding-left: 1.8rem
}

.tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag-content .zone--main .zone--tag .container-left ul li a .featured_content .article_duration {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.tag-content .zone--main .zone--tag .container-left .article_title {
    display: block;
    margin-bottom: .8rem;
    line-height: 2.6rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: #121212
}

.tag-content .zone--main .zone--tag .container-left .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag-content .zone--main .zone--tag .container-left .article_title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.tag-content .zone--main .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2.6rem;
    border-top: .1rem solid #d8d8d8;
    margin-bottom: 4rem;
    overflow: hidden
}

@media(min-width:1024px) {
    .tag-content .zone--main .pagination {
        margin-bottom: 2.4rem
    }
}

.tag-content .zone--main .pagination__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    box-sizing: border-box;
    border: .1rem solid #d8d8d8;
    color: #121212;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    background: url(/dist/assets/img/icons/ediis/icon-fleche.svg) no-repeat center center;
    text-indent: -10000em
}

.tag-content .zone--main .pagination .not-active {
    color: #d8d8d8;
    background-color: #f4f4f4;
    opacity: .5
}

.tag-content .zone--main .pagination .left-arrow {
    margin-right: 4%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media(min-width:1024px) {
    .tag-content .zone--main .pagination .left-arrow {
        margin-right: 10%
    }
}

.tag-content .zone--main .pagination .right-arrow {
    margin-left: 4%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media(min-width:1024px) {
    .tag-content .zone--main .pagination .right-arrow {
        margin-left: 10%
    }
}

.tag-content .zone--main .pagination__numbers {
    font-size: 16px;
    line-height: 130%;
    color: #8e8e96
}

.tag-content .zone--main .pagination__numbers {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .tag-content .zone--main .pagination__numbers {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.tag-content .zone--main .pagination__numbers:nth-child(n+6) {
    display: none
}

@media(min-width:1024px) {
    .tag-content .zone--main .pagination__numbers:nth-child(n+6) {
        display: inline
    }
}

.tag-content .zone--main .pagination__links a {
    padding: 0 1.5rem
}

.tag-content .zone--main .active-number {
    color: #121212
}

#cookie-banner {
    display: block;
    width: 100%;
    background-color: #333;
    padding: 1.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    color: #aaa;
    font-size: 1.35rem;
    line-height: 1.5
}

#cookie-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #cookie-banner {
        padding: 2rem calc((100% - 104rem + 2.5rem)/ 2)
    }
}

#cookie-banner .icon__cross {
    position: relative;
    top: -1.9rem;
    padding: 0;
    border: none;
    background: 0 0;
    float: right;
    cursor: pointer
}

#cookie-banner .icon__cross::before {
    content: "\D7";
    display: block;
    padding: 1rem;
    font-size: 3.5rem;
    position: relative;
    font-weight: 700;
    color: #fff;
    opacity: .5;
    line-height: 1.5rem;
    font-weight: 500
}

#cookie-banner .cookie-warning-message {
    width: 100%;
    padding-right: 1.4rem;
    text-align: left
}

@media(min-width:1024px) {
    #cookie-banner .cookie-warning-message {
        width: calc(100% - 33.7rem);
        display: inline-block;
        vertical-align: top
    }
}

#cookie-banner .cookie-warning-message a {
    text-decoration: underline
}

#cookie-banner .message__btn-container {
    display: block;
    font-size: 1.5rem;
    margin-top: 1rem;
    text-align: right
}

#cookie-banner .message__btn-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner .message__btn-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #cookie-banner .message__btn-container {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-top: initial;
        text-align: left;
        text-align: initial
    }
}

#cookie-banner .message__cookie-settings {
    background-color: #242424;
    color: #a4a9b4;
    margin-right: 1rem;
    padding: 1.2rem 1.4rem;
    border-radius: .4rem;
    line-height: 1
}

#cookie-banner .message__cookie-accept {
    font-size: 1.6rem;
    padding: 1.1rem 1.3rem;
    background-color: #e8eaee;
    color: #000;
    font-weight: 700;
    border-radius: .4rem;
    line-height: 1;
    border: none
}

#cookie-banner .message__cookie-accept {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner .message__cookie-accept {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.zone--cmp {
    padding: 0 3.1rem;
    margin-top: 4rem
}

.zone--cmp .cmp {
    color: #2a303b
}

.zone--cmp .cmp__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem
}

.zone--cmp .cmp__title {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.zone--cmp .cmp__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__title {
        font-size: 5.6rem;
        line-height: 6.4rem
    }
}

.zone--cmp .cmp__category {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.zone--cmp .cmp__category {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__category {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__category {
        font-size: 2.4rem;
        line-height: 3rem
    }
}

.zone--cmp .cmp__mandatory {
    color: #8e8e96
}

.zone--cmp .cmp__type {
    margin-top: 6rem
}

.zone--cmp .cmp__more {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
    border: 0;
    margin-top: 3rem;
    transition: color .1s ease-in-out;
    color: #121212;
    font-weight: 700;
    font-size: 1.5rem;
    position: relative
}

.zone--cmp .cmp__more {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__more {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__more {
        font-size: 2rem
    }
}

.zone--cmp .cmp__more::after {
    height: 1.1rem;
    width: 1.1rem;
    margin: .4rem 0 0 1rem;
    content: " ";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #be0000;
    border-width: 0 .3rem .3rem 0;
    display: inline-block;
    padding: .3rem;
    position: absolute
}

.zone--cmp .cmp__viewmore {
    margin-top: 3rem;
    list-style-position: inside;
    transition-duration: .2s
}

.zone--cmp .cmp__viewmore {
    display: none
}

.zone--cmp .cmp__viewmore li:first-of-type {
    margin-top: .8rem
}

.zone--cmp .cmp__viewmore li,
.zone--cmp .cmp__viewmore p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #717b8e
}

.zone--cmp .cmp__trigger-container {
    display: flex;
    align-items: center
}

.zone--cmp .cmp__cbx {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    width: 3.9rem;
    height: 2.1rem;
    background-color: #bdc1c8;
    border: .1rem solid #a4a9b4;
    border-radius: 15px;
    transition-duration: .2s;
    cursor: pointer;
    order: 2;
    display: block
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx {
        width: 6rem;
        height: 3rem
    }
}

.zone--cmp .cmp__cbx:checked {
    border-color: #4daa43;
    background-color: #4daa43;
    box-shadow: inset 0 0 .3rem 0 rgba(0, 0, 0, .2)
}

.zone--cmp .cmp__trigger {
    order: 1;
    padding-right: 1.5rem
}

.zone--cmp .cmp__status {
    transition: color .1s ease-in-out;
    color: #383f4e;
    font-size: 1.5rem;
    line-height: 2.1rem
}

.zone--cmp .cmp__status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__status {
        font-size: 2.1rem;
        line-height: 2.3rem
    }
}

.zone--cmp .cmp__cbx::after {
    content: "";
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .3);
    transition-duration: .3s
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx::after {
        height: 3rem;
        width: 3rem
    }
}

.zone--cmp .cmp__cbx:disabled {
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.zone--cmp .cmp__cbx:checked::after {
    left: 1.7rem
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx:checked::after {
        left: 2.9rem
    }
}

.zone--cmp .cmp__viewmore.ui-collapse--shown {
    display: block
}

.zone--cmp .cmp-cbx:checked+.cmp-more:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.zone--cmp .cmp__desc,
.zone--cmp .cmp__detail,
.zone--cmp li,
.zone--cmp p {
    font-size: 1.5rem;
    line-height: 2.1rem
}

.zone--cmp .cmp__desc,
.zone--cmp .cmp__detail,
.zone--cmp li,
.zone--cmp p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__desc,
html.fonts-loaded .zone--cmp .cmp__detail,
html.fonts-loaded .zone--cmp li,
html.fonts-loaded .zone--cmp p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {

    .zone--cmp .cmp__desc,
    .zone--cmp .cmp__detail,
    .zone--cmp li,
    .zone--cmp p {
        font-size: 2.1rem;
        line-height: 2.7rem
    }
}

.zone--cmp .cmp__type+.cmp__type {
    border-top: .1rem solid #717b8e;
    margin-top: 3rem;
    padding-top: 4.5rem
}

.zone--cmp footer {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    margin-top: 3rem;
    padding: 4.5rem 0;
    border-top: .1rem solid #717b8e;
    background-color: transparent;
    background-color: initial
}

@media(min-width:1024px) {
    .zone--cmp footer {
        display: flex;
        align-items: stretch;
        justify-content: center;
        flex-direction: row;
        padding: 6rem 0
    }
}

.zone--cmp footer .cmp__cancel {
    cursor: pointer;
    max-width: 35rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.9rem;
    text-align: center;
    padding: 1.5rem 3rem;
    border-radius: .4rem;
    text-decoration: underline;
    display: inline-block;
    color: #383f4e;
    order: 2
}

.zone--cmp footer .cmp__cancel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp footer .cmp__cancel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp footer .cmp__cancel {
        margin-right: 1.5rem;
        max-width: auto;
        order: 0;
        width: auto
    }
}

.zone--cmp footer .cmp__validate {
    border-radius: .2rem;
    background-color: #e2001a;
    color: #fff;
    border: solid .1rem;
    cursor: pointer;
    max-width: 35rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.9rem;
    text-align: center;
    padding: 1.5rem 3rem
}

.zone--cmp footer .cmp__validate {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp footer .cmp__validate {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp footer .cmp__validate {
        max-width: auto;
        width: auto;
        margin-left: 1.5rem
    }
}

#cookie-banner.is-closed {
    display: none
}

.forecast-retargeting {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 13
}

.forecast-retargeting.forecast-active {
    display: block;
    bottom: 0;
    z-index: 100000
}

.forecast-retargeting.forecast-active.forecast-retargeting--mb {
    bottom: 6.8rem
}

@media(min-width:1113px) {
    .forecast-retargeting.forecast-active.forecast-retargeting--mb {
        bottom: 0
    }
}

.forecast-retargeting.forecast-notice-hidden {
    display: none
}

.forecast-retargeting .forecast-notice {
    background-color: #faf5ee;
    position: fixed;
    padding: 1.2rem 0;
    bottom: 0;
    width: 100%
}

.forecast-retargeting .forecast-notice-wrapper {
    margin: 0 1.6rem
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-wrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.forecast-retargeting .forecast-notice-premium {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: .8rem;
    flex: 1.6rem 0 0;
    display: block
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-premium {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }
}

.forecast-retargeting .forecast-notice-text {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #16141e;
    margin-right: 1.6rem;
    display: flex
}

.forecast-retargeting .forecast-notice-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-retargeting .forecast-notice-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:360px) {
    .forecast-retargeting .forecast-notice-text {
        margin-right: 4rem
    }
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-text {
        margin-right: 2.4rem;
        padding-left: 2.4rem;
        position: relative
    }
}

.forecast-retargeting .forecast-notice-close {
    border: none;
    background: 0 0;
    position: absolute;
    top: 1.2rem;
    right: 1.6rem;
    margin: 0;
    padding: 0;
    flex: 1.6rem 0 0;
    cursor: pointer;
    pointer-events: all;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-image: url(/dist/assets/img/icons/icon-cross-forecast.png)
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-close {
        position: static;
        flex: 2.4rem 0 0;
        width: 2.4rem;
        height: 2.4rem;
        background-size: 2.4rem 2.4rem
    }
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-close {
        position: absolute;
        right: 3.2rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.forecast-retargeting .forecast-notice-close-media {
    width: 1.6rem;
    height: 1.6rem;
    display: block
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-close-media {
        width: 2.4rem;
        height: 2.4rem
    }
}

.forecast-retargeting .forecast-notice-cta {
    color: #16141e;
    background-color: #ffe047;
    font-size: 1.6rem;
    line-height: 1.3;
    border-radius: 6.4rem;
    height: 3.6rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1.2rem
}

.forecast-retargeting .forecast-notice-cta {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-retargeting .forecast-notice-cta {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.forecast-retargeting .forecast-notice-cta:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-cta {
        flex: 21.1rem 0 0;
        margin-top: 0;
        margin-right: 2.4rem
    }
}

.subhome_sortir {
    background-color: #f4f4f4;
    border-top: .1rem solid #d8d8d8;
    border-bottom: .1rem solid #d8d8d8;
    padding: 2.7rem 0 2.4rem 0;
    margin-bottom: 0
}

@media(max-width:1024px) {
    .subhome_sortir {
        padding: 1.5rem 0
    }
}

.subhome_sortir .zone {
    background-color: none
}

@media(max-width:1024px) {
    .subhome_sortir .zone {
        background-color: none
    }
}

.subhome_sortir .zone .content-bar {
    display: flex;
    align-items: center
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar {
        justify-content: space-around
    }
}

.subhome_sortir .zone .content-bar .form-mobile {
    position: relative
}

.subhome_sortir .zone .content-bar .form-mobile .icon_search-mb {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    bottom: 1.2rem;
    line-height: 2rem;
    font-size: 2.3rem
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .form-mobile .icon_search-mb {
        display: none
    }
}

.subhome_sortir .zone .content-bar .form-mobile .icon_search-mb::before {
    color: #121212
}

.subhome_sortir .zone .content-bar .form-mobile .input {
    padding-left: 2.9rem;
    padding-right: 2.9rem;
    padding-top: 1.4rem
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .form-mobile .input {
        padding-top: 0
    }
}

.subhome_sortir .zone .content-bar .form-mobile .input:-internal-autofill-selected {
    background-color: none !important
}

.subhome_sortir .zone .content-bar .form-mobile .check-search-sortir {
    position: absolute;
    right: 0;
    width: 1.7rem;
    height: 1.8rem;
    display: block;
    bottom: 1.2rem;
    z-index: 1;
    background: url(/dist/assets/img/icons/submit-frmobile.svg) no-repeat;
    cursor: pointer
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .form-mobile .check-search-sortir {
        display: none
    }
}

@media(max-width:1024px) {
    .subhome_sortir .zone .content-bar .form-mobile.active-input .input {
        border-bottom: .3rem solid #121212
    }
}

.subhome_sortir .zone .content-bar .form-mobile.opInput .check-search-sortir {
    background: url(/dist/assets/img/icons/submit-frmobile-ac.svg) no-repeat
}

.subhome_sortir .zone .content-bar .form-mobile.opInput .btn-restmb {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    cursor: pointer;
    right: 3.45rem;
    bottom: 1.5rem;
    background: url(/dist/assets/img/icons/icon-rest-mb.svg) no-repeat
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .form-mobile.opInput .btn-restmb {
        display: none
    }
}

.subhome_sortir .zone .content-bar .form-mobile.opInput #autoComplete {
    color: #121212
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    display: none;
    list-style: none;
    border-radius: 0 0 .8rem .8rem;
    box-shadow: 0 0 8px rgba(18, 18, 18, .16);
    background-color: #fff
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown.active {
    display: block
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title,
.subhome_sortir .zone .content-bar .form-mobile .search--dropdown li {
    margin: 0;
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: .01em;
    color: #121212
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title,
.subhome_sortir .zone .content-bar .form-mobile .search--dropdown li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title,
html.fonts-loaded .subhome_sortir .zone .content-bar .form-mobile .search--dropdown li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title:hover,
.subhome_sortir .zone .content-bar .form-mobile .search--dropdown li:hover {
    background: #e20001;
    color: #fff
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title:hover .drop--title .link-title:before,
.subhome_sortir .zone .content-bar .form-mobile .search--dropdown li:hover .drop--title .link-title:before {
    fill: #fff
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title .link-title {
    font-weight: 700;
    position: relative;
    display: block
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title .link-title:before {
    background: url(/dist/assets/img/icons/icon-fleche-nav.svg) no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    position: absolute;
    right: -1.2rem;
    top: .6rem;
    content: " ";
    width: 1.1rem;
    height: .9rem;
    background-size: contain
}

.subhome_sortir .zone .content-bar .form-mobile .search--dropdown .drop--title .link-title span {
    float: right;
    text-transform: none;
    font-weight: 400;
    font-size: 1.3rem
}

.subhome_sortir .zone .content-bar select {
    display: none
}

.subhome_sortir .zone .content-bar .select {
    display: none;
    cursor: pointer;
    position: relative;
    font-size: 1.6rem
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .select {
        display: inline-block
    }
}

.subhome_sortir .zone .content-bar .input,
.subhome_sortir .zone .content-bar .select-styled {
    box-sizing: border-box;
    height: 5.3rem;
    outline: 0;
    float: left;
    border: none;
    padding: 1.6 0 1.6rem 1.6rem;
    width: 20.2rem;
    border-bottom: .1rem solid #121212;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #8e8e96;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #f4f4f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.subhome_sortir .zone .content-bar .input,
.subhome_sortir .zone .content-bar .select-styled {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .subhome_sortir .zone .content-bar .input,
html.fonts-loaded .subhome_sortir .zone .content-bar .select-styled {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(max-width:1024px) {

    .subhome_sortir .zone .content-bar .input,
    .subhome_sortir .zone .content-bar .select-styled {
        width: 31.2rem
    }
}

.subhome_sortir .zone .content-bar .input:after,
.subhome_sortir .zone .content-bar .select-styled:after {
    content: "(";
    width: 1.6rem;
    height: .9rem;
    position: absolute;
    top: 1.8rem;
    right: 3.5rem;
    font-size: 1.7rem;
    color: #121212;
    line-height: 2rem;
    font-weight: 700
}

.subhome_sortir .zone .content-bar .input:after,
.subhome_sortir .zone .content-bar .select-styled:after {
    font-family: "Telerama Icons"
}

html.fonts-loaded .subhome_sortir .zone .content-bar .input:after,
html.fonts-loaded .subhome_sortir .zone .content-bar .select-styled:after {
    font-family: "Telerama Icons"
}

.subhome_sortir .zone .content-bar .input.active,
.subhome_sortir .zone .content-bar .input:active,
.subhome_sortir .zone .content-bar .select-styled.active,
.subhome_sortir .zone .content-bar .select-styled:active {
    background-color: none;
    color: #121212
}

.subhome_sortir .zone .content-bar .input.active:after,
.subhome_sortir .zone .content-bar .input:active:after,
.subhome_sortir .zone .content-bar .select-styled.active:after,
.subhome_sortir .zone .content-bar .select-styled:active:after {
    content: ")"
}

.subhome_sortir .zone .content-bar #autoComplete:focus {
    color: #121212
}

.subhome_sortir .zone .content-bar #listes~.select-styled {
    padding: 1.6rem 3rem 0 1.35rem
}

.subhome_sortir .zone .content-bar #listes~.select-styled:before {
    content: "K";
    line-height: 2.6rem;
    font-size: 2.7rem;
    position: absolute;
    top: 1.4rem;
    left: -1.5rem;
    height: 2rem;
    width: 2.1rem;
    color: #121212
}

.subhome_sortir .zone .content-bar #listes~.select-styled:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .subhome_sortir .zone .content-bar #listes~.select-styled:before {
    font-family: "Telerama Icons"
}

.subhome_sortir .zone .content-bar #department~.select-styled {
    padding: 1.6rem 3rem 0 1.4rem
}

.subhome_sortir .zone .content-bar #department~.select-styled:before {
    content: "9";
    line-height: 2.6rem;
    font-size: 2.7rem;
    position: absolute;
    top: 1.4rem;
    left: -1.5rem;
    height: 2rem;
    width: 2.1rem;
    color: #121212
}

.subhome_sortir .zone .content-bar #department~.select-styled:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .subhome_sortir .zone .content-bar #department~.select-styled:before {
    font-family: "Telerama Icons"
}

.subhome_sortir .zone .content-bar #when~.select-styled {
    padding: 1.6rem 3rem 0 1.5rem
}

.subhome_sortir .zone .content-bar #when~.select-styled:before {
    content: "<";
    line-height: 2.6rem;
    font-size: 2.7rem;
    position: absolute;
    top: 1.4rem;
    left: -1.5rem;
    height: 2rem;
    width: 2.1rem;
    color: #121212
}

.subhome_sortir .zone .content-bar #when~.select-styled:before {
    font-family: "Telerama Icons"
}

html.fonts-loaded .subhome_sortir .zone .content-bar #when~.select-styled:before {
    font-family: "Telerama Icons"
}

.subhome_sortir .zone .content-bar .check-search-sortir {
    width: 3.2rem;
    height: 3.2rem;
    border: none;
    text-indent: 9999rem;
    display: none;
    cursor: pointer;
    background: url(/dist/assets/img/icons/icon_search_white.svg) no-repeat center center #e20001
}

@media(min-width:1024px) {
    .subhome_sortir .zone .content-bar .check-search-sortir {
        display: block
    }
}

.subhome_sortir .zone .content-bar .check-search-sortir:hover {
    background-color: #be0000
}

.subhome_sortir .zone .content-bar .select-styled {
    text-indent: 2.65rem
}

.subhome_sortir .zone .content-bar .select-styled.active {
    box-shadow: 0 0 .8rem rgba(18, 18, 18, .16);
    border-radius: .8rem .8rem 0 0;
    border-bottom: .3rem solid #121212;
    color: #121212
}

.subhome_sortir .zone .content-bar .select-styled.active~.select-options {
    display: block
}

.subhome_sortir .zone .content-bar .select-styled:hover {
    box-shadow: 0 0 .8rem rgba(18, 18, 18, .16);
    border-radius: .8rem .8rem 0 0;
    border-bottom: .3rem solid #121212
}

.subhome_sortir .zone .content-bar .select-styled.value-ac {
    color: #121212
}

.subhome_sortir .zone .content-bar .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0 0 .8rem .8rem;
    box-shadow: 0 0 8px rgba(18, 18, 18, .16);
    background-color: #fff
}

.subhome_sortir .zone .content-bar .select-options li {
    margin: 0;
    padding: 1.2rem 0 1.2rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: .01em;
    color: #121212
}

.subhome_sortir .zone .content-bar .select-options li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .subhome_sortir .zone .content-bar .select-options li {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.subhome_sortir .zone .content-bar .select-options li:hover {
    background: #e20001;
    color: #fff
}

.subhome_sortir .zone .content-bar .select-options li[rel=hide] {
    display: none
}

.cmp-refuse {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    align-items: flex-end;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: #fff;
    padding: 1.6rem 3rem 2.4rem 3rem;
    border-top: .1rem solid #d8d8d8;
    letter-spacing: .01em;
    color: #121212;
    display: none
}

.cmp-refuse {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .cmp-refuse {
        padding: 1.6rem 0 1.8rem 0
    }
}

.cmp-refuse__link {
    text-decoration: underline
}

.cmp-refuse__ctn {
    margin: auto;
    max-width: 96.8rem;
    height: auto
}

.cmp-refuse__ctn__body {
    display: flex;
    flex-direction: column
}

.cmp-refuse__ctn__body span {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 1.6rem;
    display: block;
    text-align: center
}

.cmp-refuse__ctn__body span {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__ctn__body span {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.cmp-refuse__ctn__body .dropBtn {
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-align: left;
    letter-spacing: .01em;
    width: auto;
    height: 2.1rem;
    margin: auto;
    margin-bottom: 3rem;
    position: relative;
    cursor: pointer;
    display: inline-block
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__body .dropBtn {
        margin-bottom: 1.6rem
    }
}

.cmp-refuse__ctn__body .dropBtn::after {
    content: "(";
    font-weight: 400;
    float: right;
    font-size: 1.6rem;
    right: -2rem;
    top: .2rem;
    position: absolute
}

.cmp-refuse__ctn__body .dropBtn::after {
    font-family: "Telerama Icons"
}

html.fonts-loaded .cmp-refuse__ctn__body .dropBtn::after {
    font-family: "Telerama Icons"
}

.cmp-refuse__ctn__body p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: left;
    display: none;
    opacity: 0;
    transition: opacity 1s ease;
    margin-bottom: 3.3rem
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__body p {
        margin-bottom: 1.6rem
    }
}

.cmp-refuse__ctn__body.active p {
    display: block;
    opacity: 1
}

.cmp-refuse__ctn__body.active .dropBtn::after {
    content: ")"
}

.cmp-refuse__ctn__close-btn {
    position: absolute;
    top: 1rem;
    padding: 16px;
    right: -.4rem;
    min-width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 0;
    font-weight: lighter;
    cursor: pointer;
    text-align: center;
    color: #121212;
    border: 0;
    background: 0 0;
    font-weight: 300
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__close-btn {
        top: 1.8rem;
        right: 3.4rem
    }
}

.cmp-refuse__custom-btn {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cmp-refuse__custom-btn--abo {
    display: inline-block;
    width: 31.2rem;
    background-color: #fed403;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: .65rem 0;
    margin-bottom: 1.6rem;
    text-align: center
}

.cmp-refuse__custom-btn--abo {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__custom-btn--abo {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .cmp-refuse__custom-btn--abo {
        width: 20rem
    }
}

.cmp-refuse__custom-btn div {
    font-size: 1.6rem
}

.cmp-refuse__custom-btn div label {
    line-height: 1.9rem
}

.cmp-refuse__custom-btn div a {
    line-height: 2.1rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.cmp-refuse__custom-btn div a {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__custom-btn div a {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

.article-brief {
    width: 100%;
    position: relative;
    margin-bottom: 2rem
}

@media(min-width:600px) {
    .article-brief {
        margin-bottom: 4.2rem
    }
}

.article-brief a {
    max-width: 45rem;
    display: block;
    overflow: hidden;
    position: relative
}

@media(min-width:600px) {
    .article-brief a {
        border-radius: .4rem;
        max-width: 100%
    }
}

.article-brief a:after {
    content: "";
    display: block;
    width: 100%;
    height: 25rem;
    position: absolute;
    left: 0;
    z-index: 2;
    top: auto;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 59.02%, rgba(0, 0, 0, .85) 100%)
}

@media(min-width:600px) {
    .article-brief a:after {
        height: 100%;
        top: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%)
    }
}

.article-brief a figure {
    margin: 0;
    width: 100%;
    height: 100%
}

.article-brief a figure img {
    min-height: 35.2rem;
    object-fit: cover
}

.article-brief--content {
    font-size: 1.5rem;
    max-width: 46rem;
    padding: 3rem 2rem 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    color: #fff
}

.article-brief--content {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-brief--content {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .article-brief--content {
        font-size: 1.8rem
    }
}

.article-brief--title {
    font-size: 2.1rem;
    line-height: 2.4rem;
    color: #fff !important
}

.article-brief--title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-brief--title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .article-brief--title {
        margin-bottom: 1rem;
        font-size: 2.4rem
    }
}

.article-brief--accroche {
    font-style: italic;
    font-size: 2.1rem;
    line-height: 2.6rem
}

.article-brief--accroche {
    font-family: PublicoHeadlineApp-Italic, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article-brief--accroche {
    font-family: PublicoHeadlineApp-Italic, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .article-brief--accroche {
        font-size: 2rem
    }
}

.article-brief--synopsis {
    margin: .6rem 0;
    color: #9f9f9f;
    line-height: 2rem
}

@media(min-width:600px) {
    .article-brief--synopsis {
        margin: 1rem 0;
        line-height: 2.4rem
    }
}

.article-brief--meta {
    margin: .6rem 0 0 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    display: flex;
    align-items: center
}

@media(min-width:600px) {
    .article-brief--meta {
        margin: 1rem 0
    }
}

.article-brief--meta li {
    margin-right: 1.1rem
}

.article-brief--meta li img {
    width: 4rem
}

.article-brief .label__subscriber {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.article-brief--time {
    color: #a0a0a0;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 400
}

@media(min-width:1023px) {
    .article-brief--time {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

.article-brief--time-white {
    color: #fff
}

.header-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    margin-bottom: 0
}

.header-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header-list {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .header-list {
        margin-bottom: .6rem
    }
}

.header-list span {
    font-size: 2.7rem;
    color: #121212;
    line-height: 2.7rem
}

@media(min-width:600px) {
    .header-list span {
        font-size: 3rem;
        line-height: 3rem;
        margin-left: .1rem
    }
}

.header-list a {
    color: #e20001;
    font-size: 1.8rem
}

@media(min-width:600px) {
    .header-list a {
        margin-right: 7rem
    }
}

.header-list__icon {
    padding-left: 3.2rem;
    position: relative
}

.header-list__icon::before {
    content: " ";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    left: 0;
    top: 0;
    background-size: cover
}

@media(min-width:600px) {
    .header-list__icon::before {
        width: 3rem;
        height: 3rem
    }
}

@media(min-width:600px) {
    .header-list__icon {
        padding-left: 3.8rem
    }
}

.swiper-main-container {
    position: relative
}

.carousel-swiper {
    margin-right: auto;
    margin-bottom: 3.4rem;
    overflow: hidden;
    list-style: none;
    padding: .8rem 1rem 0 1rem;
    z-index: 1;
    width: 98%
}

@media(min-width:600px) {
    .carousel-swiper {
        margin-bottom: 4rem;
        padding: 1rem 1rem 0 1rem
    }
}

.carousel-swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

@media(min-width:600px) {
    .carousel-swiper .swiper-wrapper {
        margin-left: .3rem
    }
}

.carousel-swiper .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.carousel-swiper .selection__navigation {
    visibility: hidden
}

@media(min-width:600px) {
    .carousel-swiper .selection__navigation {
        visibility: visible
    }
}

.carousel-swiper .selection__navigation.swiper-button-next,
.carousel-swiper .selection__navigation.swiper-button-prev {
    position: absolute;
    font-weight: 700;
    width: 4rem;
    height: 4rem;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 33%;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px -6px rgba(0, 0, 0, .08), 0 8px 24px -4px rgba(0, 0, 0, .06);
    border: 2px solid #e7e7e7
}

.carousel-swiper .selection__navigation.swiper-button-next,
.carousel-swiper .selection__navigation.swiper-button-prev {
    font-family: "Telerama Icons"
}

html.fonts-loaded .carousel-swiper .selection__navigation.swiper-button-next,
html.fonts-loaded .carousel-swiper .selection__navigation.swiper-button-prev {
    font-family: "Telerama Icons"
}

.carousel-swiper .selection__navigation.swiper-button-next::after,
.carousel-swiper .selection__navigation.swiper-button-prev::after {
    font-size: 1.8rem
}

.carousel-swiper .selection__navigation.swiper-button-prev {
    left: .2rem
}

.carousel-swiper .selection__navigation.swiper-button-prev[aria-disabled=true] {
    display: none
}

.carousel-swiper .selection__navigation.swiper-button-prev::after {
    content: "*"
}

.carousel-swiper .selection__navigation.swiper-button-next {
    right: 0
}

.carousel-swiper .selection__navigation.swiper-button-next[aria-disabled=true] {
    display: flex
}

.carousel-swiper .selection__navigation.swiper-button-next::after {
    content: "+"
}

.carrousel-black__container {
    background-color: #2b293d;
    padding: 3.2rem 0 3.2rem 2.4rem;
    margin: 3.2rem -2.4rem;
    overflow: hidden
}

@media(min-width:748px) {
    .carrousel-black__container {
        margin: 4.8rem 0
    }
}

.carrousel-black__container--abo {
    margin-top: 0
}

.carrousel-black__container--home {
    margin-bottom: 0;
    margin-top: 0
}

.carrousel-black__top {
    display: flex;
    border-bottom: .1rem solid rgba(255, 255, 255, .48);
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    margin-right: 2.4rem
}

@media(min-width:1024px) {
    .carrousel-black__top {
        margin-bottom: 3.2rem
    }
}

.carrousel-black__top--home {
    margin-bottom: 0
}

.carrousel-black__text-container {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.carrousel-black__title {
    font-size: 2.6rem;
    color: #fff;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

.carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .carrousel-black__title {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .carrousel-black__title {
        font-size: 4.8rem
    }
}

.carrousel-black__link {
    font-size: 1.6rem;
    line-height: 130%;
    color: #fff;
    letter-spacing: .01em;
    align-self: center;
    cursor: pointer
}

.carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carrousel-black__link:hover {
    opacity: 80%
}

.carrousel-black__navigation {
    display: none
}

@media(min-width:1024px) {
    .carrousel-black__navigation {
        display: flex
    }
}

.carrousel-black__navigation::before {
    content: "";
    display: block;
    height: 4.8rem;
    border-right: .1rem solid rgba(255, 255, 255, .6);
    padding-left: 1.6rem;
    margin-right: 1.6rem
}

.carrousel-black__navigation .swiper-button-next::after,
.carrousel-black__navigation .swiper-button-prev::after {
    visibility: hidden
}

@media(min-width:1024px) {
    .carrousel-black__navigation--home {
        display: none
    }
}

@media(min-width:1113px) {
    .carrousel-black__navigation--home {
        display: flex
    }
}

.carrousel-black__arrow {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: .1rem solid rgba(255, 255, 255, .6);
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    margin-top: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

html:not(.app) .carrousel-black__arrow:hover {
    background-color: #fff;
    border: 0
}

html:not(.app) .carrousel-black__arrow:hover.left:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:hover.right:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:active {
    border: .15rem solid rgba(218, 217, 219, .6)
}

.carrousel-black__arrow.left {
    align-self: center;
    margin-right: .8rem
}

.carrousel-black__arrow.left::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right {
    align-self: center
}

.carrousel-black__arrow.right::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled {
    opacity: 60%
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover {
    cursor: default;
    border: medium none currentColor;
    border: initial;
    background-color: transparent;
    background-color: initial
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover::before,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: none;
    background-image: initial;
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__content {
    overflow: hidden
}

@media(min-width:1024px) {
    .carrousel-black__content {
        width: 62.4rem
    }
}

.carrousel-black__list-container {
    display: flex;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: content-box
}

@media(min-width:1024px) {
    .carrousel-black__list-container {
        overflow-x: visible;
        overflow-x: initial
    }
}

.carrousel-black__list-container::-webkit-scrollbar {
    display: none
}

.carrousel-black__item {
    flex-shrink: 0;
    position: relative;
    width: 15.7rem;
    margin-right: .8rem;
    flex-direction: row;
    scroll-behavior: smooth;
    scroll-snap-align: start;
    white-space: normal
}

@media(min-width:600px) {
    .carrousel-black__item {
        margin-right: 2.4rem
    }
}

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

.carrousel-black__img-container {
    display: inline-flex;
    position: relative;
    width: 15.7rem;
    height: 20.9rem;
    margin-bottom: 1.2rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container {
        width: 19.2rem;
        height: 25.6rem
    }

    .carrousel-black__img-container:hover .carrousel-black__img-overlay {
        display: block
    }
}

.carrousel-black__img-container--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-container--square {
    width: 25.6rem;
    height: 25.6rem
}

.carrousel-black__img-container--home {
    display: inline
}

.carrousel-black__link-img {
    display: block
}

.carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    width: 100%;
    height: 20.9rem;
    border-radius: .4rem;
    box-shadow: 0 4px 16px -6px rgba(22, 20, 30, .24), 0 10px 24px -4px rgba(22, 20, 30, .16)
}

[data-color-mode=dark] .carrousel-black__item-img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:1024px) {
    .carrousel-black__item-img {
        height: 25.6rem
    }
}

.carrousel-black__item-img::before {
    content: " ";
    background-color: #3c3956;
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -2.56rem;
    min-width: 15.7rem;
    height: 20.9rem;
    background-size: cover
}

@media(min-width:1024px) {
    .carrousel-black__item-img::before {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__item-img--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__item-img--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-overlay {
    display: none;
    background: #1c1a26;
    opacity: .4;
    position: absolute;
    width: 15.7rem;
    height: 20.9rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay {
        width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__img-overlay--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay--disc {
        height: 19.2rem
    }
}

.carrousel-black__slide-notation-text {
    align-items: center;
    max-height: 1.8rem;
    display: flex;
    margin-bottom: .4rem
}

.carrousel-black__slide-notation-text+.tv-grid__card-category {
    margin-left: -.2rem
}

.carrousel-black__notation {
    position: relative;
    display: inline-block;
    margin-right: .7rem;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 1
}

.carrousel-black__notation [alt="Très Bien"],
.carrousel-black__notation [alt=Bien],
.carrousel-black__notation [alt=Bof],
.carrousel-black__notation [alt=Bravo],
.carrousel-black__notation [alt=Hélas] {
    margin-top: -.25rem;
    width: auto;
    height: 1.2rem
}

.carrousel-black__notation--slide {
    align-self: center;
    margin-right: .6rem
}

.carrousel-black__notation--small-square:after {
    width: 65%
}

.carrousel-black__notation-title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__notation-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__notation-title {
    color: #fff
}

.carrousel-black__slide-title-gray {
    color: #45434b;
    font-size: 1.6rem;
    line-height: 130%;
    opacity: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray {
    color: #45434b
}

.carrousel-black__slide-title-gray--no-mt {
    margin-bottom: 0
}

.carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

[data-color-mode=dark] .carrousel-black__slide-title-gray--tv-grid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.667 16.666l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.333 16.666l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    right: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carousel__container {
    width: 100vw;
    margin-left: -2.4rem
}

@media(min-width:1113px) {
    .carousel__container {
        width: 100%;
        margin-left: 0
    }
}

.carousel__container--home {
    width: 100vw;
    margin-left: -2.4rem;
    margin-top: 3.2rem;
    padding: 3.2rem 0
}

@media(min-width:1113px) {
    .carousel__container--home {
        width: 100%;
        max-width: 100rem
    }
}

.carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

[data-color-mode=dark] .carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

.carousel__container--home-first {
    margin-top: 0
}

.carousel__container--home-critiques {
    background-color: #2b293d
}

@media(min-width:1113px) {
    .carousel__container--home-critiques {
        margin: 0 auto
    }
}

.carousel__container--home-sorties {
    background-color: #faf5ee;
    margin-top: 0
}

[data-color-mode=dark] .carousel__container--home-sorties {
    background-color: #2b293d
}

[data-color-mode=light] .carousel__container--home-sorties {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .carousel__container--home-sorties {
        margin-left: 0
    }
}

@media(min-width:1113px) {
    .carousel__container--home-sorties {
        margin: 0 auto
    }
}

.carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: #8f8e93;
    opacity: 1
}

[data-color-mode=dark] .carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: #8f8e93
}

.carousel__container--hpr {
    background-color: #2b293d;
    padding: 3.2rem 0
}

@media(min-width:600px) {
    .carousel__container--hpr {
        grid-row: 7;
        grid-column: 1/4
    }
}

@media(min-width:1113px) {
    .carousel__container--hpr {
        margin-top: 2.4rem
    }
}

@media(max-width:600px) {
    .carousel__container--hpr--desktop {
        display: none
    }
}

@media(min-width:600px) {
    .carousel__container--hpr--mobile {
        display: none
    }
}

.carousel__container--hpr+.teaser {
    margin-top: 2.4rem;
    padding-top: 1.6rem;
    border-top: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .carousel__container--hpr+.teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .carousel__container--hpr+.teaser {
    border-color: #dad9db
}

@media(min-width:600px) {
    .carousel__container--hpr+.teaser {
        margin-top: 0;
        padding-top: 0;
        border: none
    }
}

@media(min-width:1113px) {
    .carousel__container--hpr+.teaser {
        border-bottom: .1rem solid #dad9db
    }
}

.carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

[data-color-mode=dark] .carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

.carousel__container--platform {
    width: 100vw;
    margin-left: -2.4rem;
    margin-top: 3.2rem;
    padding: 3.2rem 0
}

.carousel__container--platform-first,
.carousel__container--platform-primary {
    margin-top: 0
}

@media(min-width:1113px) {
    .carousel__container--platform {
        width: 100%;
        max-width: 100rem
    }
}

.carousel__container--platform-critiques {
    background-color: #fff
}

[data-color-mode=dark] .carousel__container--platform-critiques {
    background-color: #211f2e
}

[data-color-mode=light] .carousel__container--platform-critiques {
    background-color: #fff
}

@media(min-width:1113px) {
    .carousel__container--platform-critiques {
        margin: 0 auto
    }
}

.carousel__container--platform-sorties {
    background-color: #faf5ee;
    margin-top: 0
}

[data-color-mode=dark] .carousel__container--platform-sorties {
    background-color: #2b293d
}

[data-color-mode=light] .carousel__container--platform-sorties {
    background-color: #faf5ee
}

.carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: #737278
}

[data-color-mode=dark] .carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: #737278
}

@media(min-width:600px) {
    .carousel__container--platform-sorties {
        margin-left: 0
    }
}

@media(min-width:1113px) {
    .carousel__container--platform-sorties {
        margin: 0 auto
    }
}

.carousel__wrapper {
    display: flex;
    overflow-x: auto;
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-left: 2.4rem;
    margin-top: 2.4rem;
    width: 100%;
    padding-right: 2.4rem
}

.carousel__wrapper::-webkit-scrollbar {
    display: none
}

@media(min-width:1113px) {
    .carousel__wrapper {
        margin-top: 3.2rem;
        overflow-x: visible
    }
}

.carousel__wrapper--critiques,
.carousel__wrapper--platform {
    margin-top: 0
}

.carousel__wrapper-container {
    overflow: hidden;
    width: 100%
}

.carousel__wrapper-container--simple {
    margin-top: 2.4rem
}

@media(min-width:1113px) {
    .carousel__wrapper-container--simple {
        margin-top: 3.2rem
    }
}

.carousel__title {
    font-size: 2.6rem;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

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

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

@media(min-width:600px) {
    .carousel__title {
        font-size: 4rem
    }
}

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

.carousel__title--sorties {
    color: #16141e
}

.carousel__title--critiques {
    color: #fff
}

.carousel__slide {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: 15.7rem;
    margin-right: .8rem
}

@media(min-width:600px) {
    .carousel__slide {
        margin-right: 2.4rem;
        width: 18rem
    }
}

@media(min-width:1113px) {
    .carousel__slide {
        width: 18rem;
        scroll-snap-stop: normal
    }
}

.carousel__slide--hide {
    display: none
}

.carousel__slide--last-mobile {
    margin-right: 2.4rem
}

.carousel__media {
    border-radius: .4rem;
    display: block;
    width: 15.7rem;
    height: 20.9rem;
    box-shadow: 0 8px 24px -4px rgba(22, 20, 30, .06), 0 4px 12px -6px rgba(22, 20, 30, .08);
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

[data-color-mode=dark] .carousel__media {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carousel__media {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:600px) {
    .carousel__media {
        width: 18rem;
        height: 24rem
    }
}

@media(min-width:600px) {
    .carousel__media-black {
        width: 15.7rem;
        height: 20.9rem
    }
}

@media(min-width:1024px) {
    .carousel__media-black {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carousel__media--square {
    width: 15.7rem;
    height: 15.7rem;
    object-fit: cover
}

@media(min-width:600px) {
    .carousel__media--square {
        width: 19.2rem;
        height: 19.2rem
    }
}

@media(min-width:1113px) {
    .carousel__media--square {
        width: 18rem;
        height: 18rem
    }
}

.carousel__media--square-black {
    width: 15.7rem;
    height: 15.7rem;
    object-fit: cover
}

@media(min-width:600px) {
    .carousel__media--square-black {
        width: 15.7rem;
        height: 15.7rem
    }
}

@media(min-width:1024px) {
    .carousel__media--square-black {
        min-width: 19.2rem;
        height: 19.2rem
    }
}

.carousel__media--cover {
    object-fit: cover
}

.carousel__link {
    display: block;
    width: 15.7rem;
    height: 20.9rem;
    position: relative
}

@media(min-width:600px) {
    .carousel__link {
        width: 18rem;
        height: 24rem
    }
}

html:not(.app) .carousel__link:hover:before {
    content: "";
    background-color: rgba(255, 255, 255, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

html[data-color-mode=dark] .carousel__link:hover:before {
    content: "";
    background-color: rgba(28, 26, 38, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.carousel__link--square {
    width: 15.7rem;
    height: 15.7rem
}

@media(min-width:600px) {
    .carousel__link--square {
        width: 19.2rem;
        height: 19.2rem
    }
}

@media(min-width:1113px) {
    .carousel__link--square {
        width: 18rem;
        height: 18rem
    }
}

.carousel__details {
    display: flex;
    flex-direction: column;
    margin-top: 1.2rem
}

.carousel__details-1 {
    font-size: 1.6rem;
    letter-spacing: .01em;
    display: flex;
    margin-bottom: .4rem
}

.carousel__details-1 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-1 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details-1--abo {
    align-items: center;
    color: rgba(255, 255, 255, .6)
}

.carousel__details-1--abo:before {
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: 8px;
    flex: 16px 0 0
}

.carousel__details-1--noir60 .carrousel-black__slide-title-gray {
    color: #737278;
    opacity: 1
}

.carousel__details-2 {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel__details-2 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-2 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details-3 {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin-top: .4rem;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel__details-3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details--sorties .carousel__details-1 {
    color: #737278
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-1 {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-1 {
    color: #737278
}

.carousel__details--sorties .carousel__details-2 {
    color: #16141e;
    color: #16141e
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-2 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-2 {
    color: #16141e
}

.carousel__details--sorties .carousel__details-3 {
    color: #8f8e93
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-3 {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-3 {
    color: #8f8e93
}

.carousel__details--critiques .carousel__details-1 {
    color: rgba(255, 255, 255, .6)
}

.carousel__details--critiques .carousel__details-2 {
    color: rgba(255, 255, 255, .9)
}

.carousel__details--critiques .carousel__details-3 {
    color: rgba(255, 255, 255, .6)
}

.carousel__navigation {
    display: none
}

@media(min-width:1113px) {
    .carousel__navigation {
        display: flex;
        align-items: center;
        margin-bottom: 1.6rem
    }
}

.carousel__navigation::before {
    content: "";
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    display: block;
    height: 4.8rem
}

.carousel__navigation--critiques::before {
    border-left-color: rgba(255, 255, 255, .6)
}

.carousel__navigation--platform::before {
    display: none
}

.carousel__arrow {
    border-color: #8f8e93;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    width: 4.8rem;
    height: 4.8rem;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .carousel__arrow {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__arrow {
    border-color: #8f8e93
}

.carousel__arrow:disabled {
    cursor: default
}

.carousel__arrow:first-of-type {
    margin-right: .8rem
}

.carousel__arrow:before {
    content: " ";
    display: block;
    width: 3.2rem;
    height: 3.2rem
}

html:not(.app) .carousel__arrow--sorties:not([aria-disabled=true]):hover {
    background-color: #1c1a26;
    border: .1rem solid #1c1a26
}

html[data-color-mode=dark] .carousel__arrow--sorties:not([aria-disabled=true]):hover {
    background-color: #fff
}

.carousel__arrow--critiques {
    border-color: rgba(255, 255, 255, .6)
}

html:not(.app) .carousel__arrow--critiques:not([aria-disabled=true]):hover {
    background-color: #fff;
    border: .1rem solid #fff
}

html:not(.app)[data-color-mode] .carousel__arrow--critiques:not([aria-disabled=true]):hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--platform {
    border: .1rem solid;
    border-color: #1c1a26
}

[data-color-mode=dark] .carousel__arrow--platform {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__arrow--platform {
    border-color: #1c1a26
}

html:not(.app) .carousel__arrow--platform:not([aria-disabled=true]):hover {
    background-color: #1c1a26;
    border: .1rem solid;
    border-color: #1c1a26
}

html[data-color-mode=dark] .carousel__arrow--platform:not([aria-disabled=true]):hover {
    background-color: #fff;
    border-color: #fff
}

.carousel__arrow--platform-primary {
    border: .1rem solid rgba(255, 255, 255, .6)
}

html:not(.app) .carousel__arrow--platform-primary:not([aria-disabled=true]):hover {
    background-color: #fff;
    border: .1rem solid #fff
}

.carousel__arrow--left.carousel__arrow--sorties:before,
.carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--sorties:before,
[data-color-mode=dark] .carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--sorties:before,
[data-color-mode=light] .carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
.carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 48%;
    cursor: unset
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=dark] .carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 60%
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=light] .carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 48%
}

[data-color-mode] .carousel__arrow--left.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--left.carousel__arrow--critiques.swiper-button-disabled {
    opacity: 60%;
    cursor: unset
}

.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] .carousel__arrow--left.carousel__arrow--platform-primary:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--right.carousel__arrow--sorties:before,
.carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--sorties:before,
[data-color-mode=dark] .carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--sorties:before,
[data-color-mode=light] .carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
.carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 48%;
    cursor: unset
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=dark] .carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 60%
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=light] .carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 48%
}

[data-color-mode] .carousel__arrow--right.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.carousel__arrow--right.carousel__arrow--critiques.swiper-button-disabled {
    opacity: 60%;
    cursor: unset
}

.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] .carousel__arrow--right.carousel__arrow--platform-primary:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform-primary:before,
[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform-primary:before,
[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[data-color-mode=light] .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

html[data-color-mode=light] .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.carousel__rubriques-container {
    white-space: nowrap;
    display: flex;
    margin: 1.5rem 0 2.4rem;
    padding-left: 2.4rem;
    overflow-x: auto;
    padding-bottom: .1rem
}

.carousel__rubriques-container::-webkit-scrollbar {
    display: none
}

.carousel__rubriques-list:not(:last-of-type) {
    margin-right: .8rem
}

.carousel__rubriques-list:last-of-type {
    margin-right: 2.4rem
}

.carousel__rubriques-name {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .016rem;
    padding: .6rem 1.2rem;
    background-color: #2b293d;
    border-radius: 4rem;
    border: .1rem solid rgba(255, 255, 255, .6);
    cursor: pointer
}

.carousel__rubriques-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__rubriques-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carousel__rubriques-name:active,
html:not(.app) .carousel__rubriques-name:hover {
    background-color: rgba(255, 255, 255, .9);
    color: #2b293d;
    border: .1rem solid rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .carousel__rubriques-name:active,
html[data-color-mode=dark] .carousel__rubriques-name:hover {
    background-color: #eaeaec;
    color: #2b293d;
    border: .1rem solid #eaeaec
}

@media(min-width:1113px) {
    .carousel__rubriques-name {
        padding: .8rem 1.6rem
    }
}

.carousel__rubriques--active {
    background-color: #eaeaec;
    color: #2b293d;
    border: .1rem solid #eaeaec
}

.popin__container {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

[data-color-mode=dark] .popin__container {
    background-color: rgba(18, 18, 18, .6)
}

[data-color-mode=light] .popin__container {
    background-color: rgba(0, 0, 0, .3)
}

.popin__wrapper {
    background-color: #fff;
    color: #16141e;
    border-radius: 2.4rem 2.4rem 0 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    min-height: 200px;
    display: block
}

[data-color-mode=dark] .popin__wrapper {
    background-color: #1c1a26
}

[data-color-mode=light] .popin__wrapper {
    background-color: #fff
}

[data-color-mode=dark] .popin__wrapper {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin__wrapper {
    color: #16141e
}

@media(min-width:600px) {
    .popin__wrapper {
        border-radius: 2.4rem;
        top: 50%;
        bottom: auto;
        bottom: initial;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 37.5rem
    }
}

.popin__wrapper--hidden {
    display: none
}

.popin__wrapper--top {
    border-bottom-color: #dad9db;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    justify-content: center;
    padding: 2.4rem
}

[data-color-mode=dark] .popin__wrapper--top {
    border-bottom-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .popin__wrapper--top {
    border-bottom-color: #dad9db
}

.popin__wrapper--bottom {
    --header-site-mobile: 5.7rem;
    --header-popin: 7.3rem;
    overflow: auto;
    max-height: calc(100vh - (var(--header-site-mobile) + var(--header-popin)))
}

html.app .popin__wrapper--bottom {
    padding: 4rem 2.4rem
}

@media(min-width:600px) {
    .popin__wrapper--bottom {
        max-height: 55.2rem;
        padding-bottom: 2.4rem
    }
}

@media(min-width:1113px) {
    .popin__wrapper--bottom {
        margin-right: 0;
        margin-left: 0
    }
}

.popin__title {
    flex-grow: 1;
    font-size: 2rem;
    margin-left: 48px;
    text-align: center
}

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

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

.popin__text--bold {
    line-height: 1.3;
    letter-spacing: .01em
}

.popin__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin__text--bold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M21 3L3 21M3 3l18 18'/%3E%3C/svg%3E");
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 66%;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 2.4rem;
    height: 2.4rem
}

[data-color-mode=dark] .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M19 1L1 19M1 1l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M21 3L3 21M3 3l18 18'/%3E%3C/svg%3E")
}

html:not(.app) .popin__button--close:hover {
    opacity: .6
}

.popin__button--like {
    align-items: center;
    border: 1px solid;
    border-radius: 3.6rem;
    display: flex;
    justify-content: center;
    padding: .75rem 1.6rem;
    text-align: center;
    transition: background-color .15s, border-color .15s, color .15s;
    width: 100%;
    height: 3.6rem
}

.popin__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.popin__button--primary {
    background-color: #ffe047;
    border: 1px solid transparent;
    color: #16141e
}

html:not(.app) .popin__button--primary:hover {
    background-color: #fe9
}

html:not(.app) .popin__button--primary:active {
    background-color: #fe9;
    border-color: rgba(255, 255, 255, .6)
}

.popin__button--secondary {
    background-color: #2b293d;
    color: #fff;
    border: 1px solid transparent
}

[data-color-mode=dark] .popin__button--secondary {
    background-color: #fff
}

[data-color-mode=light] .popin__button--secondary {
    background-color: #2b293d
}

[data-color-mode=dark] .popin__button--secondary {
    color: #16141e
}

[data-color-mode=light] .popin__button--secondary {
    color: #fff
}

html:not(.app)[data-color-mode=light] .popin__button--secondary:hover {
    background-color: #3c3956
}

html:not(.app)[data-color-mode=dark] .popin__button--secondary:hover {
    background-color: rgba(255, 255, 255, .8)
}

html:not(.app)[data-color-mode=light] .popin__button--secondary:active {
    background-color: #3c3956;
    border-color: rgba(255, 255, 255, .6)
}

html:not(.app)[data-color-mode=dark] .popin__button--secondary:active {
    background-color: rgba(255, 255, 255, .8);
    border-color: #fff
}

.popin__button--outlined-1 {
    border-color: #16141e;
    color: #16141e;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px
}

[data-color-mode=dark] .popin__button--outlined-1 {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin__button--outlined-1 {
    border-color: #16141e
}

[data-color-mode=dark] .popin__button--outlined-1 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin__button--outlined-1 {
    color: #16141e
}

html:not(.app)[data-color-mode=light] .popin__button--outlined-1:hover {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=dark] .popin__button--outlined-1:hover {
    border-color: rgba(255, 255, 255, .16)
}

html:not(.app)[data-color-mode=light] .popin__button--outlined-1:active {
    border-color: #16141e
}

html:not(.app)[data-color-mode=dark] .popin__button--outlined-1:active {
    border-color: rgba(255, 255, 255, .9)
}

.popin[data-is-active=false] {
    display: none
}

.popin[data-is-active-transparent=true] {
    background-color: rgba(0, 0, 0, 0)
}

.popin--bookmark .popin__wrapper--bottom {
    padding: 4rem 2.4rem
}

@media(min-width:600px) {
    .popin--bookmark .popin__wrapper--bottom {
        padding-bottom: 4rem
    }
}

.popin--bookmark .popin__text {
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    text-align: center
}

.popin--bookmark .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100%
}

[data-color-mode=dark] .popin--bookmark .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23fff' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--bookmark .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.popin--bookmark .popin__button--account {
    border-color: #16141e;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 2.4rem
}

[data-color-mode=dark] .popin--bookmark .popin__button--account {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin--bookmark .popin__button--account {
    border-color: #16141e
}

html:not(.app)[data-color-mode=light] .popin--bookmark .popin__button--account:hover {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=light] .popin--bookmark .popin__button--account:active {
    border-color: #16141e
}

html:not(.app)[data-color-mode=dark] .popin--bookmark .popin__button--account:hover {
    border-color: rgba(255, 255, 255, .16)
}

html:not(.app)[data-color-mode=dark] .popin--bookmark .popin__button--account:active {
    border-color: rgba(255, 255, 255, .9)
}

.popin--bookmark .popin__button--login {
    background-color: #2b293d;
    color: #fff;
    border: 0 none;
    margin-top: 1.6rem;
    transition: background-color .15s, color .15s
}

[data-color-mode=dark] .popin--bookmark .popin__button--login {
    background-color: #fff
}

[data-color-mode=light] .popin--bookmark .popin__button--login {
    background-color: #2b293d
}

[data-color-mode=dark] .popin--bookmark .popin__button--login {
    color: #16141e
}

[data-color-mode=light] .popin--bookmark .popin__button--login {
    color: #fff
}

html:not(.app)[data-color-mode=light] .popin--bookmark .popin__button--login:hover {
    background-color: #3c3956;
    border-color: #3c3956
}

html:not(.app)[data-color-mode=light] .popin--bookmark .popin__button--login:active {
    background-color: #3c3956;
    border-color: rgba(255, 255, 255, .6)
}

html:not(.app)[data-color-mode=dark] .popin--bookmark .popin__button--login:hover {
    background-color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .8)
}

html:not(.app)[data-color-mode=dark] .popin--bookmark .popin__button--login:active {
    background-color: rgba(255, 255, 255, .8);
    border-color: #fff
}

.popin--platform .popin__list-item:not(:first-child) {
    position: relative
}

.popin--platform .popin__list-item:not(:first-child)::before {
    background-color: #dad9db;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: calc(100% - 4.8rem);
    height: 1px
}

[data-color-mode=dark] .popin--platform .popin__list-item:not(:first-child)::before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .popin--platform .popin__list-item:not(:first-child)::before {
    background-color: #dad9db
}

.popin--platform .catalog__link {
    align-items: center;
    display: flex;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    padding: 1.6rem 2.4rem
}

@media(min-width:600px) {
    .popin--platform .catalog__link {
        grid-gap: 3.2rem;
        gap: 3.2rem
    }
}

html:not(.app) .popin--platform .catalog__link:active .catalog__button,
html:not(.app) .popin--platform .catalog__link:hover .catalog__button {
    background-color: #1c1a26;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border-color: #45434b
}

html:not(.app) .popin--platform .catalog__link:hover .catalog__button {
    border-color: #1c1a26
}

html:not(.app) .popin--platform .catalog__link:active .catalog__button {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=dark] .popin--platform .catalog__link:active .catalog__button,
html:not(.app)[data-color-mode=dark] .popin--platform .catalog__link:hover .catalog__button {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border-color: #dad9db
}

html:not(.app)[data-color-mode=dark] .popin--platform .catalog__link:hover .catalog__button {
    border-color: #fff
}

html:not(.app)[data-color-mode=dark] .popin--platform .catalog__link:active .catalog__button {
    border-color: #dad9db
}

.popin--platform .catalog__image {
    width: 100%;
    height: 100%
}

.popin--platform .catalog__image-wrapper {
    border-radius: .4rem;
    max-width: 4.8rem;
    max-height: 4.8rem;
    overflow: hidden
}

.popin--platform .catalog__text {
    flex-grow: 1
}

.popin--platform .catalog__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--platform .catalog__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .popin--platform .catalog__title {
        font-size: 2rem;
        letter-spacing: .01em;
        line-height: 1.2
    }
}

.popin--platform .catalog__subtitle {
    margin-top: .4rem
}

.popin--platform .catalog__subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--platform .catalog__subtitle {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .popin--platform .catalog__subtitle {
        display: inline-block
    }
}

.popin--platform .catalog__button {
    border-color: #dad9db;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 75%;
    border: 1px solid;
    border-radius: 3.2rem;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    width: 3.2rem;
    height: 3.2rem
}

[data-color-mode=dark] .popin--platform .catalog__button {
    border-color: rgba(255, 255, 255, .24)
}

[data-color-mode=light] .popin--platform .catalog__button {
    border-color: #dad9db
}

[data-color-mode=dark] .popin--platform .catalog__button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--platform .catalog__button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.778 20.667l6.667-6.666-6.667-6.667' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.popin--autopromo .popin__wrapper {
    border-radius: 0
}

@media(min-width:600px) {
    .popin--autopromo .popin__wrapper {
        border-radius: 2.4rem
    }
}

.popin--autopromo .popin__wrapper--top {
    background-color: #ffd35c;
    background-image: url(/dist/assets/img/illustrations/illustration-popin--we-musees-prolongation.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0 none;
    position: relative;
    height: 16rem
}

.popin--autopromo .popin__wrapper--bottom {
    padding: 2.4rem;
    text-align: center
}

.popin--autopromo .popin__title {
    display: none
}

.popin--autopromo .popin__button--close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M21 3L3 21M3 3l18 18'/%3E%3C/svg%3E");
    position: absolute;
    top: .8rem;
    right: .8rem
}

.popin--autopromo .popin__button--google {
    background-color: #fff;
    background-image: url(/dist/assets/img/icons/google-content.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 3.6rem;
    box-shadow: 0 2px 3px rgba(18, 18, 18, .18), 0 0 1px rgba(18, 18, 18, .32);
    color: transparent;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 1.6rem;
    width: 100%;
    height: 3.6rem
}

html:not(.app) .popin--autopromo .popin__button--google:hover {
    box-shadow: 0 4px 6px rgba(18, 18, 18, .18), 0 0 1px rgba(18, 18, 18, .32)
}

.popin--autopromo .popin__text:first-of-type:not(:last-child) {
    display: none;
    font-size: 2rem;
    margin-bottom: 1.6rem
}

.popin--autopromo .popin__text:first-of-type:not(:last-child) {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--autopromo .popin__text:first-of-type:not(:last-child) {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.popin--autopromo .popin__link {
    background-color: #ffe047;
    border-radius: 6.4rem;
    color: #16141e;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .016rem;
    line-height: 1.3;
    padding: .76rem 1.4rem;
    text-align: center;
    width: 100%
}

.popin--autopromo .popin__link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--autopromo .popin__link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .popin--autopromo .popin__link:hover {
    background: #fe9
}

html:not(.app) .popin--autopromo .popin__link:active {
    background: #fe9;
    border: 1px solid rgba(255, 255, 255, .6)
}

.popin--autopromo .popin__divider {
    color: #16141e;
    display: block;
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 1.2rem auto;
    padding: 1rem 0;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
}

[data-color-mode=dark] .popin--autopromo .popin__divider {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin--autopromo .popin__divider {
    color: #16141e
}

.popin--autopromo .popin__divider::before {
    background-color: #dad9db;
    content: "";
    display: block;
    top: .3rem;
    width: 100%;
    height: .1rem
}

[data-color-mode=dark] .popin--autopromo .popin__divider::before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .popin--autopromo .popin__divider::before {
    background-color: #dad9db
}

.popin--autopromo .popin__divider-label {
    background-color: #fff;
    font-size: 1.4rem;
    padding: 0 1rem;
    position: absolute;
    top: .3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popin--autopromo .popin__divider-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--autopromo .popin__divider-label {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .popin--autopromo .popin__divider-label {
    background-color: #1c1a26
}

[data-color-mode=light] .popin--autopromo .popin__divider-label {
    background-color: #fff
}

.popin[data-autopromo] .popin__wrapper {
    border-radius: 0
}

@media(min-width:600px) {
    .popin[data-autopromo] .popin__wrapper {
        border-radius: 1.6rem
    }
}

.popin[data-autopromo] .popin__wrapper--top {
    position: relative;
    border-bottom: 0 none
}

.popin[data-autopromo] .popin__wrapper--content {
    padding: 2.4rem;
    text-align: center
}

.popin[data-autopromo] .popin__wrapper--content .popin__title {
    margin-left: 0
}

.popin[data-autopromo] .popin__button--close {
    position: absolute;
    top: .8rem;
    right: .8rem;
    background-size: 66%
}

.popin[data-autopromo] .popin__button--primary {
    display: inline-block;
    width: 100%;
    padding: 6px;
    margin-top: 16px;
    text-align: center;
    border-radius: 36px
}

.popin[data-autopromo] .popin__button-text--semibold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin[data-autopromo] .popin__button-text--semibold {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.popin[data-autopromo] .popin__text--top {
    margin-top: 1.6rem
}

.popin[data-autopromo] .popin__text--bottom {
    margin-top: 1.2rem
}

.popin[data-autopromo=flash-summer-2025] .popin__wrapper--top {
    aspect-ratio: 2/1;
    background-image: url(/dist/assets/img/illustrations/flash-summer-2025.png);
    background-size: cover
}

.popin--gifted-article-sender .popin__wrapper--content {
    padding: 2.4rem
}

.popin--gifted-article-sender .popin__list {
    display: flex;
    flex-direction: column;
    margin-top: 1.6rem
}

.popin--gifted-article-sender .popin__list-item {
    border-top-color: #dad9db;
    border-top-style: solid;
    border-top-width: 1px;
    list-style: none !important;
    margin: 0 !important;
    padding-top: 0 !important
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__list-item {
    border-top-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .popin--gifted-article-sender .popin__list-item {
    border-top-color: #dad9db
}

.popin--gifted-article-sender .popin__list-item::before {
    content: none !important
}

.popin--gifted-article-sender .popin__list-item:last-of-type .popin__button--action {
    padding-bottom: 0
}

.popin--gifted-article-sender .popin__button--action {
    color: #16141e;
    align-items: center;
    border: 0 none;
    background: rgba(0, 0, 0, 0);
    font-family: inherit;
    font-size: 1.6rem;
    letter-spacing: .01em;
    cursor: pointer;
    display: flex;
    padding: 1.6rem 0;
    text-align: left;
    text-align: initial;
    width: 100%
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action {
    color: #16141e
}

.popin--gifted-article-sender .popin__button--action-text {
    pointer-events: none
}

.popin--gifted-article-sender .popin__button--action:not([data-clicked]):not([data-error]):not([disabled]):hover span {
    opacity: .8
}

.popin--gifted-article-sender .popin__button--action::before {
    border-color: #f3f3f4;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    margin-right: 1.6rem;
    width: 4rem;
    height: 4rem
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action::before {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action::before {
    border-color: #f3f3f4
}

.popin--gifted-article-sender .popin__button--action:not([data-clicked]):not([data-error]):not([disabled]):hover::before {
    border-color: #737278
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action:not([data-clicked]):not([data-error]):not([disabled]):hover::before {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action:not([data-clicked]):not([data-error]):not([disabled]):hover::before {
    border-color: #737278
}

.popin--gifted-article-sender .popin__button--action[data-clicked] {
    color: #287d3c;
    cursor: auto;
    cursor: initial;
    opacity: 1
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action[data-clicked] {
    color: #42a658
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action[data-clicked] {
    color: #287d3c
}

.popin--gifted-article-sender .popin__button--action[data-clicked]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23287D3C' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.618 8.32l-3.556 3.555-1.212-1.212M10 2.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action[data-clicked]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2342A658' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.618 8.32l-3.556 3.555-1.212-1.212M10 2.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action[data-clicked]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23287D3C' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.618 8.32l-3.556 3.555-1.212-1.212M10 2.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15z'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--action[data-error] {
    color: #da1414;
    cursor: auto;
    cursor: initial;
    opacity: 1
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action[data-error] {
    color: #e92222
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action[data-error] {
    color: #da1414
}

.popin--gifted-article-sender .popin__button--action[data-error]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='%23DA1414' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.076 7.773a.6.6 0 00-.849-.849l.849.849zm-6.152 4.454a.6.6 0 00.849.849l-.849-.849zm5.303.849a.6.6 0 10.849-.849l-.849.849zM7.773 6.924a.6.6 0 10-.849.849l.849-.849zM16.9 10a6.9 6.9 0 01-6.9 6.9v1.2a8.1 8.1 0 008.1-8.1h-1.2zM10 16.9A6.9 6.9 0 013.1 10H1.9a8.1 8.1 0 008.1 8.1v-1.2zM3.1 10A6.9 6.9 0 0110 3.1V1.9A8.1 8.1 0 001.9 10h1.2zM10 3.1a6.9 6.9 0 016.9 6.9h1.2A8.1 8.1 0 0010 1.9v1.2zm2.227 3.824L9.576 9.576l.848.848 2.652-2.651-.849-.849zM9.576 9.576l-2.652 2.651.849.849 2.651-2.652-.848-.848zm3.5 2.651l-2.652-2.651-.848.848 2.651 2.652.849-.849zm-2.652-2.651L7.773 6.924l-.849.849 2.652 2.651.848-.848z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--action[data-error]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='%23E92222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.076 7.773a.6.6 0 00-.849-.849l.849.849zm-6.152 4.454a.6.6 0 00.849.849l-.849-.849zm5.303.849a.6.6 0 10.849-.849l-.849.849zM7.773 6.924a.6.6 0 10-.849.849l.849-.849zM16.9 10a6.9 6.9 0 01-6.9 6.9v1.2a8.1 8.1 0 008.1-8.1h-1.2zM10 16.9A6.9 6.9 0 013.1 10H1.9a8.1 8.1 0 008.1 8.1v-1.2zM3.1 10A6.9 6.9 0 0110 3.1V1.9A8.1 8.1 0 001.9 10h1.2zM10 3.1a6.9 6.9 0 016.9 6.9h1.2A8.1 8.1 0 0010 1.9v1.2zm2.227 3.824L9.576 9.576l.848.848 2.652-2.651-.849-.849zM9.576 9.576l-2.652 2.651.849.849 2.651-2.652-.848-.848zm3.5 2.651l-2.652-2.651-.848.848 2.651 2.652.849-.849zm-2.652-2.651L7.773 6.924l-.849.849 2.652 2.651.848-.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--action[data-error]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='%23DA1414' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.076 7.773a.6.6 0 00-.849-.849l.849.849zm-6.152 4.454a.6.6 0 00.849.849l-.849-.849zm5.303.849a.6.6 0 10.849-.849l-.849.849zM7.773 6.924a.6.6 0 10-.849.849l.849-.849zM16.9 10a6.9 6.9 0 01-6.9 6.9v1.2a8.1 8.1 0 008.1-8.1h-1.2zM10 16.9A6.9 6.9 0 013.1 10H1.9a8.1 8.1 0 008.1 8.1v-1.2zM3.1 10A6.9 6.9 0 0110 3.1V1.9A8.1 8.1 0 001.9 10h1.2zM10 3.1a6.9 6.9 0 016.9 6.9h1.2A8.1 8.1 0 0010 1.9v1.2zm2.227 3.824L9.576 9.576l.848.848 2.652-2.651-.849-.849zM9.576 9.576l-2.652 2.651.849.849 2.651-2.652-.848-.848zm3.5 2.651l-2.652-2.651-.848.848 2.651 2.652.849-.849zm-2.652-2.651L7.773 6.924l-.849.849 2.652 2.651.848-.848z'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--action[disabled] {
    cursor: auto;
    cursor: initial;
    opacity: .4
}

.popin--gifted-article-sender .popin__button--copy::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.781 3.353l-3.83 3.83a.6.6 0 01-.848-.848l3.83-3.83a3.933 3.933 0 015.562 5.562l-3.83 3.83a.6.6 0 11-.848-.848l3.83-3.83a2.733 2.733 0 10-3.866-3.866zM7.183 8.103a.6.6 0 010 .848l-3.83 3.83a2.733 2.733 0 103.866 3.866l3.83-3.83a.6.6 0 01.848.848l-3.83 3.83a3.933 3.933 0 11-5.562-5.562l3.83-3.83a.6.6 0 01.848 0zM2.93 12.357l4.708 4.708.006.006' fill='%2316141E'/%3E%3Cpath d='M12.651 7.348l-5.303 5.304' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--copy::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.781 3.353l-3.83 3.83a.6.6 0 01-.848-.848l3.83-3.83a3.933 3.933 0 015.562 5.562l-3.83 3.83a.6.6 0 11-.848-.848l3.83-3.83a2.733 2.733 0 10-3.866-3.866zM7.183 8.103a.6.6 0 010 .848l-3.83 3.83a2.733 2.733 0 103.866 3.866l3.83-3.83a.6.6 0 01.848.848l-3.83 3.83a3.933 3.933 0 11-5.562-5.562l3.83-3.83a.6.6 0 01.848 0zM2.93 12.357l4.708 4.708.006.006' fill='%23FFF' fill-opacity='.9'/%3E%3Cpath d='M12.651 7.348l-5.303 5.304' stroke='%23FFF' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--copy::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.781 3.353l-3.83 3.83a.6.6 0 01-.848-.848l3.83-3.83a3.933 3.933 0 015.562 5.562l-3.83 3.83a.6.6 0 11-.848-.848l3.83-3.83a2.733 2.733 0 10-3.866-3.866zM7.183 8.103a.6.6 0 010 .848l-3.83 3.83a2.733 2.733 0 103.866 3.866l3.83-3.83a.6.6 0 01.848.848l-3.83 3.83a3.933 3.933 0 11-5.562-5.562l3.83-3.83a.6.6 0 01.848 0zM2.93 12.357l4.708 4.708.006.006' fill='%2316141E'/%3E%3Cpath d='M12.651 7.348l-5.303 5.304' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--email::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'%3E%3Crect x='2.267' y='3.1' width='15.467' height='13.8' rx='1.4'/%3E%3Cpath d='M2.5 3.75l6.945 4.63a1 1 0 001.11 0L17.5 3.75'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--email::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'%3E%3Crect x='2.267' y='3.1' width='15.467' height='13.8' rx='1.4'/%3E%3Cpath d='M2.5 3.75l6.945 4.63a1 1 0 001.11 0L17.5 3.75'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--email::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'%3E%3Crect x='2.267' y='3.1' width='15.467' height='13.8' rx='1.4'/%3E%3Cpath d='M2.5 3.75l6.945 4.63a1 1 0 001.11 0L17.5 3.75'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--whatsapp::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 8.333a.417.417 0 00.833 0V7.5a.417.417 0 10-.833 0v.833zm0 0a4.167 4.167 0 004.167 4.167m0 0h.833a.417.417 0 100-.833h-.833a.417.417 0 000 .833zm-9.167 5l1.375-3.167a7.5 7.5 0 112.833 2.417L2.5 17.5z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--whatsapp::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 8.333a.417.417 0 00.833 0V7.5a.417.417 0 10-.833 0v.833zm0 0a4.167 4.167 0 004.167 4.167m0 0h.833a.417.417 0 100-.833h-.833a.417.417 0 000 .833zm-9.167 5l1.375-3.167a7.5 7.5 0 112.833 2.417L2.5 17.5z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--whatsapp::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 8.333a.417.417 0 00.833 0V7.5a.417.417 0 10-.833 0v.833zm0 0a4.167 4.167 0 004.167 4.167m0 0h.833a.417.417 0 100-.833h-.833a.417.417 0 000 .833zm-9.167 5l1.375-3.167a7.5 7.5 0 112.833 2.417L2.5 17.5z'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

.popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .popin--gifted-article-sender .popin__button--messenger::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.667 10.834l2.5-1.667 1.666 1.667 2.5-1.667M2.5 16.667l1.083-3.25c-.936-1.385-1.275-3.025-.953-4.615.322-1.59 1.283-3.022 2.703-4.03 1.42-1.008 3.205-1.523 5.02-1.45 1.816.074 3.54.732 4.851 1.85 1.312 1.119 2.122 2.623 2.28 4.232.157 1.61-.348 3.216-1.422 4.519-1.075 1.303-2.645 2.215-4.419 2.567a8.33 8.33 0 01-5.226-.656l-3.917.833z'/%3E%3C/svg%3E")
}

.popin--gifted-article-receiver {
    z-index: 9999999
}

.popin--gifted-article-receiver .popin__wrapper--content {
    padding: 4rem 2.4rem;
    text-align: center
}

.popin--gifted-article-receiver .popin__button--like {
    background-image: none;
    border-radius: 6.4rem;
    display: inline-block;
    font-size: 1.6rem;
    font-style: normal;
    letter-spacing: .01em;
    line-height: 1.3;
    margin-top: 1.6rem;
    padding: 1.075rem 2.4rem;
    text-align: center;
    width: 100%;
    height: auto
}

.popin--gifted-article-receiver .popin__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .popin--gifted-article-receiver .popin__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .popin--gifted-article-receiver .popin__button--like:active,
html:not(.app) .popin--gifted-article-receiver .popin__button--like:hover {
    opacity: 1
}

.popin--gifted-article-receiver .popin__button--like:first-of-type {
    margin-top: 2.4rem
}

.seo-text-block {
    color: #16141e;
    border-top: 1px solid #dad9db;
    position: relative;
    max-width: 95.2rem;
    margin: 2rem auto 0;
    padding: 3.2rem 0;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.seo-text-block {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .seo-text-block {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .seo-text-block {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .seo-text-block {
    color: #16141e
}

[data-color-mode=dark] .seo-text-block {
    border-top: 1px solid rgba(255, 255, 255, .16)
}

[data-color-mode=light] .seo-text-block {
    border-top: 1px solid #dad9db
}

@media(min-width:600px) {
    .seo-text-block {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem
    }
}

.seo-text-block::after {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 100vw;
    height: 100%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[data-color-mode=dark] .seo-text-block::after {
    background-color: #1c1a26
}

[data-color-mode=light] .seo-text-block::after {
    background-color: #fff
}

.seo-text-block h2,
.seo-text-block h3 {
    margin-top: 3.2rem;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: inherit
}

.seo-text-block h2,
.seo-text-block h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .seo-text-block h2,
html.fonts-loaded .seo-text-block h3 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.seo-text-block h2 {
    font-size: 2rem
}

.seo-text-block h3 {
    font-size: 1.6rem
}

.seo-text-block p {
    margin-top: 1.6rem;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.seo-text-block b,
.seo-text-block strong {
    font-size: inherit;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: inherit
}

.seo-text-block b,
.seo-text-block strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .seo-text-block b,
html.fonts-loaded .seo-text-block strong {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.seo-text-block a[href] {
    position: relative;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.seo-text-block a[href]::after {
    position: absolute;
    top: 105%;
    left: 50%;
    width: 100%;
    content: "";
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-bottom: #f4c5d3 2px solid
}

.seo-text-block ul {
    margin-top: 1.6rem;
    padding-left: 2rem;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    list-style-position: inside
}

.seo-text-block li {
    position: relative;
    padding-left: 1em;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.seo-text-block li::before {
    position: absolute;
    left: 0;
    content: "\2022"
}

.inread--marketing {
    border-color: #dad9db;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    position: relative;
    margin: 3.2rem auto;
    padding: 2.4rem 2rem;
    border-style: solid;
    border-width: 1px;
    border-radius: .4rem
}

[data-color-mode=dark] .inread--marketing {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .inread--marketing {
    border-color: #dad9db
}

@media(min-width:600px) {
    .inread--marketing {
        flex-direction: initial
    }
}

.inread--marketing .inread__content-wrapper[\:has\(.articleButton\)] {
    display: flex;
    align-items: center
}

.inread--marketing .inread__content-wrapper:has(.articleButton) {
    display: flex;
    align-items: center
}

.inread--marketing .inread__sup-title {
    color: #45434b;
    background-color: #fff;
    position: absolute;
    left: 1.2rem;
    top: 0;
    padding: .8rem;
    font-size: 1.6rem;
    letter-spacing: .128rem;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inread--marketing .inread__sup-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--marketing .inread__sup-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .inread--marketing .inread__sup-title {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .inread--marketing .inread__sup-title {
    color: #45434b
}

[data-color-mode=dark] .inread--marketing .inread__sup-title {
    background-color: #1c1a26
}

[data-color-mode=light] .inread--marketing .inread__sup-title {
    background-color: #fff
}

.inread--marketing .inread__title {
    color: #16141e;
    font-size: 2rem;
    letter-spacing: .01em;
    line-height: 1.2
}

.inread--marketing .inread__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--marketing .inread__title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .inread--marketing .inread__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .inread--marketing .inread__title {
    color: #16141e
}

.inread--marketing .inread__text {
    color: #45434b;
    margin-top: .8rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

.inread--marketing .inread__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--marketing .inread__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .inread--marketing .inread__text {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .inread--marketing .inread__text {
    color: #45434b
}

.inread--marketing .articleButton.articleButton--dark {
    color: #fff;
    background-color: #2b293d;
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: .76rem 1.6rem;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    white-space: nowrap
}

[data-color-mode=dark] .inread--marketing .articleButton.articleButton--dark {
    color: #16141e
}

[data-color-mode=light] .inread--marketing .articleButton.articleButton--dark {
    color: #fff
}

[data-color-mode=dark] .inread--marketing .articleButton.articleButton--dark {
    background-color: #fff
}

[data-color-mode=light] .inread--marketing .articleButton.articleButton--dark {
    background-color: #2b293d
}

.inread--marketing .articleButton.articleButton--dark {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--marketing .articleButton.articleButton--dark {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app)[data-color-mode=dark] .inread--marketing .articleButton.articleButton--dark:active,
html:not(.app)[data-color-mode=dark] .inread--marketing .articleButton.articleButton--dark:hover {
    color: #16141e;
    background-color: rgba(255, 255, 255, .8)
}

.inread--marketing .articleButton.articleButton--dark::before {
    content: none
}

.guide__list {
    display: flex;
    grid-gap: .2rem;
    grid-gap: 1.2rem;
    gap: 1.2rem;
    margin: 0 -2.4rem;
    padding: 0 2.4rem;
    overflow-x: auto;
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

@media(min-width:1113px) {
    .guide.swiper-wrapper {
        overflow-x: visible;
        overflow-x: initial
    }
}

.guide__btn {
    display: flex;
    width: 8rem;
    height: 8rem
}

@media(min-width:360px) {
    .guide__btn {
        width: 8.8rem;
        height: 8.8rem
    }
}

@media(min-width:600px) {
    .guide__btn {
        width: 10rem;
        height: 10rem
    }
}

.guide__btn-img {
    width: 100%;
    height: 100%;
    border-radius: .4rem;
    transition: all .5s ease-in-out
}

@media(hover:hover)and (pointer:fine) {
    .guide__btn-img:hover {
        opacity: 60%
    }
}

@media(hover:none)or (pointer:coarse) {
    .guide__btn-img:active {
        opacity: 60%
    }
}

.guide__btn-img--apple {
    border: solid 1px #dad9db
}

[data-color-mode=dark] .guide__btn-img--apple {
    border: none
}

[data-color-mode=light] .guide__btn-img--apple {
    border: solid 1px #dad9db
}

.guide--hp {
    grid-gap: .8rem;
    gap: .8rem
}

@media(min-width:1113px) {
    .guide--hp {
        grid-gap: 1.2rem;
        gap: 1.2rem;
        padding-right: 4.8rem;
        padding-left: 4.8rem
    }
}

@media(min-width:1113px) {
    .swiper-guide {
        overflow: hidden
    }
}

.zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__left {
    order: -1
}

.zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__left {
    order: -1
}

@media(min-width:600px) {
    .zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__left {
        order: unset
    }

    .zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__left {
        order: unset
    }
}

.zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__special {
    margin-bottom: 1.6rem;
    order: 0
}

.zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__special {
    margin-bottom: 1.6rem;
    order: 0
}

@media(min-width:600px) {
    .zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__special {
        margin-bottom: 2.4rem;
        order: unset
    }

    .zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__special {
        margin-bottom: 2.4rem;
        order: unset
    }
}

.zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__second-3 {
    order: -1
}

.zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__second-3 {
    order: -1
}

@media(min-width:600px) {
    .zoning__wrapper--grid[\:has\(.zoning__sub-title-container--guide\)]>.zoning__second-3 {
        order: unset
    }

    .zoning__wrapper--grid:has(.zoning__sub-title-container--guide)>.zoning__second-3 {
        order: unset
    }
}

.zoning__container {
    padding-top: 2.4rem;
    margin: 0 2.4rem
}

@media(min-width:600px) {
    .zoning__container {
        margin: 0
    }
}

@media(min-width:1113px) {
    .zoning__container {
        padding-top: 0
    }
}

html.app .zoning__container--first {
    padding-top: 1.4rem
}

.zoning__container--second {
    display: flex;
    flex-direction: column;
    padding-top: 0
}

.zoning__container--hpr {
    padding-top: 1.6rem
}

html.app .zoning__container--hpr {
    padding-top: 1.4rem
}

.zoning__wrapper {
    margin: 0 2.4rem;
    display: flex;
    flex-direction: column
}

@media(min-width:1113px) {
    .zoning__wrapper {
        max-width: 100rem;
        margin: 0 auto;
        padding-top: 2.4rem;
        background-color: #fff;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        flex-direction: row
    }
}

.zoning__wrapper--grid {
    background-color: #fff;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto
}

[data-color-mode=dark] .zoning__wrapper--grid {
    background-color: #1c1a26
}

[data-color-mode=light] .zoning__wrapper--grid {
    background-color: #fff
}

@media(min-width:600px) {
    .zoning__wrapper--grid {
        display: grid;
        grid-template-columns: 2fr 21.6rem;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        margin: 0 2.4rem;
        width: auto
    }
}

@media(min-width:834px) {
    .zoning__wrapper--grid {
        grid-template-columns: 2fr 24.6rem
    }
}

@media(min-width:1113px) {
    .zoning__wrapper--grid {
        width: 100%;
        grid-template-columns: 19.3rem 19.3rem 19.3rem 30.1rem;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        margin: 0 auto
    }
}

.zoning__left {
    width: 100%;
    position: relative
}

@media(min-width:600px) {
    .zoning__left {
        display: grid;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-template-columns: 2fr 21.6rem;
        grid-column: 1/3;
        order: 1
    }
}

@media(min-width:834px) {
    .zoning__left {
        grid-template-columns: 2fr 24.6rem
    }

    .zoning__left .friend {
        margin-bottom: 0
    }
}

@media(min-width:1113px) {
    .zoning__left {
        grid-template-columns: 19.3rem 2fr;
        width: 100%;
        grid-row: 1;
        grid-column: 1/4
    }
}

@media(min-width:600px) {
    .zoning__side {
        grid-column: 1/3;
        order: 3;
        margin-top: 2.4rem;
        border-top: 1px solid;
        border-color: #dad9db;
        padding-top: 5.8rem
    }

    [data-color-mode=dark] .zoning__side {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .zoning__side {
        border-color: #dad9db
    }
}

@media(min-width:1113px) {
    .zoning__side {
        order: 3;
        margin-top: 0;
        grid-row: 1/3;
        grid-column: 4;
        border: none;
        padding-top: 0;
        margin-bottom: -2.4rem
    }
}

@media(min-width:1113px) {
    .zoning__side-hpr {
        grid-column: 2;
        grid-row: 1/8
    }
}

@media(min-width:600px) {
    .zoning__side-hpr--first {
        grid-column: 1/3
    }
}

@media(min-width:1113px) {
    .zoning__side-hpr--first {
        grid-column: 3;
        grid-row: 1/7
    }
}

@media(min-width:1113px) {
    .zoning__side-hpr--full {
        grid-row: 1/31
    }
}

@media(min-width:1113px) {
    .zoning__side-hpr--last-news {
        grid-column: 3;
        grid-row: 1/10
    }
}

@media(min-width:1113px) {
    .zoning__side-hpr--last-news-all {
        grid-row: 1/51
    }
}

@media(min-width:1113px) {
    .zoning__side-search {
        grid-column: 2;
        grid-row: 1
    }
}

.zoning__autopromo {
    grid-column: 1/3
}

@media(max-width:600px) {
    .zoning__autopromo {
        display: none
    }
}

@media(min-width:600px) {
    .zoning__autopromo {
        grid-column: 1/3;
        order: 2 !important
    }

    .zoning__autopromo a.teaser {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:834px) {
    .zoning__autopromo {
        grid-column: 1/3;
        order: unset
    }
}

@media(min-width:1113px) {
    .zoning__autopromo {
        grid-column: 1/4
    }
}

.zoning__autopromo img.friend__media--autopromo {
    width: 100%;
    height: auto
}

.zoning__main {
    border-bottom: .1rem solid;
    border-color: #dad9db;
    padding-bottom: 2.4rem;
    margin-bottom: 1.6rem
}

[data-color-mode=dark] .zoning__main {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zoning__main {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zoning__main {
        padding-bottom: 2.4rem;
        grid-column: 1/2;
        order: 1;
        margin-bottom: 2.4rem
    }
}

@media(min-width:1113px) {
    .zoning__main {
        grid-column: 2;
        order: 2;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:1113px) {
    .zoning__main--desktop {
        position: absolute;
        width: 100%;
        right: 0
    }
}

@media(min-width:1113px) {
    .zoning__main--simple {
        padding-bottom: 2.4rem
    }
}

.zoning__main--related {
    padding-bottom: 2.4rem
}

@media(min-width:1113px) {
    .zoning__main--related {
        padding-bottom: 2.4rem
    }
}

@media(min-width:600px) {
    .zoning__second-1 {
        order: 2;
        grid-column: 2;
        margin-left: 0;
        position: absolute;
        right: 0;
        width: 21.6rem
    }

    .zoning__second-1 .teaser:first-of-type {
        padding-bottom: 2.4rem;
        margin-bottom: 2.4rem
    }

    .zoning__second-1 .teaser:nth-child(2) {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@media(min-width:834px) {
    .zoning__second-1 {
        width: 24.6rem
    }
}

@media(min-width:1113px) {
    .zoning__second-1 {
        position: static;
        grid-column: 1;
        grid-row: 1/3;
        margin-right: 0;
        margin-bottom: 2.4rem
    }
}

.zoning__second-1.zoning-second-1-desktop {
    display: none
}

@media(min-width:600px) {
    .zoning__second-1.zoning-second-1-desktop {
        display: block
    }
}

.zoning__second-1.zoning-second-1-mobile {
    display: block
}

@media(min-width:600px) {
    .zoning__second-1.zoning-second-1-mobile {
        display: none
    }
}

.zoning__second-1.zoning-second-1-mobile a.friend--auto {
    margin-bottom: 16px
}

@media(min-width:600px) {
    .zoning__second-1.zoning-second-1-mobile a.friend--auto {
        margin-bottom: unset
    }
}

@media(min-width:600px) {
    .zoning__second-2 {
        order: 3;
        grid-column: 1/2;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }

    .zoning__second-2 .teaser {
        border-bottom: 0
    }

    .zoning__second-2.abo .teaser {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:834px) {
    .zoning__second-2 .teaser {
        border-bottom: 0
    }
}

@media(min-width:1113px) {
    .zoning__second-2 {
        grid-column: 2;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        padding-top: 2.4rem
    }

    .zoning__second-2.abo .teaser {
        margin-bottom: 1.6rem;
        padding-bottom: .8rem
    }
}

@media(min-width:600px) {
    .zoning__second-3 {
        display: grid;
        grid-column: 1/3;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        order: 2
    }

    .zoning__second-3 .teaser {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative
    }

    .zoning__second-3.abo {
        margin-top: 2.4rem
    }

    .zoning__second-3.abo .teaser {
        border-top: .1rem solid #dad9db;
        padding-top: 2.4rem
    }
}

@media(min-width:834px) {
    .zoning__second-3 {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .zoning__second-3 {
        order: 4;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-column: 1/2;
        grid-row: 2;
        margin-top: 1.6rem
    }

    .zoning__second-3 .teaser:before {
        content: "";
        position: relative;
        top: -1.8rem;
        left: 0;
        width: 100%;
        margin-bottom: .5rem;
        height: .1rem;
        background-color: #dad9db
    }

    [data-color-mode=dark] .zoning__second-3 .teaser:before {
        background-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .zoning__second-3 .teaser:before {
        background-color: #dad9db
    }

    .zoning__second-3.abo .teaser {
        border-top: none;
        padding-top: 0
    }
}

.zoning__stories {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #dad9db;
    -webkit-text-size-adjust: 100% !important
}

@media(min-width:600px) {
    .zoning__stories {
        display: none
    }
}

.zoning__stories h2 {
    color: #16141e;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 2.6rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #8f8e93
}

.zoning__stories h2 {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zoning__stories h2 {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zoning__stories h2 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__stories h2 {
    color: #16141e
}

.zoning__stories .zoning__special-storylines-container {
    width: 100%;
    max-width: 100vw;
    height: 378px;
    margin-top: 2.4rem;
    margin-right: 0;
    margin-left: 0;
    position: relative
}

.zoning__stories .zoning__special-storylines-container .storylines-content {
    position: absolute;
    width: calc(100% + 24px) !important
}

.zoning__stories .zoning__special-storylines-container .storylines-content .scrim-259ba28d.svelte-7l8hf2,
.zoning__stories .zoning__special-storylines-container .storylines-content .thumb-259ba28d.svelte-7l8hf2 {
    background-size: cover !important
}

.zoning__friend-container {
    display: none;
    top: 10rem;
    position: -webkit-sticky;
    position: sticky
}

@media(min-width:1113px) {
    .zoning__friend-container {
        display: block;
        margin-top: 3.2rem
    }
}

.zoning__friend-container--list #pave_haut {
    margin-top: 0
}

.zoning__friend-container--hpr {
    top: 12rem
}

@media(min-width:1113px) {
    .zoning__friend-container--hpr {
        margin-bottom: 0
    }
}

@media(min-width:1113px) {
    .zoning__friend-container--forecast {
        margin-top: 3.2rem;
        position: static
    }
}

.zoning__special {
    margin-bottom: 2.4rem
}

@media(min-width:600px) {
    .zoning__special {
        width: 100%;
        grid-column: 1/3;
        order: 5;
        margin-bottom: 0
    }
}

@media(min-width:834px) {
    .zoning__special {
        grid-row: 7;
        margin-top: 0
    }
}

@media(min-width:1113px) {
    .zoning__special {
        width: 100rem;
        margin: 0 0 0 -2.4rem;
        order: 5;
        grid-column: 1/4
    }
}

.zoning__sub-title {
    color: #16141e;
    font-size: 2.6rem;
    text-transform: uppercase;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid;
    border-color: #8f8e93;
    line-height: 1;
    letter-spacing: .13rem
}

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

html.fonts-loaded .zoning__sub-title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zoning__sub-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__sub-title {
    color: #16141e
}

[data-color-mode=dark] .zoning__sub-title {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .zoning__sub-title {
    border-color: #8f8e93;
    font-weight: 600;
}

@media(min-width:600px) {
    .zoning__sub-title {
        font-size: 4rem;
        letter-spacing: .2rem
    }
}

@media(min-width:1113px) {
    .zoning__sub-title {
        font-size: 3.5rem;
        letter-spacing: .21rem
    }
}

.zoning__sub-title--bloc-rubrique {
    display: flex;
    align-items: center
}

@media(min-width:600px) {
    .zoning__sub-title--bloc-rubrique {
        grid-column: 1/3
    }
}

.zoning__sub-title-container {
    margin: 0 2.4rem;
    display: flex;
    align-items: center
}

@media(min-width:1113px) {
    .zoning__sub-title-container--critiques {
        border-bottom: .1rem solid rgba(255, 255, 255, .48)
    }
}

.zoning__sub-title-container--sorties {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #8f8e93
}

@media(min-width:1113px) {
    .zoning__sub-title-container--sorties {
        border: none
    }
}

@media(min-width:1113px) {
    .zoning__sub-title-container--sorties-container {
        border-bottom: .1rem solid #8f8e93
    }
}

.zoning__sub-title-container--guide {
    margin: 1.6rem 0
}

@media(min-width:600px) {
    .zoning__sub-title-container--guide {
        margin-top: 3.2rem
    }
}

@media(min-width:1113px) {
    .zoning__sub-title-container--guide {
        border-bottom-color: #8f8e93;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin: 3.2rem 2.4rem 2.4rem
    }

    [data-color-mode=dark] .zoning__sub-title-container--guide {
        border-bottom-color: rgba(255, 255, 255, .48)
    }

    [data-color-mode=light] .zoning__sub-title-container--guide {
        border-bottom-color: #8f8e93
    }
}

.zoning__sub-title--carousel {
    display: flex;
    align-items: center;
    width: 100%
}

@media(min-width:1113px) {
    .zoning__sub-title--carousel {
        border-bottom: none
    }
}

.zoning__sub-title--carousel-critiques {
    color: #fff;
    color: #fff
}

[data-color-mode=dark] .zoning__sub-title--carousel-critiques {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__sub-title--carousel-critiques {
    color: #fff
}

.zoning__sub-title-link {
    color: #16141e
}

[data-color-mode=dark] .zoning__sub-title-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__sub-title-link {
    color: #16141e
}

.zoning__sub-title-link:hover {
    color: #45434b
}

[data-color-mode=dark] .zoning__sub-title-link:hover {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .zoning__sub-title-link:hover {
    color: #45434b
}

@media(min-width:1113px) {
    .zoning__sub-title--carousel-guide {
        border-bottom: 0 none;
        margin-bottom: 1.6rem;
        padding-bottom: 0
    }
}

.zoning__view-more {
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: .01em
}

.zoning__view-more {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zoning__view-more {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .zoning__view-more:active,
html:not(.app) .zoning__view-more:hover {
    color: #737278
}

html[data-color-mode=dark] .zoning__view-more:active,
html[data-color-mode=dark] .zoning__view-more:hover {
    color: rgba(255, 255, 255, .6)
}

.zoning__view-more--light {
    color: #fff
}

html:not(.app) .zoning__view-more--light:active,
html:not(.app) .zoning__view-more--light:hover {
    color: rgba(255, 255, 255, .6)
}

html[data-color-mode=dark] .zoning__view-more--light:active,
html[data-color-mode=dark] .zoning__view-more--light:hover {
    color: rgba(255, 255, 255, .6)
}

.zoning__temp {
    background-color: #f3f3f4;
    color: #16141e;
    font-size: 2rem;
    padding: 2.4rem
}

.zoning__rubrique-tags {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    margin-top: 1.6rem
}

.zoning__rubrique-tags {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zoning__rubrique-tags {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.app .zoning__rubrique-tags {
    margin-top: 0
}

.zoning__rubrique-tags::-webkit-scrollbar {
    display: none
}

@media(min-width:1113px) {
    .zoning__rubrique-tags {
        position: relative
    }
}

.zoning__rubrique-tags-item {
    margin-right: .8rem
}

.zoning__rubrique-tags-item.zoning__rubrique-search-item {
    margin-right: 0
}

.zoning__rubrique-tags-link {
    color: #16141e;
    border-color: #8f8e93;
    background-color: #fff;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    padding: .6rem 1.2rem;
    border-style: solid;
    border-width: .1rem;
    border-radius: 4rem;
    display: flex;
    cursor: pointer
}

.zoning__rubrique-tags-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zoning__rubrique-tags-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zoning__rubrique-tags-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__rubrique-tags-link {
    color: #16141e
}

[data-color-mode=dark] .zoning__rubrique-tags-link {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .zoning__rubrique-tags-link {
    border-color: #8f8e93
}

[data-color-mode=dark] .zoning__rubrique-tags-link {
    background-color: #1c1a26
}

[data-color-mode=light] .zoning__rubrique-tags-link {
    background-color: #fff
}

@media(min-width:600px) {
    .zoning__rubrique-tags-link {
        padding: .8rem 1.6rem
    }
}

html:not(.app) .zoning__rubrique-tags-link:active,
html:not(.app) .zoning__rubrique-tags-link:hover {
    background-color: #1c1a26;
    border-color: #1c1a26;
    color: #fff
}

html[data-color-mode=dark] .zoning__rubrique-tags-link:active,
html[data-color-mode=dark] .zoning__rubrique-tags-link:hover {
    background-color: #eaeaec;
    border-color: #eaeaec;
    color: #16141e
}

html.app[data-color-mode=light] .zoning__rubrique-tags-link {
    border-color: #dad9db
}

html.app[data-color-mode=dark] .zoning__rubrique-tags-link {
    border-color: rgba(255, 255, 255, .16)
}

.zoning__rubrique-tags-link-less {
    display: flex;
    align-items: center;
    padding-left: .8rem
}

.zoning__rubrique-tags-link-less:before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] .zoning__rubrique-tags-link-less:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__rubrique-tags-link-less:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

html:not(.app) .zoning__rubrique-tags-link-less:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%23FFF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .zoning__rubrique-tags-link-less:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

.zoning__rubrique-tags-link-more {
    display: flex;
    align-items: center;
    padding-right: .8rem
}

.zoning__rubrique-tags-link-more:after {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .8rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__rubrique-tags-link-more:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__rubrique-tags-link-more:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

html:not(.app) .zoning__rubrique-tags-link-more:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%23FFF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

html[data-color-mode=dark] .zoning__rubrique-tags-link-more:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.7 4.5l4 4-4 4'/%3E%3C/svg%3E")
}

.zoning__rubrique-tags--app {
    grid-gap: .8rem;
    gap: .8rem;
    margin: 0 0 2.4rem
}

@media(min-width:600px) {
    .zoning__rubrique-tags--app {
        padding: 0 2.4rem
    }
}

@media(min-width:1113px) {
    .zoning__rubrique-tags--app {
        margin: 0 auto;
        max-width: 100rem
    }
}

.zoning__rubrique-tags--app .zoning__rubrique-tags-item {
    margin: 0
}

.zoning__rubrique-tags--app .zoning__rubrique-tags-link {
    border-color: #8f8e93;
    color: #16141e;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    grid-gap: .4rem;
    gap: .4rem;
    min-height: 3.8rem
}

[data-color-mode=dark] .zoning__rubrique-tags--app .zoning__rubrique-tags-link {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .zoning__rubrique-tags--app .zoning__rubrique-tags-link {
    border-color: #8f8e93
}

[data-color-mode=dark] .zoning__rubrique-tags--app .zoning__rubrique-tags-link {
    color: #fff
}

[data-color-mode=light] .zoning__rubrique-tags--app .zoning__rubrique-tags-link {
    color: #16141e
}

@media(min-width:600px) {
    .zoning__rubrique-tags--app .zoning__rubrique-tags-link {
        padding: .6rem 1.2rem
    }
}

html.app .zoning__rubrique-tags--app .zoning__rubrique-tags-link:active,
html.app .zoning__rubrique-tags--app .zoning__rubrique-tags-link:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #8f8e93;
    color: #16141e
}

html.app[data-color-mode=dark] .zoning__rubrique-tags--app .zoning__rubrique-tags-link:active,
html.app[data-color-mode=dark] .zoning__rubrique-tags--app .zoning__rubrique-tags-link:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, .6);
    color: #fff
}

@media(hover:hover)and (pointer:fine) {
    .zoning__rubrique-tags--app .zoning__rubrique-tags-link:hover {
        opacity: 60%
    }
}

@media(hover:none)or (pointer:coarse) {
    .zoning__rubrique-tags--app .zoning__rubrique-tags-link:active {
        opacity: 60%
    }
}

.zoning__rubrique-tags--app .zoning__scrolling-tags-view-more {
    display: none
}

.zoning__rubrique-description {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid;
    border-color: #dad9db;
    margin-top: 2.4rem
}

.zoning__rubrique-description {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zoning__rubrique-description {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .zoning__rubrique-description {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .zoning__rubrique-description {
    color: #16141e
}

[data-color-mode=dark] .zoning__rubrique-description {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .zoning__rubrique-description {
    border-color: #dad9db
}

@media(min-width:600px) {
    .zoning__rubrique-description {
        padding-bottom: 0;
        border: none
    }
}

html.app .zoning__rubrique .wrapper--simple {
    padding-top: 0
}

.zoning--hide-tag {
    display: none
}

.zoning__scrolling-tags-view {
    position: relative
}

.zoning__scrolling-tags-view-more {
    right: 0
}

.zoning__scrolling-tags-view-less {
    display: none
}

.zoning__scrolling-tags-view-less-show {
    display: list-item
}

.zoning__scrolling-tags-view--show {
    display: flex
}

.zoning__scrolling-tags-view--hide {
    display: none
}

.wrapper {
    padding: 0 2.4rem;
    width: 100%
}

@media(min-width:1113px) {
    .wrapper {
        max-width: 115rem;
        margin: 0 auto;
        padding: 0
    }
}

.wrapper--tv-grid {
    padding: 0;
    width: 100%
}

@media(min-width:1113px) {
    .wrapper--tv-grid {
        padding-top: 24px;
        max-width: 952px;
        margin: 0 auto
    }
}

.wrapper--simple {
    padding: 0
}

@media(min-width:600px) {
    .wrapper--simple {
        padding: 3.2rem 2.4rem
    }
}

@media(min-width:600px) {
    .wrapper--simple-first {
        padding: 0
    }
}

@media(min-width:1113px) {
    .wrapper--simple-first {
        padding-top: 2.4rem;
        padding-bottom: 0
    }
}

@media(min-width:600px) {
    .wrapper--most-read {
        padding: 3.2rem 2.4rem 0
    }
}

.wrapper--friend {
    padding: 0
}

@media(min-width:600px) {
    .wrapper--friend {
        padding: 0 2.4rem
    }
}

@media(min-width:1113px) {
    .wrapper--friend {
        padding: 0
    }
}

.wrapper--carrousel {
    padding: 0 2.4rem
}

@media(min-width:600px) {
    .wrapper--carrousel {
        padding: 0
    }
}

.wrapper--bookmark-list {
    padding-top: 0
}

.wrapper--bookmark-list .breadcrumb {
    text-transform: none
}

.wrapper--bookmark-list .teaser {
    border: 0 none;
    display: flex;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    margin: 0;
    padding: 0
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser {
        grid-gap: 0;
        gap: 0
    }
}

.wrapper--bookmark-list .teaser::after {
    content: none
}

.wrapper--bookmark-list .teaser__title--abo,
.wrapper--bookmark-list .teaser__title--abo-ln {
    float: none
}

.wrapper--bookmark-list .teaser__title {
    margin-top: .8rem;
    max-width: calc(100% - 2.4rem)
}

@media(min-width:1113px) {
    .wrapper--bookmark-list .teaser__title {
        font-size: 2.2rem
    }
}

.wrapper--bookmark-list .teaser__date {
    color: #737278;
    font-size: 1.4rem;
    line-height: 1.3;
    max-width: calc(100% - 2.4rem)
}

[data-color-mode=dark] .wrapper--bookmark-list .teaser__date {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .wrapper--bookmark-list .teaser__date {
    color: #737278
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__date {
        font-size: 1.6rem;
        margin-top: 1.2rem
    }
}

@media(min-width:1113px) {
    .wrapper--bookmark-list .teaser__date {
        margin-top: .8rem
    }
}

.wrapper--bookmark-list .teaser__category {
    justify-content: initial;
    line-height: 100%;
    margin-bottom: 0;
    padding-left: 0;
    height: 2rem
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__category {
        font-size: 1.6rem
    }
}

.wrapper--bookmark-list .teaser__category--abo::before {
    margin-right: .8rem;
    margin-bottom: .1em;
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.wrapper--bookmark-list .teaser__content {
    flex-grow: 1;
    margin: 0
}

.wrapper--bookmark-list .teaser__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-gap: 1.6rem;
    gap: 1.6rem
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__list {
        grid-gap: 2.4rem;
        gap: 2.4rem
    }
}

@media(min-width:1113px) {
    .wrapper--bookmark-list .teaser__list {
        grid-column: 1/3
    }
}

.wrapper--bookmark-list .teaser__list-item {
    width: 100%
}

.wrapper--bookmark-list .teaser__list-item+.teaser__list-item-title-group {
    margin-top: .8rem
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__list-item+.teaser__list-item-title-group {
        margin-top: 0
    }
}

.wrapper--bookmark-list .teaser__list li+.teaser__list-item {
    border-color: #dad9db;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 1.6rem
}

[data-color-mode=dark] .wrapper--bookmark-list .teaser__list li+.teaser__list-item {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .wrapper--bookmark-list .teaser__list li+.teaser__list-item {
    border-color: #dad9db
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__list li+.teaser__list-item {
        padding-top: 2.4rem
    }
}

.wrapper--bookmark-list .teaser__list-item-title {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .128rem;
    line-height: 1.3;
    text-transform: uppercase
}

.wrapper--bookmark-list .teaser__list-item-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .wrapper--bookmark-list .teaser__list-item-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .wrapper--bookmark-list .teaser__list-item-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .wrapper--bookmark-list .teaser__list-item-title {
    color: #16141e
}

.wrapper--bookmark-list .teaser__list-item-title-group {
    align-self: flex-start
}

@media(min-width:600px) {
    .wrapper--bookmark-list .teaser__list-item-title-group {
        margin-bottom: -.8rem
    }
}

.wrapper--bookmark-list section.teaser__media-container {
    flex-shrink: 0;
    float: none
}

@media(min-width:360px) {
    .wrapper--bookmark-list section.teaser__media-container {
        flex-basis: 9.8rem
    }
}

@media(min-width:393px) {
    .wrapper--bookmark-list section.teaser__media-container {
        flex-basis: 11.7rem
    }
}

@media(min-width:600px) {
    .wrapper--bookmark-list section.teaser__media-container {
        flex-basis: 33.6rem
    }
}

@media(min-width:834px) {
    .wrapper--bookmark-list section.teaser__media-container {
        flex-basis: 38.1rem
    }
}

@media(min-width:1113px) {
    .wrapper--bookmark-list section.teaser__media-container {
        flex-basis: 30.1rem
    }
}

.wrapper--bookmark-list .bookmark__button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    z-index: 1
}

.wrapper--bookmark-list .bookmark__button::before {
    background-size: contain
}

.wrapper--bookmark-list .no-item,
.wrapper--bookmark-list .not-connected {
    color: #16141e;
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1.3;
    margin-top: 4rem;
    margin-bottom: 6.4rem;
    text-align: center
}

[data-color-mode=dark] .wrapper--bookmark-list .no-item,
[data-color-mode=dark] .wrapper--bookmark-list .not-connected {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .wrapper--bookmark-list .no-item,
[data-color-mode=light] .wrapper--bookmark-list .not-connected {
    color: #16141e
}

@media(min-width:600px) {

    .wrapper--bookmark-list .no-item,
    .wrapper--bookmark-list .not-connected {
        margin-top: 5.6rem;
        margin-bottom: 8rem
    }
}

@media(min-width:1113px) {

    .wrapper--bookmark-list .no-item,
    .wrapper--bookmark-list .not-connected {
        grid-column: 1/3
    }
}

.wrapper--bookmark-list .no-item__title,
.wrapper--bookmark-list .not-connected__title {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.2rem
}

.wrapper--bookmark-list .no-item__title,
.wrapper--bookmark-list .not-connected__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .wrapper--bookmark-list .no-item__title,
html.fonts-loaded .wrapper--bookmark-list .not-connected__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {

    .wrapper--bookmark-list .no-item__title,
    .wrapper--bookmark-list .not-connected__title {
        font-size: 2.4rem
    }
}

.wrapper--bookmark-list .no-item__title::before,
.wrapper--bookmark-list .not-connected__title::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' stroke='%23737278' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E");
    background-color: #fff;
    border-color: #dad9db;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 55%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    margin-bottom: 1.6rem;
    width: 5.6rem;
    height: 5.6rem
}

[data-color-mode=dark] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=dark] .wrapper--bookmark-list .not-connected__title::before {
    background-image: svg-load("icons/bookmark--dark-static.svg")
}

[data-color-mode=light] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=light] .wrapper--bookmark-list .not-connected__title::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' stroke='%23737278' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88 5.714a2 2 0 012-2h16a2 2 0 012 2v25.749a.4.4 0 01-.646.314l-8.735-6.863a1 1 0 00-1.236 0l-8.735 6.863a.4.4 0 01-.647-.314V5.714z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=dark] .wrapper--bookmark-list .not-connected__title::before {
    background-color: #1c1a26
}

[data-color-mode=light] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=light] .wrapper--bookmark-list .not-connected__title::before {
    background-color: #fff
}

[data-color-mode=dark] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=dark] .wrapper--bookmark-list .not-connected__title::before {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .wrapper--bookmark-list .no-item__title::before,
[data-color-mode=light] .wrapper--bookmark-list .not-connected__title::before {
    border-color: #dad9db
}

@media(min-width:1113px) {

    .wrapper--bookmark-list .no-item__title::before,
    .wrapper--bookmark-list .not-connected__title::before {
        width: 6.4rem;
        height: 6.4rem
    }
}

.wrapper--bookmark-list .no-item__text,
.wrapper--bookmark-list .not-connected__text {
    font-size: 1.6rem
}

.wrapper--bookmark-list .no-item__text,
.wrapper--bookmark-list .not-connected__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .wrapper--bookmark-list .no-item__text,
html.fonts-loaded .wrapper--bookmark-list .not-connected__text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.wrapper--bookmark-list .no-item__link,
.wrapper--bookmark-list .not-connected__link {
    border-color: #dad9db;
    border-radius: 6.4rem;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    margin-top: 1.6rem;
    margin-bottom: 1.9rem;
    padding: 1.1rem 2.4rem
}

.wrapper--bookmark-list .no-item__link,
.wrapper--bookmark-list .not-connected__link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .wrapper--bookmark-list .no-item__link,
html.fonts-loaded .wrapper--bookmark-list .not-connected__link {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .wrapper--bookmark-list .no-item__link,
[data-color-mode=dark] .wrapper--bookmark-list .not-connected__link {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .wrapper--bookmark-list .no-item__link,
[data-color-mode=light] .wrapper--bookmark-list .not-connected__link {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .no-item__link:hover,
html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__link:hover {
    border-color: #16141e
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .no-item__link:active,
html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__link:active {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .no-item__link:hover,
html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__link:hover {
    border-color: rgba(255, 255, 255, .9)
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .no-item__link:active,
html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__link:active {
    border-color: rgba(255, 255, 255, .48)
}

.wrapper--bookmark-list .not-connected__title::before {
    content: none
}

.wrapper--bookmark-list .not-connected__button--like {
    align-items: center;
    border: 1px solid;
    border-radius: 3.6rem;
    display: flex;
    justify-content: center;
    max-width: 46.5rem;
    padding: .75rem 1.6rem;
    text-align: center;
    transition: background-color .15s, border-color .15s, color .15s;
    width: 100%;
    height: 3.6rem
}

.wrapper--bookmark-list .not-connected__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .wrapper--bookmark-list .not-connected__button--like {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.wrapper--bookmark-list .not-connected__button--account {
    border-color: #16141e;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 1.6rem
}

[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--account {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--account {
    border-color: #16141e
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--account:hover {
    border-color: #dad9db
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--account:active {
    border-color: #16141e
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--account:hover {
    border-color: rgba(255, 255, 255, .16)
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--account:active {
    border-color: rgba(255, 255, 255, .9)
}

.wrapper--bookmark-list .not-connected__button--login {
    background-color: #2b293d;
    border-color: #2b293d;
    color: #fff
}

[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--login {
    background-color: #fff
}

[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--login {
    background-color: #2b293d
}

[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--login {
    border-color: #fff
}

[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--login {
    border-color: #2b293d
}

[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--login {
    color: #16141e
}

[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--login {
    color: #fff
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--login:hover {
    background-color: #3c3956;
    border: 0 none
}

html:not(.app)[data-color-mode=light] .wrapper--bookmark-list .not-connected__button--login:active {
    background-color: #3c3956;
    border: 1px solid rgba(255, 255, 255, .6)
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--login:hover {
    background-color: rgba(255, 255, 255, .8);
    border: 0 none
}

html:not(.app)[data-color-mode=dark] .wrapper--bookmark-list .not-connected__button--login:active {
    background-color: rgba(255, 255, 255, .8);
    border: 1px solid #fff
}

.tv-grid--pub .TRA_TV_inread_top_container {
    background-color: #fff
}

[data-color-mode=dark] .tv-grid--pub .TRA_TV_inread_top_container {
    background-color: #211f2e
}

[data-color-mode=light] .tv-grid--pub .TRA_TV_inread_top_container {
    background-color: #fff
}

.tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_sponsor {
    background-color: #e2001a
}

[data-color-mode=dark] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_sponsor {
    background-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_sponsor {
    background-color: #e2001a
}

.tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_heading {
    color: #000
}

[data-color-mode=dark] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_heading {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_heading {
    color: #000
}

.tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption,
.tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption_link {
    color: #000
}

[data-color-mode=dark] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption,
[data-color-mode=dark] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption_link {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption,
[data-color-mode=light] .tv-grid--pub .TRA_TV_inread_top_container .TRA_TV_inread_top_caption_link {
    color: #000
}

.tv-grid--pub+.tv-grid__card.tv-grid__card--hour {
    border-top: 1px solid;
    border-color: #dad9db
}

[data-color-mode=dark] .tv-grid--pub+.tv-grid__card.tv-grid__card--hour {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .tv-grid--pub+.tv-grid__card.tv-grid__card--hour {
    border-color: #dad9db
}

.pb-6 {
    padding-bottom: 6px
}

.pt-6 {
    padding-top: 6px
}

.mb-6 {
    margin-bottom: 6px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.flex-column {
    flex-direction: column
}

.header {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 5.7rem
}

@media(min-width:600px) {
    .header {
        z-index: 5
    }
}

@media(min-width:1113px) {
    .header {
        height: 9.3rem
    }
}

.header--off {
    display: none
}

.header--on {
    display: block
}

.header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama@2x.png);
    display: block;
    width: 7.628rem;
    height: 2.8rem;
    background-size: cover
}

[data-color-mode=dark] .header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama-dark@2x.png)
}

[data-color-mode=light] .header__logo {
    background-image: url(/dist/assets/img/icons/icon-telerama@2x.png)
}

@media(min-width:1113px) {
    .header__logo {
        width: 11rem;
        height: 4rem
    }
}

.header__logo-light-img {
    display: block
}

[data-color-mode=dark] .header__logo-light-img {
    display: none
}

[data-color-mode=light] .header__logo-light-img {
    display: block
}

.header__logo-dark-img {
    display: none
}

[data-color-mode=dark] .header__logo-dark-img {
    display: block
}

[data-color-mode=light] .header__logo-dark-img {
    display: none
}

.header__icon {
    background-repeat: no-repeat;
    margin-right: .8rem;
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z'/%3E%3C/svg%3E")
}

.header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-last-articles {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11 4H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 00-1.311 1.311C3 6.28 3 7.12 3 8.8v7.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311C5.28 21 6.12 21 7.8 21h7.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311C20 18.72 20 17.88 20 16.2V13m-7 4H7m8-5H7m13.121-8.121A3 3 0 1115.88 8.12a3 3 0 014.24-4.24z'/%3E%3C/svg%3E")
}

.header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 9.6L21 8v8l-5-1.6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10c0 1.1.9 2 2 2h9a2 2 0 002-2V7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%23E8E8E9' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24145)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24145'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16783_24140)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16783_24140'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-comment {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7.5h7.875M7.5 12H12m-.293 4.304L7.01 21v-4.696H5.25A2.25 2.25 0 013 14.054V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25v8.804a2.25 2.25 0 01-2.25 2.25h-7.043z'/%3E%3C/svg%3E")
}

.header__icon-critiques {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%2316141E' d='M21.25 11.58c-.31-.59-.91-.97-1.72-1.15-.1-.72-.73-2.34-1.11-2.67.75-.12 2.07-.67 1.56-2.91-.66-2.88-2.94-3.94-4.48-3.72-1.66.23-2.41 2.03-1.39 4.04 0 0-2.61-1.32-3.3-1.95C9.65 2.15 9.39 1.03 9.21 1c-1.98 1.6-.99 3.68-1.13 3.62-1.26-.51-2-2.32-2.26-2.45-2.13 2.88.15 4.52.1 4.53-1.09-.07-2.22-.56-2.23-.34.12.86 1.16 1.54 1.55 1.77-.38.85-.68 1.76-.89 2.71h-.01c-.16.05-.31.14-.44.26-.28.25-.56.73-.3 1.64.08.27.22.58.38.9-.1 2.42.34 4.78 1.35 6.51 1.09 1.86 2.71 2.84 4.7 2.84 2.4 0 6.54-.87 7.52-6.6.72.06 2.47.01 3.34-1.65.66-1.27.78-2.36.35-3.17l.01.01zm-17.18.55c-.01-.11 0-.22.03-.32.04-.1.09-.19.17-.27.11-.11.25-.17.41-.17h.08c.44.06.88.62 1.01.83l.29.46.21-.5c.18-.42.62-1.12 1.02-1.22a.67.67 0 01.2 0c.07.02.13.06.18.1.09.07.15.17.19.28.04.11.05.22.04.33-.06 1.16-1.56 3.11-2.08 3.62-.44-.45-1.7-2.1-1.74-3.15l-.01.01zm16.32 2.35c-.85 1.63-2.79 1.35-3.02 1.31l-.29-.05-.04.3c-.37 2.38-1.74 6.38-7 6.38-1.77 0-3.22-.89-4.2-2.56-.83-1.42-1.25-3.29-1.29-5.26.48.72 1 1.31 1.21 1.35h.02c.47 0 1.91-2.03 2.37-3.08.57-1.31.26-1.95-.12-2.25a.935.935 0 00-.88-.23c-.53.13-.95.72-1.19 1.14-.26-.33-.62-.55-1.02-.66.03-.14.08-.26.12-.4.77-.66 1.67-1.15 2.63-1.44a.29.29 0 00.17-.14c.03-.07.04-.15.02-.22a.29.29 0 00-.14-.17.283.283 0 00-.22-.02c-.63.2-1.24.47-1.82.81.81-1 2.63-3.03 5.01-2.76 2.71.32 3.81 1.74 4.71 3.65.5 1.1 1.05 2.18 1.66 3.22.21-.36.27-1.88 1.88-2.46.88.09 1.49.41 1.77.93.33.62.21 1.52-.36 2.61h.02z'/%3E%3Cpath fill='%2316141E' d='M10.5 8.33c1.14.19 2.22.65 3.16 1.33.04.03.1.05.15.05.06 0 .12-.02.17-.06.05-.04.08-.09.1-.15.02-.06.01-.12 0-.18a.259.259 0 00-.11-.14c-1-.72-2.15-1.2-3.37-1.41a.36.36 0 00-.2.06c-.06.05-.09.11-.1.18-.01.07 0 .14.04.21.04.06.1.1.17.12l-.01-.01zm-3.23 8.35c.09.15.22.27.37.36.25.14.53.21.81.2.4 0 .79-.09 1.16-.24.07-.03.13-.08.16-.15a.28.28 0 000-.22.294.294 0 00-.15-.16.28.28 0 00-.22 0c-.59.24-1.17.27-1.47.09a.617.617 0 01-.18-.18.68.68 0 01-.08-.24c-.07-.52.15-.72.61-1.07.46-.35 1.03-.8.96-1.84 0-.04-.01-.08-.03-.11a.55.55 0 00-.07-.09c-.03-.03-.06-.04-.1-.06-.04-.01-.07-.02-.11-.01-.04 0-.07.01-.11.03a.55.55 0 00-.09.07c-.02.03-.04.06-.06.1-.01.04-.02.07-.01.11.05.74-.32 1.03-.74 1.35-.42.32-.94.72-.83 1.6.02.17.07.34.17.49l.01-.03zm5.25-.23s-.07-.05-.12-.06c-.04-.01-.09-.02-.13-.01-.04 0-.09.02-.12.04-.53.36-1.06.54-1.66.91-.82.52-.8.78-.94.82-.14.04-.5-.16-.92-.14-.42.03-.98.38-1.09.28-.23-.2-.57.02-.45.23.16.27.93.79 1.22 1.22.29.43 1.35 2.2 2.46 2.04.92-.13 1.64-.99 1.79-2.21 0 0 .18-2.67.05-3.03-.02-.04-.05-.07-.08-.1l-.01.01zm-1.95 4.09c-.83.11-1.34-.55-1.81-1.06a6.51 6.51 0 00-.54-.51c.6 0 1.19-.07 1.77-.23 1.16-.28 2.12-1.75 2.22-1.64-.02 2.7-1.07 3.36-1.63 3.44h-.01zm3.11-10.06a.859.859 0 00-.45 0c-.52.13-.94.71-1.17 1.13-.27-.35-.66-.6-1.09-.7-.17-.02-.34 0-.5.05-.16.05-.31.14-.43.26-.28.25-.56.7-.3 1.64.26.94 1.58 3.06 2.19 3.17h.03c.49 0 1.75-2.09 2.07-2.77.56-1.22.58-2.07.03-2.54a.98.98 0 00-.4-.22l.02-.02zm-1.71 4.89c-.43-.39-1.61-1.93-1.74-3.02a.767.767 0 01.19-.73c.1-.1.24-.16.38-.17h-.01s.05.01.08.01c.42.06.85.61.98.82l.29.46.23-.51c.18-.42.6-1.13.99-1.22.06-.01.13-.01.19 0 .06.02.12.05.16.1a.688.688 0 01.2.59c-.05 1.17-1.46 3.15-1.93 3.65l-.01.02z'/%3E%3C/svg%3E")
}

.header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2345434B' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2316141E' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .8)' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%2345434B' stroke-linecap='round' stroke-width='1.2'%3E%3Crect x='2.6' y='3.6' width='18.8' height='16.8' rx='1.4'/%3E%3Cpath d='M3 4.5l8.445 5.63a1 1 0 001.11 0L21 4.5'/%3E%3C/svg%3E")
}

.header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

[data-color-mode=dark] .header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.78 4 15.62 4 17.3 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269a1.13 1.13 0 01-.437.526c-.214.13-.494.13-1.054.13h-2.831c-3.569 0-4.143 1.4-4.569 1.555m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C10.22 4 9.38 4 7.7 4H5.1c-.56 0-.84 0-1.054.131a1.13 1.13 0 00-.437.526c-.109.258-.109.595-.109 1.27V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555'/%3E%3C/svg%3E")
}

.header__icon-abo {
    position: relative;
    top: -.1rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: .8rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 4rem;
    height: 4rem;
    margin: 0 .1rem 0 .2rem
}

[data-color-mode=dark] .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%233C3956'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%2316141E'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E");
    width: 4rem;
    height: 4rem
}

[data-color-mode=dark] .header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-search--desktop-big {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%2316141E'%3E%3Ccircle cx='20' cy='20' r='12.733' stroke-width='1.2'/%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M29.167 29.166l4.167 4.167'/%3E%3C/svg%3E")
}

.header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E");
    position: relative;
    z-index: 3;
    margin-left: auto;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__icon-close:hover {
    opacity: .6
}

.header__icon-close--desktop-search {
    position: absolute;
    right: 0;
    top: 1.4rem
}

.header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 17px
}

[data-color-mode=dark] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.875' cy='8.5' r='7.9' stroke='%238F8E93' stroke-width='1.2'/%3E%3Cpath d='M14.875 14l2.5 2.5' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-off.png)
}

.header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='rgba(255, 255, 255, .48)'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%238F8E93'%3E%3Cpath d='M15.5 20h-6m11-11.8c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.98 5 18.42 5 17.3 5H7.7c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4.5 6.52 4.5 7.08 4.5 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C6.02 17 6.58 17 7.7 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874.218-.428.218-.988.218-2.108V8.2z' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238F8E93'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .48)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%238F8E93'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-bottom-search--desktop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__main {
    background-color: #fff;
    border-bottom: .1rem solid #dad9db
}

[data-color-mode=dark] .header__main {
    background-color: #1c1a26
}

[data-color-mode=light] .header__main {
    background-color: #fff
}

[data-color-mode=dark] .header__main {
    border-bottom: .1rem solid rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__main {
    border-bottom: .1rem solid #dad9db
}

.header__main-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    height: 5.7rem;
    width: 100%
}

@media(min-width:1113px) {
    .header__main-container {
        height: 9.3rem
    }
}

.header__main-container--article {
    position: relative
}

.header__main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 5.7rem;
    padding: 0 2.4rem
}

@media(min-width:1113px) {
    .header__main-wrapper {
        height: 9.3rem;
        margin: 0 auto;
        padding: 0 6.4rem
    }
}

.header__main-nav {
    display: flex;
    height: 100%
}

.header__main-nav-left {
    align-items: center
}

@media(min-width:600px) {
    .header__main-nav-left {
        width: 25%
    }
}

.header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23ffffffe6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .6)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M3 12h12M3 3h18M3 21h18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger.header--on {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .6)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-left-trigger.header--on:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23737278'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M20.6 3l-18 18m0-18l18 18'/%3E%3C/svg%3E")
}

.header__main-nav-left-logo {
    margin-left: 2.4rem;
    width: 76.28px;
    height: 2.8rem
}

@media(min-width:1113px) {
    .header__main-nav-left-logo {
        margin-left: 3.2rem;
        height: 4rem;
        width: 110px
    }
}

.header__main-nav-left-logo img.header__light-mode-logo {
    display: block;
    height: 100%;
    width: 100%
}

[data-color-mode=dark] .header__main-nav-left-logo img.header__light-mode-logo {
    display: none
}

[data-color-mode=light] .header__main-nav-left-logo img.header__light-mode-logo {
    display: block
}

.header__main-nav-left-logo img.header__dark-mode-logo {
    display: none;
    height: 100%;
    width: 100%
}

[data-color-mode=dark] .header__main-nav-left-logo img.header__dark-mode-logo {
    display: block
}

[data-color-mode=light] .header__main-nav-left-logo img.header__dark-mode-logo {
    display: none
}

.header__main-nav-center {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 50%
    }
}

.header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem
}

[data-color-mode=dark] .header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-login-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M5 21l3-3m0 0l-3-3m3 3H2m10-2.5h4.5c1.396 0 2.093 0 2.661.172a4 4 0 012.667 2.667C22 18.907 22 19.604 22 21M9.5 7.5a4.5 4.5 0 109 0 4.5 4.5 0 00-9 0z'/%3E%3C/svg%3E")
}

@media(min-width:1113px) {
    .header__main-nav-right-login-mobile {
        display: none
    }
}

.header__main-nav-right-login-mobile:active,
.header__main-nav-right-login-mobile:hover {
    opacity: .6
}

.header__main-nav-right-login-desktop {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-right-login-desktop {
        color: #16141e;
        display: block;
        font-size: 1.6rem;
        letter-spacing: .01em
    }

    .header__main-nav-right-login-desktop {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__main-nav-right-login-desktop {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__main-nav-right-login-desktop {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__main-nav-right-login-desktop {
        color: #16141e
    }

    .header__main-nav-right-login-desktop:hover {
        color: #737278;
        color: #737278
    }

    [data-color-mode=dark] .header__main-nav-right-login-desktop:hover {
        color: rgba(255, 255, 255, .6)
    }

    [data-color-mode=light] .header__main-nav-right-login-desktop:hover {
        color: #737278
    }
}

.header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem
}

[data-color-mode=dark] .header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z' stroke='%23fff' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-logged-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Ccircle cx='19' cy='19' r='4' fill='%23FFE047'/%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

.header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E");
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem
}

[data-color-mode=dark] .header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__main-nav-right-logged-not-registered {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-width='1.2' d='M12 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 00-2.667 2.667C2 18.907 2 19.604 2 21m14-3l2 2 4-4m-7.5-8.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0z'/%3E%3C/svg%3E")
}

.header__main-nav-right-trigger-container {
    display: flex;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.header__main-nav-right-trigger-container:hover {
    opacity: .6
}

.header__main-nav-right-username {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width:1113px) {
    .header__main-nav-right-username {
        color: #16141e;
        display: inline;
        letter-spacing: .01em;
        font-size: 1.6rem
    }

    .header__main-nav-right-username {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__main-nav-right-username {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__main-nav-right-username {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__main-nav-right-username {
        color: #16141e
    }
}

@media(min-width:1113px)and (max-width:1400px) {
    .header__main-nav-right-username {
        max-width: 100px
    }
}

@media(min-width:1400px) {
    .header__main-nav-right-username {
        max-width: 200px
    }
}

.header__main-nav-right-bloc {
    display: flex;
    align-items: center
}

.header__main-nav-right-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8rem;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .01em;
    border-radius: 6.4rem
}

.header__main-nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__main-nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .header__main-nav-right-button {
        margin-left: 2.4rem
    }
}

.header__main-nav-right-button-signup {
    background-color: #ffe047;
    color: #16141e;
    border: 2px outset pink;
    outline: 2px solid khaki;
}

@media(min-width:1113px) {
    .header__main-nav-right-button-signup {
        height: 4.4rem;
        padding: 0 2.4rem;
        font-size: 1.6rem;
        line-height: 1.3;
        letter-spacing: .01em
    }
}

.header__main-nav-right-button-signup:hover {
    background-color: #fe9
}

.header__main-nav-right-button-avantages {
    color: #fff;
    background-color: #2b293d
}

[data-color-mode=dark] .header__main-nav-right-button-avantages {
    color: #16141e
}

[data-color-mode=light] .header__main-nav-right-button-avantages {
    color: #fff
}

[data-color-mode=dark] .header__main-nav-right-button-avantages {
    background-color: #fff
}

[data-color-mode=light] .header__main-nav-right-button-avantages {
    background-color: #2b293d
}

@media(min-width:1113px) {
    .header__main-nav-right-button-avantages {
        height: 4.4rem;
        padding: 0 2.4rem;
        font-size: 1.6rem;
        line-height: 1.3;
        letter-spacing: .01em
    }
}

.header__main-nav-right-button-avantages:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .header__main-nav-right-button-avantages:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .header__main-nav-right-button-avantages:hover {
    background-color: #3c3956
}

.header__main-nav-top-list:not(:last-of-type) {
    margin-right: 2.4rem
}

.header__main-nav-top-link {
    color: #16141e;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 1.2
}

.header__main-nav-top-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__main-nav-top-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__main-nav-top-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__main-nav-top-link {
    color: #16141e
}

.header__main-nav-top-link:hover {
    color: #737278
}

.header__main-nav-top-link:hover .header__icon-programme {
    opacity: .6
}

.header__main-nav-top-link:hover .header__icon-platform {
    opacity: .6
}

.header__main-nav-top-link:hover .header__icon-magazine {
    opacity: .6
}

.header__main-nav-search--desktop {
    display: none
}

@media(min-width:1113px) {
    .header__main-nav-search--desktop {
        display: block;
        margin: 0 4.8rem 0 0;
        padding: 0;
        border: none;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0)
    }

    .header__main-nav-search--desktop:hover {
        opacity: .6
    }
}

@media(min-width:1113px)and (max-width:1400px) {
    .header__main-nav-search--desktop {
        margin: 0 2.4rem
    }
}

.header__category {
    background-color: #fff;
    border-color: #dad9db;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    grid-gap: 2.4rem;
    gap: 2.4rem;
    align-items: center;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding: 1.6rem 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__category {
    background-color: #1c1a26
}

[data-color-mode=light] .header__category {
    background-color: #fff
}

[data-color-mode=dark] .header__category {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__category {
    border-color: #dad9db
}

.header__category::-webkit-scrollbar {
    display: none
}

@media(min-width:1113px) {
    .header__category {
        justify-content: space-between;
        padding: 2.4rem 6.4rem
    }
}

@media(min-width:1113px) {
    .header__category-list {
        margin-left: 0
    }

    .header__category-list:last-of-type {
        margin-right: 0
    }
}

.header__category-link {
    color: #16141e;
    display: block;
    height: 2.1rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em
}

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

html.fonts-loaded .header__category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__category-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__category-link {
    color: #16141e
}

.header__category-link:hover {
    color: #737278
}

[data-color-mode=dark] .header__category-link:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__category-link:hover {
    color: #737278
}

.header__nav {
    position: fixed;
    top: 5.8rem;
    width: 100%;
    height: calc(100vh - 5.7rem);
    overflow-y: scroll;
    transition: all .3s ease
}

@media(min-width:600px) {
    .header__nav {
        width: 36.8rem
    }
}

@media(min-width:1113px) {
    .header__nav {
        height: calc(100vh - 9.3rem) !important;
        top: 9.4rem
    }
}

.header__nav-left {
    background-color: #fff;
    left: -110vw;
    z-index: 5
}

[data-color-mode=dark] .header__nav-left {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-left {
    background-color: #fff
}

.header__nav-left.header--on {
    -webkit-transform: translateX(110vw);
    transform: translateX(110vw);
    padding-bottom: 6.8rem
}

@media(min-width:600px) {
    .header__nav-left.header--on {
        -webkit-transform: translate(36.8rem);
        transform: translate(36.8rem)
    }
}

@media(min-width:1113px) {
    .header__nav-left.header--on {
        padding-bottom: 0
    }
}

@media(min-width:600px) {
    .header__nav-left {
        left: -36.8rem
    }
}

.header__nav-left-bottom-menu-container {
    background-color: #fff;
    border-color: #dad9db;
    display: block;
    position: fixed;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 6.8rem;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-left-bottom-menu-container {
    background-color: #fff
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-left-bottom-menu-container {
    border-color: #dad9db
}

@media(min-width:600px) {
    .header__nav-left-bottom-menu-container {
        padding: 0 6.4rem
    }
}

@media(min-width:1113px) {
    .header__nav-left-bottom-menu-container {
        display: none
    }
}

.header__nav-left-bottom-menu-container--hide {
    display: none
}

.header__nav-left-bottom-menu-bloc {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 6.8rem
}

.header__nav-left-bottom-menu-label {
    color: #8f8e93;
    font-size: 1.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    margin-top: .8rem
}

.header__nav-left-bottom-menu-label {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-left-bottom-menu-label {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .header__nav-left-bottom-menu-label {
    color: #8f8e93
}

.header__nav-left-bottom-menu-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: #16141e
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__nav-left-bottom-menu-label {
    color: #16141e
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%23fff'/%3E%3Cpath d='M15.5 20h-6' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-on.png)
}

.header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='rgba(255, 255, 255, .9)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-link:hover .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: #16141e
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__nav-left-bottom-menu-label {
    color: #16141e
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%23fff'/%3E%3Cpath d='M15.5 20h-6' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.326 4.4h-9.65c-.54 0-.98 0-1.338.03-.37.03-.706.094-1.018.254A2.6 2.6 0 004.184 5.82c-.16.313-.224.647-.254 1.018-.03.358-.03.799-.03 1.337v5.65c0 .54 0 .98.03 1.338.03.37.094.705.254 1.018a2.6 2.6 0 001.136 1.136c.312.16.647.224 1.018.254.358.03.799.03 1.338.03h9.65c.538 0 .979 0 1.337-.03.37-.03.705-.095 1.018-.254.488-.25.887-.647 1.136-1.136.16-.313.224-.647.254-1.017.03-.358.03-.798.03-1.335V8.172c0-.538 0-.977-.03-1.335-.03-.37-.095-.705-.254-1.017a2.601 2.601 0 00-1.136-1.136c-.313-.16-.648-.224-1.018-.254-.358-.03-.799-.03-1.337-.03z' fill='%2316141E'/%3E%3Cpath d='M15.5 20h-6' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-critiques {
    background-image: url(/dist/assets/img/icons/icon-telerama-critiques-on.png)
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgba(255, 255, 255, .9)'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2316141E'%3E%3Cpath d='M15.424 14.576a.6.6 0 00-.848.848l.848-.848zm4.152 5.848a.6.6 0 00.848-.848l-.848.848zM10 16.4A6.4 6.4 0 013.6 10H2.4a7.6 7.6 0 007.6 7.6v-1.2zM3.6 10A6.4 6.4 0 0110 3.6V2.4A7.6 7.6 0 002.4 10h1.2zM10 3.6a6.4 6.4 0 016.4 6.4h1.2A7.6 7.6 0 0010 2.4v1.2zm6.4 6.4a6.4 6.4 0 01-6.4 6.4v1.2a7.6 7.6 0 007.6-7.6h-1.2zm-1.824 5.424l5 5 .848-.848-5-5-.848.848z'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='rgba(255, 255, 255, .9)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-item--active .header__icon-bottom-une {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='%2316141E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 16.803v-5.349c0-.534 0-.801-.065-1.05a2.002 2.002 0 00-.28-.617c-.145-.213-.345-.389-.748-.74l-4.8-4.2c-.746-.654-1.12-.98-1.54-1.105-.37-.11-.764-.11-1.134 0-.42.124-.793.45-1.539 1.103l-.001.001-4.8 4.2-.001.001c-.402.352-.603.527-.747.74a2 2 0 00-.28.617c-.065.25-.065.516-.065 1.05v5.349c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.988.218 2.107.218h9.603c1.119 0 1.678 0 2.106-.218a2 2 0 00.874-.875c.218-.427.218-.986.218-2.104v-.003z'/%3E%3C/svg%3E")
}

.header__nav-right {
    background-color: #fff;
    right: -100vw;
    height: 100vh;
    height: var(--right-menu-height);
    z-index: 10
}

[data-color-mode=dark] .header__nav-right {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-right {
    background-color: #fff
}

.header__nav-right.header--on {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw)
}

@media(min-width:600px) {
    .header__nav-right.header--on {
        -webkit-transform: translate(-36.8rem);
        transform: translate(-36.8rem)
    }
}

@media(min-width:600px) {
    .header__nav-right {
        right: -36.8rem
    }
}

.header__nav-right-username {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3
}

.header__nav-right-username {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-username {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-username {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-username {
    color: #16141e
}

.header__nav-right-username-close {
    display: flex;
    align-items: center
}

.header__nav-right-user-status {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    margin-top: .4rem
}

.header__nav-right-user-status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-user-status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-user-status {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-user-status {
    color: #16141e
}

.header__nav-right-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.6rem;
    font-size: 1.6rem;
    letter-spacing: .01em;
    margin-top: 2.4rem;
    border-radius: 6.4rem
}

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

html.fonts-loaded .header__nav-right-button {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-right-button-account {
    color: #fff;
    background-color: #2b293d;
    border: .1rem solid #2b293d
}

[data-color-mode=dark] .header__nav-right-button-account {
    color: #16141e
}

[data-color-mode=light] .header__nav-right-button-account {
    color: #fff
}

[data-color-mode=dark] .header__nav-right-button-account {
    background-color: #fff
}

[data-color-mode=light] .header__nav-right-button-account {
    background-color: #2b293d
}

.header__nav-right-button-account:hover {
    background-color: #3c3956
}

[data-color-mode=dark] .header__nav-right-button-account:hover {
    background-color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .header__nav-right-button-account:hover {
    background-color: #3c3956
}

.header__nav-right-button-logout {
    color: #16141e;
    background-color: #fff;
    border-color: #16141e;
    margin-top: 0;
    margin-bottom: 2.4rem;
    border: .1rem solid
}

[data-color-mode=dark] .header__nav-right-button-logout {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-button-logout {
    color: #16141e
}

[data-color-mode=dark] .header__nav-right-button-logout {
    background-color: #1c1a26
}

[data-color-mode=light] .header__nav-right-button-logout {
    background-color: #fff
}

[data-color-mode=dark] .header__nav-right-button-logout {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-button-logout {
    border-color: #16141e
}

.header__nav-right-button-logout:hover {
    border-color: #dad9db;
    border: .1rem solid
}

[data-color-mode=dark] .header__nav-right-button-logout:hover {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-right-button-logout:hover {
    border-color: #dad9db
}

.header__nav-right-links {
    margin-top: .8rem
}

.header__nav-right-links-item {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.header__nav-right-links-item:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-right-links-item:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-right-links-item:after {
    background-color: #dad9db
}

@media(min-width:600px) {
    .header__nav-right-links-item:after {
        width: 32rem
    }
}

.header__nav-right-links-item:hover:before {
    opacity: .6
}

.header__nav-right-links-item:last-of-type:after {
    display: none
}

.header__nav-right-link {
    color: #16141e;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    width: 100%
}

.header__nav-right-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-right-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-right-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-right-link {
    color: #16141e
}

.header__nav-right-link:after {
    content: "";
    position: absolute;
    top: -.2rem;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header__nav-right-link:hover {
    color: #737278
}

.header__nav-right-link:hover:after {
    opacity: .6
}

.header__nav-bloc {
    padding: 2.4rem;
    width: 100%
}

.header__nav-bloc:last-of-type {
    padding-bottom: 3.2rem
}

.header__nav-bloc--search {
    border-color: #dad9db;
    padding: 1.6rem 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--search {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--search {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .header__nav-bloc--search {
        display: block
    }
}

.header__nav-bloc--dark {
    padding: 3.2rem 2.4rem;
    color: #fff;
    background-color: #2b293d
}

.header__nav-bloc--dark:before {
    display: none
}

.header__nav-bloc-title {
    color: #16141e;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 2.4rem
}

.header__nav-bloc-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-bloc-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-bloc-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-bloc-title {
    color: #16141e
}

.header__nav-bloc-title--rubriques {
    margin-bottom: 3.2rem
}

.header__nav-bloc--category {
    border-color: #dad9db;
    padding-bottom: 0;
    margin-bottom: 2.4rem;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--category {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--category {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .header__nav-bloc--access {
        padding-top: 2.4rem
    }

    .header__nav-bloc--access:before {
        display: none
    }
}

.header__nav-bloc--avantages {
    border-color: #dad9db;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--avantages {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--avantages {
    border-color: #dad9db
}

.header__nav-bloc--services {
    border-color: #dad9db;
    border-top: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--services {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--services {
    border-color: #dad9db
}

.header__nav-bloc--account-container {
    border-color: #dad9db;
    padding-top: 2.4rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__nav-bloc--account-container {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--account-container {
    border-color: #dad9db
}

.header__nav-bloc--account-links:before {
    display: none
}

.header__nav-bloc--account-logout {
    border-color: #dad9db;
    border-top: .1rem solid;
    margin-top: .8rem
}

[data-color-mode=dark] .header__nav-bloc--account-logout {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-bloc--account-logout {
    border-color: #dad9db
}

.header__nav-bloc--account-logout:before {
    display: none
}

.header__nav-icon-list:not(:first-of-type) {
    margin-top: 1.6rem
}

.header__nav-icon-link {
    color: #16141e;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3
}

.header__nav-icon-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-icon-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-icon-link {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-icon-link {
    color: #16141e
}

.header__nav-icon-link:hover {
    color: #737278
}

[data-color-mode=dark] .header__nav-icon-link:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__nav-icon-link:hover {
    color: #737278
}

.header__nav-icon-link:hover .header__icon {
    opacity: .6
}

.header__nav-icon-link--white {
    color: #fff
}

.header__nav-icon-link--white:hover {
    color: rgba(255, 255, 255, .6)
}

.header__nav-category-trigger {
    color: #16141e;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__nav-category-trigger {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-trigger {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__nav-category-trigger {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__nav-category-trigger {
    color: #16141e
}

.header__nav-category-trigger:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E")
}

.header__nav-category-trigger:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-category-trigger:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-category-trigger:after {
    background-color: #dad9db
}

.header__nav-category-trigger--link:before {
    display: none
}

.header__nav-category-trigger.ui-collapse--shown:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.header__nav-category-trigger.ui-collapse--shown:after {
    display: block
}

.header__nav-category-trigger:hover {
    color: #737278
}

.header__nav-category-trigger:hover:before {
    opacity: .6
}

.header__nav-category-listing {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-listing {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-category-listing li:last-child .header__nav-category-trigger:after {
    background: 0 0;
    margin-bottom: 0
}

.header__nav-category-list-container {
    display: none
}

.header__nav-category-list-container.ui-collapse--shown {
    display: block;
    margin-bottom: 3.2rem
}

.header__nav-category-list-link {
    color: #16141e;
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.header__nav-category-list-link:not(:first-of-type) {
    margin-top: 1.6rem
}

.header__nav-category-link {
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 1.3;
    color: #16141e
}

.header__nav-category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__nav-category-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__nav-category-link:hover {
    color: #737278
}

.header__nav-category-name-ctnr:after {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    margin: 1.6rem auto 1.6rem
}

[data-color-mode=dark] .header__nav-category-name-ctnr:after {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__nav-category-name-ctnr:after {
    background-color: #dad9db
}

.header__nav-category-name:last-of-type .header__nav-category-name-ctnr:after {
    margin-bottom: 0;
    background: 0 0
}

.header__search-desktop {
    border-color: #dad9db;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 3.2rem 0;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid
}

[data-color-mode=dark] .header__search-desktop {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__search-desktop {
    border-color: #dad9db
}

.header__search-desktop-input {
    color: #16141e;
    background-color: #fff;
    width: 100%;
    height: 4.8rem;
    font-size: 2.2rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    margin-left: 1.6rem;
    border: none
}

.header__search-desktop-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__search-desktop-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .header__search-desktop-input {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .header__search-desktop-input {
    color: #16141e
}

[data-color-mode=dark] .header__search-desktop-input {
    background-color: #1c1a26
}

[data-color-mode=light] .header__search-desktop-input {
    background-color: #fff
}

.header__search-desktop-input::-webkit-input-placeholder {
    color: #737278
}

.header__search-desktop-input::-moz-placeholder {
    color: #737278
}

.header__search-desktop-input:-ms-input-placeholder {
    color: #737278
}

.header__search-desktop-input::-ms-input-placeholder {
    color: #737278
}

.header__search-desktop-input::placeholder {
    color: #737278
}

[data-color-mode=dark] .header__search-desktop-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=dark] .header__search-desktop-input::placeholder {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .header__search-desktop-input::-webkit-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::-moz-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input:-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::-ms-input-placeholder {
    color: #737278
}

[data-color-mode=light] .header__search-desktop-input::placeholder {
    color: #737278
}

.header__search-desktop-submit {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__search-desktop-submit:hover {
    opacity: .6
}

.header__search-desktop-close {
    display: block;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0)
}

.header__search-desktop-close:hover {
    opacity: .6
}

.header__search-mobile {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.header__search-mobile-input {
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: .01em;
    padding-left: 2.4rem;
    padding-right: 6rem;
    border-radius: 5rem;
    border: .1rem solid #dad9db;
    color: #16141e;
    background-color: #fff
}

.header__search-mobile-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .header__search-mobile-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.header__search-mobile-input::-webkit-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::-moz-placeholder {
    color: #45434b
}

.header__search-mobile-input:-ms-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::-ms-input-placeholder {
    color: #45434b
}

.header__search-mobile-input::placeholder {
    color: #45434b
}

.header__search-mobile-submit {
    position: absolute;
    right: -.3rem;
    cursor: pointer;
    border: none;
    background-color: unset
}

.header__search-mobile-submit:active .header__icon-search,
.header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%231C1A26'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: unset
}

[data-color-mode=dark] .header__search-mobile-submit:active .header__icon-search,
[data-color-mode=dark] .header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%232B293D'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__search-mobile-submit:active .header__icon-search,
[data-color-mode=light] .header__search-mobile-submit:hover .header__icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%231C1A26'/%3E%3Ccircle cx='17' cy='17' r='7.4' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M22.5 22.5L25 25' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.header__search-container {
    display: none
}

@media(min-width:1113px) {
    .header__search-container--visible {
        background-color: #fff;
        position: fixed;
        z-index: 5;
        top: 9.3rem;
        display: block;
        width: 100%;
        height: calc(100vh - 9.3rem);
        border-top: .1rem solid
    }

    [data-color-mode=dark] .header__search-container--visible {
        background-color: #1c1a26
    }

    [data-color-mode=light] .header__search-container--visible {
        background-color: #fff
    }
}

@media(min-width:1113px) {
    .header__search-wrapper {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 6.4rem
    }
}

@media(min-width:1113px) {

    .header__search-wrapper--result .header__search-result,
    .header__search-wrapper--result .header__search-result-suggestions-container {
        width: 50%
    }
}

.header__search-result--hide {
    display: none
}

@media(min-width:1113px) {
    .header__search-result-suggestions-container {
        max-width: 80%
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-title {
        color: #16141e;
        margin-bottom: 1.6rem;
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3rem
    }

    .header__search-result-suggestions-title {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-suggestions-title {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__search-result-suggestions-title {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__search-result-suggestions-title {
        color: #16141e
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-bloc {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-item {
        display: flex;
        margin-bottom: .8rem
    }

    .header__search-result-suggestions-item:not(:last-of-type) {
        margin-right: .8rem
    }
}

@media(min-width:1113px) {
    .header__search-result-suggestions-link {
        color: #16141e;
        border-color: #dad9db;
        font-size: 1.4rem;
        padding: .8rem 1.6rem;
        line-height: 1.2;
        letter-spacing: .01em;
        border-radius: .4rem;
        border: .15rem solid
    }

    .header__search-result-suggestions-link {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-suggestions-link {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .header__search-result-suggestions-link {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .header__search-result-suggestions-link {
        color: #16141e
    }

    [data-color-mode=dark] .header__search-result-suggestions-link {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .header__search-result-suggestions-link {
        border-color: #dad9db
    }

    .header__search-result-suggestions-link:hover {
        color: #737278
    }

    [data-color-mode=dark] .header__search-result-suggestions-link:hover {
        color: rgba(255, 255, 255, .6)
    }

    [data-color-mode=light] .header__search-result-suggestions-link:hover {
        color: #737278
    }
}

@media(min-width:1113px) {
    .header__search-result-item {
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3;
        color: #16141e
    }

    .header__search-result-item {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-item {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    .header__search-result-item:not(:first-of-type) {
        margin-top: 1.6rem
    }

    .header__search-result-item:hover {
        color: #737278
    }
}

@media(min-width:1113px) {
    .header__search-result-all {
        display: flex;
        align-items: center;
        margin-top: 3.2rem;
        font-size: 1.6rem;
        letter-spacing: .01em;
        line-height: 1.3;
        color: #16141e
    }

    .header__search-result-all {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .header__search-result-all {
        font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
    }

    .header__search-result-all:after {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        margin-left: .4rem;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%2316141E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 10l6 6 6-6'/%3E%3C/svg%3E")
    }

    .header__search-result-all:hover {
        color: #737278
    }

    .header__search-result-all:hover:after {
        opacity: .6
    }
}

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

.header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11c0 5.523 4.477 10 10 10V1C5.477 1 1 5.477 1 11z' fill='%2316141E'/%3E%3Cpath d='M11 1c.592 0 1.171.051 1.735.15M11 1C5.477 1 1 5.477 1 11s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C12.17 20.948 11.59 21 11 21' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12c0 5.523 4.477 10 10 10V2C6.477 2 2 6.477 2 12z' fill='%23fff' fill-opacity='.9'/%3E%3Cpath d='M12 2c.592 0 1.171.051 1.735.15M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C13.17 21.948 12.59 22 12 22' stroke='%23fff' stroke-opacity='.9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__icon-darkmode {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11c0 5.523 4.477 10 10 10V1C5.477 1 1 5.477 1 11z' fill='%2316141E'/%3E%3Cpath d='M11 1c.592 0 1.171.051 1.735.15M11 1C5.477 1 1 5.477 1 11s4.477 10 10 10m0-20v20m5.738-18.191c.954.67 1.786 1.502 2.455 2.456m1.657 4a10.064 10.064 0 010 3.47m-1.66 4.006c-.67.952-1.5 1.782-2.453 2.45m-4.004 1.66C12.17 20.948 11.59 21 11 21' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__switch-label {
    position: relative;
    display: inline-block;
    width: 5.1rem;
    height: 3.2rem
}

.header__switch-label input {
    opacity: 0;
    width: 0;
    height: 0
}

.header__switch-label input:checked+.header__slider-switch::before {
    -webkit-transform: translateX(19px);
    transform: translateX(19px)
}

.header__switch-label input:focus+.header__slider-switch {
    outline: 0
}

.header__slider-switch {
    background-color: #dad9db;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: .4s
}

[data-color-mode=dark] .header__slider-switch {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .header__slider-switch {
    background-color: #dad9db
}

.header__slider-switch::before {
    content: "";
    position: absolute;
    left: .2rem;
    bottom: .2rem;
    height: 2.8rem;
    width: 2.8rem;
    background-color: #fff;
    transition: .4s
}

.header__slider-switch.round {
    border-radius: 3.4rem
}

.header__slider-switch.round::before {
    border-radius: 50%
}

.overlay {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s ease, opacity .2s ease-in-out;
    background-color: rgba(0, 0, 0, .3)
}

@media(min-width:600px) {
    .overlay--visible {
        visibility: visible;
        opacity: 1
    }
}

.overlay--shown,
.overlay--visible-popin-inspiration,
.overlay--visible-tv-grid {
    visibility: visible;
    opacity: 1;
    z-index: 4
}

.header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-bloc .header__nav-icon-list-container .header__nav-icon-list .header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: .8rem
}

[data-color-mode=dark] .header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23ffffffe6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header .header__icon.header__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23fff' stroke-opacity='.48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23fff' stroke-opacity='.48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%238F8E93' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.9 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.515A.6.6 0 009.9 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.029l-5-3zm3.525 3.514L11.1 13.94v-3.88L14.334 12z' fill='%23fff'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.501' fill='%23fff' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item .header__nav-left-bottom-menu-link:hover .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.9 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.515A.6.6 0 009.9 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.029l-5-3zm3.525 3.514L11.1 13.94v-3.88L14.334 12z' fill='%23fff'/%3E%3C/svg%3E")
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4 12a9.6 9.6 0 1119.2 0 9.6 9.6 0 01-19.2 0zm7.909-3.514A.6.6 0 009.4 9v6a.6.6 0 00.909.514l5-3a.6.6 0 000-1.028l-5-3zM13.834 12L10.6 13.94v-3.88L13.834 12z' fill='%2316141E'/%3E%3C/svg%3E")
}

.header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-size: unset
}

[data-color-mode=dark] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.501' fill='%23fff' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

[data-color-mode=light] .header__nav-left-bottom-menu-container .header__nav-left-bottom-menu-bloc .header__nav-left-bottom-menu-item.header__nav-left-bottom-menu-item--active .header__icon-bottom-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='11.5' r='7.9' stroke='%2316141E' stroke-width='1.2'/%3E%3Ccircle cx='11.875' cy='11.5' fill='%2316141E' r='6.1'/%3E%3Cpath d='M17.875 17l2.5 2.5' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important
}

.zoning__home-tags-item__icon {
    background-repeat: no-repeat;
    background-size: 80%;
    display: block;
    margin-left: -.6rem;
    width: 2.4rem;
    height: 2.4rem
}

.zoning__home-tags-item__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__home-tags-item__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__home-tags-item__icon-platform {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1018 0 9 9 0 00-18 0z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 14.823V9.177a.1.1 0 01.151-.086l4.706 2.823a.1.1 0 010 .172l-4.706 2.823a.1.1 0 01-.151-.086z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.zoning__home-tags-item__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 20H9M20 8.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.48 5 17.92 5 16.8 5H7.2c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4 6.52 4 7.08 4 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C5.52 17 6.08 17 7.2 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874C20 15.48 20 14.92 20 13.8V8.2z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__home-tags-item__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 20H9M20 8.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.48 5 17.92 5 16.8 5H7.2c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4 6.52 4 7.08 4 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C5.52 17 6.08 17 7.2 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874C20 15.48 20 14.92 20 13.8V8.2z' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__home-tags-item__icon-programme {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 20H9M20 8.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C18.48 5 17.92 5 16.8 5H7.2c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C4 6.52 4 7.08 4 8.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C5.52 17 6.08 17 7.2 17h9.6c1.12 0 1.68 0 2.108-.218.376-.192.682-.498.874-.874C20 15.48 20 14.92 20 13.8V8.2z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.zoning__home-tags-item__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.582l5-1.579V16l-4.998-1.578' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h9a2 2 0 002-2V7z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__home-tags-item__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.582l5-1.579V16l-4.998-1.578' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h9a2 2 0 002-2V7z' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__home-tags-item__icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.582l5-1.579V16l-4.998-1.578' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='M16 7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h9a2 2 0 002-2V7z' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.zoning__home-tags-item__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_905)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke='%2316141E' stroke-width='1.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_905'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__home-tags-item__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_917)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke='%23E8E8E9' stroke-width='1.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_917'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__home-tags-item__icon-bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_905)'%3E%3Cpath d='M5 4a2 2 0 012-2h10a2 2 0 012 2v17.177a.4.4 0 01-.647.314l-5.735-4.506a1 1 0 00-1.236 0l-5.735 4.506A.4.4 0 015 21.177V4z' stroke='%2316141E' stroke-width='1.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_905'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.zoning__home-tags-item__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.28 4 15.12 4 16.8 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269-.096.226-.249.41-.437.526-.214.13-.494.13-1.054.13h-2.831C13 18.446 12.426 19.846 12 20m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C9.72 4 8.88 4 7.2 4H4.6c-.56 0-.84 0-1.054.131-.188.116-.341.3-.437.526C3 4.915 3 5.252 3 5.927V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .zoning__home-tags-item__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.28 4 15.12 4 16.8 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269-.096.226-.249.41-.437.526-.214.13-.494.13-1.054.13h-2.831C13 18.446 12.426 19.846 12 20m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C9.72 4 8.88 4 7.2 4H4.6c-.56 0-.84 0-1.054.131-.188.116-.341.3-.437.526C3 4.915 3 5.252 3 5.927V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555' stroke='%23E8E8E9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

[data-color-mode=light] .zoning__home-tags-item__icon-magazine {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.778V20m0-10.222c0-2.022 0-3.034.327-3.806.288-.68.747-1.232 1.311-1.578C14.28 4 15.12 4 16.8 4h2.6c.56 0 .84 0 1.054.131.188.116.341.3.437.526.11.258.109.595.109 1.27V16.52c0 .674 0 1.011-.109 1.269-.096.226-.249.41-.437.526-.214.13-.494.13-1.054.13h-2.831C13 18.446 12.426 19.846 12 20m0-10.222c0-2.022 0-3.034-.327-3.806-.288-.68-.746-1.232-1.31-1.578C9.72 4 8.88 4 7.2 4H4.6c-.56 0-.84 0-1.054.131-.188.116-.341.3-.437.526C3 4.915 3 5.252 3 5.927V16.52c0 .674 0 1.011.109 1.269.096.226.249.41.437.526.214.13.494.13 1.054.13h2.831c3.569 0 4.143 1.4 4.569 1.555' stroke='%2316141E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.footer {
    width: 100%;
    margin-top: 2.4rem;
    margin-bottom: 6.8rem;
    border-top: .1rem solid;
    border-color: #dad9db;
    background-color: #1c1a26
}

[data-color-mode=dark] .footer {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .footer {
    border-color: #dad9db
}

@media(min-width:1113px) {
    .footer {
        margin-bottom: 0
    }
}

.footer__wrapper {
    padding: 0 2.4rem
}

@media(min-width:1113px) {
    .footer__wrapper {
        padding: 0 6.4rem;
        margin: 0 auto
    }
}

@media(min-width:1113px) {
    .footer__wrapper--main-content {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 7.2rem;
        gap: 7.2rem
    }
}

.footer__wrapper--socials {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

[data-color-mode=dark] .footer__wrapper--socials {
    background-color: #1c1a26
}

[data-color-mode=light] .footer__wrapper--socials {
    background-color: #fff
}

@media(min-width:600px) {
    .footer__wrapper--socials {
        flex-direction: row;
        align-items: center
    }
}

.footer__wrapper--bottom-links {
    display: flex;
    padding-top: 2.4rem
}

@media(min-width:1113px) {
    .footer__wrapper--bottom-links {
        justify-content: center
    }
}

.footer__wrapper--groupe {
    display: flex;
    flex-direction: column
}

@media(min-width:1113px) {
    .footer__wrapper--groupe {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-top: 2.4rem
    }

    .footer__wrapper--groupe:before {
        content: "";
        display: block;
        width: calc(100% - 12.8rem);
        height: .1rem;
        top: 0;
        background-color: rgba(255, 255, 255, .16);
        position: absolute
    }
}

.footer__icon {
    background-repeat: no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.footer__icon--tiktok {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EE1D52' d='M17.8 9.5a10 10 0 005.7 1.7V7.3a6 6 0 01-1.2-.1v3c-2.1 0-4-.6-5.7-1.7v8c0 4-3.4 7.3-7.5 7.3-1.6 0-3-.4-4.3-1.2a7.7 7.7 0 005.4 2.2c4.2 0 7.6-3.3 7.6-7.3v-8zm1.5-4c-.8-.8-1.4-2-1.5-3.2v-.5h-1.1a5.5 5.5 0 002.6 3.7zm-11.8 14c-.5-.6-.7-1.3-.7-2 0-1.8 1.5-3.3 3.4-3.3l1 .1v-4h-1.1v3H9c-2 0-3.5 1.4-3.5 3.3 0 1.3.8 2.4 1.9 3z'/%3E%3Cpath fill='%23010101' d='M16.6 8.5a10 10 0 005.7 1.8V7.2a5.8 5.8 0 01-3-1.7 5.5 5.5 0 01-2.6-3.7h-3v15.7c0 1.9-1.6 3.3-3.5 3.3-1 0-2-.5-2.7-1.3a3.3 3.3 0 01-2-3c0-1.8 1.6-3.3 3.5-3.3.4 0 .8 0 1 .2v-3.1a7.4 7.4 0 00-7.3 7.2c0 2 .8 3.8 2.1 5.1 1.3.8 2.7 1.2 4.3 1.2 4.1 0 7.5-3.2 7.5-7.2v-8z'/%3E%3Cpath fill='%2369C9D0' d='M22.3 7.2v-.8c-1 0-2.1-.3-3-.9.8.9 1.8 1.5 3 1.7zm-5.6-5.4V1h-4.2v15.7c0 1.8-1.6 3.3-3.5 3.3-.5 0-1-.1-1.5-.4.6.8 1.6 1.3 2.7 1.3 2 0 3.5-1.4 3.5-3.3V1.8h3zM10 10.3v-1a7.4 7.4 0 00-8.6 7.2c0 2.6 1.3 4.8 3.3 6.1a7.1 7.1 0 01-2.1-5c0-4 3.3-7.3 7.4-7.3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M1.5.9h22v24h-22z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M6.3 12.9a6.2 6.2 0 1112.4 0 6.2 6.2 0 01-12.4 0zm6.2 4a4 4 0 110-8 4 4 0 010 8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M6.3 12.9a6.2 6.2 0 1112.4 0 6.2 6.2 0 01-12.4 0zm6.2 4a4 4 0 110-8 4 4 0 010 8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23c)' d='M19 7.9A1.4 1.4 0 1019 5a1.4 1.4 0 000 3z'/%3E%3Cpath fill='url(%23d)' d='M19 7.9A1.4 1.4 0 1019 5a1.4 1.4 0 000 3z'/%3E%3Cpath fill='url(%23e)' fill-rule='evenodd' d='M12.5.9h-5c-1.2 0-2.1.3-2.9.6-.7.3-1.4.7-2 1.4-.8.6-1.2 1.3-1.5 2-.3.9-.5 1.7-.5 3A85.1 85.1 0 001 20.7c.3.8.7 1.5 1.4 2.1.7.7 1.4 1.1 2.1 1.4.8.3 1.7.5 3 .6a85.1 85.1 0 0012.8-.6c.7-.3 1.4-.7 2-1.4.8-.6 1.2-1.3 1.5-2 .3-.8.5-1.7.5-3A85.1 85.1 0 0024 5c-.3-.8-.7-1.5-1.4-2.1-.7-.7-1.4-1.1-2.1-1.4-.8-.3-1.7-.5-3-.6h-4.9zm0 2.1h4.8c1.2.1 1.9.3 2.3.5.5.2 1 .5 1.4.9.4.4.6.8.9 1.4.1.4.3 1 .4 2.2a83.3 83.3 0 01-.4 12c-.3.5-.5.9-1 1.3l-1.3 1c-.4 0-1 .3-2.3.3a83.3 83.3 0 01-11.9-.4c-.5-.2-1-.5-1.4-.9-.4-.4-.6-.8-.9-1.4-.1-.4-.3-1-.4-2.2a83.3 83.3 0 01.4-12c.3-.5.5-.9 1-1.3.4-.4.8-.7 1.3-.9.4-.2 1-.4 2.3-.4h4.8z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23f)' fill-rule='evenodd' d='M12.5.9h-5c-1.2 0-2.1.3-2.9.6-.7.3-1.4.7-2 1.4-.8.6-1.2 1.3-1.5 2-.3.9-.5 1.7-.5 3A85.1 85.1 0 001 20.7c.3.8.7 1.5 1.4 2.1.7.7 1.4 1.1 2.1 1.4.8.3 1.7.5 3 .6a85.1 85.1 0 0012.8-.6c.7-.3 1.4-.7 2-1.4.8-.6 1.2-1.3 1.5-2 .3-.8.5-1.7.5-3A85.1 85.1 0 0024 5c-.3-.8-.7-1.5-1.4-2.1-.7-.7-1.4-1.1-2.1-1.4-.8-.3-1.7-.5-3-.6h-4.9zm0 2.1h4.8c1.2.1 1.9.3 2.3.5.5.2 1 .5 1.4.9.4.4.6.8.9 1.4.1.4.3 1 .4 2.2a83.3 83.3 0 01-.4 12c-.3.5-.5.9-1 1.3l-1.3 1c-.4 0-1 .3-2.3.3a83.3 83.3 0 01-11.9-.4c-.5-.2-1-.5-1.4-.9-.4-.4-.6-.8-.9-1.4-.1-.4-.3-1-.4-2.2a83.3 83.3 0 01.4-12c.3-.5.5-.9 1-1.3.4-.4.8-.7 1.3-.9.4-.2 1-.4 2.3-.4h4.8z' clip-rule='evenodd'/%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='rotate(32.2 -39.2 25.9) scale(22.4147 16.1312)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FED276'/%3E%3Cstop offset='.2' stop-color='%23FDBD61'/%3E%3Cstop offset='.5' stop-color='%23F6804D'/%3E%3Cstop offset='1' stop-color='%23E83D5C' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='a' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='1.9' x2='9.5' y1='2.1' y2='31.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E60D3'/%3E%3Cstop offset='.1' stop-color='%23913BAF'/%3E%3Cstop offset='.8' stop-color='%23D52D88'/%3E%3Cstop offset='1' stop-color='%23F26D4F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--snapchat {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23FFFC00' fill-rule='evenodd' d='M18.7 10.6v.6l.1.1.5.2a3 3 0 001.2-.4h.7c.4.2.6.4.6.7 0 .3-.3.6-1 1h-.4a5 5 0 00-.8.3c-.3.2-.5.4-.6.7-.2.3-.1.6 0 1a3.9 3.9 0 00.4.7l1 1.3c1 1.2 2.2 2 3.6 2.2.2 0 .3.2.3.3v.1c-.3.5-1.3 1-3 1.2H21l-.2.5a9.6 9.6 0 00-.1.8l-.4.2h-.5a6.3 6.3 0 00-2.3-.1c-.3 0-.6.2-1 .4-.2 0-.4.2-.8.5a8 8 0 01-1.4.9 4.1 4.1 0 01-2 .4 4 4 0 01-1.7-.3 6.7 6.7 0 01-1.5-1c-.9-.6-1.3-.8-1.8-.9A5.3 5.3 0 005 22l-.5.1c-.2 0-.3 0-.4-.2a5.2 5.2 0 01-.1-.8l-.2-.4-.1-.1c-1.8-.3-2.8-.7-3-1.2v-.1c0-.1 0-.3.2-.3 1.4-.2 2.5-1 3.5-2A8.7 8.7 0 006 14.9c.2-.5.3-.8.1-1.1 0-.3-.3-.5-.6-.7a5 5 0 00-.8-.3h-.4l-1-.7a.5.5 0 010-.4c0-.3.5-.6.9-.6h.3c.4.2.8.4 1.2.4l.6-.2V11a27 27 0 000-.6v-.1a294.3 294.3 0 010-1.5c0-1.4 0-2.5.3-3.1a5.9 5.9 0 013.1-3.2c1-.4 1.8-.5 2.6-.5h.5a6 6 0 015.8 3.7c.2.5.3 1.2.3 2.1v2.6z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.7 2.4c1 0 4 .2 5.5 3.5.5 1 .4 3 .3 4.6v.8c0 .1.3.4.8.4l1.3-.3h.5c.3 0 .4.2.4.4 0 0 0 .3-.8.7h-.4c-.5.2-1.3.5-1.6 1.2-.2.3-.1.8.1 1.2.1.3 1.7 3.8 5.2 4.4 0 .2-.5.6-2.8 1-.4 0-.5.5-.6 1l-.1.5h-.1a3 3 0 01-.5 0 7 7 0 00-2.3 0c-.8 0-1.3.5-2 .9-.8.6-1.7 1.2-3 1.2h-.3c-1.3 0-2.1-.6-3-1.2-.6-.5-1.2-.9-1.9-1a6 6 0 00-2.4 0l-.4.1h-.1l-.1-.6c-.1-.4-.2-.8-.6-1-2.4-.3-2.7-.8-2.8-.9 3.5-.6 5-4.1 5.2-4.4.2-.5.2-.9 0-1.3-.2-.6-1-.9-1.6-1l-.3-.2c-.7-.2-1-.5-.9-.7 0-.2.4-.4.7-.4h.2c.4.3.9.4 1.3.4.6 0 .9-.3.9-.3v-1c0-1.6-.2-3.5.3-4.6a5.9 5.9 0 015.4-3.6h.5zm0-.5h-.5c-1 0-4.3.2-5.9 3.8-.5 1.2-.4 3.2-.3 4.8v.6l-.4.1c-.3 0-.7 0-1.1-.3a1 1 0 00-.4 0c-.5 0-1 .3-1.2.7 0 .4.1.9 1.2 1.3l.4.2c.4.1 1.1.3 1.3.8.1.2 0 .5 0 .8h-.1c0 .2-1.5 3.6-4.8 4.1-.2 0-.4.3-.4.5v.2c.3.6 1.3 1 3.2 1.3l.2.6.1.6c0 .1.2.4.6.4l.6-.1a6.2 6.2 0 012.1 0c.6 0 1.2.4 1.8.8.8.6 1.8 1.3 3.3 1.3h.2c1.5 0 2.5-.7 3.3-1.3.6-.4 1.2-.8 1.8-.9a6 6 0 012.1 0l.6.2c.3 0 .5-.2.6-.5l.1-.5.2-.6c1.9-.3 2.9-.7 3.1-1.3l.1-.2c0-.2-.2-.5-.4-.5-3.3-.5-4.7-3.9-4.8-4-.2-.4-.2-.7-.1-1 .2-.4.9-.6 1.3-.8h.4c.8-.4 1.2-.8 1.2-1.2 0-.4-.3-.7-.8-.9h-.5a1 1 0 00-.4 0l-1 .3H19v-.6c0-1.7.2-3.7-.3-5a6.4 6.4 0 00-6-3.7z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.footer__icon--facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%232D79ED' d='M18.5 14.4l.7-4.4h-4.5V7.2c0-1.2.6-2.4 2.6-2.4h2V1.1L15.9 1c-3.7 0-6 2-6 5.8V10H5.5v4.4h4.1v10.5h5V14.4h3.8z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5.9h24v24H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%230F1419' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

[data-color-mode=light] .footer__icon--x {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%230F1419' d='M14.286 10.163L23.221 0h-2.117l-7.762 8.823L7.147 0H0l9.37 13.343L0 24h2.117l8.192-9.32L16.853 24H24l-9.714-13.837zm-2.9 3.297l-.952-1.33L2.881 1.563h3.252l6.098 8.532.947 1.33 7.925 11.09h-3.252l-6.466-9.054z'/%3E%3C/svg%3E")
}

.footer__icon--youtube {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='red' fill-rule='evenodd' d='M24 7a3 3 0 00-2.1-2c-1.9-.5-9.4-.5-9.4-.5S5 4.5 3.1 5A3 3 0 001 7c-.5 2-.5 6-.5 6s0 3.9.5 5.7a3 3 0 002.1 2.2c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 002.1-2.2c.5-1.8.5-5.7.5-5.7s0-4-.5-5.8z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.1 16.5l6.2-3.6-6.2-3.6v7.2z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.footer__icon-groupe {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4rem
}

.footer__icon-groupe:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    display: block
}

.footer__icon--lemonde:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M11.2 18.9l-.2.1.2-.1zM4 17.5c.3-.2.7-.4 1.2-.4 1 0 1.8.5 2.7.6l3.2-2-.1-.1-1.2.4c-1.3 0-2-.5-3.1-.5-1.4 0-2.6 1-2.7 2zM18.1 15v-5c0-.4 0-.8.2-1 .2-.6.8-1.1 1.3-1.4l-.1-.1c-.2 0-.6.4-1 .2L16.2 6 14 7.4l-1.8-1.3L10 7.3c-.1-.6-.5-.8-.5-.9l-.7-.3c-.7 0-1.1.2-1.6.3l-1 .4H6V6l.3-.3v-.1l-1 .9s-.6.5-.7 1c0 .3 0 .7.4 1 .5.2 1.1 0 1.1 0l1.1-.3c.2 0 .8-.3.8.3v6c-.1.5-.4.6-.4.7.3 0 1.8-1 1.8-1 .3-.1.5-.4.5-.5.2-.4.2-.9.2-1.4V7.7c0-.3.3-.8 1.2 0l.8.5V17c-.1.5-.3.6-.4.7h.1a185.2 185.2 0 002.2-1.5c.2-.4.2-.9.2-1.4V8c0-.6.3-.9.9-.5l2 1.2c-.8.5-1 1.2-1 2v4.8l.1 1.3c.2.3 1.2.9 1.2.9l2-1.1.6-.4h-.1l-1 .2c-.7-.2-.8-1-.8-1.4z'/%3E%3C/svg%3E")
}

.footer__icon--nouvelobs:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Cpath d='M18.368 7.55c-.123 0-.245-.033-.289-.097-.044-.065-.027-.304-.027-.522v-3.38H15.849v.18c.098.02.26.047.32.148.032.05.047.148.047.29V7.5a.807.807 0 01-.575.164c-.302-.042-.302-.39-.302-.587V3.592l-1.673-.04h-.53v.18c.098.018.26.046.32.147.031.05.047.148.047.29v2.954c0 .564.107.968.321 1.212.214.244.488.366.821.366.313 0 .627-.122.943-.366.195-.151.405-.338.63-.561.016.23.086.431.211.607.143.2.357.3.643.3.272 0 .521-.076.749-.229.228-.153.464-.375.709-.667v-.256a.71.71 0 01-.162.02zM12.836 4.66a1.98 1.98 0 00-.75-.905c-.34-.224-.767-.336-1.284-.336-.557 0-1.042.109-1.454.326a2.24 2.24 0 00-.948.947c-.221.414-.332.91-.332 1.486 0 .482.078.911.235 1.287.157.377.403.674.74.89.336.217.766.327 1.29.327.537 0 1.012-.11 1.427-.331.415-.22.738-.538.97-.952.23-.414.346-.902.346-1.466 0-.468-.08-.892-.24-1.273zM10.89 8.414c-.358.02-.519-.206-.624-.858-.17-1.048-.24-2.03-.343-3.086-.032-.336-.011-.773.353-.793.358-.02.519.206.624.858.17 1.048.24 2.03.343 3.087.032.334.011.77-.354.792zM6.615 1.868v.191s.204.014.318.07c.309.152.392.601.392.989v2.686L4.207 1.868H2.38v.191s.55-.027.55.949L2.91 7.289c0 .387-.088.85-.396 1.001a.6.6 0 01-.229.058v.19h1.662v-.19s-.2-.022-.314-.078c-.308-.152-.392-.594-.392-.98V4.007l3.385 4.581h1.01l.021-5.471c0-.388.088-.85.396-1.001a.6.6 0 01.229-.058v-.19H6.615zM22.35 14.822c-.032-.056-.05-.16-.05-.314V7.724l-2.388.762v.212c.145.039.4.068.4.265v5.544c0 .155-.019.259-.05.315-.063.11-.349.16-.349.16v.195h2.784v-.195s-.285-.05-.347-.161z'/%3E%3Cpath d='M17.241 10.19c.089-.184.206-.276.354-.276.154 0 .268.08.342.243.074.162.13.749.13 1.13 0 .258-.03.407-.088.491-.059.084-.173.142-.342.17l-.504.093a6.532 6.532 0 01-.026-.606c0-.587.045-1.061.134-1.245zm2.615 3.645c-.176.095-.382.207-.529.251a2.269 2.269 0 01-.619.067c-.427 0-.8-.204-1.121-.613-.218-.276-.36-.682-.431-1.215l2.745-.4c.096-.831-.005-1.423-.304-1.776-.298-.353-.742-.53-1.33-.53-.59 0-1.108.13-1.553.387a2.6 2.6 0 00-1.033 1.108c-.243.482-.365 1.046-.365 1.692 0 .515.096.967.287 1.356.192.39.466.69.824.899.72.422 1.724.409 2.463.044.364-.18.714-.589.965-.905v-.365h.001z'/%3E%3Cpath d='M14.312 9.775v.195c.103.006.2.016.293.059.08.037.155.096.204.169.148.223.127.48.078.73-.05.254-.114.462-.188.71-.043.145-.087.287-.133.43l-.397 1.351-.934-3.165c-.013-.045-.03-.099-.02-.147.022-.096.28-.137.28-.137v-.195h-2.773v.195s.246.001.38.13a.856.856 0 01.172.322l1.425 4.755h1.27l.93-3.109c.154-.463.363-1.11.478-1.365.114-.254.237-.402.345-.515.196-.227.49-.218.49-.218v-.195h-1.9zM18.333 18.916c-.384-.612-1.114-.811-1.748-1.122-.217-.107-.449-.217-.621-.392-.212-.213-.24-.654.06-.808.36-.185.798-.013 1.096.192.368.253.609.58.857.952h.232v-1.225a7.042 7.042 0 00-.763-.15c-.613-.086-1.253-.1-1.84.124-.312.12-.573.31-.783.571-.21.261-.314.593-.314.998 0 .35.077.64.231.87.155.229.339.41.551.54.341.208.713.357 1.077.518.273.121.549.305.69.576.142.273.136.721-.213.833-.388.123-.86-.026-1.168-.253-.392-.287-.612-.74-.859-1.15h-.248v1.388c.274.075.57.138.887.186.316.048.65.072 1 .072.419 0 1.368-.063 1.855-.808.177-.27.267-.605.267-1.002.001-.364-.09-.662-.246-.91zM13.906 17.378c-.162-.35-.37-.607-.624-.772a1.475 1.475 0 00-.814-.246c-.544 0-1.026.376-1.381.755v-2.534l-2.228.71v.198c.135.036.374.063.374.247v5.962l1.399-.512c.05.064.106.125.167.182.247.233.56.35.938.35.391 0 .773-.115 1.144-.345.37-.23.675-.574.912-1.033.237-.46.355-1.015.355-1.666 0-.515-.081-.947-.242-1.296zm-1.996 4.106c-.362.02-.524-.206-.63-.854-.146-.884-.213-1.697-.301-2.59-.033-.333-.011-.767.357-.787.362-.02.524.205.63.853.146.885.212 1.698.3 2.59.034.333.012.767-.356.788zM8.514 16.514c-.239-.583-.633-1.11-1.173-1.45-.474-.298-1.027-.447-1.66-.447-.652 0-1.238.156-1.756.468a3.22 3.22 0 00-1.222 1.342c-.78 1.54-.547 3.858 1.02 4.844.474.298 1.026.448 1.66.448.666 0 1.258-.155 1.777-.463 1.573-.936 2.02-3.122 1.354-4.742zM5.888 21.46c-.666.031-.907-.507-1.057-1.565a72.187 72.187 0 01-.4-3.33c-.097-.998.091-1.665.769-1.696.666-.03.907.508 1.058 1.566.16 1.133.29 2.19.4 3.329.096.997-.092 1.664-.77 1.696z'/%3E%3C/g%3E%3C/svg%3E")
}

.footer__icon--lemonde-diplomatique:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M4.4 15l-.1.6.1.2c.3 0 .7-.6.9-.8l.2.1c-.4.5-1 1.4-1.7 1.4-.4 0-.5-.3-.5-.6l.4-1.6c-.5.8-1.5 2.2-2.6 2.2-.8 0-1.1-.9-1.1-1.6 0-1.8 2-4 3.5-4 .5 0 .8.2 1 .5l.6-1.8.2-1c0-.3-.3-.4-.5-.4h-.4V8l2-.3h.1L4.4 15zm-1-3.9c-1.1 0-2.4 2.4-2.4 3.7 0 .4.2 1 .7 1 1 0 2.6-2.6 2.6-3.8 0-.5-.3-.9-.8-.9zm4 4.1v.4c0 .2 0 .2.2.2.3 0 .7-.6 1-.8l.1.1c-.3.5-1 1.4-1.7 1.4-.4 0-.6-.2-.6-.6l.2-.8.6-2.4.3-1c0-.3-.3-.4-.5-.4l-.4.1v-.2l2-.4h.1l-1.2 4.4zm1.2-6.8c.4 0 .6.3.6.6 0 .4-.2.6-.6.6A.6.6 0 018 9c0-.3.3-.6.6-.6zm3 3.8c.5-.7 1.3-1.4 2.2-1.4.8 0 1.3.8 1.3 1.6 0 1.6-1.5 4-3.6 4-.4 0-.8 0-1-.2l-.5 1.4-.2.8c0 .4.6.4 1 .4v.2h-3l.1-.2c.7 0 .9-.2 1.2-1l1.4-5.1.3-1c0-.3-.3-.4-.6-.4l-.3.1v-.2l2-.4-.4 1.4zm-1 3.5c.2.3.6.5 1 .5 1.2 0 2.5-2.1 2.5-3.8 0-.5-.2-1-.8-1-.6 0-1.7.7-2.3 2.8l-.4 1.5zm5.9-.5l-.1.4c0 .2 0 .2.2.2.3 0 .7-.6 1-.8l.1.1c-.3.5-1 1.4-1.7 1.4-.4 0-.6-.2-.6-.6l.2-.8 1.6-5.5.2-1c0-.3-.3-.4-.5-.4h-.4V8l2-.3h.1l-2.1 7.5zm2-.6c0-1.9 1.8-3.8 3.7-3.8 1.1 0 1.8.9 1.8 2 0 1.8-1.6 3.7-3.5 3.7-1.1 0-2-.8-2-2zm4.5-2.3c0-.6-.3-1.2-1-1.2-1.4 0-2.4 2.5-2.4 3.9 0 .7.4 1.2 1 1.2 1.2 0 2.4-2.2 2.4-4z'/%3E%3C/svg%3E")
}

.footer__icon--vie:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='25' fill='none'%3E%3Cpath fill='url(%23a)' d='M4 6.9h16v12H4z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.0119 .01587)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABGCAYAAABSdbNRAAAAAXNSR0IArs4c6QAAEgVJREFUeF7tXHlUU9fWP0kgEi0VozwFH9CnUJ/VlkkEBBRQUYFWW7BqhUKrVUQswqptoZal7RJKBwahDKII2oWr1WpVHGpVEFQ0QAKIIMZWlKEoQxmUQEKSb+37GZrhTgkB+8c7fyl3n+l399nD7+wbhrW1tRz9r+kNAcb/ANUblthA/whAWSwWMjU1RS+//DKaMmUKGhgYQEKhEP3xxx9IKpXqd8ejPBptQF944QUUHh6Ofv75Z/T777/rZVkTJ05Ea9euxcbFayKRCHve2Niol/nGYhBKQDkcDvrggw/Qhg0bsPXU19ejdevWIblcd9MLY0ZGRmLj0Gk+Pj7o0aNHdESfuwwhoOPGjUNBQUHoww8/1FjkmjVr0J07d3RavJOTE9q/f79WfeHoBwQEIJlMplW/5yFMCGhqairy9PTEXRMcwTfffFOrDTIYDPTee+9hmqlLg758Pl+XrmPahxDQyZMno8uXLxMuJjg4GNXU1NBaLIC5adMmQltJZ5Du7m7k7e39j3dSpDb0008/JbRzbW1taMWKFbS0FIBITk7WwA2czvbt21FlZSWSSCQIvH1iYiJaunQpLsZgfq5cuUIH/+cmQwrohAkT0PXr1wkXt3HjRlReXk66eIgOrl27piFz/PhxtGfPHjQ0NKTyjGxOCKHmz5+v0ee5oYczMaWXf//99wntHhxDLy8vUi2NiopCoaGhKlMfOnQIJSUlEUYKmzdvJjQPu3fvRvAy/qmNElA2m02qhRBD4mkgbBhsZ2ZmJnJ1dR3ef0NDAxZbEnlsMzMzVFBQgLhcLiFmoKWDg4P/SEwpAYVV+/v7Y8cTr4EddHNzI3QWAKq1tTVKT09H06ZNw6IDCIPUG8iBTU5ISKAEKiMjA2VnZ1PKPQ8BWoAaGBigsrIyBNqK1+BYk0UE0IfJZGLAgzarayeMC84InBfdBmM9efKErviYydECFFazYMEC7PjiNXAWELDrkndDDn/s2DFkYmKiMvTJkydRXV0diomJwZ3zxx9/RPHx8WMGFN2JaAMKGnbu3Dns2OI12PjZs2fpzovJWVpaotOnT2v0AbsM0QWYgaKiIg2wFR1Aozs7O7Wac7SFaQMKC5kzZw7mMIiao6Mj7ZAGnA6Apd5WrlypQobY2dmh/Px83CnBzIC50bWx2exWLpfbOWXKlAEYo6Ojw6izs9NUIpHgaw2NibQCFDTmyJEjaPbs2bhD0w1pIIAHbVbXdry4Fk4GmZb6+vqilpYWGlv9fxEOh/Nwy5YtnevWrbNms9nGeB3FYnFvbm6uMDc3d+rg4OC/aQ+uCx9qZWWFTp06RTjHvHnzsKyHrC1atAjt3btXRaSvrw95eHjgxqZkcalAIMA4Air2a9y4cc2ZmZn9jo6OL2sDUGlpaX1UVBRXIpFMpdNPKw1VDAhhC3hZvAbemswsgJafP39eQzvPnDmDYmNjccf84osvEJgCohYYGIgR0niNwWBI33333ero6GgHOoAQyEgjIiKqS0tLKcfQCVBg1S9dukS4PrLA28jICN28eVOjL3ADy5cv19A0qsQCBiJivwwNDdtOnTolMTc3txgBmMNdi4qK6qKiomzkcrkh0Xg6AQqDff755wg0A68B9Zebm4v7jCi3B2EI7FtbW4f7gf0EjQeCmaxBiPXll1+qmBoOh9NYUlIyhc1mv6APMBVjNDQ03F+zZo2ZXC43wj0Rul7SGRsbo6tXrxKu1cXFBUEWpd7INA7ABBYf7CmkoJCdgZdXNDALfn5+w/+HJAEcoTqbD/ayrKxsCovFwt30SAEWCoX3V69e/W88TdVZQ2FRZM5i37596Pvvv9dYO5ENpbNJcHhgS4EL2LFjB3bU1Z0Rk8nsu379uoTD4RCTAXQmo5CB4799+/ZX1MVGBChck/B4PMKpidJDPC9PtceUlBR08OBBLIUFEIm8+tdff3172bJlc6jGy8/Pr0pPTzcVi8XTGQyGzMrKqvbo0aOWbDZbNWUjGWjHjh38CxcuqDiqEQEKc61atQo7dngNaLrvvvtO4xHEob/++it2dUyndXV1YaSzOneq3nfy5MkNly9fnkU2plgsfrJ48eJHvb29M9XlDAwMOoqLi2XGxsb/orMuhJDc1dX1QX9//0sK+REDCsQJaCmAhNcWLlyIenp6NB6Zm5tjqSxVE4vFaPHixai3t5dKFDiBBzY2NlYkglJnZ+fWgYEBQq/PZrNbysvL4U3jM0Fqg7e2tjavWLFiOPgfMaAwPoCWlpaGu4/i4mLsmkNxROHIwksAoGbMmIGA5CBisaDvJ598ghU+ULVnQEwnk0tJSak4ePDgPKqxXFxcBNnZ2fZUcornoaGhfIFAgB19vQBKlR6Cd4bMCICDe6p79+5hjD00Q0NDjLaDu38bGxssMoDc/ZdffkEQm8KLgPFffPFFBDcERM3Pz688Pj7eiQwEb2/v+s7OTvy8Wa1jYWFhk4WFBa34VSQSdbu6uhrL5XKWXgCFtbz66qvohx9+oPtSETgmdYAgAlB2Ngpy+ttvv0VTp04lJbLz8/OFdnZ2NmQLcHJyagEnRGeRlpaWdadPn9bw4kR9V69eXXX37l07vQEKmz969CimZXQakCNEXCf0hzgU2Ht7+79P3scff4w5M7wmEAj6mUzmeLK5PTw8Gnp7e0mdFoPBGPTx8alNSEiYy2KxxtHZS19fX8dbb73V/vjx49l6AxQmhhNSWFhIZw2oqqoKIzXU2ftJkyZhOT1RdoRHvsDLhPGoWlhYWHlZWRmRWZA7ODiA7bQhYqHUx4eIISIi4i6Px7OF4643G6o8EVmwr5AD0wA2VJnhHz9+PAoLC0MhISGkuHz11VcYhajcWCxWP5/PJ9VOkK+pqbkXHBxsrT6BlZVVzaFDh8xMTEzoxXEIST777LOaM2fOzJXL5SparFcNxd4Qg4G2bds2XFymvHhwMlu3bsWckqIBGwRvF64zlNNKMlTV01omkykRCASEhIXyWI6Ojo+HhoawOJPL5d49ePCg0UsvvWRJpd3PnsuzsrJAi61lMtmLeH30DqhikunTp6M33ngDY/mhYg9sH9x2Ko44aNXbb79dv379ejN/f39zuFOiWxUSFxeHgBBRbtXV1bQwycvLE2RlZU1OS0sbcHJyos2Nnj59+tauXbumKl4G0WSjBijhhAyGZNGiRdVJSUlzWCwWB+Ts7OyG5HK5AV5RhPI4t2/fRuCYmpubsZOgHBEUFRW1cblcna8uiNZbWVkpjIiIYPf395MlDH+fOF3ZJlrqoCY0d+5cwf79+//D4XBU8uUFCxbcf/r06X/AjsJ1tXqD8ArqmqA4TQEiFLMpX9DFx8dX+/n52eqyLrw+TU1ND0NCQkSdnZ2kUQGTyXwqk8kmDJuwsQDU1NS07siRI1xTU1NcDQoODq6oqanBMhio6vvoo4+G9wiZ0m+//TbswCDAh+QA7O2SJUtQe3s7Jmtvb1+Rl5dHmQVRAd7X19ceFBT0Z2Nj42tUsgwGQ1xVVWVw7dq1Ozt37mR1dXXNGpMjD6xMUFAQ4fXBgQMHKvfu3esIG1DwpVADACQ1pKiKvwPYygXAwIcqyskNDQ0fVVRU0Lr3wQNKLBb3bd26Vcjj8SDwZVCBCc8tLCxqCgsLh4Fvb2//c0wAtbW1rTh06BCh9jQ2NjauXLlymLEBWlBRuwRpJ5AjwNzjETDg+B48eIDtv7Cw8KGFhQVdj431kUqlgzt37qw9d+6cRghEBeq+ffsanJ2dVUzCmABqZGT08ObNm2Qbldna2jKVNwBOByIEIF3ICseUa/7t7e0r8/LyME2n2+bNm9cpkUgm05VXyE2cOFFYUlKikRaOCaCwiOrqaigENSBa+Pz585uV78AdHBwwQplOAwYfgAWbxufzh6hSUOUxU1NTBbm5ubSZJejLYrH+AnPD4XAmqa9vzAAtKCgQzpkzhzDRDwgI4N+7d2/YzsJRh5tVMu1UbEa5mtrHx6fim2++0co5vf7667UPHz6cS+flga2+ePEiw8TEBJeEHjNA165dWx4TE0NIryUlJZXn5+erPNeGwYIafrieBnKDx+MNsNnsiXQAeiYjW7t27a36+nrSsGvWrFnVR44c+S8ZaaI1oAYGBn8NDQ1pqDrV4s3MzGrOnz9PGIpUVVUJQ0JCVDRYGwZLuU51xowZNSdOnKAMe9TXDOFPbGwss7u7eziDgtR42rRpd5KTkzmzZ8+eQbVP2oCCET5w4IChjY3NdA8Pjwe9vb0aJAPZZCwWq4fP5xNqjVQqFTs4OGhcOwCrf+LECap9YM/hJvTChQvYv1NSUuq8vLxo85lqEwy1t7e3s1gsBpfLhVCMVhjV1dXVRgmokZFRc2pq6hMXF5f/KiaVSqUD7u7uj+imY4p+N27c6OFwOISgOjo6tg8NDakwPqClUK3s7OxMC1QFvQcZTElJicjY2HgKrY4jFJJKpSIXF5e/CAGFG8CYmJjWwMBA3KMDXKCbm1uvWCw2p7uWhISEGl9fX8Kj6OvrW93S0qJhx6BKj4hYVp9bmd6De6YbN25MHq2CB2UF8/Dw+BPSZw1AoVAgNDRUGBkZCRvDv8p8NpJIJPrL3d1dOjQ0REsLXF1dy7OysggdU1xcHO/kyZPz8V4QsPdQukingTYrLvYmTJhwv7S01Gy0QIX7JE9Pzz7FTeowoBDD+fj43NKG+ofNdXd3P/by8honk8kovaqxsbHw6tWrhKHTtWvX6sLDw3Htnjb0nnrVCpTmXLlyZby+q0mAidq4ceNUZW5UGVDJgQMHGh0dHeldCimpSmtra4u/v/8kqVRKypqDx6yqqiLUejAjTk5OhMVd0dHRlIy+YllQa6p8l89kMp+kp6c3u7m5DfsCOtqOJwM+JCwsrI7H42nwEypHnsFg6AzqswKq6XK5nLRAoLCw8IGFhQUht+jg4PBEKpXigkpE7+FtGiKDXbt2aTyCkKqgoMBSnUKkC25OTo4gIyPDRiaT4a5Rw4YCqGlpafc8PDxo3V8rLwSOwIYNG2bK5XKVvFxZZvPmzZXh4eGE+faSJUtut7e3E9YmwZ0TaCqdpkzvKcvDSbGzs6uOj4//l7m5OZ2Sb3FOTk5tdna2OVX9Pa6Xh+KplJSUO56enlrHccXFxXWRkZGE/WbOnCk4fvw4Ye4cHR3Nu3TpEq5jAlDoFOAqwFOm94heAKSSr7zyShN8NmRrazuey+WOE4lE0ra2toGrV68O3LhxY0JHR8dsMiVReVlEBPNIQP3pp59u7dmz51W8TRgYGDyurKwkLMY6e/ZsTUxMDGmWQ/Zln/qcINvU1ERHofUiQxrYjwTUjIyMquzs7L+rZZWWy+fzRYr7JPVdQNGAu7s7aRhGVaCmPKY+ftJDG6QpMyUYLC4u7lZAQACuxpFNtnv3btzjnZGRUefm5kZoFuzt7QdlMhlp1Ya7uztuQS/eehT0njbA6CpLC9CRgLpt2zZBSUmJis1cvnw5LzExkdBOLly48G5PTw/pFS9VgZoyINr8WIKuQCr60QZ0JKCuX7++ura2djil5HK59UVFRYRRxKZNm8pv3rxJWkkH63nttdfQ4cOHaWGgoPdoCY9ASCtAYZ7o6OjqkJAQra9rV65ceauxsREzG0wmc0AgEBB+UFBQUMBPTEyk/iaIwcB+jAAYKaoG9B548tH+ZR2tAYWFh4WFVW3ZsgXX4ZBsTLZ06dIGqFADmYsXLz4yNTXFvaVsa2trXrZsGZ34EAOTit6D2lSopxqLHy3QCdARgCpZuHBhY09Pjw3V1bKdnR1W80SleUDv5eTkYJ+Xqzeo8c/KykJPnz6lGkZvz3UGVFdQIQ92c3Nrs7Gx6Th8+DDh3Y+Li0ujSCQavlom2zHUksLnjooGn4xDkS5ZxbPeEFQbaESAwlhr1qwRxMbGanVrCCTIO++803Ts2DFCx7R+/fqK2tpa2pdtcG8PH6PhfQg2WuDhjTtiQEcAaj+bzSZkp7KysiozMzNp37FDsA/1plRfJY82uHoBVFdQyTYnFAr/CAwMpHbfo42QluPrDVCY18/PTxAfH6/V8SdZr9TW1pbSKWm531EX1yugsFpvb29BcnKyXkB1cnJq1ebOatTRojGB3gHVJ6irVq0S3L9/Xy8vhwYWehEZFUD1BWpiYmJ5QUEBZQqqFyT0NMj/AWu639yjB1ZkAAAAAElFTkSuQmCC' id='b' width='84' height='70'/%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--huffington-post:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2316141E' d='M9.6 21H3V3h9.8L9.6 21zM21 3h-6.6l-3.1 18H21V3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M3 3h18v18H3z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer__icon--courrier-international:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%2316141E' d='M17.7 12.5l-.7.7h-.3l-.7-1s-.1-.1-.1 0c-.1 0-.1 0 0 .1l.7 1 .2.2.4-.2h.1s.1 0 0 0l-.1.6-.3.3v.1c-.2 0-.2.1-.2.2v.7l-.1.1h-.2l-.1.2v.2c-.7 1.3-.5 1.7-1.4 1.7-.2 0-.4-.8-.5-1.2l-.1-.5v-.1l.1-.2v-.1l-.4-.4v-.2h-.1v-.3l-.1-.2-.3-.1h-.9l-.2-.1-.5-.6v-.9l.8-.7h1.5v.2h.3l.3.2h.1V12l.1-.1h.2l.2.1h.5v-.4h-.5l-.1-.1.4-.3h.3l.1-.2-.3-.2h-.4v.4h-.2l-.1.2v.2H15l-.1-.2v-.2l-.3-.2h-.2l.3.3v.2l-.2.1-.3-.5h-.3l-.1.2h-.1l-.1.2-.4.1H13l-.2-.2V11h.8v-.3h.2l.5-.4V10h.1v.2h.5V10l.1-.1h.1v-.2l.2-.1H15v-.4h-.1v.3l-.1.1-.1.1v.4h-.1l-.2-.2c-.1.1-.1.1-.1 0v-.3l.4-.5h.7v.2h.2v-.1l.1-.1V9l-.4-.5c.1-.1.1-.1.2 0l.2.2h.1c.1.2.2.2.3.1v-.3l-.3-.3V8l.1-.2c1.2 1 2 2.3 2.3 3.8H17l-.1.1v.3l.1.1h.1l.2-.2h.2l.2.2v.4zM11 8.4v-.2l.3-.3h.4l.2-.1.2-.4v-.2h-.7l-.2.4H11l-.2.1h-.2l-.1.2-.4.9H10l-.2.2h-.2l-.2-.1v-.1l-.7-1.4c1-.6 2-.9 3.3-.9h.2V7l.6.2h.1v.2l-.4.7h-.3l-.2.2v.1h-.1l-.8.1H11zm0 6l-.2.3-.4.8-.1.3L9 17.3v.1h.2l.1.2h-.9v-2c0-.1 0-.2.2-.2h.1c.1 0 .2 0 .2-.2v-.1l-.2-.2h-.1l-.2-.1v-1l-.2-.1H8l-.3-.1L7 13l-.2-.2-.4-.7-.2-.1H6l-.2-.1a6.4 6.4 0 012.5-4.2v1l.2.3.3.2h.5l.1.2v.2L9 10h.3l.1.2v.6l.2.1h.2s.2 0 .2.2H9l-.3.2-.3.2-.2.3v.9l-.1.1-.2-.1V12s0-.2-.2-.2h-.4l-.1.2v.7l.7.5h1.3l.3.1 1.3.7v.2h.1zM13.2 9h.2v.2h-.2l-.1-.1zm.2 1.1l-.2.2v-.1l.1-.2h.1v.1zm.1 0v-.4h.1v.2l.2.2v.1l-.2.1h-.1v-.1h.1zm1-1.9l.1-.1v.1h.1v.1l-.1.1-.2-.2zM12 6a7 7 0 100 14 7 7 0 000-14z'/%3E%3C/svg%3E")
}

.footer__socials-label {
    color: #16141e;
    text-transform: uppercase;
    font-size: 1.8rem;
    letter-spacing: .01em;
    line-height: 2.16rem
}

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

html.fonts-loaded .footer__socials-label {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .footer__socials-label {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .footer__socials-label {
    color: #16141e
}

@media(min-width:1113px) {
    .footer__socials-label {
        font-size: 2.2rem;
        line-height: 2.64rem
    }
}

.footer__socials-list {
    margin-top: 1.6rem;
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

@media(min-width:360px) {
    .footer__socials-list {
        white-space: normal;
        overflow-x: hidden
    }
}

@media(min-width:600px) {
    .footer__socials-list {
        margin-top: 0;
        margin-left: auto
    }
}

.footer__socials-item {
    width: 4.8rem;
    height: 4.8rem
}

.footer__socials-item:not(:last-of-type) {
    margin-right: .8rem
}

.footer__socials-link {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4.8rem;
    border: .1rem solid #f3f3f4;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

[data-color-mode=dark] .footer__socials-link {
    border: .1rem solid rgba(255, 255, 255, .05)
}

[data-color-mode=light] .footer__socials-link {
    border: .1rem solid #f3f3f4
}

[data-color-mode=dark] .footer__socials-link {
    background-color: #1c1a26
}

[data-color-mode=light] .footer__socials-link {
    background-color: #fff
}

.footer__socials-link:hover {
    border: .1rem solid;
    border-color: #2b293d
}

[data-color-mode=dark] .footer__socials-link:hover {
    border-color: rgba(255, 255, 255, .48)
}

[data-color-mode=light] .footer__socials-link:hover {
    border-color: #2b293d
}

.footer__main-content {
    background-color: #2b293d;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem
}

@media(min-width:1113px) {
    .footer__main-content {
        padding-bottom: 3.2rem
    }
}

@media(min-width:600px) {
    .footer__main-category {
        display: flex
    }
}

@media(min-width:1113px) {
    .footer__main-category {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 7.2rem;
        gap: 7.2rem
    }
}

.footer__main-category-list+.footer__main-category-list {
    margin-top: 3.2rem
}

@media(min-width:600px) {
    .footer__main-category-list+.footer__main-category-list {
        margin-top: 0
    }
}

@media(min-width:600px) {
    .footer__main-category-list {
        width: 36.8rem
    }

    .footer__main-category-list:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media(min-width:834px) {
    .footer__main-category-list {
        width: 24.6rem
    }
}

@media(min-width:1113px) {
    .footer__main-category-list {
        width: 22.6rem
    }

    .footer__main-category-list:not(:last-of-type) {
        margin-right: 0
    }
}

.footer__main-category-item {
    line-height: 1.3;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #fff
}

.footer__main-category-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-category-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-category-item:hover {
    color: rgba(255, 255, 255, .8)
}

.footer__main-category-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:600px) {
    .footer__main-category-item:not(:last-of-type) {
        margin-bottom: 2.4rem
    }
}

.footer__main-category-item-title {
    color: #fff;
    line-height: 1.2;
    font-size: 2rem;
    letter-spacing: .01em;
    margin-bottom: 2.4rem;
    text-transform: uppercase
}

.footer__main-category-item-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-category-item-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .footer__main-category-item-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .footer__main-category-item-title {
    color: #fff
}

@media(min-width:600px) {
    .footer__main-category-item-title {
        margin-bottom: 3.2rem
    }
}

.footer__main-category-item-platform .footer__main-category-link-img {
    margin-left: 8px
}

@media(min-width:1113px) {
    .footer__main-cta {
        margin-left: auto
    }
}

.footer__main-cta-container {
    border-top: .1rem solid rgba(255, 255, 255, .16);
    margin-top: 3.2rem;
    padding-top: 2.4rem
}

@media(min-width:1113px) {
    .footer__main-cta-container {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

.footer__main-label {
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: 1.6rem
}

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

html.fonts-loaded .footer__main-label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-form-input {
    border: .1rem solid #d0d0d0;
    border-radius: .4rem;
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: #737278;
    padding: 0 1.6rem;
    height: 5.2rem;
    width: 100%
}

.footer__main-form-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-form-input {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-form-input-container {
    position: relative;
    width: 100%
}

.footer__main-form-input-submit {
    position: absolute;
    right: 0;
    height: 5.2rem;
    letter-spacing: .01em;
    background-color: #1c1a26;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
    width: 5.3rem
}

.footer__main-form-input-submit {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__main-form-input-submit {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.footer__main-app-list {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    flex-direction: column;
    grid-gap: .8rem;
    gap: .8rem
}

@media(min-width:1400px) {
    .footer__main-app-list {
        white-space: normal;
        overflow-x: hidden;
        flex-direction: row;
        grid-gap: 0;
        gap: 0
    }
}

.footer__main-app-item {
    width: 15.5rem;
    height: auto;
    display: block;
    margin-right: 1.6rem
}

.footer__main-app-link {
    width: 15.5rem;
    height: auto;
    display: block
}

.footer__main-app-media {
    width: 15.5rem;
    height: auto;
    display: block
}

.footer__bottom-links-list {
    -webkit-columns: 12.8rem 2;
    -moz-columns: 12.8rem 2;
    columns: 12.8rem 2;
    width: 100%
}

@media(min-width:360px) {
    .footer__bottom-links-list {
        -webkit-columns: 15.5rem 2;
        -moz-columns: 15.5rem 2;
        columns: 15.5rem 2
    }
}

@media(min-width:600px) {
    .footer__bottom-links-list {
        -webkit-columns: 26.6rem 2;
        -moz-columns: 26.6rem 2;
        columns: 26.6rem 2
    }
}

@media(min-width:834px) {
    .footer__bottom-links-list {
        -webkit-columns: 38.1rem 2;
        -moz-columns: 38.1rem 2;
        columns: 38.1rem 2
    }
}

@media(min-width:1113px) {
    .footer__bottom-links-list {
        display: flex;
        width: auto
    }
}

.footer__bottom-links-left {
    margin-right: 1.6rem
}

@media(min-width:1113px) {
    .footer__bottom-links-left {
        margin-right: 3.2rem
    }
}

.footer__bottom-links-item {
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8)
}

.footer__bottom-links-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__bottom-links-item {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__bottom-links-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:1113px) {
    .footer__bottom-links-item:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 3.2rem
    }
}

.footer__bottom-links-title {
    border-top: .1rem solid rgba(255, 255, 255, .16);
    padding-top: 2.4rem;
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8);
    width: 100%
}

.footer__bottom-links-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__bottom-links-title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .footer__bottom-links-title {
        width: auto;
        padding-top: 0;
        border: none;
        margin-bottom: 0;
        margin-right: 4rem
    }
}

.footer__bottom-links--groupe {
    margin-top: 2.4rem;
    padding-bottom: 2.4rem
}

.footer__bottom-link {
    line-height: 1.25;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8)
}

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

html.fonts-loaded .footer__bottom-link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.footer__bottom-link:hover {
    color: rgba(255, 255, 255, .6)
}

.footer__group-links-list {
    width: 100%;
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .footer__group-links-list {
        -webkit-columns: 26.6rem 2;
        -moz-columns: 26.6rem 2;
        columns: 26.6rem 2
    }
}

@media(min-width:834px) {
    .footer__group-links-list {
        -webkit-columns: 38.1rem 2;
        -moz-columns: 38.1rem 2;
        columns: 38.1rem 2
    }
}

@media(min-width:1113px) {
    .footer__group-links-list {
        display: flex;
        width: auto;
        align-items: center;
        margin-top: 0
    }
}

.footer__group-links-item {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.footer__group-links-item:not(:last-of-type) {
    margin-bottom: 1.6rem
}

@media(min-width:1113px) {
    .footer__group-links-item:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 4rem
    }
}

.footer__group-link {
    display: flex;
    align-items: center;
    width: 100%
}

.footer__group-link:hover .footer__group-name {
    color: rgba(255, 255, 255, .6)
}

.footer__group-name {
    line-height: 1.2;
    font-size: 1.6rem;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .8);
    margin-left: 1.6rem
}

.footer__group-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer__group-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1113px) {
    .footer__group-name {
        margin-left: .8rem
    }
}

.teaser {
    border-color: #dad9db;
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    border-bottom-style: solid;
    border-bottom-width: .1rem;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem
}

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

[data-color-mode=dark] .teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .teaser {
    border-color: #dad9db
}

@media(min-width:600px) {
    .teaser {
        display: flex;
        flex-direction: column;
        width: 100%
    }
}

@media(min-width:834px) {
    .teaser {
        width: 24.6rem;
        flex: 24.6rem 0 0
    }
}

@media(min-width:1113px) {
    .teaser {
        width: 19.3rem;
        flex: 19.3rem 0 0;
        padding-bottom: .8rem
    }
}

html:not(.app) .teaser:hover .teaser__media-container::before {
    content: "";
    background-color: rgba(255, 255, 255, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

html:not(.app) .teaser:hover .teaser__title {
    color: #45434b
}

html[data-color-mode=dark] .teaser:hover .teaser__media-container::before {
    content: "";
    background-color: rgba(28, 26, 38, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

html[data-color-mode=dark] .teaser:hover .teaser__title {
    color: rgba(255, 255, 255, .8)
}

.teaser .bookmark__button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 0
}

.teaser__picture {
    background-color: #f3f3f4;
    padding-top: 66.66%;
    border-radius: .4rem;
    display: block
}

[data-color-mode=dark] .teaser__picture {
    background-color: #2b293d
}

[data-color-mode=light] .teaser__picture {
    background-color: #f3f3f4
}

.teaser__picture--video {
    position: relative;
    padding-top: 56.25%
}

@media(min-width:1113px) {
    .teaser__picture--video {
        padding-top: 56.25%
    }
}

.teaser__picture--placeholder-bis {
    background-color: #f3f3f4
}

[data-color-mode=dark] .teaser__picture--placeholder-bis {
    background-color: #3c3956
}

[data-color-mode=light] .teaser__picture--placeholder-bis {
    background-color: #f3f3f4
}

.teaser__media {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    position: relative;
    object-fit: cover;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    border-radius: .4rem
}

[data-color-mode=dark] .teaser__media {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .teaser__media {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.teaser__media-container {
    position: relative;
    float: left;
    width: 8rem
}

@media(min-width:360px) {
    .teaser__media-container {
        width: 9.8rem
    }
}

@media(min-width:393px) {
    .teaser__media-container {
        width: 11.7rem
    }
}

@media(min-width:600px) {
    .teaser__media-container {
        width: 100%;
        margin-bottom: 1.6rem
    }
}

@media(min-width:1113px) {
    .teaser__media-container {
        max-width: 19.3rem
    }
}

.teaser__media-container--main {
    margin-top: 1.6rem;
    float: none;
    width: 100%
}

@media(min-width:600px) {
    .teaser__media-container--main {
        margin-top: 0;
        order: 1;
        max-width: 100%
    }
}

@media(min-width:600px) {
    .teaser__media-container--hpr {
        max-width: 100%;
        margin-bottom: 0
    }
}

.teaser__media-container--hpr-main {
    margin-top: 1.6rem;
    float: none;
    width: 100%;
    order: 2
}

@media(min-width:600px) {
    .teaser__media-container--hpr-main {
        margin-top: 0;
        order: 1;
        max-width: 100%
    }
}

.teaser__media-container--highlight {
    width: 100%;
    margin-bottom: 2.4rem
}

@media(min-width:600px) {
    .teaser__media-container--highlight {
        margin-bottom: 0
    }
}

@media(min-width:834px) {
    .teaser__media-container--highlight {
        width: 24.6rem
    }
}

@media(min-width:1113px) {
    .teaser__media-container--highlight {
        width: 100%;
        max-width: 30.1rem;
        margin-bottom: 2.4rem
    }
}

@media(min-width:600px) {
    .teaser__media-container--dont-miss {
        max-width: 100%;
        margin-bottom: .8rem
    }
}

@media(min-width:1113px) {
    .teaser__media-container--dont-miss {
        margin-bottom: 1.6rem
    }
}

.teaser__media-container--bloc-main {
    width: 100%;
    order: 2
}

@media(min-width:600px) {
    .teaser__media-container--bloc-main {
        order: 1
    }
}

@media(min-width:1113px) {
    .teaser__media-container--bloc-main {
        max-width: 100%
    }
}

@media(min-width:600px) {
    .teaser__media-container--bloc-rubrique {
        width: 9.6rem;
        flex: 6.6rem 0 0;
        order: 2;
        margin-left: auto;
        margin-bottom: 0
    }
}

@media(min-width:834px) {
    .teaser__media-container--bloc-rubrique {
        width: 11.1rem;
        flex: 9rem 0 0
    }
}

@media(min-width:1113px) {
    .teaser__media-container--bloc-rubrique {
        width: 13.9rem;
        flex: 10rem 0 0
    }
}

.teaser__media-container--video {
    position: relative
}

.teaser__media-container--video::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat;
    background-image: url(/dist/assets/img/icons/icon-video-player-off.png)
}

html:not(.app) .teaser__media-container--video:hover::before {
    display: none
}

@media(min-width:600px) {
    .teaser__media--highlight {
        width: 21.6rem
    }
}

@media(min-width:834px) {
    .teaser__media--highlight {
        width: 24.6rem
    }
}

@media(min-width:1113px) {
    .teaser__media--highlight {
        width: 30.1rem
    }
}

.teaser__title {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .016rem;
    margin-top: 12px;
}

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

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

[data-color-mode=dark] .teaser__title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__title {
    color: #16141e;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}

@media(min-width:600px) {
    .teaser__title {
        font-size: 1.8rem;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .teaser__title {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.teaser__title--abo {
    float: left
}

.teaser__title--abo::before {
    content: "";
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    margin-right: .6rem;
    flex: 1.6rem 0 0
}

.teaser__title--main {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .02rem
}

.teaser__title--main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__title--main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .teaser__title--main {
        font-size: 3.6rem;
        order: 3;
        line-height: 1.1;
        letter-spacing: .036rem
    }
}

@media(min-width:1113px) {
    .teaser__title--main {
        font-size: 4rem;
        letter-spacing: .04rem
    }
}

.teaser__title--related {
    font-size: 1.4rem
}

@media(min-width:600px) {
    .teaser__title--related {
        font-size: 1.6rem
    }
}

@media(min-width:600px) {
    .teaser__title--related.teaser__title--abo::before {
        margin-top: .1rem
    }
}

.teaser__title--highlight {
    font-size: 2rem;
    letter-spacing: .02rem
}

@media(min-width:600px) {
    .teaser__title--highlight {
        font-size: 1.8rem;
        line-height: 1.2;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .teaser__title--highlight {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.teaser__title--bloc-main {
    line-height: 1.1;
    letter-spacing: .02rem;
    font-size: 2rem
}

.teaser__title--bloc-main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__title--bloc-main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .teaser__title--bloc-main {
        font-size: 2.4rem;
        line-height: 1.2;
        letter-spacing: .024rem
    }
}

@media(min-width:1113px) {
    .teaser__title--bloc-main {
        font-size: 3.6rem;
        line-height: 1.1;
        letter-spacing: .036rem
    }

    .teaser__title--bloc-main.teaser__title--abo::before {
        position: relative;
        top: 1.2rem
    }
}

.teaser__title--bloc-main.teaser__title--abo::before {
    margin-top: .1rem
}

@media(min-width:600px) {
    .teaser__title--bloc-main.teaser__title--abo::before {
        margin-top: .5rem
    }
}

@media(min-width:1113px) {
    .teaser__title--bloc-main.teaser__title--abo::before {
        margin-top: .4rem;
        top: 1rem
    }
}

@media(min-width:600px) {
    .teaser__title--bloc-rubrique {
        margin-right: 2.4rem;
        font-size: 1.8rem;
        line-height: 1.2;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .teaser__title--bloc-rubrique {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }

    .teaser__title--bloc-rubrique.teaser__title--abo::before {
        position: relative
    }
}

@media(min-width:1113px) {
    .teaser__title--bloc-rubrique-simple {
        margin-right: 0
    }
}

.teaser__title--bloc-rubrique.teaser__title--abo::before {
    margin-top: .1rem
}

@media(min-width:600px) {
    .teaser__title--bloc-rubrique.teaser__title--abo::before {
        margin-top: .2rem
    }
}

@media(min-width:1113px) {
    .teaser__title--bloc-rubrique.teaser__title--abo::before {
        margin-top: .5rem
    }
}

.teaser__title--hpr {
    line-height: 1.2
}

.teaser__title--hpr.teaser__title--abo::before {
    position: relative;
    top: .05rem
}

@media(min-width:600px) {
    .teaser__title--hpr {
        font-size: 1.8rem;
        line-height: 1.2
    }

    .teaser__title--hpr {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .teaser__title--hpr {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    .teaser__title--hpr.teaser__title--abo::before {
        position: relative;
        top: .2rem
    }
}

@media(min-width:1113px) {
    .teaser__title--hpr {
        font-size: 2.2rem;
        line-height: 1.2
    }

    .teaser__title--hpr.teaser__title--abo::before {
        position: relative;
        top: .6rem
    }
}

.teaser__title--hpr-main {
    font-size: 2rem
}

.teaser__title--hpr-main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__title--hpr-main {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .teaser__title--hpr-main {
        font-size: 1.8rem;
        line-height: 1.2
    }

    .teaser__title--hpr-main {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .teaser__title--hpr-main {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    .teaser__title--hpr-main.teaser__title--abo::before {
        position: relative;
        top: .3rem
    }
}

@media(min-width:1113px) {
    .teaser__title--hpr-main {
        font-size: 2.2rem;
        line-height: 1.2
    }

    .teaser__title--hpr-main.teaser__title--abo::before {
        position: relative;
        top: .5rem
    }
}

.teaser__title--hpr-main.teaser__title--abo::before {
    position: relative;
    top: .2rem
}

.teaser__category {
    color: #737278;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8rem;
    letter-spacing: .112rem;
    align-items: center;
    position: relative;
    height: 2rem
}

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

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

[data-color-mode=dark] .teaser__category {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .teaser__category {
    color: #737278
}

@media(min-width:600px) {
    .teaser__category {
        letter-spacing: .128rem
    }
}

@media(min-width:1113px) {
    .teaser__category {
        font-size: 1.4rem
    }
}

.teaser__category--main {
    position: relative
}

@media(min-width:600px) {
    .teaser__category--main {
        order: 2
    }
}

.teaser__category--main .bookmark__button {
    position: absolute;
    top: 0;
    right: 0
}

.teaser__category--abo {
    padding-left: 2.4rem;
    position: relative
}

.teaser__category--abo::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    left: 0;
    position: absolute;
    margin-right: .6rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.teaser__bookmark {
    background-image: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6rem;
    height: 1.6rem
}

[data-color-mode=dark] .teaser__bookmark {
    background-image: ""
}

[data-color-mode=light] .teaser__bookmark {
    background-image: ""
}

.teaser__content {
    margin-left: 0;
    position: relative
}



@media(min-width:320px) {
    .teaser__content {
        margin-left: 10.4rem
    }
}

@media(min-width:393px) {
    .teaser__content {
        margin-left: 13.3rem
    }
}

@media(min-width:600px) {
    .teaser__content {
        margin-left: 0
    }
}

.teaser__content--highlight {
    margin-left: 0
}

@media(min-width:600px) {
    .teaser__content--highlight {
        grid-column: 2/4
    }
}

@media(min-width:1113px) {
    .teaser__content--highlight {
        margin-left: 0
    }
}

.teaser__content--bloc-main {
    margin-left: 0;
    order: 1;
    margin-bottom: 1.6rem
}

@media(min-width:600px) {
    .teaser__content--bloc-main {
        order: 2;
        margin-bottom: 0
    }
}

@media(min-width:600px) {
    .teaser__content--bloc-rubrique {
        order: 1
    }
}

.teaser__content--hpr-main {
    margin-left: 0;
    order: 1
}

@media(min-width:600px) {
    .teaser__content--hpr-main {
        order: 2;
        margin-bottom: 0
    }
}

.teaser__detail {
    color: #45434b;
    font-size: 1.6rem;
    margin-top: 1.6rem;
    letter-spacing: .016rem;
    line-height: 2.08rem
}

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

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

[data-color-mode=dark] .teaser__detail {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .teaser__detail {
    color: #45434b
}

@media(min-width:600px) {
    .teaser__detail {
        margin-top: .8rem
    }
}

@media(min-width:1113px) {
    .teaser__detail {
        margin-top: 1.5rem
    }
}

.teaser--main {
    flex-direction: column;
    display: flex;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

@media(min-width:600px) {
    .teaser--main {
        width: 100%
    }
}

.teaser--main+.friend--mobile {
    margin-top: 2.4rem;
    margin-bottom: 0
}

html:not(.app) .teaser--main:hover .teaser__media-container--video::before {
    display: none
}

html:not(.app) .teaser--main:hover .teaser__media-container--video::after {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 6.4rem 6.4rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png)
}

@media(min-width:600px) {
    html:not(.app) .teaser--main:hover .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

@media(min-width:834px) {
    html:not(.app) .teaser--main:hover .teaser__media-container--video::after {
        width: 10.4rem;
        height: 10.4rem;
        background-size: 10.4rem 10.4rem
    }
}

@media(min-width:1113px) {
    html:not(.app) .teaser--main:hover .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

.teaser--main .teaser__media-container--video::after {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 6.4rem 6.4rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

@media(min-width:600px) {
    .teaser--main .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

@media(min-width:834px) {
    .teaser--main .teaser__media-container--video::after {
        width: 10.4rem;
        height: 10.4rem;
        background-size: 10.4rem 10.4rem
    }
}

@media(min-width:1113px) {
    .teaser--main .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

.teaser--condensed .teaser__media-container--video::after {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem 3.2rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

@media(min-width:600px) {
    .teaser--condensed .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

html:not(.app) .teaser--condensed:hover .teaser__media-container--video::before {
    display: none
}

html:not(.app) .teaser--condensed:hover .teaser__media-container--video::after {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem 3.2rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png)
}

@media(min-width:600px) {
    html:not(.app) .teaser--condensed:hover .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

.teaser--highlight {
    font-size: 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: .8rem;
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem
}

@media(min-width:600px) {
    .teaser--highlight {
        flex-direction: row;
        display: grid;
        grid-template-columns: 1fr 1fr 21.6rem;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        margin-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 2.4rem
    }
}

@media(min-width:834px) {
    .teaser--highlight {
        grid-template-columns: 0fr 1fr 24.6rem
    }
}

@media(min-width:1113px) {
    .teaser--highlight {
        display: flex;
        margin-bottom: 0;
        flex-direction: column;
        border-bottom: 0;
        padding-bottom: 0
    }
}

.teaser--highlight .teaser__media-container--video::after {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 6.4rem 6.4rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

html:not(.app) .teaser--highlight:hover .teaser__media-container--video::before {
    display: none
}

html:not(.app) .teaser--highlight:hover .teaser__media-container--video::after {
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png)
}

.teaser--related {
    display: flex;
    position: relative;
    padding-left: 1.6rem;
    margin-top: 1.6rem;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

@media(min-width:1113px) {
    .teaser--related {
        flex: 19.3rem 0 0;
        width: 19.3rem;
        margin-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .teaser--related-single {
        width: 100%
    }
}

.teaser--related::before {
    border-color: #dad9db;
    content: "";
    border-left-style: solid;
    border-left-width: .1rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .1rem;
    height: 100%
}

[data-color-mode=dark] .teaser--related::before {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .teaser--related::before {
    border-color: #dad9db
}

.teaser--related-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

@media(min-width:600px) {
    .teaser--related-container {
        width: 100%;
        flex-direction: row;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media(min-width:600px) {
    .teaser--related-container-single {
        display: block
    }
}

.teaser__choix {
    color: #45434b;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    position: absolute;
    z-index: 2;
    border: .1rem solid #dad9db;
    border-radius: 2rem;
    bottom: -1.65rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24.8rem;
    height: 3.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    letter-spacing: .128rem;
    white-space: nowrap
}

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

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

[data-color-mode=dark] .teaser__choix {
    color: rgba(255, 255, 255, .8)
}

[data-color-mode=light] .teaser__choix {
    color: #45434b
}

[data-color-mode=dark] .teaser__choix {
    background-color: #2b293d
}

[data-color-mode=light] .teaser__choix {
    background-color: #fff
}

@media(min-width:600px) {
    .teaser__choix {
        background-color: rgba(0, 0, 0, 0);
        left: 0;
        top: -3.7rem;
        display: inline;
        border: none;
        font-size: 1.8rem;
        -webkit-transform: none;
        transform: none;
        color: #16141e;
        width: auto;
        height: auto;
        line-height: 1.2;
        letter-spacing: .018rem
    }

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

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

    [data-color-mode=dark] .teaser__choix {
        background-color: rgba(0, 0, 0, 0)
    }

    [data-color-mode=light] .teaser__choix {
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(min-width:1113px) {
    .teaser__choix {
        background-color: #fff;
        line-height: 1.3;
        letter-spacing: .128rem;
        border: .1rem solid #dad9db;
        font-size: 1.6rem;
        border-radius: 2rem;
        color: #45434b;
        bottom: -1.65rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 24.8rem;
        height: 3.3rem;
        display: flex;
        top: auto;
        align-items: center;
        justify-content: center
    }

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

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

    [data-color-mode=dark] .teaser__choix {
        background-color: #2b293d
    }

    [data-color-mode=light] .teaser__choix {
        background-color: #fff
    }
}

.teaser__magazine {
    display: none;
    border-bottom: 0
}

@media(min-width:600px) {
    .teaser__magazine {
        background-color: #faf3e9;
        width: 100%;
        max-width: 21.6rem;
        display: flex;
        flex-direction: column;
        margin-top: 2.4rem;
        justify-content: center;
        align-items: center;
        border-radius: .4rem
    }

    [data-color-mode=dark] .teaser__magazine {
        background-color: #2b293d
    }

    [data-color-mode=light] .teaser__magazine {
        background-color: #faf3e9
    }
}

@media(min-width:834px) {
    .teaser__magazine {
        max-width: 24.6rem
    }
}

@media(min-width:1113px) {
    .teaser__magazine {
        max-width: 19.3rem;
        position: relative
    }
}

@media(min-width:600px) {
    .teaser__magazine-media {
        position: relative;
        width: 20.5rem;
        height: 12.3rem;
        margin: 1.6rem auto 1.6rem
    }
}

@media(min-width:1113px) {
    .teaser__magazine-media {
        width: 16.6rem;
        height: 14.8rem
    }
}

.teaser__magazine-media:hover {
    opacity: 60%
}

@media(min-width:600px) {
    .teaser__magazine-label {
        color: #16141e;
        font-size: 1.6rem;
        line-height: 1.2;
        letter-spacing: .016rem;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-bottom: 1.6rem
    }

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

    html.fonts-loaded .teaser__magazine-label {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }

    [data-color-mode=dark] .teaser__magazine-label {
        color: rgba(255, 255, 255, .9)
    }

    [data-color-mode=light] .teaser__magazine-label {
        color: #16141e
    }
}

@media(min-width:1113px) {
    .teaser__magazine-label {
        line-height: 1.3
    }
}

.teaser__magazine-link {
    text-wrap: nowrap
}

@media(min-width:600px) {
    .teaser__magazine-link {
        font-size: 1.6rem;
        letter-spacing: .016rem;
        color: #16141e;
        display: flex;
        align-items: center;
        background-color: #ffe047;
        height: 3.6rem;
        border-radius: 6.4rem;
        padding: 0 2.4rem;
        justify-content: center;
        margin: 0 auto 1.6rem
    }

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

    html.fonts-loaded .teaser__magazine-link {
        font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
    }
}

@media(min-width:1113px) {
    .teaser__magazine-link {
        margin: 0 2.4rem 1.6rem
    }
}

html:not(.app) .teaser__magazine-link:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .teaser__magazine-link--abo {
        background-color: #2b293d;
        color: #fff
    }

    [data-color-mode=dark] .teaser__magazine-link--abo {
        background-color: #fff
    }

    [data-color-mode=light] .teaser__magazine-link--abo {
        background-color: #2b293d
    }

    [data-color-mode=dark] .teaser__magazine-link--abo {
        color: #16141e
    }

    [data-color-mode=light] .teaser__magazine-link--abo {
        color: #fff
    }
}

html:not(.app) .teaser__magazine-link--abo:hover {
    background-color: #3c3956
}

html[data-color-mode=dark] .teaser__magazine-link--abo:hover {
    background-color: #d2d1d4
}

.teaser__magazine--hpr {
    display: none
}

@media(min-width:1113px) {
    .teaser__magazine--hpr {
        display: flex;
        max-width: 100%;
        margin-top: 0
    }
}

@media(min-width:1113px) {
    html:not(.app) .teaser__magazine--hpr:hover::before {
        width: 10.9rem;
        height: 13.8rem
    }
}

@media(min-width:1113px) {
    .teaser__magazine--hpr .teaser__magazine-media {
        width: 10.9rem;
        height: 13.8rem
    }
}

@media(min-width:1113px) {
    .teaser__magazine--hpr .teaser__magazine-label {
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: .02em
    }
}

@media(min-width:1113px) {
    .teaser__magazine--hpr .teaser__magazine-link {
        width: 19.8rem;
        height: 4.4rem;
        line-height: 1.04;
        align-items: center;
        padding: 0 2.4rem
    }
}

.teaser--clean-bottom {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.teaser__bloc {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

@media(min-width:600px) {
    .teaser__bloc {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media(min-width:600px) {
    .teaser__bloc--dont-miss .wrapper {
        background-color: #fff
    }

    [data-color-mode=dark] .teaser__bloc--dont-miss .wrapper {
        background-color: #211f2e
    }

    [data-color-mode=light] .teaser__bloc--dont-miss .wrapper {
        background-color: #fff
    }
}

.teaser__bloc--grid {
    margin-top: 0rem
}

@media(min-width:600px) {
    .teaser__bloc-container {
        grid-column: 1/3
    }
}

.teaser__bloc-container-grid {
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .teaser__bloc-container-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-auto-flow: column
    }
}

@media(min-width:1113px) {
    .teaser__bloc-container-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-auto-flow: row;
        margin-top: 3.2rem;
        row-gap: 20px;
    }
}

@media(min-width:1113px) {
    .teaser__bloc-container-double {
        display: flex
    }

    .teaser__bloc-container-double .dfp-slot {
        margin-left: 2.4rem;
        margin-top: 6.4rem;
        margin-bottom: 0
    }

    .teaser__bloc-container-double .dfp-slot.dfp-unloaded {
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        padding: 0 !important
    }
}

.teaser__bloc-main {
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem;
    padding-bottom: 2.4rem
}

@media(min-width:600px) {
    .teaser__bloc-main {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        width: 100%
    }
}

@media(min-width:1113px) {
    .teaser__bloc-main {
        margin-top: 3.2rem;
        width: 100%;
        max-width: 46.4rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-main--hpr {
        grid-column: 1/2
    }
}

.teaser__bloc-rubrique:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

@media(min-width:600px) {
    .teaser__bloc-rubrique {
        flex-direction: row;
        width: 100%
    }

    .teaser__bloc-rubrique:last-of-type {
        border-bottom: 0
    }
}

@media(min-width:1113px) {
    .teaser__bloc-rubrique {
        padding-bottom: 1.6rem
    }
}

@media(min-width:600px) {
    .teaser__bloc-rubrique-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media(min-width:600px) {
    .teaser__bloc-rubrique-list {
        margin-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-rubrique-list {
        margin-top: 3.2rem
    }
}

.teaser__bloc-rubrique-list--hpr {
    margin-top: 2.4rem
}

@media(min-width:1113px) {
    .teaser__bloc-rubrique-list--hpr {
        grid-column: 1/2
    }
}

.teaser__bloc-rubrique--last {
    display: none
}

@media(min-width:1113px) {
    .teaser__bloc-rubrique--last {
        display: flex
    }
}

.teaser__bloc-rubrique--fourth {
    margin-bottom: 0
}

@media(min-width:600px) {
    .teaser__bloc-rubrique--fourth {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:1113px) {
    .teaser__bloc-rubrique--fourth {
        border-bottom: .1rem solid #dad9db;
        padding-bottom: 1.6rem;
        margin-bottom: 1.6rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-friend-container {
        margin-top: 5.6rem
    }
}

.teaser__bloc+.teaser__bloc {
    margin-top: 0
}

.teaser__bloc--videos {
    margin-top: 0
}

.teaser__bloc--videos .wrapper--simple {
    background-color: #2b293d;
    color: #fff;
    width: 100vw;
    margin: 0 -2.4rem 0;
    padding: 0 2.4rem
}

@media(min-width:600px) {
    .teaser__bloc--videos .wrapper--simple {
        margin: 0;
        width: 100%
    }
}

@media(min-width:1113px) {
    .teaser__bloc--videos .wrapper--simple {
        margin: 0 auto
    }
}

.teaser__bloc--videos .zoning__sub-title--bloc-rubrique {
    padding-top: 3.2rem;
    color: #fff;
    border-bottom: .1rem solid rgba(255, 255, 255, .48)
}

.teaser__bloc--videos .teaser {
    border-bottom: .1rem solid rgba(255, 255, 255, .16)
}

html:not(.app) .teaser__bloc--videos .teaser:hover .teaser__title {
    color: rgba(255, 255, 255, .6)
}

html:not(.app) .teaser__bloc--videos .teaser:hover .teaser__media-container--bloc-rubrique::before {
    display: none
}

html:not(.app) .teaser__bloc--videos .teaser:hover .teaser__media-container--bloc-rubrique::after {
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png);
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat
}

@media(min-width:834px) {
    html:not(.app) .teaser__bloc--videos .teaser:hover .teaser__media-container--bloc-rubrique::after {
        width: 4.8rem;
        height: 4.8rem;
        background-size: 4.8rem 4.8rem
    }
}

@media(min-width:600px) {
    .teaser__bloc--videos .teaser__bloc-main {
        border-bottom: none
    }
}

.teaser__bloc--videos .teaser__category {
    color: rgba(255, 255, 255, .6)
}

.teaser__bloc--videos .zoning__view-more {
    color: #fff
}

.teaser__bloc--videos .teaser__bloc-container-double {
    padding-bottom: 3.2rem
}

.teaser__bloc--videos .teaser__media-container--bloc-rubrique {
    position: relative
}

@media(min-width:600px) {
    .teaser__bloc--videos .teaser__media-container--bloc-rubrique {
        align-self: flex-start
    }
}

.teaser__bloc--videos .teaser__media-container--bloc-rubrique::after {
    content: "";
    position: absolute;
    width: 3.2rem;
    height: 3.2rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background-size: 3.2rem 3.2rem;
    background-repeat: no-repeat;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

@media(min-width:834px) {
    .teaser__bloc--videos .teaser__media-container--bloc-rubrique::after {
        width: 4.8rem;
        height: 4.8rem;
        background-size: 4.8rem 4.8rem
    }
}

.teaser__bloc--videos .teaser__media-container--bloc-main {
    position: relative
}

.teaser__bloc--videos .teaser__media-container--bloc-main::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 6.4rem;
    height: 6.4rem;
    background-size: 6.4rem 6.4rem;
    background-repeat: no-repeat;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

@media(min-width:1113px) {
    .teaser__bloc--videos .teaser__media-container--bloc-main::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

html:not(.app) .teaser__bloc--videos .teaser__bloc-main:hover .teaser__media-container--bloc-main::before {
    display: none
}

html:not(.app) .teaser__bloc--videos .teaser__bloc-main:hover .teaser__media-container--bloc-main::after {
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png);
    background-size: 6.4rem 6.4rem;
    background-repeat: no-repeat
}

@media(min-width:1113px) {
    html:not(.app) .teaser__bloc--videos .teaser__bloc-main:hover .teaser__media-container--bloc-main::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

html:not(.app) .teaser__bloc--videos .teaser__bloc-main:hover .teaser__title {
    color: rgba(255, 255, 255, .6)
}

.teaser__bloc--videos .teaser__bloc-rubrique:nth-child(3) {
    margin-bottom: 0
}

@media(min-width:1113px) {
    .teaser__bloc--videos .teaser__bloc-rubrique:nth-child(3) {
        margin-bottom: 1.6rem;
        padding-bottom: 1.6rem;
        border-bottom: .1rem solid rgba(255, 255, 255, .16)
    }

    .teaser__bloc--videos .teaser__bloc-rubrique:nth-child(4) {
        margin-bottom: 1.6rem;
        border-bottom: none
    }
}

@media(min-width:1113px) {
    .teaser__bloc--videos .teaser__bloc-rubrique:last-of-type .teaser__content--bloc-rubrique {
        padding-bottom: 0
    }
}

.teaser__bloc--videos .teaser__title {
    color: #fff
}

.teaser__bloc--videos+.teaser__bloc {
    margin-top: 3.2rem
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container:not(:first-of-type) .teaser__bloc-rubrique-list--hpr {
        margin-top: 3.2rem
    }

    .teaser__bloc-hpr-container:not(:first-of-type) .zoning__friend-container--hpr {
        margin-top: 3.2rem
    }
}

.teaser__bloc-hpr-container--grid {
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--grid {
        display: grid;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-template-columns: 1fr
    }

    .teaser__bloc-hpr-container--grid .teaser {
        flex-direction: column;
        width: 100%
    }

    .teaser__bloc-hpr-container--grid.abo .teaser--hpr-5,
    .teaser__bloc-hpr-container--grid.abo .teaser--hpr-6 {
        border-color: #dad9db;
        border-bottom-style: solid;
        border-bottom-width: .1rem
    }

    [data-color-mode=dark] .teaser__bloc-hpr-container--grid.abo .teaser--hpr-5,
    [data-color-mode=dark] .teaser__bloc-hpr-container--grid.abo .teaser--hpr-6 {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .teaser__bloc-hpr-container--grid.abo .teaser--hpr-5,
    [data-color-mode=light] .teaser__bloc-hpr-container--grid.abo .teaser--hpr-6 {
        border-color: #dad9db
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container--grid {
        grid-template-columns: 30.1rem 30.1rem 30.1rem
    }

    .teaser__bloc-hpr-container--grid.abo .teaser--hpr-5,
    .teaser__bloc-hpr-container--grid.abo .teaser--hpr-6 {
        margin-top: 0
    }
}

.teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-mobile {
    margin-top: 0
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-mobile {
        display: none
    }
}

.teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-mobile a.friend--auto {
    margin-bottom: 16px
}

@media(max-width:600px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-mobile .teaser--hpr-2 {
        padding-top: 16px
    }
}

.teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop {
    display: none;
    margin-top: 0
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop.teaser__bloc-hpr-container--grid .teaser {
        align-items: flex-start
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop {
        grid-template-columns: 30.1rem 30.1rem
    }
}

.teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop a.friend--auto {
    grid-row: 2;
    margin-top: 0;
    padding-bottom: 2.4rem;
    border: 0 none
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop a.friend--auto {
        grid-column: 1/3
    }
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--grid.teaser__bloc-hpr-container-desktop .teaser--autopromo-first-line {
        margin-bottom: 0;
        border-bottom: none
    }
}

.teaser__bloc-hpr-container--simple .teaser--hpr:first-of-type {
    border-color: #dad9db;
    border-top-style: solid;
    border-top-width: .1rem;
    padding-top: 1.6rem
}

[data-color-mode=dark] .teaser__bloc-hpr-container--simple .teaser--hpr:first-of-type {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .teaser__bloc-hpr-container--simple .teaser--hpr:first-of-type {
    border-color: #dad9db
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--simple .teaser--hpr:first-of-type {
        border-top: 0;
        padding-top: 0;
        border-top: none;
        margin-top: 3.2rem
    }
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--simple .teaser {
        grid-column: 1
    }

    .teaser__bloc-hpr-container--simple .teaser__media-container {
        margin-right: 2.4rem;
        flex: 38.1rem 0 0
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container--simple {
        display: grid;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-template-columns: 2fr 30.1rem
    }

    .teaser__bloc-hpr-container--simple .teaser__media-container {
        flex: 30.1rem 0 0
    }

    .teaser__bloc-hpr-container--simple .teaser:first-of-type {
        margin-top: 3.2rem
    }
}

.teaser__bloc-hpr-container--simple-first .teaser--hpr:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.teaser__bloc-hpr-container--simple-second {
    margin-top: 1.6rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--simple-second .teaser {
        grid-column: 1/3
    }
}

.teaser__bloc-hpr-container--last-news {
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--last-news .teaser__media-container {
        flex: 33.6rem 0 0
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr-container--last-news {
        grid-template-columns: 30.1rem 30.1rem 30.1rem
    }

    .teaser__bloc-hpr-container--last-news .teaser {
        grid-column: 1/3
    }

    .teaser__bloc-hpr-container--last-news .teaser:first-of-type {
        margin-top: 0
    }

    .teaser__bloc-hpr-container--last-news .teaser__media-container {
        flex: 30.1rem 0 0
    }
}

.teaser__bloc-hpr-container--last-news .teaser--hpr-main .teaser__date {
    margin-top: 1.6rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr-container--last-news .teaser--hpr-main .teaser__date {
        margin-top: 2.4rem
    }
}

.teaser__bloc-hpr--tv-grid {
    border-color: #dad9db;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 0 2.4rem 3.2rem;
    padding: 3.2rem 0 0
}

[data-color-mode=dark] .teaser__bloc-hpr--tv-grid {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .teaser__bloc-hpr--tv-grid {
    border-color: #dad9db
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid {
        margin: 0 auto 4.8rem;
        max-width: 55.2rem;
        padding: 4.8rem 0 0
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr--tv-grid {
        grid-template-columns: 1fr 1fr;
        max-width: 95.2rem
    }
}

.teaser__bloc-hpr--tv-grid .teaser--hpr {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: 0 none;
    position: relative;
    margin: 1.6rem 0 0;
    padding: 1.6rem 0 0
}

@media(min-width:1113px) {
    .teaser__bloc-hpr--tv-grid .teaser--hpr {
        grid-column: auto;
        grid-row: auto;
        margin: 3.2rem 0 0;
        padding: 3.2rem 0 0
    }

    .teaser__bloc-hpr--tv-grid .teaser--hpr:nth-of-type(even) {
        grid-column: 2
    }

    .teaser__bloc-hpr--tv-grid .teaser--hpr:nth-of-type(1),
    .teaser__bloc-hpr--tv-grid .teaser--hpr:nth-of-type(2) {
        border-top: 0 none;
        margin-top: 2.4rem;
        padding-top: 0
    }
}

.teaser__bloc-hpr--tv-grid .teaser--hpr:first-of-type {
    border-top: 0 none;
    margin-top: 2.4rem;
    padding-top: 0
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser--hpr:first-of-type .bookmark__button {
        top: 0
    }
}

@media(min-width:1113px) {

    .teaser__bloc-hpr--tv-grid .teaser--hpr:nth-of-type(1) .bookmark__button,
    .teaser__bloc-hpr--tv-grid .teaser--hpr:nth-of-type(2) .bookmark__button {
        top: 0
    }
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser--hpr .bookmark__button {
        top: 1.6rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr--tv-grid .teaser--hpr .bookmark__button {
        top: 3.2rem
    }
}

.teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
    color: #16141e;
    font-size: 1.6rem;
    letter-spacing: .01em;
    line-height: 1.3
}

[data-color-mode=dark] .teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
    color: #16141e
}

.teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
        font-size: 2rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title {
        grid-column: 1/3
    }
}

.teaser__bloc-hpr--tv-grid .teaser__bloc-hpr-title+.teaser {
    border-top: 0 none
}

.teaser__bloc-hpr--tv-grid .teaser__content {
    padding-right: 3.6rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser__content {
        position: static;
        position: initial
    }
}

.teaser__bloc-hpr--tv-grid .teaser__title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__bloc-hpr--tv-grid .teaser__title {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser__title {
        font-size: 1.6rem
    }
}

.teaser__bloc-hpr--tv-grid .teaser__title::before {
    top: .05rem
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser__media-container {
        flex: 12.6rem 0 0;
        margin-right: 1.6rem
    }
}

@media(min-width:1113px) {
    .teaser__bloc-hpr--tv-grid .teaser__media-container {
        flex: 13.8rem 0 0
    }

    .tv-grid-new[\:not-has\(.tv-grid-hour-channel\)] .teaser__bloc-hpr--tv-grid .teaser__media-container {
        flex-basis: 9.8rem
    }

    .tv-grid-new:not(:has(.tv-grid-hour-channel)) .teaser__bloc-hpr--tv-grid .teaser__media-container {
        flex-basis: 9.8rem
    }
}

@media(min-width:600px) {
    .teaser__bloc-hpr--tv-grid .teaser__media-container.teaser__media-container--hpr {
        margin-bottom: 0
    }
}

@media(min-width:600px) {
    .teaser__bloc+.teaser__bloc--videos {
        margin-top: 0;
        margin-bottom: 0
    }
}

.teaser--dont-miss:last-of-type {
    margin-bottom: 0
}

@media(min-width:600px) {
    .teaser--dont-miss {
        width: 100%;
        padding-bottom: 2.4rem;
        margin-bottom: 2.4rem
    }

    .teaser--dont-miss .teaser__category {
        margin-bottom: .6rem
    }

    .teaser--dont-miss:nth-child(2),
    .teaser--dont-miss:nth-child(4) {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:1113px) {
    .teaser--dont-miss {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

html:not(.app) .teaser--dont-miss:hover .teaser__media-container--video::before {
    display: none
}

html:not(.app) .teaser--dont-miss:hover .teaser__media-container--video::after {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem 3.2rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-on-128.png)
}

@media(min-width:600px) {
    html:not(.app) .teaser--dont-miss:hover .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

@media(min-width:834px) {
    html:not(.app) .teaser--dont-miss:hover .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

@media(min-width:1113px) {
    html:not(.app) .teaser--dont-miss:hover .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

.teaser--dont-miss .teaser__category {
    margin-bottom: .6rem
}

@media(min-width:1113px) {
    .teaser--dont-miss .teaser__category {
        margin-bottom: .8rem
    }
}

.teaser--dont-miss .teaser__media-container--video::after {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem 3.2rem;
    background-image: url(/dist/assets/img/icons/icon-video-player-off-128.png)
}

@media(min-width:600px) {
    .teaser--dont-miss .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

@media(min-width:834px) {
    .teaser--dont-miss .teaser__media-container--video::after {
        width: 8rem;
        height: 8rem;
        background-size: 8rem 8rem
    }
}

@media(min-width:1113px) {
    .teaser--dont-miss .teaser__media-container--video::after {
        width: 6.4rem;
        height: 6.4rem;
        background-size: 6.4rem 6.4rem
    }
}

.teaser__last-articles {
    background-color: #faf5ee;
    width: 100vw;
    margin-left: -2.4rem;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    padding: 1.6rem 0 1.6rem 2.4rem
}

[data-color-mode=dark] .teaser__last-articles {
    background-color: #211f2e
}

[data-color-mode=light] .teaser__last-articles {
    background-color: #faf5ee
}

@media(min-width:393px) {
    .teaser__last-articles {
        grid-row: 5;
        grid-column: 1/4
    }
}

@media(min-width:600px) {
    .teaser__last-articles {
        margin-top: 0;
        margin-bottom: 0;
        grid-row: 6
    }
}

@media(min-width:1113px) {
    .teaser__last-articles {
        width: 100rem;
        margin-left: -2.4rem;
        grid-row: 6;
        grid-column: 1/5;
        padding: 3.2rem 0 3.2rem 2.4rem
    }
}

.teaser__last-articles-top {
    display: flex
}

.teaser__last-articles-title {
    color: #16141e;
    font-size: 1.8rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .018rem
}

.teaser__last-articles-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__last-articles-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif;
    font-weight: bold;
}

[data-color-mode=dark] .teaser__last-articles-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__last-articles-title {
    color: #16141e
}

@media(min-width:1113px) {
    .teaser__last-articles-title {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.teaser__last-articles-view-more {
    color: #16141e;
    margin-left: auto;
    margin-right: 2.4rem;
    letter-spacing: .016rem;
    font-size: 1.6rem;
    line-height: 1.3
}

.teaser__last-articles-view-more {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__last-articles-view-more {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .teaser__last-articles-view-more {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__last-articles-view-more {
    color: #16141e
}

.teaser__last-articles-view-more:active,
.teaser__last-articles-view-more:hover {
    color: #45434b
}

[data-color-mode=dark] .teaser__last-articles-view-more:active,
[data-color-mode=dark] .teaser__last-articles-view-more:hover {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .teaser__last-articles-view-more:active,
[data-color-mode=light] .teaser__last-articles-view-more:hover {
    color: #45434b
}

.teaser__last-articles-container {
    margin-top: 1.6rem;
    display: flex;
    overflow-x: scroll;
}

@media(min-width:1113px) {
    .teaser__last-articles-container {
        overflow: hidden;
        white-space: normal
    }
}

.teaser__last-articles-link {
    width: 22.4rem;
    flex: 22.4rem 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: .8rem;
    margin-right: 1.6rem
}

html:not(.app) .teaser__last-articles-link:hover .teaser__last-articles-detail {
    color: #737278
}

html[data-color-mode=dark] .teaser__last-articles-link:hover .teaser__last-articles-detail {
    color: rgba(255, 255, 255, .6)
}

.teaser__last-articles-link::before {
    border-left-color: #8f8e93;
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    border-left-style: solid;
    border-left-width: .1rem
}

[data-color-mode=dark] .teaser__last-articles-link::before {
    border-left-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .teaser__last-articles-link::before {
    border-left-color: #8f8e93
}

@media(min-width:360px) {
    .teaser__last-articles-link {
        width: 27rem
    }
}

@media(min-width:393px) {
    .teaser__last-articles-link {
        width: 31.6rem
    }
}

@media(min-width:600px) {
    .teaser__last-articles-link {
        margin-right: 2.4rem;
        width: 100%
    }
}

@media(min-width:1113px) {
    .teaser__last-articles-link {
        margin-right: 2.4rem
    }
}

.teaser__last-articles-top-single {
    display: flex;
    align-items: baseline
}

.teaser__last-articles-top-single .teaser__category {
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1
}

.teaser__last-articles-date {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .01em;
    margin-right: .6rem
}

.teaser__last-articles-date {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__last-articles-date {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .teaser__last-articles-date {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__last-articles-date {
    color: #16141e
}

.teaser__last-articles-detail {
    color: #16141e;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-top: .8rem;
    width: 21.5rem;
    letter-spacing: .01em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;

}

.teaser__last-articles-detail {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser__last-articles-detail {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .teaser__last-articles-detail {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .teaser__last-articles-detail {
    color: #16141e
}

@media(min-width:360px) {
    .teaser__last-articles-detail {
        width: 26.1rem
    }
}

@media(min-width:393px) {
    .teaser__last-articles-detail {
        width: 30.7rem
    }
}

@media(min-width:600px) {
    .teaser__last-articles-detail {
        width: 26.7rem
    }
}

@media(min-width:1113px) {
    .teaser__last-articles-detail {
        font-size: 1.6rem;
        width: 30.3rem
    }
}

@media(min-width:600px) {
    .teaser--hpr {
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding-bottom: 2.4rem;
        margin-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .teaser--hpr {
        margin-top: .8rem
    }
}

@media(min-width:600px) {

    .teaser--hpr-1,
    .teaser--hpr-2 {
        margin-top: 0;
        margin-bottom: 2.4rem
    }

    .teaser--hpr-1 .teaser__media-container,
    .teaser--hpr-2 .teaser__media-container {
        margin-bottom: 1.6rem
    }
}

@media(min-width:1113px) {

    .teaser--hpr-1.teaser--hpr,
    .teaser--hpr-2.teaser--hpr {
        margin-top: 0
    }
}

@media(min-width:600px) {

    .teaser--hpr-3,
    .teaser--hpr-4 {
        margin-top: 2.4rem;
        margin-bottom: 0;
        border-bottom: 0
    }

    .teaser--hpr-3 .teaser__media-container,
    .teaser--hpr-4 .teaser__media-container {
        margin-bottom: 1.6rem
    }
}

@media(min-width:1113px) {

    .teaser--hpr-3,
    .teaser--hpr-4 {
        margin-top: 0
    }
}

@media(min-width:600px) {

    .teaser--hpr-5,
    .teaser--hpr-6 {
        margin-bottom: 0;
        margin-top: 2.4rem;
        border-bottom: .1rem solid #dad9db
    }

    .teaser--hpr-5 .teaser__media-container,
    .teaser--hpr-6 .teaser__media-container {
        margin-bottom: 1.6rem
    }
}

@media(min-width:1113px) {

    .teaser--hpr-5,
    .teaser--hpr-6 {
        margin-bottom: 2.4rem
    }
}

.teaser--hpr-main {
    display: flex;
    flex-direction: column;
    padding-bottom: 2.4rem
}

@media(min-width:600px) {
    .teaser--hpr-main {
        flex-direction: row;
        width: 100%;
        padding-top: 0
    }
}

html:not(.app) .teaser--hpr-last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.teaser--hpr-last-final {
    margin-bottom: 3.2rem
}

@media(min-width:600px) {
    .teaser--hpr-last-simple {
        padding-bottom: .8rem;
        border-bottom: none
    }
}

@media(min-width:1113px) {
    .teaser--hpr-last-simple {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.teaser--hpr-last-zoning {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.teaser--hpr-view-more {
    color: #fff;
    background-color: #2b293d;
    padding: .7rem 1.4rem;
    font-size: 1.4rem;
    letter-spacing: .01em;
    line-height: 1.28;
    display: flex;
    border-radius: 6.4rem;
    border: none;
    width: 13.9rem;
    height: 3.2rem;
    position: relative;
    margin: 0 auto;
    cursor: pointer
}

.teaser--hpr-view-more {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .teaser--hpr-view-more {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .teaser--hpr-view-more {
    color: #16141e
}

[data-color-mode=light] .teaser--hpr-view-more {
    color: #fff
}

[data-color-mode=dark] .teaser--hpr-view-more {
    background-color: #fff
}

[data-color-mode=light] .teaser--hpr-view-more {
    background-color: #2b293d
}

@media(min-width:1113px) {
    .teaser--hpr-view-more {
        line-height: 1.3;
        letter-spacing: .014em;
        width: 14rem
    }
}

html:not(.app) .teaser--hpr-view-more:hover {
    background-color: #3c3956
}

html[data-color-mode=dark] .teaser--hpr-view-more:hover {
    background-color: rgba(255, 255, 255, .8)
}

.teaser--hpr-view-more-button-container {
    background-color: #fff;
    width: 17.1rem;
    position: relative;
    margin: 0 auto
}

[data-color-mode=dark] .teaser--hpr-view-more-button-container {
    background-color: #1c1a26
}

[data-color-mode=light] .teaser--hpr-view-more-button-container {
    background-color: #fff
}

.teaser--hpr-view-more-articles-container {
    display: none
}

.teaser--hpr-view-more-container {
    background-color: #fff;
    position: relative;
    width: 100%;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
    grid-column: 1
}

[data-color-mode=dark] .teaser--hpr-view-more-container {
    background-color: #1c1a26
}

[data-color-mode=light] .teaser--hpr-view-more-container {
    background-color: #fff
}

@media(min-width:600px) {
    .teaser--hpr-view-more-container {
        margin-top: 5.6rem;
        margin-bottom: 6.4rem
    }
}

@media(min-width:1113px) {
    .teaser--hpr-view-more-container {
        margin-bottom: 4.4rem
    }
}

.teaser--hpr-view-more-container:before {
    background-color: #dad9db;
    content: "";
    display: block;
    width: 100%;
    height: .1rem;
    position: absolute;
    top: 50%
}

[data-color-mode=dark] .teaser--hpr-view-more-container:before {
    background-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .teaser--hpr-view-more-container:before {
    background-color: #dad9db
}

.teaser--hpr-view-more-container+.pagination {
    display: none
}

@media(min-width:1113px) {
    .teaser--hpr-view-more-container-last-news {
        grid-column: 1/3
    }
}

.teaser__date {
    font-size: 1.6rem;
    line-height: 1.25;
    color: #737278;
    letter-spacing: .01em;
    margin-top: .6rem
}

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

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

@media(min-width:600px) {
    .teaser__date--hpr {
        margin-top: 2.4rem
    }
}

.teaser--hide {
    display: none
}

.friend__vertical {
    display: none
}

@media(min-width:1113px) {
    .friend__vertical {
        display: block
    }

    .friend__vertical .teaser__bloc-friend-container .dfp-slot {
        margin: .8rem 0 0
    }
}

.friend--desktop {
    display: none
}

@media(min-width:600px) {
    .friend--desktop {
        display: block
    }
}

.friend--mobile {
    display: block;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: -2.4rem
}

@media(min-width:600px) {
    .friend--mobile {
        display: none
    }
}

.friend--mobile-tablet {
    display: block;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 2.4rem;
    margin-left: -2.4rem;
    margin-bottom: 2.4rem
}

@media(min-width:600px) {
    .friend--mobile-tablet {
        width: 100%;
        margin-left: 0;
        order: 4;
        grid-column: 1/3
    }
}

@media(min-width:1113px) {
    .friend--mobile-tablet {
        display: none
    }
}

.friend--mobile-tablet-hpr {
    margin-bottom: 0
}

.friend--mobile-tablet-hpr+.teaser {
    margin-top: 2.4rem;
    padding-top: 1.6rem;
    border-top: .1rem solid #dad9db
}

@media(min-width:1113px) {
    .friend--mobile-tablet-hpr+.teaser {
        margin-top: .8rem;
        padding-top: 0;
        border-top: none
    }
}

.friend--mobile-tablet-hpr-first {
    order: initial
}

@media(min-width:600px) {
    .friend--mobile-tablet-hpr-first {
        grid-row: 3
    }
}

.friend--tv-grid {
    width: 100vw;
    background-color: #f3f3f4
}

.friend--tv-grid .dfp-slot {
    margin: 0 auto
}

.friend--tv-grid+.tv-grid__card-split:not(:first-of-type) {
    border-top: none
}

@media(min-width:1113px) {
    .friend--tv-grid {
        width: 100%
    }
}

html:not(.app) .friend--bordered {
    background-color: #211f2e
}

@media(min-width:600px) {
    .friend--bordered {
        margin-left: 0
    }
}

@media(min-width:834px) {
    .friend--bordered {
        display: flex;
        order: 4;
        grid-column: 1/3
    }
}

@media(min-width:1113px) {
    .friend--bordered {
        display: none
    }
}

.friend--bordered-simple {
    background-color: #fff
}

[data-color-mode=dark] .friend--bordered-simple {
    background-color: #1c1a26
}

[data-color-mode=light] .friend--bordered-simple {
    background-color: #fff
}

.friend--auto {
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: center
}

@media(min-width:600px) {
    .friend--auto {
        grid-row: 7;
        margin-top: 3.2rem;
        grid-column: 1/3;
        order: 8
    }
}

@media(min-width:834px) {
    .friend--auto {
        grid-row: 8
    }
}

@media(min-width:1113px) {
    .friend--auto {
        grid-column: 1/5
    }
}

@media(min-width:600px) {
    .friend--auto-2 {
        order: initial
    }

    .friend--auto-2+.teaser__bloc {
        margin-top: 6.4rem
    }
}

@media(min-width:600px) {
    .friend--auto-3 {
        order: initial
    }
}

.friend--auto-3+.teaser__bloc--videos {
    margin-top: 3.2rem
}

@media(min-width:1113px) {
    .friend--auto-hpr {
        grid-row: 2;
        grid-column: 1/3
    }
}

.friend--auto-hpr-1 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

@media(min-width:600px) {
    .friend--auto-hpr-1 {
        grid-row: 8;
        margin-bottom: 0
    }
}

@media(min-width:1113px) {
    .friend--auto-hpr-1 {
        grid-column: 1/4;
        margin-top: 3.2rem
    }
}

.friend--auto-hpr-2 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

@media(min-width:1113px) {
    .friend--auto-hpr-2 {
        grid-row: 8;
        grid-column: 1/4;
        margin-top: 3.2rem;
        margin-bottom: 0
    }
}

.friend--auto-hpr-2-pagination {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

.friend--auto-hpr-2-pagination+.teaser {
    border-top: .1rem solid #dad9db;
    padding-top: 1.6rem
}

@media(min-width:600px) {
    .friend--auto-hpr-2-pagination+.teaser {
        border-top: none;
        border-bottom: .1rem solid #dad9db
    }
}

@media(min-width:600px) {
    .friend--auto-hpr-2-pagination {
        margin-bottom: 0
    }
}

@media(min-width:1113px) {
    .friend--auto-hpr-2-pagination {
        margin-top: 3.2rem;
        margin-bottom: 0
    }
}

.friend__media {
    align-self: center
}

@media(min-width:360px) {
    .friend__media {
        width: 100%;
        height: auto
    }
}

.friend__media--auto {
    width: auto;
    height: auto
}

.friend__media--autopromo {
    width: 100%;
    height: auto
}

.friend .OUTBRAIN {
    margin-top: 0
}

@media(min-width:600px)and (max-width:1113px) {
    .friend .OUTBRAIN#outbrain_widget_0 {
        margin-top: 2.4rem;
        margin-bottom: 0
    }
}

.friend .OUTBRAIN .ob-widget {
    margin-bottom: 0
}

.friend--wide {
    width: 100vw;
    margin-left: -2.4rem
}

@media(min-width:600px) {
    .friend--wide {
        margin: 0
    }
}

@media(min-width:1113px) {
    .friend--wide {
        width: 100rem;
        margin: 0 auto
    }

    .friend--wide .ob-widget.ob-ultra-strip-layout.SF_3 {
        margin-bottom: 0
    }
}

.friend--wide-1 .OUTBRAIN .ob-widget {
    margin-bottom: 2.4rem
}

@media(min-width:600px) {
    .friend--wide-1 .OUTBRAIN .ob-widget {
        background-color: #fff;
        border: none;
        border-top: .1rem solid #dad9db;
        padding-top: 1.6rem
    }
}

@media(min-width:1113px) {
    .friend--wide-1 .OUTBRAIN .ob-widget {
        padding-top: 1.6rem;
        border-top: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .friend--wide-1 .OUTBRAIN .ob-widget {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .friend--wide-1 .OUTBRAIN .ob-widget {
        border-color: #dad9db
    }
}

.friend--wide-1 .OUTBRAIN .ob-widget .ob-widget-header {
    margin-top: 0
}

.friend--wide-1 .ob-widget.ob-ultra-strip-layout.CRMB_6 {
    margin-bottom: 0
}

@media(min-width:600px) {
    .friend--wide-1 {
        grid-column: 1/4;
        grid-row: 4;
        width: 100vw;
        margin-left: -2.4rem
    }
}

@media(min-width:834px) {
    .friend--wide-1 {
        grid-row: 4
    }
}

@media(min-width:1113px) {
    .friend--wide-1 {
        grid-column: 1/5;
        margin-top: 3.2rem;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        width: 100rem
    }

    .friend--wide-1 .ob-widget.ob-ultra-strip-layout.SF_2 {
        margin-bottom: 0
    }
}

.friend--wide-hpr {
    padding-top: 0;
    border-top: 0;
    margin-top: 7.2rem;
    width: 100vw;
    margin-left: -2.4rem
}

@media(min-width:1113px) {
    .friend--wide-hpr {
        grid-row: auto;
        grid-column: 1/3;
        width: auto;
        margin-left: 0
    }
}

.news-bloc {
    width: 100vw;
    margin-left: -2.4rem;
    background-color: #faf5ee
}

@media(min-width:600px) {
    .news-bloc {
        width: 100%;
        margin-left: 0;
        grid-column: 1/3;
        order: 4
    }
}

@media(min-width:834px) {
    .news-bloc {
        display: flex;
        grid-row: 6;
        grid-column: 1/3
    }
}

@media(min-width:1113px) {
    .news-bloc {
        grid-column: 1/5;
        width: 100rem;
        margin-left: -2.4rem
    }
}

.forecast-retargeting {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 13
}

.forecast-retargeting.forecast-active {
    display: block;
    bottom: 0;
    z-index: 100000
}

.forecast-retargeting.forecast-active.forecast-retargeting--mb {
    bottom: 6.8rem
}

@media(min-width:1113px) {
    .forecast-retargeting.forecast-active.forecast-retargeting--mb {
        bottom: 0
    }
}

.forecast-retargeting.forecast-notice-hidden {
    display: none
}

.forecast-retargeting .forecast-notice {
    background-color: #faf5ee;
    position: fixed;
    padding: 1.2rem 0;
    bottom: 0;
    width: 100%
}

.forecast-retargeting .forecast-notice-wrapper {
    margin: 0 1.6rem
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-wrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.forecast-retargeting .forecast-notice-premium {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: .8rem;
    flex: 1.6rem 0 0;
    display: block
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-premium {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }
}

.forecast-retargeting .forecast-notice-text {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #16141e;
    margin-right: 1.6rem;
    display: flex
}

.forecast-retargeting .forecast-notice-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-retargeting .forecast-notice-text {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:360px) {
    .forecast-retargeting .forecast-notice-text {
        margin-right: 4rem
    }
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-text {
        margin-right: 2.4rem;
        padding-left: 2.4rem;
        position: relative
    }
}

.forecast-retargeting .forecast-notice-close {
    border: none;
    background: 0 0;
    position: absolute;
    top: 1.2rem;
    right: 1.6rem;
    margin: 0;
    padding: 0;
    flex: 1.6rem 0 0;
    cursor: pointer;
    pointer-events: all;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-image: url(/dist/assets/img/icons/icon-cross-forecast.png)
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-close {
        position: static;
        flex: 2.4rem 0 0;
        width: 2.4rem;
        height: 2.4rem;
        background-size: 2.4rem 2.4rem
    }
}

@media(min-width:1113px) {
    .forecast-retargeting .forecast-notice-close {
        position: absolute;
        right: 3.2rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.forecast-retargeting .forecast-notice-close-media {
    width: 1.6rem;
    height: 1.6rem;
    display: block
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-close-media {
        width: 2.4rem;
        height: 2.4rem
    }
}

.forecast-retargeting .forecast-notice-cta {
    color: #16141e;
    background-color: #ffe047;
    font-size: 1.6rem;
    line-height: 1.3;
    border-radius: 6.4rem;
    height: 3.6rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1.2rem
}

.forecast-retargeting .forecast-notice-cta {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .forecast-retargeting .forecast-notice-cta {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.forecast-retargeting .forecast-notice-cta:hover {
    background-color: #fe9
}

@media(min-width:600px) {
    .forecast-retargeting .forecast-notice-cta {
        flex: 21.1rem 0 0;
        margin-top: 0;
        margin-right: 2.4rem
    }
}

.les-plus-lus {
    margin-top: 2.4rem
}

@media(min-width:600px) {
    .les-plus-lus {
        min-height: 40rem
    }
}

@media(min-width:1024px) {
    .les-plus-lus {
        margin-top: 0
    }
}

.les-plus-lus .title-cards {
    margin-bottom: 1.6rem;
    font-size: 2.6rem;
    line-height: 100%;
    color: #16141e;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: none
}

.les-plus-lus .title-cards {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .title-cards {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .title-cards {
        font-size: 4.8rem
    }
}

@media(min-width:1024px) {
    .les-plus-lus .most-read-block ul {
        margin-bottom: 2.4rem
    }
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li:last-child a {
        padding: 3.2rem 0 0
    }
}

.les-plus-lus .most-read-block ul li a {
    display: flex;
    border-top: solid .1rem #d8d8d8;
    height: 100%;
    padding: 1.6rem 0
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a {
        padding: 3.2rem 0
    }
}

.les-plus-lus .most-read-block ul li a .left-volt-article {
    width: auto;
    align-self: center
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .left-volt-article {
        align-self: auto
    }
}

.les-plus-lus .most-read-block ul li a .left-volt-article .abonne-bar {
    display: block;
    width: .4rem;
    height: 5.2rem;
    background-color: #fed403;
    float: left
}

.les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-weight: 700;
    font-size: 5.4rem;
    line-height: 4rem;
    letter-spacing: .01em;
    color: #f4c5d3;
    margin: 0 .8rem 0 0;
    display: block;
    width: 7.2rem;
    text-align: center
}

.les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .left-volt-article .round-list {
        font-size: 9.9rem;
        line-height: 9rem;
        height: 8rem;
        margin: 0 1.6rem 0 0;
        width: 8rem
    }
}

.les-plus-lus .most-read-block ul li a .right-volt-article {
    font-size: 2.2rem;
    line-height: 2.64rem;
    width: 26.2rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article .label-container {
    display: flex
}

.les-plus-lus .most-read-block ul li a .right-volt-article .abo-img {
    background-image: url(/dist/assets/img/icons/abonne-most-read.svg);
    background-repeat: no-repeat;
    height: 1.6rem;
    width: 1.6rem;
    margin-right: .8rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 120%;
    letter-spacing: .08em;
    color: #737278;
    display: block;
    margin-bottom: .6rem
}

.les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .right-volt-article label {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .right-volt-article label {
        font-size: 1.6rem;
        margin-bottom: .88rem
    }
}

.les-plus-lus .most-read-block ul li a .right-volt-article p {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 120%;
    letter-spacing: .01em
}

.les-plus-lus .most-read-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .les-plus-lus .most-read-block ul li a .right-volt-article p {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .les-plus-lus .most-read-block ul li a .right-volt-article p {
        font-size: 2.2rem
    }
}

.les-plus-lus--article .most-read-block ul li a .right-volt-article {
    width: auto
}

.les-plus-lus--article .title-cards {
    border-bottom: 0
}

@media(min-width:360px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

@media(min-width:576px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

@media(min-width:1024px) {
    .les-plus-lus--article .most-read-block ul li a .right-volt-article {
        width: auto
    }
}

.right__section-container {
    display: flex;
    flex-direction: column;
    position: relative
}

.right__section-sticky-pub-container {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

@media(min-width:1113px) {
    .right__section-sticky-pub-container {
        flex-basis: 56.25rem
    }
}

.right__section {
    width: 100%
}

@media(min-width:1113px) {
    .right__section {
        order: inherit;
        margin: 0
    }
}

@media(min-width:1113px) {
    .right__section--one {
        height: 165rem
    }
}

.right__section--one .right-pub-one {
    position: -webkit-sticky;
    position: sticky;
    top: 9.6rem
}

@media(min-width:1113px) {
    .right__section--one .right-pub-one {
        margin-top: 3.2rem
    }
}

.right__section--two {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.right__section--two .right-pub-two {
    position: -webkit-sticky;
    position: sticky;
    top: 9.6rem
}

.most-read--home {
    margin-top: .8rem
}

html.app .most-read--home {
    margin-top: 3.2rem
}

@media(min-width:600px) {
    .most-read--home+.teaser__bloc--dont-miss {
        margin-top: 0
    }
}

@media(min-width:600px) {
    .most-read--home {
        margin-top: 6.4rem
    }
}

.most-read--hide {
    display: none
}

.most-read__container {
    padding-top: .8rem
}

@media(min-width:600px) {
    .most-read__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-auto-flow: column;
        grid-template-rows: auto auto auto
    }
}

@media(min-width:1113px) {
    .most-read__container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2.4rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-template-rows: auto auto;
        margin-bottom: 0
    }
}

.most-read__content .teaser__category {
    margin-bottom: .6rem
}

@media(min-width:1113px) {
    .most-read__content .teaser__category {
        margin-bottom: .8rem
    }
}

.most-read__teaser {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    border-bottom: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .most-read__teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .most-read__teaser {
    border-color: #dad9db
}

@media(min-width:600px) {
    .most-read__teaser {
        padding-bottom: 2.4rem;
        align-items: flex-start
    }

    .most-read__teaser:nth-child(3),
    .most-read__teaser:nth-child(6) {
        border-bottom: 0
    }

    .most-read__teaser:nth-child(2),
    .most-read__teaser:nth-child(3),
    .most-read__teaser:nth-child(5),
    .most-read__teaser:nth-child(6) {
        padding-top: 2.4rem
    }
}

@media(min-width:1113px) {
    .most-read__teaser {
        padding: 3.2rem 0
    }

    .most-read__teaser:nth-child(1) {
        padding-top: 2.4rem
    }

    .most-read__teaser:nth-child(3) {
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read__teaser:nth-child(3) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read__teaser:nth-child(3) {
        border-color: #dad9db
    }

    .most-read__teaser:nth-child(2),
    .most-read__teaser:nth-child(4),
    .most-read__teaser:nth-child(6) {
        border-bottom: 0;
        padding-top: 3.2rem
    }
}

.most-read__teaser--hidden {
    display: none
}

.most-read__teaser--hidden.ui-collapse--shown {
    display: flex
}

@media(min-width:600px) {
    .most-read__teaser--hidden {
        display: flex
    }
}

html:not(.app) .most-read__teaser:hover .most-read__detail {
    color: #45434b
}

html[data-color-mode=dark] .most-read__teaser:hover .most-read__detail {
    color: rgba(255, 255, 255, .8)
}

.most-read__rank {
    color: #f4c5d3;
    font-size: 5.4rem;
    line-height: .74;
    flex: 7.2rem 0 0;
    text-align: center
}

.most-read__rank {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__rank {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .most-read__rank {
        font-size: 8.4rem;
        line-height: .84;
        margin-right: .8rem
    }
}

@media(min-width:1113px) {
    .most-read__rank {
        flex: 5.7rem 0 0;
        margin-right: 2.4rem;
        font-size: 9.8rem
    }
}

.most-read__detail {
    color: #16141e;
    font-size: 1.6rem;
    line-height: 1.2;
    display: flex;
    letter-spacing: .016rem
}

.most-read__detail {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__detail {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .most-read__detail {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .most-read__detail {
    color: #16141e
}

@media(min-width:600px) {
    .most-read__detail {
        font-size: 1.8rem;
        letter-spacing: .018rem
    }
}

@media(min-width:1113px) {
    .most-read__detail {
        font-size: 2.2rem;
        letter-spacing: .022rem
    }
}

.most-read__trigger {
    margin: 1.6rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 1.4rem;
    padding: .7rem 0;
    letter-spacing: .014rem;
    line-height: 1.82rem
}

.most-read__trigger {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .most-read__trigger {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .most-read__trigger {
        display: none
    }
}

.most-read__trigger:after {
    content: "";
    display: block;
    width: 1.6rem;
    margin-left: .8rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .most-read__trigger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

[data-color-mode=light] .most-read__trigger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 6.667l4 4 4-4'/%3E%3C/svg%3E")
}

.most-read__trigger.ui-collapse--shown:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width:1113px) {
    .most-read--article .most-read__container {
        display: block;
        padding-top: 0
    }

    .most-read--article .most-read__teaser:nth-child(1) {
        padding-top: 3.2rem;
        padding-bottom: 2.4rem;
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(1) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(1) {
        border-color: #dad9db
    }

    .most-read--article .most-read__teaser:nth-child(2),
    .most-read--article .most-read__teaser:nth-child(3) {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
        border-bottom: .1rem solid;
        border-color: #dad9db
    }

    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(2),
    [data-color-mode=dark] .most-read--article .most-read__teaser:nth-child(3) {
        border-color: rgba(255, 255, 255, .16)
    }

    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(2),
    [data-color-mode=light] .most-read--article .most-read__teaser:nth-child(3) {
        border-color: #dad9db
    }

    .most-read--article .most-read__teaser:nth-child(4) {
        border-bottom: none;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

#cookie-banner {
    display: block;
    width: 100%;
    background-color: #333;
    padding: 1.5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    color: #aaa;
    font-size: 1.35rem;
    line-height: 1.5
}

#cookie-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #cookie-banner {
        padding: 2rem calc((100% - 104rem + 2.5rem)/ 2)
    }
}

#cookie-banner .icon__cross {
    position: relative;
    top: -1.9rem;
    padding: 0;
    border: none;
    background: 0 0;
    float: right;
    cursor: pointer
}

#cookie-banner .icon__cross::before {
    content: "\D7";
    display: block;
    padding: 1rem;
    font-size: 3.5rem;
    position: relative;
    font-weight: 700;
    color: #fff;
    opacity: .5;
    line-height: 1.5rem;
    font-weight: 500
}

#cookie-banner .cookie-warning-message {
    width: 100%;
    padding-right: 1.4rem;
    text-align: left
}

@media(min-width:1024px) {
    #cookie-banner .cookie-warning-message {
        width: calc(100% - 33.7rem);
        display: inline-block;
        vertical-align: top
    }
}

#cookie-banner .cookie-warning-message a {
    text-decoration: underline
}

#cookie-banner .message__btn-container {
    display: block;
    font-size: 1.5rem;
    margin-top: 1rem;
    text-align: right
}

#cookie-banner .message__btn-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner .message__btn-container {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    #cookie-banner .message__btn-container {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-top: initial;
        text-align: left;
        text-align: initial
    }
}

#cookie-banner .message__cookie-settings {
    background-color: #242424;
    color: #a4a9b4;
    margin-right: 1rem;
    padding: 1.2rem 1.4rem;
    border-radius: .4rem;
    line-height: 1
}

#cookie-banner .message__cookie-accept {
    font-size: 1.6rem;
    padding: 1.1rem 1.3rem;
    background-color: #e8eaee;
    color: #000;
    font-weight: 700;
    border-radius: .4rem;
    line-height: 1;
    border: none
}

#cookie-banner .message__cookie-accept {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #cookie-banner .message__cookie-accept {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.zone--cmp {
    padding: 0 3.1rem;
    margin-top: 4rem
}

.zone--cmp .cmp {
    color: #2a303b
}

.zone--cmp .cmp__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem
}

.zone--cmp .cmp__title {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.zone--cmp .cmp__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__title {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__title {
        font-size: 5.6rem;
        line-height: 6.4rem
    }
}

.zone--cmp .cmp__category {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.zone--cmp .cmp__category {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__category {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__category {
        font-size: 2.4rem;
        line-height: 3rem
    }
}

.zone--cmp .cmp__mandatory {
    color: #8e8e96
}

.zone--cmp .cmp__type {
    margin-top: 6rem
}

.zone--cmp .cmp__more {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
    border: 0;
    margin-top: 3rem;
    transition: color .1s ease-in-out;
    color: #121212;
    font-weight: 700;
    font-size: 1.5rem;
    position: relative
}

.zone--cmp .cmp__more {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__more {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__more {
        font-size: 2rem
    }
}

.zone--cmp .cmp__more::after {
    height: 1.1rem;
    width: 1.1rem;
    margin: .4rem 0 0 1rem;
    content: " ";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #be0000;
    border-width: 0 .3rem .3rem 0;
    display: inline-block;
    padding: .3rem;
    position: absolute
}

.zone--cmp .cmp__viewmore {
    margin-top: 3rem;
    list-style-position: inside;
    transition-duration: .2s
}

.zone--cmp .cmp__viewmore {
    display: none
}

.zone--cmp .cmp__viewmore li:first-of-type {
    margin-top: .8rem
}

.zone--cmp .cmp__viewmore li,
.zone--cmp .cmp__viewmore p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #717b8e
}

.zone--cmp .cmp__trigger-container {
    display: flex;
    align-items: center
}

.zone--cmp .cmp__cbx {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    width: 3.9rem;
    height: 2.1rem;
    background-color: #bdc1c8;
    border: .1rem solid #a4a9b4;
    border-radius: 15px;
    transition-duration: .2s;
    cursor: pointer;
    order: 2;
    display: block
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx {
        width: 6rem;
        height: 3rem
    }
}

.zone--cmp .cmp__cbx:checked {
    border-color: #4daa43;
    background-color: #4daa43;
    box-shadow: inset 0 0 .3rem 0 rgba(0, 0, 0, .2)
}

.zone--cmp .cmp__trigger {
    order: 1;
    padding-right: 1.5rem
}

.zone--cmp .cmp__status {
    transition: color .1s ease-in-out;
    color: #383f4e;
    font-size: 1.5rem;
    line-height: 2.1rem
}

.zone--cmp .cmp__status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__status {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp .cmp__status {
        font-size: 2.1rem;
        line-height: 2.3rem
    }
}

.zone--cmp .cmp__cbx::after {
    content: "";
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .3);
    transition-duration: .3s
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx::after {
        height: 3rem;
        width: 3rem
    }
}

.zone--cmp .cmp__cbx:disabled {
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.zone--cmp .cmp__cbx:checked::after {
    left: 1.7rem
}

@media(min-width:1024px) {
    .zone--cmp .cmp__cbx:checked::after {
        left: 2.9rem
    }
}

.zone--cmp .cmp__viewmore.ui-collapse--shown {
    display: block
}

.zone--cmp .cmp-cbx:checked+.cmp-more:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.zone--cmp .cmp__desc,
.zone--cmp .cmp__detail,
.zone--cmp li,
.zone--cmp p {
    font-size: 1.5rem;
    line-height: 2.1rem
}

.zone--cmp .cmp__desc,
.zone--cmp .cmp__detail,
.zone--cmp li,
.zone--cmp p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp .cmp__desc,
html.fonts-loaded .zone--cmp .cmp__detail,
html.fonts-loaded .zone--cmp li,
html.fonts-loaded .zone--cmp p {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {

    .zone--cmp .cmp__desc,
    .zone--cmp .cmp__detail,
    .zone--cmp li,
    .zone--cmp p {
        font-size: 2.1rem;
        line-height: 2.7rem
    }
}

.zone--cmp .cmp__type+.cmp__type {
    border-top: .1rem solid #717b8e;
    margin-top: 3rem;
    padding-top: 4.5rem
}

.zone--cmp footer {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    margin-top: 3rem;
    padding: 4.5rem 0;
    border-top: .1rem solid #717b8e;
    background-color: transparent;
    background-color: initial
}

@media(min-width:1024px) {
    .zone--cmp footer {
        display: flex;
        align-items: stretch;
        justify-content: center;
        flex-direction: row;
        padding: 6rem 0
    }
}

.zone--cmp footer .cmp__cancel {
    cursor: pointer;
    max-width: 35rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.9rem;
    text-align: center;
    padding: 1.5rem 3rem;
    border-radius: .4rem;
    text-decoration: underline;
    display: inline-block;
    color: #383f4e;
    order: 2
}

.zone--cmp footer .cmp__cancel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp footer .cmp__cancel {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp footer .cmp__cancel {
        margin-right: 1.5rem;
        max-width: auto;
        order: 0;
        width: auto
    }
}

.zone--cmp footer .cmp__validate {
    border-radius: .2rem;
    background-color: #e2001a;
    color: #fff;
    border: solid .1rem;
    cursor: pointer;
    max-width: 35rem;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.9rem;
    text-align: center;
    padding: 1.5rem 3rem
}

.zone--cmp footer .cmp__validate {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--cmp footer .cmp__validate {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--cmp footer .cmp__validate {
        max-width: auto;
        width: auto;
        margin-left: 1.5rem
    }
}

#cookie-banner.is-closed {
    display: none
}

.cmp-refuse {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    align-items: flex-end;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: #fff;
    padding: 1.6rem 3rem 2.4rem 3rem;
    border-top: .1rem solid #d8d8d8;
    letter-spacing: .01em;
    color: #121212;
    display: none
}

.cmp-refuse {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .cmp-refuse {
        padding: 1.6rem 0 1.8rem 0
    }
}

.cmp-refuse__link {
    text-decoration: underline
}

.cmp-refuse__ctn {
    margin: auto;
    max-width: 96.8rem;
    height: auto
}

.cmp-refuse__ctn__body {
    display: flex;
    flex-direction: column
}

.cmp-refuse__ctn__body span {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 1.6rem;
    display: block;
    text-align: center
}

.cmp-refuse__ctn__body span {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__ctn__body span {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

.cmp-refuse__ctn__body .dropBtn {
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-align: left;
    letter-spacing: .01em;
    width: auto;
    height: 2.1rem;
    margin: auto;
    margin-bottom: 3rem;
    position: relative;
    cursor: pointer;
    display: inline-block
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__body .dropBtn {
        margin-bottom: 1.6rem
    }
}

.cmp-refuse__ctn__body .dropBtn::after {
    content: "(";
    font-weight: 400;
    float: right;
    font-size: 1.6rem;
    right: -2rem;
    top: .2rem;
    position: absolute
}

.cmp-refuse__ctn__body .dropBtn::after {
    font-family: "Telerama Icons"
}

html.fonts-loaded .cmp-refuse__ctn__body .dropBtn::after {
    font-family: "Telerama Icons"
}

.cmp-refuse__ctn__body p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: left;
    display: none;
    opacity: 0;
    transition: opacity 1s ease;
    margin-bottom: 3.3rem
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__body p {
        margin-bottom: 1.6rem
    }
}

.cmp-refuse__ctn__body.active p {
    display: block;
    opacity: 1
}

.cmp-refuse__ctn__body.active .dropBtn::after {
    content: ")"
}

.cmp-refuse__ctn__close-btn {
    position: absolute;
    top: 1rem;
    padding: 16px;
    right: -.4rem;
    min-width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 0;
    font-weight: lighter;
    cursor: pointer;
    text-align: center;
    color: #121212;
    border: 0;
    background: 0 0;
    font-weight: 300
}

@media(min-width:1024px) {
    .cmp-refuse__ctn__close-btn {
        top: 1.8rem;
        right: 3.4rem
    }
}

.cmp-refuse__custom-btn {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cmp-refuse__custom-btn--abo {
    display: inline-block;
    width: 31.2rem;
    background-color: #fed403;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: .65rem 0;
    margin-bottom: 1.6rem;
    text-align: center
}

.cmp-refuse__custom-btn--abo {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__custom-btn--abo {
    font-family: GraphikCompact_Bold, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .cmp-refuse__custom-btn--abo {
        width: 20rem
    }
}

.cmp-refuse__custom-btn div {
    font-size: 1.6rem
}

.cmp-refuse__custom-btn div label {
    line-height: 1.9rem
}

.cmp-refuse__custom-btn div a {
    line-height: 2.1rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.cmp-refuse__custom-btn div a {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .cmp-refuse__custom-btn div a {
    font-family: GraphikCompact_Medium, Helvetica, Arial, Roboto, sans-serif
}

.carrousel-black__container {
    background-color: #2b293d;
    padding: 3.2rem 0 3.2rem 2.4rem;
    margin: 3.2rem -2.4rem;
    overflow: hidden
}

@media(min-width:748px) {
    .carrousel-black__container {
        margin: 4.8rem 0
    }
}

.carrousel-black__container--abo {
    margin-top: 0
}

.carrousel-black__container--home {
    margin-bottom: 0;
    margin-top: 0
}

.carrousel-black__top {
    display: flex;
    border-bottom: .1rem solid rgba(255, 255, 255, .48);
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    margin-right: 2.4rem
}

@media(min-width:1024px) {
    .carrousel-black__top {
        margin-bottom: 3.2rem
    }
}

.carrousel-black__top--home {
    margin-bottom: 0
}

.carrousel-black__text-container {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.carrousel-black__title {
    font-size: 2.6rem;
    color: #fff;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

.carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__title {
    font-family: GraphikXXCond_Medium, Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:600px) {
    .carrousel-black__title {
        font-size: 4rem
    }
}

@media(min-width:1024px) {
    .carrousel-black__title {
        font-size: 4.8rem
    }
}

.carrousel-black__link {
    font-size: 1.6rem;
    line-height: 130%;
    color: #fff;
    letter-spacing: .01em;
    align-self: center;
    cursor: pointer
}

.carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__link {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carrousel-black__link:hover {
    opacity: 80%
}

.carrousel-black__navigation {
    display: none
}

@media(min-width:1024px) {
    .carrousel-black__navigation {
        display: flex
    }
}

.carrousel-black__navigation::before {
    content: "";
    display: block;
    height: 4.8rem;
    border-right: .1rem solid rgba(255, 255, 255, .6);
    padding-left: 1.6rem;
    margin-right: 1.6rem
}

.carrousel-black__navigation .swiper-button-next::after,
.carrousel-black__navigation .swiper-button-prev::after {
    visibility: hidden
}

@media(min-width:1024px) {
    .carrousel-black__navigation--home {
        display: none
    }
}

@media(min-width:1113px) {
    .carrousel-black__navigation--home {
        display: flex
    }
}

.carrousel-black__arrow {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: .1rem solid rgba(255, 255, 255, .6);
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    margin-top: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

html:not(.app) .carrousel-black__arrow:hover {
    background-color: #fff;
    border: 0
}

html:not(.app) .carrousel-black__arrow:hover.left:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:hover.right:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%232B293D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

html:not(.app) .carrousel-black__arrow:active {
    border: .15rem solid rgba(218, 217, 219, .6)
}

.carrousel-black__arrow.left {
    align-self: center;
    margin-right: .8rem
}

.carrousel-black__arrow.left::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.668 17l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right {
    align-self: center
}

.carrousel-black__arrow.right::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.332 17l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled {
    opacity: 60%
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover {
    cursor: default;
    border: medium none currentColor;
    border: initial;
    background-color: transparent;
    background-color: initial
}

.carrousel-black__arrow.swiper-button-next.swiper-button-disabled:hover::before,
.carrousel-black__arrow.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: none;
    background-image: initial;
    display: block;
    width: 1rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__content {
    overflow: hidden
}

@media(min-width:1024px) {
    .carrousel-black__content {
        width: 62.4rem
    }
}

.carrousel-black__list-container {
    display: flex;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: content-box
}

@media(min-width:1024px) {
    .carrousel-black__list-container {
        overflow-x: visible;
        overflow-x: initial
    }
}

.carrousel-black__list-container::-webkit-scrollbar {
    display: none
}

.carrousel-black__item {
    flex-shrink: 0;
    position: relative;
    width: 15.7rem;
    margin-right: .8rem;
    flex-direction: row;
    scroll-behavior: smooth;
    scroll-snap-align: start;
    white-space: normal
}

@media(min-width:600px) {
    .carrousel-black__item {
        margin-right: 2.4rem
    }
}

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

.carrousel-black__img-container {
    display: inline-flex;
    position: relative;
    width: 15.7rem;
    height: 20.9rem;
    margin-bottom: 1.2rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container {
        width: 19.2rem;
        height: 25.6rem
    }

    .carrousel-black__img-container:hover .carrousel-black__img-overlay {
        display: block
    }
}

.carrousel-black__img-container--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-container--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-container--square {
    width: 25.6rem;
    height: 25.6rem
}

.carrousel-black__img-container--home {
    display: inline
}

.carrousel-black__link-img {
    display: block
}

.carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    width: 100%;
    height: 20.9rem;
    border-radius: .4rem;
    box-shadow: 0 4px 16px -6px rgba(22, 20, 30, .24), 0 10px 24px -4px rgba(22, 20, 30, .16)
}

[data-color-mode=dark] .carrousel-black__item-img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carrousel-black__item-img {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:1024px) {
    .carrousel-black__item-img {
        height: 25.6rem
    }
}

.carrousel-black__item-img::before {
    content: " ";
    background-color: #3c3956;
    display: block;
    position: relative;
    z-index: 0;
    margin-bottom: -2.56rem;
    min-width: 15.7rem;
    height: 20.9rem;
    background-size: cover
}

@media(min-width:1024px) {
    .carrousel-black__item-img::before {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__item-img--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__item-img--disc {
        height: 19.2rem
    }
}

.carrousel-black__img-overlay {
    display: none;
    background: #1c1a26;
    opacity: .4;
    position: absolute;
    width: 15.7rem;
    height: 20.9rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay {
        width: 19.2rem;
        height: 25.6rem
    }
}

.carrousel-black__img-overlay--disc {
    height: 15.7rem
}

@media(min-width:1024px) {
    .carrousel-black__img-overlay--disc {
        height: 19.2rem
    }
}

.carrousel-black__slide-notation-text {
    align-items: center;
    max-height: 1.8rem;
    display: flex;
    margin-bottom: .4rem
}

.carrousel-black__slide-notation-text+.tv-grid__card-category {
    margin-left: -.2rem
}

.carrousel-black__notation {
    position: relative;
    display: inline-block;
    margin-right: .7rem;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 1
}

.carrousel-black__notation [alt="Très Bien"],
.carrousel-black__notation [alt=Bien],
.carrousel-black__notation [alt=Bof],
.carrousel-black__notation [alt=Bravo],
.carrousel-black__notation [alt=Hélas] {
    margin-top: -.25rem;
    width: auto;
    height: 1.2rem
}

.carrousel-black__notation--slide {
    align-self: center;
    margin-right: .6rem
}

.carrousel-black__notation--small-square:after {
    width: 65%
}

.carrousel-black__notation-title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__notation-title {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__notation-title {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__notation-title {
    color: #fff
}

.carrousel-black__slide-title-gray {
    color: #45434b;
    font-size: 1.6rem;
    line-height: 130%;
    opacity: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carrousel-black__slide-title-gray {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray {
    color: #45434b
}

.carrousel-black__slide-title-gray--no-mt {
    margin-bottom: 0
}

.carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

[data-color-mode=dark] .carrousel-black__slide-title-gray--tv-grid {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carrousel-black__slide-title-gray--tv-grid {
    color: #737278
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.left.swiper-button-prev.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.667 16.666l-8-8 8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled {
    opacity: 60%;
    border: .1rem solid rgba(255, 255, 255, .6)
}

.carrousel-black__arrow.right.swiper-button-next.swiper-button-disabled:hover::before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.333 16.666l8-8-8-8' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    display: block;
    background-repeat: no-repeat;
    background-size: 1rem 1.8rem;
    position: absolute;
    top: 50%;
    right: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carousel__container {
    width: 100vw;
    margin-left: -2.4rem
}

@media(min-width:1113px) {
    .carousel__container {
        width: 100%;
        margin-left: 0
    }
}

.carousel__container--home {
    width: 100vw;
    margin-left: -2.4rem;
    margin-top: 3.2rem;
    padding: 3.2rem 0
}

@media(min-width:1113px) {
    .carousel__container--home {
        width: 100%;
        max-width: 100rem
    }
}

.carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

[data-color-mode=dark] .carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--home .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

.carousel__container--home-first {
    margin-top: 0
}

.carousel__container--home-critiques {
    background-color: #2b293d
}

@media(min-width:1113px) {
    .carousel__container--home-critiques {
        margin: 0 auto
    }
}

.carousel__container--home-sorties {
    background-color: #faf5ee;
    margin-top: 0
}

[data-color-mode=dark] .carousel__container--home-sorties {
    background-color: #2b293d
}

[data-color-mode=light] .carousel__container--home-sorties {
    background-color: #faf5ee
}

@media(min-width:600px) {
    .carousel__container--home-sorties {
        margin-left: 0
    }
}

@media(min-width:1113px) {
    .carousel__container--home-sorties {
        margin: 0 auto
    }
}

.carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: #8f8e93;
    opacity: 1
}

[data-color-mode=dark] .carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--home-sorties .carrousel-black__slide-title-gray {
    color: #8f8e93
}

.carousel__container--hpr {
    background-color: #2b293d;
    padding: 3.2rem 0
}

@media(min-width:600px) {
    .carousel__container--hpr {
        grid-row: 7;
        grid-column: 1/4
    }
}

@media(min-width:1113px) {
    .carousel__container--hpr {
        margin-top: 2.4rem
    }
}

@media(max-width:600px) {
    .carousel__container--hpr--desktop {
        display: none
    }
}

@media(min-width:600px) {
    .carousel__container--hpr--mobile {
        display: none
    }
}

.carousel__container--hpr+.teaser {
    margin-top: 2.4rem;
    padding-top: 1.6rem;
    border-top: .1rem solid;
    border-color: #dad9db
}

[data-color-mode=dark] .carousel__container--hpr+.teaser {
    border-color: rgba(255, 255, 255, .16)
}

[data-color-mode=light] .carousel__container--hpr+.teaser {
    border-color: #dad9db
}

@media(min-width:600px) {
    .carousel__container--hpr+.teaser {
        margin-top: 0;
        padding-top: 0;
        border: none
    }
}

@media(min-width:1113px) {
    .carousel__container--hpr+.teaser {
        border-bottom: .1rem solid #dad9db
    }
}

.carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

[data-color-mode=dark] .carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__container--hpr .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .6)
}

.carousel__container--platform {
    width: 100vw;
    margin-left: -2.4rem;
    margin-top: 3.2rem;
    padding: 3.2rem 0
}

.carousel__container--platform-first,
.carousel__container--platform-primary {
    margin-top: 0
}

@media(min-width:1113px) {
    .carousel__container--platform {
        width: 100%;
        max-width: 100rem
    }
}

.carousel__container--platform-critiques {
    background-color: #fff
}

[data-color-mode=dark] .carousel__container--platform-critiques {
    background-color: #211f2e
}

[data-color-mode=light] .carousel__container--platform-critiques {
    background-color: #fff
}

@media(min-width:1113px) {
    .carousel__container--platform-critiques {
        margin: 0 auto
    }
}

.carousel__container--platform-sorties {
    background-color: #faf5ee;
    margin-top: 0
}

[data-color-mode=dark] .carousel__container--platform-sorties {
    background-color: #2b293d
}

[data-color-mode=light] .carousel__container--platform-sorties {
    background-color: #faf5ee
}

.carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: #737278
}

[data-color-mode=dark] .carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__container--platform-sorties .carrousel-black__slide-title-gray {
    color: #737278
}

@media(min-width:600px) {
    .carousel__container--platform-sorties {
        margin-left: 0
    }
}

@media(min-width:1113px) {
    .carousel__container--platform-sorties {
        margin: 0 auto
    }
}

.carousel__wrapper {
    display: flex;
    overflow-x: auto;
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-left: 2.4rem;
    margin-top: 2.4rem;
    width: 100%;
    padding-right: 2.4rem
}

.carousel__wrapper::-webkit-scrollbar {
    display: none
}

@media(min-width:1113px) {
    .carousel__wrapper {
        margin-top: 3.2rem;
        overflow-x: visible
    }
}

.carousel__wrapper--critiques,
.carousel__wrapper--platform {
    margin-top: 0
}

.carousel__wrapper-container {
    overflow: hidden;
    width: 100%
}

.carousel__wrapper-container--simple {
    margin-top: 2.4rem
}

@media(min-width:1113px) {
    .carousel__wrapper-container--simple {
        margin-top: 3.2rem
    }
}

.carousel__title {
    font-size: 2.6rem;
    line-height: 100%;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: center
}

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

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

@media(min-width:600px) {
    .carousel__title {
        font-size: 4rem
    }
}

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

.carousel__title--sorties {
    color: #16141e
}

.carousel__title--critiques {
    color: #fff
}

.carousel__slide {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: 15.7rem;
    margin-right: .8rem
}

@media(min-width:600px) {
    .carousel__slide {
        margin-right: 2.4rem;
        width: 18rem
    }
}

@media(min-width:1113px) {
    .carousel__slide {
        width: 18rem;
        scroll-snap-stop: normal
    }
}

.carousel__slide--hide {
    display: none
}

.carousel__slide--last-mobile {
    margin-right: 2.4rem
}

.carousel__media {
    border-radius: .4rem;
    object-fit: cover;
    display: block;
    width: 15.7rem;
    height: 20.9rem;
    box-shadow: 0 8px 24px -4px rgba(22, 20, 30, .06), 0 4px 12px -6px rgba(22, 20, 30, .08);
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

[data-color-mode=dark] .carousel__media {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

[data-color-mode=light] .carousel__media {
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

@media(min-width:600px) {
    .carousel__media {
        width: 18rem;
        height: 24rem
    }
}

@media(min-width:600px) {
    .carousel__media-black {
        width: 15.7rem;
        height: 20.9rem
    }
}

@media(min-width:1024px) {
    .carousel__media-black {
        min-width: 19.2rem;
        height: 25.6rem
    }
}

.carousel__media--square {
    width: 15.7rem;
    height: 15.7rem;
    object-fit: cover
}

@media(min-width:600px) {
    .carousel__media--square {
        width: 19.2rem;
        height: 19.2rem
    }
}

@media(min-width:1113px) {
    .carousel__media--square {
        width: 18rem;
        height: 18rem
    }
}

.carousel__media--square-black {
    width: 15.7rem;
    height: 15.7rem;
    object-fit: cover
}

@media(min-width:600px) {
    .carousel__media--square-black {
        width: 15.7rem;
        height: 15.7rem
    }
}

@media(min-width:1024px) {
    .carousel__media--square-black {
        min-width: 19.2rem;
        height: 19.2rem
    }
}

.carousel__media--cover {
    object-fit: cover
}

.carousel__link {
    display: block;
    width: 15.7rem;
    height: 20.9rem;
    position: relative
}

@media(min-width:600px) {
    .carousel__link {
        width: 18rem;
        height: 24rem
    }
}

html:not(.app) .carousel__link:hover:before {
    content: "";
    background-color: rgba(255, 255, 255, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

html[data-color-mode=dark] .carousel__link:hover:before {
    content: "";
    background-color: rgba(28, 26, 38, .4);
    border-radius: .4rem;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.carousel__link--square {
    width: 15.7rem;
    height: 15.7rem
}

@media(min-width:600px) {
    .carousel__link--square {
        width: 19.2rem;
        height: 19.2rem
    }
}

@media(min-width:1113px) {
    .carousel__link--square {
        width: 18rem;
        height: 18rem
    }
}

.carousel__details {
    display: flex;
    flex-direction: column;
    margin-top: 1.2rem
}

.carousel__details-1 {
    font-size: 1.6rem;
    letter-spacing: .01em;
    display: flex;
    margin-bottom: .4rem
}

.carousel__details-1 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-1 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details-1--abo {
    align-items: center;
    color: rgba(255, 255, 255, .6)
}

.carousel__details-1--abo:before {
    content: "";
    float: left;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFDA25' d='M16 0H0v16h16V0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.348 13.891h1.357V3.281h2.268V2.107H5.082V3.28h2.266v10.611zm5.002-8.248h1.178V2.108H12.35v3.535z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' fill='%23fff' rx='2'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-right: 8px;
    flex: 16px 0 0
}

.carousel__details-1--noir60 .carrousel-black__slide-title-gray {
    color: #737278;
    opacity: 1
}

.carousel__details-2 {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel__details-2 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-2 {
    font-family: GraphikCompact_Semibold, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details-3 {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .01em;
    margin-top: .4rem;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel__details-3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__details-3 {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

.carousel__details--sorties .carousel__details-1 {
    color: #737278
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-1 {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-1 {
    color: #737278
}

.carousel__details--sorties .carousel__details-2 {
    color: #16141e;
    color: #16141e
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-2 {
    color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-2 {
    color: #16141e
}

.carousel__details--sorties .carousel__details-3 {
    color: #8f8e93
}

[data-color-mode=dark] .carousel__details--sorties .carousel__details-3 {
    color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__details--sorties .carousel__details-3 {
    color: #8f8e93
}

.carousel__details--critiques .carousel__details-1 {
    color: rgba(255, 255, 255, .6)
}

.carousel__details--critiques .carousel__details-2 {
    color: rgba(255, 255, 255, .9)
}

.carousel__details--critiques .carousel__details-3 {
    color: rgba(255, 255, 255, .6)
}

.carousel__navigation {
    display: none
}

@media(min-width:1113px) {
    .carousel__navigation {
        display: flex;
        align-items: center;
        margin-bottom: 1.6rem
    }
}

.carousel__navigation::before {
    content: "";
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    display: block;
    height: 4.8rem
}

.carousel__navigation--critiques::before {
    border-left-color: rgba(255, 255, 255, .6)
}

.carousel__navigation--platform::before {
    display: none
}

.carousel__arrow {
    border-color: #8f8e93;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    width: 4.8rem;
    height: 4.8rem;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0)
}

[data-color-mode=dark] .carousel__arrow {
    border-color: rgba(255, 255, 255, .6)
}

[data-color-mode=light] .carousel__arrow {
    border-color: #8f8e93
}

.carousel__arrow:disabled {
    cursor: default
}

.carousel__arrow:first-of-type {
    margin-right: .8rem
}

.carousel__arrow:before {
    content: " ";
    display: block;
    width: 3.2rem;
    height: 3.2rem
}

html:not(.app) .carousel__arrow--sorties:not([aria-disabled=true]):hover {
    background-color: #1c1a26;
    border: .1rem solid #1c1a26
}

html[data-color-mode=dark] .carousel__arrow--sorties:not([aria-disabled=true]):hover {
    background-color: #fff
}

.carousel__arrow--critiques {
    border-color: rgba(255, 255, 255, .6)
}

html:not(.app) .carousel__arrow--critiques:not([aria-disabled=true]):hover {
    background-color: #fff;
    border: .1rem solid #fff
}

html:not(.app)[data-color-mode] .carousel__arrow--critiques:not([aria-disabled=true]):hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--platform {
    border: .1rem solid;
    border-color: #1c1a26
}

[data-color-mode=dark] .carousel__arrow--platform {
    border-color: rgba(255, 255, 255, .9)
}

[data-color-mode=light] .carousel__arrow--platform {
    border-color: #1c1a26
}

html:not(.app) .carousel__arrow--platform:not([aria-disabled=true]):hover {
    background-color: #1c1a26;
    border: .1rem solid;
    border-color: #1c1a26
}

html[data-color-mode=dark] .carousel__arrow--platform:not([aria-disabled=true]):hover {
    background-color: #fff;
    border-color: #fff
}

.carousel__arrow--platform-primary {
    border: .1rem solid rgba(255, 255, 255, .6)
}

html:not(.app) .carousel__arrow--platform-primary:not([aria-disabled=true]):hover {
    background-color: #fff;
    border: .1rem solid #fff
}

.carousel__arrow--left.carousel__arrow--sorties:before,
.carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--sorties:before,
[data-color-mode=dark] .carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--sorties:before,
[data-color-mode=light] .carousel__arrow--left.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
.carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 48%;
    cursor: unset
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=dark] .carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 60%
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=light] .carousel__arrow--left.carousel__arrow.swiper-button-disabled {
    opacity: 48%
}

[data-color-mode] .carousel__arrow--left.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--left.carousel__arrow--critiques.swiper-button-disabled {
    opacity: 60%;
    cursor: unset
}

.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] .carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] .carousel__arrow--left.carousel__arrow--platform-primary:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--right.carousel__arrow--sorties:before,
.carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--sorties:before,
[data-color-mode=dark] .carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--sorties:before,
[data-color-mode=light] .carousel__arrow--right.carousel__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

.carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
.carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 48%;
    cursor: unset
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=dark] .carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 60%
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--sorties.swiper-button-disabled,
[data-color-mode=light] .carousel__arrow--right.carousel__arrow.swiper-button-disabled {
    opacity: 48%
}

[data-color-mode] .carousel__arrow--right.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.carousel__arrow--right.carousel__arrow--critiques.swiper-button-disabled {
    opacity: 60%;
    cursor: unset
}

.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] .carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='rgba(255, 255, 255, .9)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] .carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%2316141E'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] .carousel__arrow--right.carousel__arrow--platform-primary:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=dark] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform-primary:before,
[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode=dark] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode=light] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--sorties:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--critiques:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform-primary:before,
[data-color-mode] html:not(.app) .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%232B293D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[data-color-mode=light] .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--left.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E")
}

html[data-color-mode=light] .carousel__arrow:not([aria-disabled=true]):hover.carousel__arrow--right.carousel__arrow--platform:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M18.667 24l-8-8 8-8'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.carousel__rubriques-container {
    white-space: nowrap;
    display: flex;
    margin: 1.5rem 0 2.4rem;
    padding-left: 2.4rem;
    overflow-x: auto;
    padding-bottom: .1rem
}

.carousel__rubriques-container::-webkit-scrollbar {
    display: none
}

.carousel__rubriques-list:not(:last-of-type) {
    margin-right: .8rem
}

.carousel__rubriques-list:last-of-type {
    margin-right: 2.4rem
}

.carousel__rubriques-name {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .016rem;
    padding: .6rem 1.2rem;
    background-color: #2b293d;
    border-radius: 4rem;
    border: .1rem solid rgba(255, 255, 255, .6);
    cursor: pointer
}

.carousel__rubriques-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .carousel__rubriques-name {
    font-family: GraphikCompact_Regular, Helvetica, Arial, Roboto, sans-serif
}

html:not(.app) .carousel__rubriques-name:active,
html:not(.app) .carousel__rubriques-name:hover {
    background-color: rgba(255, 255, 255, .9);
    color: #2b293d;
    border: .1rem solid rgba(255, 255, 255, .9)
}

html[data-color-mode=dark] .carousel__rubriques-name:active,
html[data-color-mode=dark] .carousel__rubriques-name:hover {
    background-color: #eaeaec;
    color: #2b293d;
    border: .1rem solid #eaeaec
}

@media(min-width:1113px) {
    .carousel__rubriques-name {
        padding: .8rem 1.6rem
    }
}

.carousel__rubriques--active {
    background-color: #eaeaec;
    color: #2b293d;
    border: .1rem solid #eaeaec
}

/*# sourceMappingURL=home.css.map*/