.a-svg--picto-add-pwa {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 20px;
width: 20px
}
.a-svg--picto-arrow-top {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 12px;
width: 10px
}
.a-prev-show-btn .a-svg--picto-arrow-top {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 12px;
width: 10px
}
.m-cta-new-live-posts .a-svg--picto-arrow-top {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 12px;
width: 10px
}
.a-svg--picto-camera {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 10px;
width: 15px
}
.article__type.a-svg--picto-camera, .m-item-timeline__infos__titles .a-svg--picto-camera, .news__content__title__type.a-svg--picto-camera {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 10px;
width: 15px
}
.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__type.a-svg--picto-camera, .o-aside-content--darker-background .article__type.a-svg--picto-camera {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 10px;
width: 15px
}
.a-svg--picto-headphones {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 14px;
width: 13px
}
.article__type.a-svg--picto-headphones, .news__content__title__type.a-svg--picto-headphones {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 14px;
width: 13px
}
.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__type.a-svg--picto-headphones, .o-aside-content--darker-background .article__type.a-svg--picto-headphones {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 14px;
width: 13px
}
.m-audio-infos .m-audio-infos__title .a-svg--picto-headphones, .m-item-timeline__infos__titles .a-svg--picto-headphones {
background: url('data:image/svg+xml;charset=utf-8,') no-repeat 50%;
background-size: contain;
height: 14px;
width: 13px
}
.a-aside-title {
background-color: transparent;
color: #313131;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.3;
padding: 0;
text-transform: none
}
@media screen and (min-width:640px) {
.a-aside-title {
font-size: 2.5rem;
padding: 0
}
}
.a-cartouche-day-wrapper {
-webkit-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 0 16px;
position: relative
}
.a-cartouche-day-wrapper .a-cartouche-day {
background-color: #313131;
color: #fff;
font-size: 1.3rem;
padding: 3px 6px;
text-transform: uppercase
}
.a-cartouche-day-wrapper:after {
-webkit-box-flex: 0;
background-color: #e2001a;
content: "";
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
width: 1px
}
@media screen and (min-width:640px) {
.a-cartouche-day-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0
}
.a-cartouche-day-wrapper .a-cartouche-day {
font-size: 2rem;
padding: 8px 14px
}
.a-cartouche-day-wrapper:after {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px
}
}
.a-page-title {
word-wrap: anywhere;
font-size: 2.3rem;
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-hyphens: none;
line-height: 1.2;
overflow-wrap: break-word;
word-break: break-word
}
@media screen and (min-width:640px) {
.a-page-title {
font-size: 3.6rem;
line-height: 1.2
}
}
.a-prev-show-btn {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: #e2001a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.5rem;
margin: 0 auto 22px
}
.a-prev-show-btn .a-svg {
margin: 0 8px
}
@media screen and (min-width:640px) {
.a-prev-show-btn {
font-size: 1.9rem;
margin-bottom: 40px
}
.a-prev-show-btn .a-svg--picto-arrow-top {
height: 20px;
width: 16px
}
}
.a-tag {
margin: 2px 0 5px;
padding: 0 5px
}
.a-tag .a-tag__wrapper {
background-color: #e2001a;
border: 1px solid transparent;
border-radius: unset;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: .5rem 0 0 #e2001a, -.5rem 0 0 #e2001a;
box-shadow: .5rem 0 0 #e2001a, -.5rem 0 0 #e2001a;
color: #fff;
display: inline;
font-size: 1.3rem;
line-height: 1.4;
padding: 2px;
text-transform: uppercase
}
.a-tag .a-tag__wrapper.a-tag__wrapper--flex, .a-tag.a-tag--exercise {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.a-tag.a-tag--exercise {
border-radius: 8px;
color: #fff;
padding: 10px 12px
}
.a-tag.a-tag--exercise-a1 {
background-color: #a2c100
}
.a-tag.a-tag--exercise-a2 {
background-color: #40ab2c
}
.a-tag.a-tag--exercise-b1 {
background-color: #00c5e5
}
.a-tag.a-tag--exercise-b2 {
background-color: #0038b9
}
.a-tag.a-tag--exercise-c1, .a-tag.a-tag--exercise-c1c2, .a-tag.a-tag--exercise-c2 {
background-color: #aa00f1
}
.a-twitter-follow-button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #313131;
border-radius: 2px;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.1rem;
gap: 6px;
padding: 4px 6px;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.a-twitter-follow-button .a-svg {
height: 12px;
width: 11px
}
@media (hover:hover) {
.a-twitter-follow-button:hover {
background-color: #313131;
color: #fff
}
}
.a-twitter-follow-button:active, .a-twitter-follow-button:focus, .a-twitter-follow-button:visited {
color: #fff
}
.m-calendar-date {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center
}
.m-calendar-date .m-calendar-date__date {
color: #e2001a;
font-size: 2rem;
font-weight: 700
}
@media screen and (min-width:640px) {
.m-calendar-date .m-calendar-date__date {
font-size: 3rem
}
.m-calendar-date.m-calendar-date--squared {
height: 40px;
width: 40px
}
}
.m-item-brand-content {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px
}
.m-item-brand-content .m-item-brand-content__label {
-webkit-padding-end: 5px;
font-size: 1.2rem;
padding-inline-end: 5px;
white-space: nowrap
}
.m-item-brand-content .m-item-brand-content__image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-item-brand-content .m-item-brand-content__image .a-img {
height: auto;
max-height: 22px;
max-width: 100%
}
.m-item-brand-content .m-item-brand-content__brand-name {
font-size: 1.2rem;
font-weight: 700
}
.m-item-image, .m-item-image picture {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%
}
.m-item-image picture {
background-color: #e8eaed
}
.m-item-image picture:after {
content: "";
display: block;
height: 100%;
position: absolute;
-webkit-transition: -webkit-backdrop-filter .8s;
transition: -webkit-backdrop-filter .8s;
transition: backdrop-filter .8s;
transition: backdrop-filter .8s, -webkit-backdrop-filter .8s;
width: 100%
}
.m-item-image picture img {
max-height: 100%;
max-width: 100%;
position: absolute;
object-fit: cover;
}
.m-item-image .a-svg.a-svg--picto-play-with-opacity {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.m-item-image .a-content-icon {
bottom: 12px;
inset-inline-end: 12px;
position: absolute
}
.m-item-image.m-item-image--has-caption {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 4px
}
.m-item-image .m-item-image__overlay-wrapper {
left: 0;
position: absolute;
top: 0;
width: 100%
}
.m-item-image.m-item-image--16x9 .m-item-image__overlay-wrapper {
aspect-ratio: 1.77777778
}
.m-item-image.m-item-image--9x16 .m-item-image__overlay-wrapper {
aspect-ratio: .5625
}
.m-item-image.m-item-image--24x9 .m-item-image__overlay-wrapper {
aspect-ratio: 2.66666667
}
.m-item-image.m-item-image--3x4 .m-item-image__overlay-wrapper {
aspect-ratio: .75
}
.m-item-image.m-item-image--1x1 .m-item-image__overlay-wrapper {
aspect-ratio: 1
}
.m-item-list-article--no-image {
padding-bottom: 20px;
position: relative
}
.m-item-list-article--no-image:after {
background-color: #505050;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 35px
}
.m-item-list-article--no-image .article__infos {
padding: 0
}
.m-item-list-article--no-image .article__infos .article__title {
min-height: auto
}
.m-item-list-article {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-justify-content: stretch;
justify-content: stretch;
position: relative;
row-gap: 12px;
width: 100%
}
.m-item-list-article .m-item-image {
-webkit-box-flex: 0;
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
align-self: flex-start;
-webkit-flex: 0 0 37vw;
-ms-flex: 0 0 37vw;
flex: 0 0 37vw
}
.m-item-list-article .article__infos {
-webkit-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
.m-item-list-article .article__infos .article__top-number {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
.m-item-list-article .article__infos .a-tag {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
.m-item-list-article .article__infos .a-program-title {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3
}
.m-item-list-article .article__infos .m-item-brand-content {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
-webkit-order: 4;
order: 4
}
.m-item-list-article .article__infos .article__metadata {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
-webkit-order: 5;
order: 5
}
.m-item-list-article .article__infos .article__title {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
-webkit-order: 6;
order: 6
}
.m-item-list-article .article__infos .article__chapo {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
-webkit-order: 7;
order: 7
}
.m-item-list-article .article__infos .article__shares {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
-webkit-order: 8;
order: 8
}
.m-item-list-article .article__infos .a-reading-time {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
-webkit-order: 9;
order: 9
}
.m-item-list-article .article__infos .m-carousel-item__chapo {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
-webkit-order: 10;
order: 10
}
.m-item-list-article .article__infos .m-content-typology {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
-webkit-order: 11;
order: 11
}
.m-item-list-article .article__infos .article__metadata {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-flex: 0;
-webkit-align-items: flex-end;
align-items: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-bottom: 3px
}
.m-item-list-article .article__infos .article__metadata .article__source {
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.m-item-list-article .article__infos .article__date {
color: #6f6e71;
font-size: 1.1rem
}
.m-item-list-article .article__infos .a-tag {
font-size: 1.2rem
}
.m-item-list-article .article__infos .article__title {
word-wrap: anywhere;
font-size: 1.7rem;
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-hyphens: none;
line-height: 1.25;
min-height: auto;
overflow-wrap: break-word;
word-break: break-word
}
.m-item-list-article .article__infos .article__title a h2 {
display: inline;
font-size: inherit;
font-weight: inherit;
line-height: inherit
}
.m-item-list-article .article__infos .article__title .article__type {
display: inline-block
}
.m-item-list-article .article__infos .article__title .article__type.a-svg {
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.m-item-list-article .article__infos .article__title .article__type.a-svg.a-svg--picto-camera {
height: 11px;
width: 16px
}
.m-item-list-article .article__infos .article__title .article__type.a-svg.a-svg--picto-headphones {
height: 14px;
width: 14px
}
.m-item-list-article .article__infos .article__title.article__title--big {
font-size: 2.2rem;
text-transform: uppercase
}
.m-item-list-article .article__infos .article__title.article__title--black {
font-size: 2.2rem;
font-weight: 900;
text-transform: uppercase
}
.m-item-list-article .article__infos .article__title.article__title--branded {
color: #e2001a
}
.m-item-list-article .article__infos .article__title + .article__chapo {
margin-top: 10px
}
.m-item-list-article.m-item-list-article--content-visibility {
contain-intrinsic-size: auto 20.8125vw;
content-visibility: auto
}
.is-safari .m-item-list-article.m-item-list-article--content-visibility {
content-visibility: unset
}
.m-item-list-article.m-item-list-article--exercise .article__infos {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.m-item-list-article.m-item-list-article--exercise .article__infos .a-tag.a-tag--exercise {
font-size: 1.4rem;
margin: 0 0 5px
}
.m-item-list-article.m-item-list-article--offline {
opacity: .2
}
.m-item-list-article.m-item-list-article--no-image {
padding-bottom: 20px;
position: relative
}
.m-item-list-article.m-item-list-article--no-image:after {
background-color: #505050;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 35px
}
.m-item-list-article.m-item-list-article--no-image .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--no-image .article__infos .article__title {
min-height: auto
}
@media screen and (max-width:639px) {
.m-item-list-article.m-item-list-article--mobile-no-image {
padding-bottom: 20px;
position: relative
}
.m-item-list-article.m-item-list-article--mobile-no-image:after {
background-color: #505050;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 35px
}
.m-item-list-article.m-item-list-article--mobile-no-image .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--mobile-no-image .article__infos .article__title {
min-height: auto
}
.m-item-list-article.m-item-list-article--mobile-no-image .m-item-image {
display: none
}
}
.m-item-list-article.m-item-list-article--main-article {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
row-gap: 8px
}
.m-item-list-article.m-item-list-article--main-article .m-item-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.m-item-list-article.m-item-list-article--main-article .article__infos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-item-list-article.m-item-list-article--main-article .article__infos .a-tag, .m-item-list-article.m-item-list-article--main-article .article__infos .article__title {
position: relative
}
.m-item-list-article.m-item-list-article--main-article .article__infos .a-tag {
font-size: 1.2rem
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.1;
min-height: auto
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title .article__type.a-svg {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title .article__type.a-svg.a-svg--picto-camera {
height: 13px;
width: 20px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title .article__type.a-svg.a-svg--picto-headphones {
height: 13px;
width: 12px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__chapo {
font-size: 1.7rem;
line-height: 1.3
}
.m-item-list-article.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-align-items: flex-start;
align-items: flex-start;
bottom: 0;
color: #fff;
height: 100%;
-webkit-justify-content: flex-end;
justify-content: flex-end;
left: 0;
padding: 0 10px 10px;
pointer-events: none;
position: absolute;
right: 0;
width: 100%
}
.m-item-list-article.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos:before {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4)));
background: linear-gradient(transparent, rgba(0, 0, 0, .4));
bottom: 0;
content: "";
height: 70%;
left: 0;
position: absolute;
right: 0;
width: 100%
}
.m-item-list-article.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos .a-tag {
left: auto;
position: relative;
top: auto;
-webkit-transform: none;
transform: none
}
.m-item-list-article.m-item-list-article--main-breaking {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
gap: 20px
}
.m-item-list-article.m-item-list-article--main-breaking:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 29, 38, 0)), to(rgba(1, 29, 38, .9)));
background: linear-gradient(180deg, rgba(1, 29, 38, 0), rgba(1, 29, 38, .9));
bottom: 0;
content: "";
left: -16px;
pointer-events: none;
position: absolute;
right: -16px;
top: 0;
z-index: 1
}
@media screen and (max-width:639px) {
.m-item-list-article.m-item-list-article--main-breaking .m-item-image .a-picture {
margin: 0 -16px;
width: 100vw
}
.m-item-list-article.m-item-list-article--main-breaking .m-item-image .a-picture.a-picture--16x9 {
aspect-ratio: 1.25
}
.m-item-list-article.m-item-list-article--main-breaking .m-item-image .a-picture.a-picture--16x9 .a-img {
aspect-ratio: 1.77777778;
left: 50%;
max-width: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto
}
.m-item-list-article.m-item-list-article--main-breaking .m-item-image.m-item-image--16x9 .m-item-image__overlay-wrapper {
aspect-ratio: 1.25
}
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos {
display: inline;
left: -16px;
padding: 16px;
pointer-events: none;
position: absolute;
right: -16px;
z-index: 2
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos .a-status-tag {
-webkit-margin-end: 8px;
margin-inline-end: 8px
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos .article__title {
display: inline;
vertical-align: middle
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos .article__title a h2 {
color: #fff
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos .article__title a:focus-visible {
outline-color: #fff
}
.m-item-list-article.m-item-list-article--highlighted-main {
-webkit-box-flex: 1;
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
align-self: flex-start;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.m-item-list-article.m-item-list-article--highlighted-main .m-list-main-related {
margin-top: 22px
}
.m-item-list-article.m-item-list-article--highlighted-main .m-item-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .a-tag {
font-size: 1.2rem
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.1;
min-height: auto
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title .article__type.a-svg {
-webkit-margin-start: 8px;
margin-inline-start: 8px
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title .article__type.a-svg.a-svg--picto-camera {
height: 13px;
width: 20px
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title .article__type.a-svg.a-svg--picto-headphones {
height: 13px;
width: 12px
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__chapo {
font-size: 1.7rem;
line-height: 1.3
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--with-tag-over-image .article__infos .a-tag {
inset-inline-start: 0;
pointer-events: none;
position: absolute;
top: -15px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--with-tag-over-image .article__infos .a-tag, .m-item-list-article.m-item-list-article--main-article.m-item-list-article--with-tag-over-image .article__infos .a-tag {
inset-inline-start: auto;
position: relative;
top: auto;
-webkit-transform: none;
transform: none
}
.m-item-list-article.m-item-list-article--keep-it-vertical {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-item-list-article.m-item-list-article--keep-it-vertical .m-item-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.m-item-list-article.m-item-list-article--keep-it-vertical .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--keep-it-vertical .article__infos .article__title {
min-height: auto
}
.m-item-list-article.m-item-list-article--keep-it-vertical.m-item-list-article--with-tag-over-image .article__infos .a-tag {
inset-inline-start: 0;
pointer-events: none;
position: absolute;
top: -15px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.m-item-list-article.m-item-list-article--card {
-webkit-box-flex: 1;
-ms-flex-line-pack: start;
-webkit-align-content: start;
align-content: start;
border: 1px solid #202124;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.m-item-list-article.m-item-list-article--card .article__infos {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
padding: 8px 16px 24px
}
.m-item-list-article.m-item-list-article--card .article__infos .article__title {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.m-item-list-article.m-item-list-article--card .article__infos .a-reading-time {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
color: #5f6368;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.54
}
.m-item-list-article.m-item-list-article--card .article__infos .a-reading-time .a-svg--picto-clock {
height: 16px;
width: 16px
}
.m-item-list-article.m-item-list-article--with-number .article__infos {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 80px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 0
}
.m-item-list-article.m-item-list-article--with-number .article__infos .article__top-number {
-webkit-box-flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: 1px solid #505050;
color: #e2001a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
font-size: 5rem;
font-weight: 700;
-webkit-justify-content: center;
justify-content: center;
width: 46px
}
.m-item-list-article.m-item-list-article--with-number .article__infos .article__metadata, .m-item-list-article.m-item-list-article--with-number .article__infos .article__title {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 0 10px;
width: calc(100% - 46px)
}
.m-item-list-article.m-item-list-article--with-number .article__infos .article__title {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
height: 63px;
overflow: hidden
}
@media screen and (min-width:640px) {
.m-item-list-article {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.m-item-list-article .m-item-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%
}
.m-item-list-article .article__infos .a-tag {
font-size: 1.2rem
}
.m-item-list-article .article__infos .article__title {
font-size: 1.7rem
}
.m-item-list-article .article__infos .article__title.article__title--big {
font-size: 2.2rem
}
.m-item-list-article.m-item-list-article--with-tag-over-image .article__infos .a-tag {
inset-inline-start: 0;
pointer-events: none;
position: absolute;
top: -15px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.m-item-list-article.m-item-list-article--keep-it-horizontal.m-item-list-article--with-tag-over-image .article__infos .a-tag, .m-item-list-article.m-item-list-article--no-image.m-item-list-article--with-tag-over-image .article__infos .a-tag {
inset-inline-start: auto;
position: static;
top: auto;
-webkit-transform: none;
transform: none
}
.m-item-list-article.m-item-list-article--hor-to-ver .m-item-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.m-item-list-article.m-item-list-article--highlighted-main, .m-item-list-article.m-item-list-article--keep-it-horizontal, .m-item-list-article.m-item-list-article--main-article {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.m-item-list-article.m-item-list-article--main-article {
row-gap: 20px
}
.m-item-list-article.m-item-list-article--main-article .m-item-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.m-item-list-article.m-item-list-article--main-article .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title {
font-size: 3.5rem;
line-height: 1
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title .article__type.a-svg.a-svg--picto-headphones {
height: 22px;
width: 23px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__title .article__type.a-svg.a-svg--picto-camera {
height: 18px;
width: 26px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .article__chapo {
margin-bottom: 22px
}
.m-item-list-article.m-item-list-article--main-article .article__infos .a-tag {
font-size: 1.8rem
}
.m-item-list-article.m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos {
padding: 0 15px 10px
}
.m-item-list-article.m-item-list-article--main-breaking:after {
left: 0;
right: 0
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos {
left: 0;
padding: 16px;
right: 0
}
.m-item-list-article.m-item-list-article--keep-it-horizontal .m-item-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 42%;
-ms-flex: 0 0 42%;
flex: 0 0 42%
}
.m-item-list-article.m-item-list-article--keep-it-horizontal .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--highlighted-main {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title {
font-size: 3.5rem
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title .article__type.a-svg.a-svg--picto-headphones {
height: 22px;
width: 23px
}
.m-item-list-article.m-item-list-article--highlighted-main .article__infos .article__title .article__type.a-svg.a-svg--picto-camera {
height: 18px;
width: 26px
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth {
-webkit-box-flex: 0;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth .article__infos, .m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth .m-item-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth .article__infos {
padding: 0
}
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth.m-item-list-article--with-tag-over-image .article__infos .a-tag {
position: static;
-webkit-transform: none;
transform: none
}
.m-item-list-article.m-item-list-article--keep-it-vertical {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.m-item-list-article.m-item-list-article--keep-it-vertical .m-item-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.m-item-list-article.m-item-list-article--with-number .article__infos .article__top-number {
font-size: 6.2rem
}
}
@media screen and (min-width:1024px) {
.m-item-list-article.m-item-list-article--highlighted-main.m-item-list-article--highlighted-fullwidth {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px
}
.m-item-list-article.m-item-list-article--main-breaking:after {
top: 50%
}
.m-item-list-article.m-item-list-article--main-breaking .article__infos {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 32px;
row-gap: 16px
}
}
.m-item-news-feed, .m-item-news-feed .news__metadata {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-item-news-feed .news__metadata {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-flex: 0;
-webkit-align-items: center;
align-items: center;
color: #fff;
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
overflow: hidden
}
.m-item-news-feed .news__metadata .news__metadata__source, .m-item-news-feed .news__metadata .news__metadata__time {
font-size: 1.3rem
}
.m-item-news-feed .news__metadata .news__metadata__time {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-align-items: center;
align-items: center;
background-color: #e2001a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 26px;
-webkit-justify-content: center;
justify-content: center;
width: 45px
}
.m-item-news-feed .news__metadata .news__metadata__source {
color: #000;
margin-top: 3px
}
.m-item-news-feed .news__metadata + .news__content {
padding: 0 10px
}
.m-item-news-feed .news__content {
-webkit-box-flex: 1;
-webkit-padding-start: 25px;
-webkit-padding-end: 10px;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
padding-inline-end: 10px;
padding-inline-start: 25px
}
.m-item-news-feed .news__content .news__content__title .news__content__title__type {
-webkit-margin-end: 5px;
display: inline-block;
margin-inline-end: 5px
}
.m-item-news-feed .news__content .news__content__title h2 {
word-wrap: anywhere;
display: inline;
font-size: 1.7rem;
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-hyphens: none;
line-height: 1.25;
overflow-wrap: break-word;
word-break: break-word
}
.m-item-program-grid {
margin-bottom: 5px
}
.m-item-program-grid .m-item-program-grid__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline {
-webkit-box-flex: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 65px;
-ms-flex: 0 0 65px;
flex: 0 0 65px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__time {
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live-wrapper {
-webkit-box-flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-align-items: center;
align-items: center;
color: #e2001a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live-wrapper:after {
-webkit-box-flex: 1;
background-color: #e2001a;
content: "";
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 1px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live-wrapper .m-item-program-grid__timeline__live {
-webkit-box-flex: 0;
background-color: #e2001a;
color: #fff;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: 1.2rem;
margin-bottom: 5px;
padding: 2px 3px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live-wrapper .m-item-program-grid__timeline__picto {
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live-wrapper .m-item-program-grid__timeline__picto .a-svg {
-webkit-box-flex: 0;
-webkit-flex: 0 0 35px;
-ms-flex: 0 0 35px;
flex: 0 0 35px;
height: 35px;
width: 35px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos {
-webkit-padding-start: 20px;
-webkit-box-flex: 1;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 30px;
padding-inline-start: 20px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link {
-webkit-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__figure-wrapper {
-webkit-box-flex: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-flex: 0 0 140px;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
margin-bottom: 5px;
-webkit-order: 1;
order: 1
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles {
-webkit-box-flex: 0;
-ms-flex-line-pack: start;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-align-content: flex-start;
align-content: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5px;
-webkit-order: 3;
order: 3
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__program-title {
-webkit-box-flex: 1;
color: #313131;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 5px;
text-transform: uppercase
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__edition-title {
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 5px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__edition-authors {
font-size: 1.2rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__podcast {
-webkit-box-flex: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 25px;
-ms-flex: 0 0 25px;
flex: 0 0 25px;
-webkit-justify-content: center;
justify-content: center
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__podcast .a-svg--picto-rss {
height: 20px;
width: 16px
}
@media screen and (min-width:640px) {
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__time {
font-size: 2.2rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__timeline .m-item-program-grid__timeline__live {
font-size: 1.3rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos, .m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__figure-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
margin-bottom: 5px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__figure-wrapper + .m-item-program-grid__infos__titles {
-webkit-padding-start: 10px;
padding-inline-start: 10px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__program-title {
font-size: 2.4rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__edition-title {
font-size: 1.7rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__titles .m-item-program-grid__infos__edition-authors {
font-size: 1.5rem
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__podcast {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px
}
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__podcast .a-svg--picto-rss {
height: 22px;
width: 17px
}
}
@media screen and (min-width:1024px) {
.m-item-program-grid .m-item-program-grid__wrapper .m-item-program-grid__infos .m-item-program-grid__infos__link .m-item-program-grid__infos__figure-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px
}
}
.m-item-twitter {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border: 1px solid #c4c4c4;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
padding: 12px
}
.m-item-twitter .m-item-twitter__image {
border: 1px solid #c4c4c4;
border-radius: 40px;
height: 80px;
width: 80px
}
.m-item-twitter .m-item-twitter__author {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
.m-item-twitter .m-item-twitter__author .m-item-twitter__author__link {
color: #e2001a;
font-size: 1.8rem;
font-weight: 700
}
.m-item-twitter .m-item-twitter__author .a-twitter-follow-button {
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
align-self: flex-start
}
.m-item-twitter .m-item-twitter__content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
font-size: 1.5rem;
font-weight: 700;
overflow: hidden
}
.m-item-twitter .m-item-twitter__content a {
color: #e2001a;
word-break: break-all
}
@media screen and (min-width:640px) {
.m-item-twitter .m-item-twitter__author .m-item-twitter__author__link {
font-size: 2rem
}
.m-item-twitter .m-item-twitter__content {
font-size: 1.7rem
}
}
.m-list-main-related {
display: grid;
gap: 16px;
grid-template-columns: 1fr;
padding-bottom: 16px;
position: relative;
width:100%;
}
.m-list-main-related .m-list-main-related__article {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px
}
.m-list-main-related .m-list-main-related__article .a-svg {
-webkit-box-flex: 0;
-webkit-flex: 0 0 12px;
-ms-flex: 0 0 12px;
flex: 0 0 12px;
margin-top: 5px
}
.m-list-main-related .m-list-main-related__article h2 {
font-size: 1.7rem;
font-weight: 700;
line-height: 1.25
}
.m-list-main-related:after {
background-color: #c4c4c4;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 100%
}
@media screen and (min-width:640px) {
.m-list-main-related {
gap: 24px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 16px
}
.m-list-main-related.m-list-main-related--fullwidth .m-list-main-related__article {
grid-column: 1/span 2
}
}
.m-podcast-links {
-webkit-flex: 0;
-ms-flex: 0;
flex: 0
}
.m-podcast-links, .m-podcast-links .m-podcast-links__podcast {
-webkit-box-flex: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-podcast-links .m-podcast-links__podcast {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.3rem;
-webkit-justify-content: center;
justify-content: center;
margin: 0 10px;
text-align: center
}
.m-podcast-links .m-podcast-links__podcast .a-svg {
height: 30px;
margin-bottom: 5px;
width: 30px
}
@media screen and (min-width:640px) {
.m-podcast-links .m-podcast-links__podcast {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px
}
.m-podcast-links .m-podcast-links__podcast .a-svg {
height: 40px;
width: 40px
}
}
.o-layout-list.o-layout-list--1col-half {
display: grid;
row-gap: 40px
}
.o-layout-list.o-layout-list--1col-half .m-item-list-article {
display: grid
}
.o-layout-list.o-layout-list--1col-half .m-item-list-article .article__chapo {
margin: 0
}
.o-layout-list.o-layout-list--1col-half .article__shares {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-ms-flex-item-align: start;
-webkit-align-self: start;
align-self: start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
justify-self: center;
margin-top: 8px;
-webkit-order: 1;
order: 1;
position: relative
}
@media screen and (max-width:639px) {
.o-layout-list.o-layout-list--1col-half .article__shares .o-popin-share {
inset-inline-end: unset
}
.o-layout-list.o-layout-list--1col-half .article__shares .a-master-button .a-svg--icon-share {
height: 20px;
width: 20px
}
}
@media screen and (min-width:640px) {
.o-layout-list.o-layout-list--1col-half .m-item-list-article {
grid-template-columns: repeat(2, 1fr)
}
.o-layout-list.o-layout-list--1col-half .m-item-list-article .article__infos {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
grid-template-columns: 1fr auto
}
.o-layout-list.o-layout-list--1col-half .m-item-list-article .article__infos .a-program-title, .o-layout-list.o-layout-list--1col-half .m-item-list-article .article__infos .article__chapo, .o-layout-list.o-layout-list--1col-half .m-item-list-article .article__infos .m-content-typology {
grid-column-end: span 2
}
.o-layout-list.o-layout-list--1col-half .article__shares {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
-webkit-justify-content: end;
justify-content: end;
min-height: 24px;
min-width: 32px;
-webkit-order: unset;
order: unset
}
.o-layout-list.o-layout-list--1col-half .article__shares .a-master-button {
padding: 4px 8px
}
.o-layout-list.o-layout-list--1col-half .article__shares .a-master-button .a-master-button__label {
display: none
}
}
.o-layout-list.o-layout-list--news-feed {
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
position: relative;
row-gap: 0
}
.o-layout-list.o-layout-list--news-feed .o-layout-list__item {
-webkit-box-flex: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0;
position: relative
}
.o-layout-list.o-layout-list--news-feed .o-layout-list__item:before {
-webkit-box-flex: 0;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
background-color: #e2001a;
content: "";
-webkit-flex: 0 0 1px;
-ms-flex: 0 0 1px;
flex: 0 0 1px;
height: 100%;
-webkit-order: 0;
order: 0
}
.o-layout-list.o-layout-list--news-feed .o-layout-list__item:after {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-box-flex: 0;
background-color: #e2001a;
content: "";
-webkit-flex: 0 0 15px;
-ms-flex: 0 0 15px;
flex: 0 0 15px;
height: 1px;
margin-top: 13px;
-webkit-order: 1;
order: 1
}
.o-layout-list.o-layout-list--news-feed .o-layout-list__item .m-item-news-feed {
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 0;
margin-right: 0;
-webkit-order: 2;
order: 2;
padding-bottom: 25px
}
.o-layout-list.o-layout-list--news-feed .o-layout-list__item:first-child:before {
height: calc(100% - 13px);
margin-top: 13px
}
.o-layout-list.o-layout-list--timeline {
row-gap: 0
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item .m-item-news-feed .news__content .m-item-list-article {
margin-left: 0;
margin-right: 0
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper {
-webkit-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.o-layout-list.o-layout-list--timeline.o-layout-list--news-feed .o-layout-list__item-wrapper:not(:first-child) .o-layout-list__item:first-child:before {
height: 100%;
margin-top: 0
}
@media screen and (min-width:640px) {
.o-layout-list.o-layout-list--timeline {
row-gap: 0
}
.o-layout-list.o-layout-list--timeline.o-layout-list--news-feed .a-cartouche-day-wrapper:after {
-webkit-border-end: 1px solid #e2001a;
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
align-self: flex-start;
background-color: transparent;
border-inline-end: 1px solid #e2001a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item .m-item-news-feed .news__metadata {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item .m-item-news-feed .news__metadata .news__metadata__time {
font-size: 1.7rem;
font-weight: 700;
height: 30px;
width: 60px
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd):before {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-order: 2;
order: 2
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd):after {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd) .m-item-news-feed {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-order: 0;
order: 0
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd) .m-item-news-feed .news__content .m-item-list-article .article__infos {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd) .m-item-news-feed .news__content .m-item-list-article .article__infos .article__date {
-webkit-box-flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(odd) .m-item-news-feed .news__content .m-item-list-article .article__infos .article__title {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: right
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(2n) {
margin-top: 80px
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(2n):before {
-webkit-margin-start: -1px;
margin-inline-start: -1px
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item:nth-child(2n):after {
width: 16px
}
.o-layout-list.o-layout-list--timeline .o-layout-list__item-wrapper .o-layout-list__item .m-item-news-feed .news__metadata {
-webkit-padding-start: 0;
padding-inline-start: 0
}
.o-layout-list.o-layout-list--timeline:before {
display: none
}
}
.o-layout-list {
-webkit-box-flex: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 25px
}
.o-layout-list .o-layout-list__item {
min-height: 0;
min-width: 0
}
.o-layout-list .o-layout-list__item.o-layout-list__item--main-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.o-layout-list .o-layout-list__item + .o-layout-list__item--with-ad {
margin-top: 10px
}
.o-layout-list .o-layout-list__item.o-layout-list__item--with-ad {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.o-layout-list .o-layout-list__item, .o-layout-list.o-layout-list--highlighted {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start
}
.o-layout-list.o-layout-list--without-images .m-item-list-article .article__infos {
padding: 0
}
.o-layout-list.o-layout-list--main-solo .o-layout-list__item.o-layout-list__item--main-item .m-item-list-article.m-item-list-article--main-article .article__infos .article__title {
margin-bottom: 0
}
.o-layout-list.o-layout-list--main-solo .o-layout-list__item.o-layout-list__item--main-item .m-item-list-article.m-item-list-article--main-article .m-list-main-related {
margin-top: 10px
}
.o-layout-list.o-layout-list--all-programs {
gap: 30px
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(50% - 15px);
-ms-flex: 0 0 calc(50% - 15px);
flex: 0 0 calc(50% - 15px)
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item .m-item-list-article {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item .m-item-list-article .m-item-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 10px
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item .m-item-list-article .article__infos {
padding: 0
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item .m-item-list-article .article__infos .article__title.article__title--big {
font-size: 1.8rem
}
.t-content.t-content--page-builder .t-content__sections .o-pagebuilder-section .o-tag-list + .o-layout-list.o-layout-list--all-programs {
margin-top: 32px
}
.o-layout-list.o-layout-list--cards .o-layout-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.t-content.t-content--page-builder .t-content__sections .o-pagebuilder-section:first-child > .o-layout-list {
margin-top: 20px
}
.t-content.t-content--page-builder .t-content__sections .o-pagebuilder-section:first-child > .o-layout-list.o-layout-list--main-solo {
margin-top: 0
}
.m-infinite-scroll-loader {
display: none;
height: 50px;
margin: 40px auto;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
width: 50px
}
.m-infinite-scroll-loader.u-loading {
display: block;
opacity: 1
}
.m-infinite-scroll-loader.u-loading .a-circle-loader {
display: block;
height: 50px;
width: 50px
}
.m-infinite-scroll-loader.u-loading .a-circle-loader__main-circle {
border-color: #e2001a transparent transparent #e2001a;
border-width: 2px
}
.m-infinite-scroll-loader.u-loading .a-circle-loader__bg-circle {
border: 1px solid #c4c4c4;
height: 47px;
left: 1px;
top: 1px;
width: 47px
}
.m-infinite-scroll-loader.u-loading .a-circle-loader:after, .m-infinite-scroll-loader.u-loading .a-circle-loader:before {
background-color: #e2001a;
height: 2px;
top: 23px;
width: 2px
}
@media screen and (min-width:640px) {
.o-layout-list {
row-gap: 30px
}
.o-layout-list.o-layout-list--highlighted {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.o-layout-list .o-layout-list__item .m-block-ad {
margin-bottom: 0
}
.o-layout-list .o-layout-list__item + .o-layout-list__item--with-ad {
margin-top: 0
}
.o-layout-list.o-layout-list--main-solo .o-layout-list__item.o-layout-list__item--main-item .m-item-list-article.m-item-list-article--main-article .article__infos .article__title {
margin-bottom: 0
}
.o-layout-list.o-layout-list--all-programs {
gap: 30px
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(25% - 22.5px);
-ms-flex: 0 0 calc(25% - 22.5px);
flex: 0 0 calc(25% - 22.5px)
}
.t-content.t-content--page-builder .t-content__sections .o-pagebuilder-section .o-tag-list + .o-layout-list.o-layout-list--all-programs {
margin-top: 32px
}
}
@media screen and (min-width:1024px) {
.o-layout-list.o-layout-list--all-programs {
gap: 30px
}
.o-layout-list.o-layout-list--all-programs .o-layout-list__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(20% - 24px);
-ms-flex: 0 0 calc(20% - 24px);
flex: 0 0 calc(20% - 24px)
}
}
.o-light-calendar {
margin-bottom: 16px;
padding: 20px 16px;
position: relative
}
.o-light-calendar .o-light-calendar__list {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 200px;
position: relative
}
.o-light-calendar .o-light-calendar__list .o-light-calendar__list__item {
-webkit-box-flex: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 60%;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.o-light-calendar .o-light-calendar__list .o-light-calendar__list__item.o-light-calendar__list__item--squared {
-webkit-box-flex: 0;
-webkit-flex: 0 1 20%;
-ms-flex: 0 1 20%;
flex: 0 1 20%
}
.o-light-calendar .o-light-calendar__list .o-light-calendar__list__item.o-light-calendar__list__item--squared .m-calendar-date {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border: 1px solid #e2001a;
height: 30px;
width: 30px
}
.o-light-calendar .o-light-calendar__list.o-light-calendar__list--flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.o-light-calendar:before {
background-color: #f5f5f5;
bottom: 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw
}
.t-content.t-content--page-builder.t-content--page-builder--dark-bg .o-light-calendar:before {
background-color: #373b4d
}
.t-content.t-content--page-builder.t-content--page-builder--dark-bg .o-light-calendar .m-calendar-date.m-calendar-date--active {
color: #e2001a
}
@media screen and (min-width:640px) {
.o-light-calendar {
margin-bottom: 20px
}
.o-light-calendar .o-light-calendar__list {
max-width: 300px
}
}
@media screen and (min-width:1024px) {
.o-light-calendar {
margin-bottom: 20px;
padding: 25px 0
}
.o-light-calendar .o-light-calendar__list {
max-width: 400px
}
.o-light-calendar .o-light-calendar__list .o-light-calendar__list__item.o-light-calendar__list__item--squared .m-calendar-date {
height: 40px;
width: 40px
}
}
.o-aside-content {
color: #313131;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
row-gap: 32px
}
.o-aside-content .o-aside-content__title {
margin: 0
}
.o-aside-content .o-aside-content__see-more {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-flex-item-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-self: center;
align-self: center;
color: #e2001a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.2rem;
margin: 0
}
.o-aside-content .o-aside-content__see-more .a-svg {
-webkit-margin-start: 5px;
margin-inline-start: 5px
}
.o-aside-content .o-aside-content__row {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-flex: 1;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
position: relative
}
.o-aside-content .o-aside-content__row.o-aside-content__row--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.o-aside-content .o-aside-content__row.o-aside-content__row--center .o-aside-content__subtitle, .o-aside-content .o-aside-content__row.o-aside-content__row--center .o-aside-content__title {
text-align: center
}
.o-aside-content .o-aside-content__row.o-aside-content__row--flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.o-aside-content .o-aside-content__row.o-aside-content__row--space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.o-aside-content .o-aside-content__loader .a-circle-loader {
height: 40px;
height: 35px;
width: 40px;
width: 35px
}
.o-aside-content .o-aside-content__loader .a-circle-loader__main-circle {
border-color: #e2001a transparent transparent #e2001a;
border-width: 2px
}
.o-aside-content .o-aside-content__loader .a-circle-loader__bg-circle {
border: 1px solid #c4c4c4;
height: 32px;
left: 1px;
top: 1px;
width: 32px
}
.o-aside-content .o-aside-content__loader .a-circle-loader:after, .o-aside-content .o-aside-content__loader .a-circle-loader:before {
background-color: #e2001a;
height: 2px;
top: 15.5px;
width: 2px
}
.o-aside-content .o-aside-content__subtitle {
font-size: 1.7rem
}
.o-aside-content.o-aside-content--all-podcast {
row-gap: 16px
}
.o-aside-content.o-aside-content--all-podcast.o-aside-content--overflow-background {
padding: 32px 0
}
.o-aside-content.o-aside-content--all-podcast .o-aside-content__row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.o-aside-content.o-aside-content--all-podcast .o-aside-content__row p {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
font-size: 1.6rem;
line-height: 1.4;
text-align: center
}
.o-aside-content.o-aside-content--all-podcast .m-cta {
background-color: #e2001a;
border-color: #e2001a;
border-radius: 25px;
color: #fff;
padding-left: 35px;
padding-right: 35px;
text-align: center
}
.o-aside-content.o-aside-content--overflow-background {
color: inherit;
padding: 16px 0
}
.o-aside-content.o-aside-content--overflow-background .o-aside-content__title {
margin: 0
}
.o-aside-content.o-aside-content--overflow-background:before {
background-color: #f5f5f5;
bottom: 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background {
color: #fff
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background:before {
background-color: #2f2933
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background a {
outline-color: #fff
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background .a-tag .a-tag__wrapper {
background-color: #fff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
color: #313131
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background .article__type, .o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background .o-aside-content__see-more, .o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background .o-aside-content__title.a-aside-title {
color: #fff
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--darker-background .m-item-list-article .article__infos .article__date {
color: #c4c4c4
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--bordered:before {
border-bottom: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5
}
.o-aside-content.o-aside-content--overflow-background.o-aside-content--seemore-on-top .o-aside-content__row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.o-aside-content.o-aside-content--carousel {
row-gap: 16px
}
.o-aside-content.o-aside-content--carousel .o-aside-content__row {
overflow: hidden
}
.o-aside-content.o-aside-content--carousel.o-aside-content--overflow-background:before {
background-color: #f8f8f8
}
@media screen and (min-width:640px) {
.o-aside-content {
row-gap: 32px
}
.o-aside-content .o-aside-content__title {
margin: 0
}
.o-aside-content .o-aside-content__title.a-aside-title {
font-size: 3rem
}
}
.o-aside-content {
margin: 0
}
.o-aside-content.o-aside-content--news-feed {
-webkit-box-flex: 1;
background-color: #f5f5f5;
color: #313131;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative
}
.o-aside-content.o-aside-content--news-feed .o-aside-content__title {
margin: 0
}
.o-aside-content.o-aside-content--news-feed .o-aside-content__see-more {
color: #e2001a
}
@media screen and (min-width:640px) {
.o-aside-content.o-aside-content--news-feed .o-aside-content__title {
margin: 0
}
}
.o-aside-content.o-aside-content--daily-news {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
gap: 24px
}
.o-aside-content.o-aside-content--daily-news .o-aside-content__title {
font-size: 2.2rem;
margin: 0
}
.o-aside-content.o-aside-content--daily-news .o-daily-news {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-flex: 1;
word-wrap: anywhere;
border-bottom: 1px solid #e8eaed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-hyphens: none;
overflow-wrap: break-word;
padding: 16px 0;
row-gap: 8px;
word-break: break-word
}
.o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item:first-child {
padding-top: 0
}
.o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item .a-daily-news-link .a-daily-news-link__title {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.42
}
@media screen and (min-width:640px) {
.o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item .a-daily-news-link .a-daily-news-link__title {
font-size: 1.6rem;
line-height: 1.5
}
}
.o-sidebar__aside .o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item:last-child {
border-bottom: none;
padding-bottom: 0
}
@media screen and (min-width:1024px) {
.o-aside-content.o-aside-content--daily-news .o-aside-content__title {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.o-aside-content.o-aside-content--daily-news .o-daily-news .o-daily-news__item {
padding: 24px 0
}
}
.o-banana-split {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 25px
}
@media screen and (min-width:640px) {
.o-banana-split {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
grid-template-columns: repeat(1, 1fr)
}
}
@media screen and (min-width:1024px) {
.o-banana-split {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
grid-template-columns: repeat(3, 1fr)
}
}
.o-banana-split .o-banana-split__ad-n-newsfeed, .o-banana-split .o-banana-split__ad-n-newsfeed + .o-layout-list {
margin-top: 30px
}
@media screen and (max-width:639px) {
.o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article {
margin: 0 -16px;
width: calc(100% + 32px)
}
.o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article .article__infos, .o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article.m-item-list-article--with-text-over-image .m-list-main-related {
margin: 0 16px
}
}
.o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos {
aspect-ratio: 1.77777778;
height: auto;
left: 0;
margin: 0;
padding: 0 16px 10px;
right: 0;
top: 0;
width: 100%
}
.o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos .article__title a {
outline-color: #fff
}
.o-banana-split.o-banana-split--no-feed .m-item-list-article--main-article {
margin-bottom: 25px
}
.o-banana-split.o-banana-split--no-feed .o-block-ad-n-layout-list .o-layout-list {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
.o-banana-split.o-banana-split--no-feed .o-block-ad-n-layout-list .o-block-ad-n-layout-list__block-ad {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-order: 1;
order: 1
}
@media screen and (min-width:640px) {
.o-banana-split .o-banana-split__main-articles .m-item-list-article--main-article.m-item-list-article--with-text-over-image .article__infos {
padding: 0 15px 10px
}
}
@media screen and (min-width:1024px) {
.o-banana-split .o-banana-split__main-articles {
grid-column: 1/span 2
}
.o-banana-split .o-banana-split__ad-n-newsfeed, .o-banana-split .o-banana-split__ad-n-newsfeed + .o-layout-list {
margin-top: 0
}
.o-banana-split.o-banana-split--no-feed .m-item-list-article--main-article {
grid-column: 1/span 2
}
.o-banana-split.o-banana-split--no-feed .o-block-ad-n-layout-list {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
display: grid;
grid-column: 1/span 3;
grid-template-columns: 1fr 1fr 1fr
}
.o-banana-split.o-banana-split--no-feed .o-block-ad-n-layout-list .o-layout-list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
grid-column: 1/span 2;
-webkit-order: 1;
order: 1
}
.o-banana-split.o-banana-split--no-feed .o-block-ad-n-layout-list .o-block-ad-n-layout-list__block-ad {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
.o-banana-split .grid-1-2-3 {
grid-column: 1/span 3
}
}
.o-block-ad-n-newsfeed {
-ms-flex-line-pack: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
min-width: 0;
row-gap: 32px
}
.o-block-ad-n-newsfeed .o-aside-content--news-feed {
-webkit-box-flex: 1;
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
align-self: flex-start;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 16px
}
@media screen and (min-width:640px) {
.o-block-ad-n-newsfeed .m-block-ad, .o-block-ad-n-newsfeed .o-aside-content--news-feed {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.o-block-ad-n-newsfeed .m-block-ad {
min-width: 300px
}
}
@media screen and (min-width:1024px) {
.o-block-ad-n-newsfeed {
-webkit-box-flex: 1;
-webkit-flex: 1 0 332px;
-ms-flex: 1 0 332px;
flex: 1 0 332px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.o-block-ad-n-newsfeed .o-aside-content--news-feed {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
}
.o-breaking-liveblog {
border-bottom: 1px solid #202124;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 40px;
row-gap: 16px
}
.o-breaking-liveblog .m-item-list-article--main-breaking {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.o-breaking-liveblog .o-breaking-liveblog__posts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
row-gap: 32px
}
.o-breaking-liveblog .o-breaking-liveblog__posts .o-video .m-em-video .m-em-video__title {
font-size: 1.6rem;
font-weight: 900;
line-height: 1.37;
text-transform: uppercase
}
@media screen and (min-width:640px) {
.o-breaking-liveblog .o-breaking-liveblog__posts .o-video .m-em-video .m-em-video__title {
font-size: 2rem;
line-height: 1.3
}
}
.o-breaking-liveblog .o-liveblog-last-posts .o-liveblog-last-posts__show-all {
-webkit-border-after: 1px solid #0e1013;
-webkit-margin-before: 16px;
-webkit-padding-after: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-block-end: 1px solid #0e1013;
display: none;
gap: 8px;
margin-block-start: 16px;
padding-block-end: 4px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.o-breaking-liveblog .o-liveblog-last-posts .o-liveblog-last-posts__show-all .o-liveblog-last-posts__show-all__label {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.42
}
@media screen and (min-width:640px) {
.o-breaking-liveblog .o-liveblog-last-posts .o-liveblog-last-posts__show-all .o-liveblog-last-posts__show-all__label {
font-size: 1.6rem;
line-height: 1.5
}
}
.o-breaking-liveblog .o-liveblog-last-posts .o-liveblog-last-posts__show-all.o-liveblog-last-posts__show-all--active {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
@media screen and (min-width:640px) {
.o-breaking-liveblog {
row-gap: 32px
}
.o-breaking-liveblog .o-breaking-liveblog__posts {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.o-breaking-liveblog .o-breaking-liveblog__posts .o-liveblog-last-posts, .o-breaking-liveblog .o-breaking-liveblog__posts .o-video {
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%
}
.o-breaking-liveblog .o-breaking-liveblog__posts .o-liveblog-last-posts {
-webkit-padding-end: 40px;
padding-inline-end: 40px
}
.o-breaking-liveblog .o-breaking-liveblog__posts .o-video {
-webkit-padding-start: 40px;
-webkit-border-start: 1px solid #e8eaed;
border-inline-start: 1px solid #e8eaed;
margin-bottom: 0;
padding-inline-start: 40px
}
.o-breaking-liveblog.o-breaking-liveblog--live-tv-only .o-breaking-liveblog__posts .o-liveblog-last-posts {
display: none
}
.o-breaking-liveblog.o-breaking-liveblog--live-tv-only .o-breaking-liveblog__posts .o-video {
-webkit-box-flex: 0;
-webkit-padding-start: 0;
-webkit-flex: 0 1 500px;
-ms-flex: 0 1 500px;
flex: 0 1 500px;
padding-inline-start: 0
}
}
@media screen and (min-width:1024px) {
.o-breaking-liveblog {
border-bottom: none
}
}
.o-live {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding-bottom: 45px;
position: relative
}
.o-live, .o-live .o-live__tag {
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.o-live .o-live__tag {
-webkit-box-flex: 0;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-box-align: center;
-ms-flex-align: center;
border: 1px solid #e2001a;
color: #e2001a;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 1.7rem;
gap: 4px;
height: 32px;
-webkit-order: 0;
order: 0;
padding: 0 10px
}
.o-live .o-live__tag:before {
background-color: #e2001a;
border-radius: 50%;
content: "";
height: 8px;
width: 8px
}
.o-live .o-live__image {
-webkit-box-flex: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-flex: 0 0 224px;
-ms-flex: 0 0 224px;
flex: 0 0 224px;
-webkit-order: 1;
order: 1
}
.o-live .a-page-title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
font-size: 2.6rem;
font-weight: 700;
line-height: 1.1;
margin-bottom: 5px;
-webkit-order: 2;
order: 2
}
.o-live .o-live__description {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
font-size: 1.7rem;
line-height: 1.4;
-webkit-order: 4;
order: 4;
text-align: center
}
.o-live .o-live__cta {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 10px;
max-width: 294px;
-webkit-order: 3;
order: 3;
width: 100%
}
.o-live .o-live__cta .a-audio-player-btn {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.o-live .o-live__cta .a-audio-player-btn .a-audio-player-btn__label {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
white-space: nowrap
}
.o-live .o-live__cta .a-audio-player-btn .m-cta {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
width: 100%
}
.o-live .o-live__cta .a-audio-player-btn .m-cta.m-cta--play-pause {
padding-left: 45px;
padding-right: 45px
}
.o-live .o-live__cta .o-live__cta__podcast-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.o-live:after {
border-bottom: 1px solid #c4c4c4;
bottom: 0;
content: "";
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw
}
.o-live.o-live--no-border {
padding-bottom: 0
}
.o-live.o-live--no-border:after {
display: none
}
@media screen and (min-width:1024px) {
.o-live {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
height: 323px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
max-height: 323px;
padding-bottom: 75px
}
.o-live .o-live__tag {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
margin: 0 10px;
-webkit-order: 1;
order: 1
}
.o-live .o-live__image {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 246px;
-ms-flex: 0 0 246px;
flex: 0 0 246px;
-webkit-order: 0;
order: 0
}
.o-live .a-page-title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
font-size: 3.2rem;
-webkit-order: 2;
order: 2
}
.o-live .o-live__description {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3
}
.o-live .a-page-title, .o-live .o-live__description {
text-align: start
}
.o-live .a-page-title, .o-live .o-live__cta, .o-live .o-live__description {
margin: 0 10px;
max-width: calc(100% - 278px)
}
.o-live .o-live__cta {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-flex: 1;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 15px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-top: 0;
-webkit-order: 4;
order: 4
}
.o-live .o-live__cta .a-audio-player-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.o-live .o-live__cta .a-audio-player-btn--skeleton {
-webkit-box-flex: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-flex: 0 1 270px;
-ms-flex: 0 1 270px;
flex: 0 1 270px;
-webkit-justify-content: center;
justify-content: center
}
.o-live.o-live--no-border {
height: 248px;
padding-bottom: 0
}
}
.o-pb-masterhead {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 16px;
row-gap: 16px
}
.o-pb-masterhead, .o-pb-masterhead .o-pb-masterhead__title-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.o-pb-masterhead .o-pb-masterhead__title-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between
}
.o-pb-masterhead .a-picture {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.o-pb-masterhead .a-picture .a-img {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.o-pb-masterhead .o-pb-masterhead__description {
font-size: 1.7rem;
line-height: 1.5
}
.o-pb-masterhead.o-pb-masterhead--title-centered .o-pb-masterhead__title {
text-align: center
}
.t-content.t-content--page-builder.t-content--page-builder--dark-bg .o-pb-masterhead {
position: relative
}
.t-content.t-content--page-builder.t-content--page-builder--dark-bg .o-pb-masterhead .o-pb-masterhead__title {
color: #fff
}
.t-content.t-content--page-builder.t-content--page-builder--dark-bg .o-pb-masterhead:before {
background-color: #373b4d;
bottom: 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
z-index: -1
}
@media screen and (min-width:640px) {
.o-pb-masterhead {
margin: 0 24px
}
}
.o-timeline {
overflow: hidden;
padding: 0 10px
}
.o-timeline .o-layout-list {
margin: 0 auto;
max-width: 740px;
row-gap: 0
}
.o-timeline .o-layout-list .o-layout-list__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.o-timeline .o-timeline__intro-tu {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
margin: 0 auto 24px;
max-width: 740px
}
.o-timeline.o-timeline--bulletins {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
.o-timeline.o-timeline--bulletins .o-layout-list .o-layout-list__item:last-child .m-item-timeline .m-item-timeline__wrapper .m-item-timeline__timeline .m-item-timeline__timeline__play-button-wrapper:after {
display: none
}
@media screen and (min-width:640px) {
.o-timeline {
padding: 0 16px
}
}
@media screen and (min-width:1024px) {
.o-timeline .o-layout-list, .o-timeline .o-timeline__intro-tu {
max-width: 940px
}
}
.t-content.t-content--page-builder {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-justify-content: stretch;
justify-content: stretch;
row-gap: 24px
}
.t-content.t-content--page-builder, .t-content.t-content--page-builder .t-content__sections {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.t-content.t-content--page-builder .t-content__sections {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0 16px;
row-gap: 40px
}
.t-content.t-content--page-builder .t-content__sections .o-pagebuilder-section {
width: 100%
}
.t-content.t-content--page-builder .t-content__section-pb.t-content__section-pb--spacing-s {
padding-bottom: 10px;
padding-top: 10px
}
.t-content.t-content--page-builder .t-content__section-pb.t-content__section-pb--spacing-m {
padding-bottom: 20px;
padding-top: 20px
}
.t-content.t-content--page-builder .t-content__section-pb.t-content__section-pb--spacing-l {
padding-bottom: 30px;
padding-top: 30px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-s .t-content__section-pb {
margin-bottom: 10px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-m .t-content__section-pb {
margin-bottom: 20px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-l .t-content__section-pb {
margin-bottom: 30px
}
@media screen and (min-width:640px) {
.t-content.t-content--page-builder .t-content__sections {
margin: 0 24px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-s .t-content__section-pb {
margin-bottom: 10px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-m .t-content__section-pb {
margin-bottom: 20px
}
.t-content.t-content--page-builder.t-content--page-builder--spacing-l .t-content__section-pb {
margin-bottom: 30px
}
}
.a-carousel-btn {
max-width: 0
}
@media screen and (min-width:640px) {
.a-carousel-btn {
position: relative;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform .15s;
transition: -webkit-transform .15s;
transition: transform .15s;
transition: transform .15s, -webkit-transform .15s;
z-index: 1
}
.a-carousel-btn.a-carousel-btn--show {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: none
}
.a-carousel-btn > span {
background-color: #e2001a;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 80px;
width: 100%
}
.a-carousel-btn > span .a-svg {
-webkit-box-flex: 0;
-webkit-flex: 0 1 16px;
-ms-flex: 0 1 16px;
flex: 0 1 16px;
height: auto;
margin: 0 12px
}
.a-carousel-btn.a-carousel-btn--left > span {
border-radius: 0 40px 40px 0
}
.a-carousel-btn.a-carousel-btn--left.a-carousel-btn--hide {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.a-carousel-btn.a-carousel-btn--right > span {
border-radius: 40px 0 0 40px
}
.a-carousel-btn.a-carousel-btn--right.a-carousel-btn--hide {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.o-carousel.o-carousel--spotlight .o-carousel__controls .a-carousel-btn {
top: auto;
-webkit-transform: none;
transform: none
}
}
@media screen and (min-width:640px) and (hover:hover) {
.a-carousel-btn:hover {
-webkit-transform: scale(1.1) translateY(-50%);
transform: scale(1.1) translateY(-50%)
}
}
@media screen and (min-width:640px) and (hover:hover) {
.o-carousel.o-carousel--spotlight .o-carousel__controls .a-carousel-btn:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.m-carousel-item .m-item-image + .m-carousel-item__title {
margin-top: 15px
}
.m-carousel-item .m-item-image .a-svg.a-svg--picto-play-with-opacity {
left: 50%;
max-height: 40%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.m-carousel-item .a-media-reading-time {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: #6f6e71;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-carousel-item .m-carousel-item__title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.m-carousel-item .m-carousel-item__title .m-carousel-item__title__article {
word-wrap: anywhere;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: 1.4rem;
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-moz-hyphens: none;
line-height: 1.1;
max-height: 4.62rem;
overflow: hidden;
overflow-wrap: break-word;
position: relative;
word-break: break-word
}
.m-carousel-item .m-carousel-item__title.m-carousel-item__title--branded {
color: #e2001a;
text-transform: uppercase
}
.m-carousel-item .m-carousel-item__title .m-carousel-item__title__program {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: 1.5rem;
font-weight: 700;
overflow: hidden;
text-transform: uppercase
}
.m-carousel-item .m-carousel-item__title .m-carousel-item__title__program + .m-carousel-item__title__edition {
margin-top: 5px
}
.m-carousel-item .m-carousel-item__title .m-carousel-item__title__edition {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
line-height: 1.4;
overflow: hidden
}
.m-carousel-item .m-carousel-item__title.m-carousel-item__title--branded .m-carousel-item__title__edition {
color: #313131;
text-transform: none
}
.m-carousel-item .m-carousel-item__title-4-lignes .m-carousel-item__title__edition {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.m-carousel-item .m-carousel-item__chapo {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: 1.2rem;
line-height: 1.3;
overflow: hidden
}
.m-carousel-item.m-carousel-item--16x9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 225px;
-ms-flex: 0 0 225px;
flex: 0 0 225px
}
.m-carousel-item.m-carousel-item--9x16 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 176px;
-ms-flex: 0 0 176px;
flex: 0 0 176px
}
.m-carousel-item.m-carousel-item--9x16 .m-carousel-item__title .m-carousel-item__title__article {
text-align: start
}
.m-carousel-item.m-carousel-item--3x4 .m-item-image .a-svg.a-svg--picto-play-with-opacity {
max-height: 22%
}
.m-carousel-item.m-carousel-item--3x4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 212px;
-ms-flex: 0 0 212px;
flex: 0 0 212px
}
.m-carousel-item.m-carousel-item--1x1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 166px;
-ms-flex: 0 0 166px;
flex: 0 0 166px
}
.m-carousel-item.m-carousel-item--text-over-image {
display: block;
position: relative
}
.m-carousel-item.m-carousel-item--text-over-image .m-carousel-item__title {
-webkit-margin-start: 20px;
-webkit-margin-end: 65px;
bottom: 20px;
color: #fff;
gap: 7px;
margin: 0;
margin-inline-end: 65px;
margin-inline-start: 20px;
outline-color: #fff;
pointer-events: none;
position: absolute
}
.m-carousel-item.m-carousel-item--text-over-image .m-carousel-item__title .m-carousel-item__title__program {
-webkit-box-flex: 0;
-webkit-flex: 0 0 14px;
-ms-flex: 0 0 14px;
flex: 0 0 14px;
font-size: 1.4rem
}
.m-carousel-item.m-carousel-item--text-over-image .m-carousel-item__title .m-carousel-item__title__program + .m-carousel-item__title__edition {
margin-top: 0
}
.m-carousel-item.m-carousel-item--text-over-image .m-carousel-item__title .m-carousel-item__title__edition {
-webkit-box-flex: 0;
-webkit-flex: 0 0 42px;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
font-size: 1.8rem;
line-height: 1.2
}
.m-carousel-item.m-carousel-item--text-over-image .m-item-image picture {
-webkit-box-flex: 1;
background-color: transparent;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
overflow: hidden
}
.m-carousel-item.m-carousel-item--text-over-image .m-item-image picture:after {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
background: linear-gradient(180deg, transparent, #000);
bottom: 0;
content: "";
height: 65%;
position: absolute;
width: 100%
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn {
inset-inline-end: 0
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn .a-picto-play-pause {
max-height: 36px;
max-width: 36px
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn.a-audio-player-btn--in-list {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 15px
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn.a-audio-player-btn--with-duration .a-audio-player-btn__duration {
color: #fff;
font-size: 1.2rem
}
.m-carousel-item.m-carousel-item--text-over-image.m-carousel-item--16x9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 85vw;
-ms-flex: 0 0 85vw;
flex: 0 0 85vw;
max-width: 350px
}
.m-carousel-item.m-carousel-item--text-over-image.m-carousel-item--9x16 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 70vw;
-ms-flex: 0 0 70vw;
flex: 0 0 70vw;
max-width: 176px
}
.m-carousel-item.m-carousel-item--text-over-image.m-carousel-item--3x4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 70vw;
-ms-flex: 0 0 70vw;
flex: 0 0 70vw;
max-width: 220px
}
.m-carousel-item.m-carousel-item--text-over-image.m-carousel-item--1x1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40vw;
-ms-flex: 0 0 40vw;
flex: 0 0 40vw;
max-width: 166px
}
.m-carousel-item.m-carousel-item--text-over-image button {
outline-color: #fff;
outline-offset: 0
}
.m-carousel-item.m-carousel-item--3x4 .a-logo-program {
bottom: 12px;
inset-inline-start: 12px;
position: absolute;
width: calc(100% - 76px);
z-index: 1
}
@media screen and (min-width:640px) {
.m-carousel-item .m-carousel-item__title {
font-size: 1.7rem
}
.m-carousel-item .m-carousel-item__title .m-carousel-item__title__article {
max-height: 5.61rem
}
.m-carousel-item .m-carousel-item__title-4-lignes {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.4rem;
height: auto
}
.m-carousel-item.m-carousel-item--16x9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 206px;
-ms-flex: 0 0 206px;
flex: 0 0 206px
}
.m-carousel-item.m-carousel-item--9x16 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 212px;
-ms-flex: 0 0 212px;
flex: 0 0 212px
}
.m-carousel-item.m-carousel-item--text-over-image.m-carousel-item--16x9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 85vw;
-ms-flex: 0 0 85vw;
flex: 0 0 85vw
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn .a-picto-play-pause {
max-height: none;
max-width: none
}
.m-carousel-item.m-carousel-item--text-over-image .a-audio-player-btn.a-audio-player-btn--with-duration .a-audio-player-btn__duration {
font-size: 1.3rem
}
}
@media screen and (min-width:1024px) {
.m-carousel-item.m-carousel-item--3x4 .a-logo-program {
width: calc(100% - 84px)
}
}
.o-carousel {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: calc(100vw - 32px);
position: relative
}
.o-carousel .o-carousel__controls {
display: none
}
.o-carousel .o-carousel__wrapper {
-ms-overflow-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
overflow-y: hidden;
scroll-behavior: smooth;
scrollbar-width: none
}
.o-carousel .o-carousel__wrapper::-webkit-scrollbar {
display: none
}
.o-carousel__wrapper__items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-transition: -webkit-transform .3s linear;
transition: -webkit-transform .3s linear;
transition: transform .3s linear;
transition: transform .3s linear, -webkit-transform .3s linear
}
[data-root-carousel]:not([data-v-app]) .o-carousel__wrapper__items {
overflow: hidden
}
.a-add-multiple-media-wrapper {
min-height: 44px
}
.a-add-multiple-media-wrapper, .m-add-multiple-media {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.m-add-multiple-media {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-padding-start: 45px;
-webkit-padding-end: 45px;
-webkit-align-items: center;
align-items: center;
background-color: #e2001a;
border-radius: 6px;
color: #fff;
font-size: 1.6rem;
gap: 5px;
height: 44px;
padding-inline-end: 45px;
padding-inline-start: 45px
}
.m-add-multiple-media .a-svg--picto-play-circle {
height: 28px;
width: 28px
}
@media screen and (min-width:640px) {
.o-carousel {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
.o-carousel .o-carousel__controls {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
direction: ltr;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-justify-content: space-between;
justify-content: space-between;
overflow: hidden;
position: absolute;
width: 100%
}
.o-carousel.o-carousel--spotlight .o-carousel__controls {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.o-carousel__wrapper__items {
gap: 15px
}
}
@media screen and (min-width:1024px) {
.o-carousel.o-carousel--no-nav .o-carousel__wrapper__items {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 100%
}
.o-carousel.o-carousel--no-nav .o-carousel__wrapper__items .m-carousel-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: none
}
.o-carousel.o-carousel--no-nav .o-carousel__controls {
display: none
}
.o-carousel.o-carousel--spotlight .o-carousel__wrapper__items .m-carousel-item {
max-width: 420px
}
}