r-footer {
  border-top: 1px solid #003978;
  color: #003978;
  display: grid;
  grid-template-areas: ". . .";
  grid-template-columns: 1fr 1fr 1fr;
  padding: 16px 16px 60px;
}

r-footer--section {
  display: none;
  grid-column: auto;
}

r-footer--list {
  display: block;
}

.r-footer--title {
  border-bottom: 1px solid #d6d6d6;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  margin-right: 32px;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.r-footer--link {
  display: block;
  margin: 0 8px 8px;
}

.r-footer--social {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  grid-column: 1 / span 3;
  margin: 32px 0 16px;
  padding: 16px;
  text-align: center;
}

.r-footer--social a {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 8px 16px;
}

.r-footer--social a:hover {
  color: #013562;
  text-decoration: none;
}

.r-footer--social r-icon {
  font-size: 2rem;
  margin-right: 8px;
}

.r-footer--logo {
  grid-column: 1;
}

.r-footer--newsletter .r-btn {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}

.r-footer--top {
  -webkit-align-items: center;
  align-items: center;
  align-self: center;
  display: -webkit-flex;
  display: flex;
  grid-column: 3;
  justify-self: right;
}

.r-footer--top:hover {
  color: #ddeefd;
  text-decoration: none;
}

.r-footer--top r-icon {
  font-size: 2rem;
  margin-left: 16px;
}

.r-footer--copyright {
  -webkit-align-items: center;
  align-items: center;
  row-gap: 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  grid-column: 1 / span 3;
  -webkit-justify-content: center;
  justify-content: center;
}

.r-footer--copyright p {
  margin-bottom: 0;
}

.r-footer--deontologie,
.r-footer--source-sure {
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: -webkit-flex;
  display: flex;
}

.r-footer--copyright-img {
  min-width: 70px;
  text-align: center;
}

.r-footer--copyright-img img {
  height: auto;
  max-width: none;
}

.r-img {
  transition: transform 0.5s;
  transition:
    transform 0.5s,
    -webkit-transform 0.5s;
}

.r-menu--main .r-menu--link {
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #f9f9fc;
  border-right: 1px solid #f9f9fc;
  display: -webkit-flex;
  display: flex;
  font-size: 1.1rem;
  padding: 12px;
}

.r-menu--main .r-menu--link::before {
  font-family: main;
  font-size: 1.7rem;
  padding: 0 10px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  color: #d6d6d6;
}

.r-menu--main .r-menu--link:hover {
  background: #003978;
  color: #fff;
  text-decoration: none;
}

.r-menu--main .r-link--image {
  padding: 8px 8px 8px 24px;
}

.r-menu--main .r-link--image:hover {
  background: #f0f7fd;
}

.r-menu--main .r-link--abonne {
  position: relative;
}

.r-menu--main .r-link--abonne::after {
  background: radial-gradient(white 50%, transparent 50%);
  font-family: main;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fdc800;
  content: "\ea9c";
}

.r-menu--main r-submenu {
  border-bottom: 1px solid #f9f9fc;
  border-right: 1px solid #f9f9fc;
  overflow: auto;
  padding: 8px;
}

.r-menu--main .r-submenu--link {
  -webkit-flex: 0 0 80px;
  flex: 0 0 80px;
  margin: 8px 4px;
  text-align: center;
}

.r-menu--main .r-submenu--link::before {
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  box-shadow: 0 0 0 4px inset #fff;
  display: block;
  font-family: main;
  font-size: 27px;
  height: 60px;
  line-height: 58px;
  margin: 0 auto 8px;
  text-align: center;
  width: 60px;
  background: #f0f7fd;
}

.r-menu--main .r-submenu--link:hover {
  background: 0 0;
}

.r-menu--main .r-submenu--link:hover::before {
  background: #003978;
  border-color: #003978;
  color: #fff;
  box-shadow: 0 0 0 4px inset #f0f7fd;
}

.-has-submenu {
  position: relative;
  background: #f0f7fd;
}

.-has-submenu::after {
  content: "\ea51";
  font-family: main;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.r-mini-panel--menu {
  content-visibility: hidden;
  display: -webkit-flex;
  display: flex;
  font-weight: 400;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
  background: rgba(0, 57, 120, 0.5);
}

.r-mini-panel--menu i-mini-panel {
  background: #fff;
  height: 100vh;
  overflow: auto;
  position: relative;
  width: 80%;
  z-index: 5;
}

.r-mini-panel--overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.r-menu--user {
  background: rgba(0, 0, 0, 0.5);
  content-visibility: hidden;
  display: -webkit-flex;
  display: flex;
  font-weight: 400;
  height: calc(100vh - 48px);
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: 102;
}

.r-menu--user r-menu--user-body {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: calc(100vh - 48px);
  overflow: auto;
  position: absolute;
  right: 0;
  width: 80%;
}

.r-menu--user r-menu--user-header {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  row-gap: 8px;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 16px;
}

.r-menu--user r-menu--user-header > * {
  text-align: center;
}

.r-menu--user .r-menu--user-name {
  font-weight: 700;
  line-height: 1;
}

.r-menu--user .r-menu--user-email {
  color: #575757;
  line-height: 1;
}

.r-menu--user .r-menu--user-flag {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  color: #575757;
  padding: 4px 8px;
}

.r-menu--user .r-menu--user-flag.r-menu--user-flag-abo {
  border-color: #fdc800;
  background: #fdc800;
  color: #003978;
}

.r-menu--user r-menu--user-link {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  row-gap: 16px;
}

.r-menu--user r-menu--user-link .r-icon--abonne,
.r-menu--user r-menu--user-link r-icon {
  font-size: 24px;
}

.r-menu--user [role="menuitem"] {
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  line-height: 1;
}

.r-menu--user [role="menuitem"]:hover {
  color: #003978;
  text-decoration: none;
}

.r-menu--user r-menu--user-footer {
  display: -webkit-flex;
  display: flex;
  font-size: 0.8rem;
}

.r-menu--user r-menu--user-footer > a {
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 16px;
}

.r-menu--user r-menu--user-footer a + a {
  border-left: 1px solid #d6d6d6;
}

.r-menu--user r-menu--user-footer r-icon {
  font-size: 20px;
}

.r-menu--user .r-selligent--sso-menu-banner-body {
  background: #fdf4da;
  border-radius: 4px;
  padding: 16px;
}

.r-menu--user .r-selligent--sso-menu-banner-body-abonne {
  background: #fbe1e4;
}

.r-menu--user .r-selligent--sso-menu-banner-body-abonne r-icon {
  color: #d75179;
}

.r-menu--user r-selligent--title {
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-flex;
  display: flex;
  font-weight: 700;
  margin-bottom: 8px;
}

.r-menu--user r-selligent--title r-icon {
  font-size: 20px;
}

.r-menu--user r-selligent--description {
  color: #575757;
  display: block;
  margin-bottom: 8px;
}

.r-menu--user .r-btn {
  border-radius: 8px;
  display: block;
  text-align: center;
}

.r-menu--user .r-btn--club {
  background: #d75179;
  color: #fff;
}

.r-menu--user span {
  font-size: 0.9rem;
}

r-mini-panel {
  display: block;
  z-index: 0;
}

i-mini-panel {
  display: block;
  margin: 0;
}

.r-btn--more {
  padding: 16px 0;
}

.r-btn--more::after,
.r-btn--more::before {
  display: none;
}

.-has-paywall {
  display: inline-block;
  position: relative;
}

.-has-paywall::after {
  /* background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); */
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  /* position: absolute; */
  right: 0;
}

.r-search--widget {
  border: 1px solid #f9f9fc;
  display: -webkit-flex;
  display: flex;
  font-size: 1.1rem;
  padding: 12px;
}

.r-search--widget::before {
  color: #d6d6d6;
  content: "\EA16";
  font-family: main;
  font-size: 1.5rem;
  padding: 0 12px;
  vertical-align: middle;
}

.r-search--widget .r-search--input {
  border: 0;
  box-shadow: none;
  height: auto;
  outline: 0;
  padding: 0;
  width: 100%;
}

.r-search--widget .r-search--input::-webkit-input-placeholder {
  color: #003978;
}

.r-search--widget .r-search--input::-moz-placeholder {
  color: #003978;
}

.r-search--widget .r-search--input:focus + .r-search--submit {
  display: block;
}

.r-search--widget .r-search--submit {
  background: #003978;
  border: 0;
  border-radius: 20px;
  color: #fff;
  display: none;
  font-size: 0.75rem;
  padding: 3px 12px;
}

.r-search--widget .r-search--submit:hover {
  display: block;
}

.r-search--widget .r-search--submit:focus {
  outline: 0;
}

r-selligent {
  display: block;
}

.r-selligent--menu {
  display: none;
  margin: 8px;
}

.r-sso--menu {
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  background: #f0f7fd;
}

.r-sso--menu .r-sso--item {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 1rem;
  list-style: none;
  padding: 16px;
}

.r-sso--menu .r-sso--item:hover {
  text-decoration: none;
}

.r-sso--menu .r-sso--item span {
  color: #003978;
}

.r-sso--menu .r-sso--item r-icon {
  background: #fff;
  border-radius: 50%;
  display: block;
  font-size: 25px;
  height: 60px;
  line-height: 56px;
  margin-bottom: 8px;
  text-align: center;
  width: 60px;
  border: 1px solid #003978;
  box-shadow: 0 0 0 5px inset #f0f7fd;
}

.r-sso--menu .r-sso--item .r-icon--newsletter {
  font-size: 50px;
}

.r-article--sidebar {
  display: none;
}

@media (min-width: 664px) {
  r-footer--section {
    display: block;
    margin-top: 16px;
  }

  .r-footer--social {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .r-footer--top r-icon {
    font-size: 3rem;
  }

  .r-footer--copyright {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 0.8rem;
  }

  .r-footer--copyright-img {
    min-width: auto;
  }

  .r-footer--deontologie {
    border-right: 1px solid #003978;
    padding-right: 16px;
  }

  body:not(:has(.r-summary--toggle)) .r-embed--saooti {
    grid-column: 2 / span 2;
    width: 100%;
  }

  .r-mini-panel--menu {
    top: 80px;
  }

  .r-mini-panel--menu i-mini-panel {
    height: calc(100vh - 80px);
    width: 700px;
  }

  .r-menu--user {
    height: calc(100vh - 80px);
    top: 80px;
  }

  .r-menu--user r-menu--user-body {
    max-height: calc(100vh - 80px);
    right: max(calc(50vw - 664px), 24px);
    width: 330px;
  }

  i-mini-panel > * {
    background: #fff;
  }

  body:not(:has(.r-embed--saooti)) .r-summary--toggle,
  body:not(:has(.r-embed--saooti)) .r-summary--wrapper {
    grid-column: 2 / span 2;
    justify-self: flex-start;
  }

  .r-selligent--menu {
    display: block;
    float: right;
    width: 350px;
  }
}

@media (min-width: 960px) {
  r-footer--list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  .r-footer--newsletter {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
  }

  .r-footer--newsletter .r-btn {
    margin-left: 8px;
  }

  .r-img:hover {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .r-menu--main r-submenu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .r-article--sidebar {
    display: block;
    grid-column: 4;
    grid-row: auto/span 20;
  }
}

@media (min-width: 1280px) {
  r-footer {
    padding: 32px max(calc(7.8vw + 16px), calc(50vw - 664px)) 60px;
  }

  i-mini-panel {
    margin: auto max(7.8vw, calc(50vw - 664px));
  }
}

@media (max-width: 1920px) {
  .r-mini-panel--menu {
    max-width: 1920px;
  }
}

@media (max-width: 663px) {
  .r-footer--newsletter,
  .r-footer--top span {
    display: none;
  }

  .r-footer--services {
    display: block;
    grid-column: 1/-1;
    margin: 16px 0;
  }

  .r-footer--services r-footer--list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

  .r-footer--copyright {
    border-top: 1px solid #d6d6d6;
    font-size: 0.75rem;
    margin-top: 8px;
    padding-top: 8px;
  }

  .r-mini-panel--menu i-mini-panel {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 0.3s;
    transition:
      transform 0.3s,
      -webkit-transform 0.3s;
  }

  r-mini-panel {
    margin-bottom: 16px;
    border-top: 1px solid #f0f7fd;
  }

  r-selligent {
    margin-bottom: 16px;
  }

  .r-article--sidebar {
    margin: 0 -12px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  r-footer {
    padding: 32px max(64px, calc(50vw - 490px)) 60px;
  }

  i-mini-panel {
    max-width: 996px;
    margin: auto max(64px, calc(50vw - 498px));
  }
}

@media (min-width: 664px) and (max-width: 959px) {
  r-footer--section {
    padding-left: 32px;
  }

  .r-footer--newsletter .r-btn {
    margin-top: 8px;
  }

  i-mini-panel {
    max-width: 696px;
    margin: auto;
  }
}

@media print {
  *,
  ::after,
  ::before {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  img {
    page-break-inside: avoid;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .r-sticky--panel,
  r-footer,
  r-header,
  r-menu,
  r-pub {
    display: none !important;
  }

  figure {
    margin: 0 !important;
    width: 35%;
  }

  .page-node r-mini-panel,
  .page-node r-panel {
    display: none !important;
  }
}

.button-link {
  display: block;

  padding: 1rem 0;
  text-align: center;
  background-color: #e83f9a;
  color: #fff !important;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.3s;
  weight: 100%;
}

.button-link:hover {
  background-color: #003978 !important;
  color: #fff !important;
  text-decoration: none;
  cursor: pointer !important;
}

._u3pruyr::marker {
  font-family: Arial, sans-serif;
  font-weight: 700;
  color: #18191a;
}

html {
  background-color: #f5f5f5;
  font-family: Arial, sans-serif;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

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

strong {
  font-weight: bolder;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.2;
  margin: 0;
}

[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}



@media only screen and (width >=460px) {
  .article__paragraph {
    padding: 0;
  }
}

@media only screen and (width >=768px) {
  .article__paragraph {
    padding: 0 16px;
  }
}

@media only screen and (width >=1024px) {
  .article__paragraph {
    padding: 0 32px;
  }
}

/*============== FEEDBACK ==============*/

.fb-comment__text-input {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.comment-block-input__input {
  border: none;
  outline: none;
  background-color: inherit;
  flex: 0 1 70%;
}

.comment-block-input__button {
  border: none;
  font-weight: 500;
  float: right;
  cursor: pointer;
  color: #365899;
  padding: 10px;
}

.fb-post {
  width: 100%;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddfe2;
  border-radius: 3px;
  font:
    400 14px/20px "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}

.fb-comment__sort {
  color: #365899;
  cursor: pointer;
  margin: 10px 0;
}

.fb-comment__sort:hover {
  text-decoration: underline;
}

.fb-comment__sort span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -408px -270px;
  background-repeat: no-repeat;
}

.fb-comment__avatar {
  height: 32px;
  min-width: 32px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 !important;
}

.fb-comment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin: 10px 0;
}

.fb-comment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.fb-comment__answer {
  display: flex;
  margin-top: 1.4rem;
}

.fb-comment__text {
  /* max-width: 440px; */
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #1d2129;
  background-color: #f2f3f5;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fb-comment__author {
  font-weight: 600;
  color: #365899;
  text-decoration: none;
}

.fb-comment__author:hover {
  /* text-decoration: underline; */
}

.fb-comment__react {
  text-decoration: none;
  color: #365899;
}

.fb-comment__react:after {
  content: "·";
  color: #606770;
  padding: 3px;
}

.fb-comment__posted {
  color: #606770;
}

.fb-comment__more {
  color: #365899;
  text-decoration: none;
}

.fb-comment__more:hover {
  text-decoration: underline;
}

.fb-comment__like {
  position: absolute;
  bottom: 5;
  right: 0;
  height: 20px;
  width: 44px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #8d949e;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 1px 2px 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fb-comment__like img {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 3px;
  padding: 0 !important;
}

@media screen and (max-width: 600px) {
  .fb-post {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: none;
  }

  .fb-comment__text {
    max-width: 100%;
  }
}

img {
  padding: 0 !important;
}


.btn_comm {
  width: 100%;
}

html::after {
  display: none;
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  background-color: #fff;
  color: #212529;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

a {
  background-color: transparent;
  color: #003978;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  display: inline-block;
}

a:hover {
  text-decoration: underline;
  color: #003978;
}

img,
svg {
  vertical-align: middle;
}

img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

svg {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input {
  margin: 0;
}

button,
input {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button {
  text-transform: none;
}

[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[role="button"],
a,
button,
input:not([type="range"]) {
  touch-action: manipulation;
}

figure {
  margin: 0 0 12px;
  overflow: hidden;
}

p {
  margin: 0 0 16px;
  overflow-wrap: break-word;
}

:root {
  --color-primary-lighter: #f0f7fd;
  --color-primary-light: #ddeefd;
  --color-primary-base: #003978;
  --color-primary-dark: #013562;
  --color-primary-darker: black;
  --color-secondary-lighter: #fcfaf5;
  --color-secondary-base: #fdc800;
  --color-gray-lighter: #f9f9fc;
  --color-gray-light: #d6d6d6;
  --color-gray-base: #575757;
  --color-gray-dark: #383838;
  --color-gray-darker: #242424;
  --color-abonnement-base: #fdc800;
  --color-light: #ffffff;
  --color-dark: #000000;
  --color-valid-base: #146b36;
  --color-valid-light: #bee4be;
  --color-valid-lighter: #d3eed3;
  --color-invalid-base: #cd0422;
  --color-invalid-light: #f5c7cb;
  --color-invalid-lighter: #f9dcdf;
  --font-family-base: Source Sans 3, arial, sans-serif;
  --font-family-title: Stix Two Text, arial, sans-serif;
  --font-size-section: 3rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.7rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.3rem;
  --font-size-h6: 1.1rem;
  --font-size-aside: 0.9rem;
  --font-size-base: 1rem;
  --font-size-small: 0.75rem;
  --font-size-extrasmall: 0.6rem;
  --font-size-article: 1.3rem;
  --font-size-article-xs: 1.2rem;
  --font-size-alt: 1rem;
  --font-size-nav: 0.9rem;
  --font-size-button: 0.9rem;
  --font-size-icon: 0.7rem;
}

.r-img {
  display: block;
}

r-pub {
  display: block;
  text-align: center;
}

r-pub > div {
  margin: 16px auto;
}

.r-pub--wal > div {
  margin: 0;
}

.r-anonyme .-is-abonne,
.r-anonyme .-is-connecte,
.r-anonyme .-is-connecte-sd {
  display: none !important;
}

.r-sso--loaded .r-sso--header {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes show {
  0%,
  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes show {
  0%,
  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.r-sticky--panel {
  background: #fff;
  bottom: 0;
  box-shadow: 0 -4px 8px #575757;
  content-visibility: hidden;
  opacity: 0;
  overflow: auto;
  padding: 8px 8px 54px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 80%;
  z-index: 152;
}

.-on-left {
  left: 0;
}

.not-lazy {
  background-size: 100%;
  height: 100%;
}

@font-face {
  font-display: auto;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  src:
    local("Source Sans 3 Bold"),
    url("/fonts/SourceSans3-Bold.woff2") format("woff2");
}

@font-face {
  font-display: auto;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src:
    local("Source Sans 3 Regular"),
    url("/fonts/SourceSans3-Regular.woff2") format("woff2");
}

@font-face {
  font-display: auto;
  font-family: "Stix Two Text";
  src: url("/fonts/STIXTwoText-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-display: auto;
  font-family: "Stix Two Text";
  src: url("/fonts/STIXTwoText-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-display: auto;
  font-family: "Stix Two Text";
  src: url("/fonts/STIXTwoText-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-display: block;
  font-family: main;
  font-weight: 400;
  font-style: normal;
  src: url(/fonts/main.woff2) format("woff2");
}

r-icon {
  display: inline-block;
  font-family: main;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.r-icon--menu::before {
  content: "\ea01";
}

.r-icon--commenter::before {
  content: "\ea05";
}

.r-icon--basket::before {
  content: "\ea06";
}

.r-icon--abonne::before {
  content: "\ea07";
}

.r-icon--biodiversite::before {
  content: "\ea0a";
}

.r-icon--bourse::before {
  content: "\ea0c";
}

.r-icon--facebook::before {
  content: "\ea0d";
}

.r-icon--mail::before {
  content: "\ea10";
}

.r-icon--print::before {
  content: "\ea11";
}

.r-icon--brabantwallon::before {
  content: "\ea12";
}

.r-icon--bruxelles::before {
  content: "\ea15";
}

.r-icon--clubdusoir::before {
  content: "\ea17";
}

.r-icon--linkedin::before {
  content: "\ea1a";
}

.r-icon--debatetidees::before {
  content: "\ea20";
}

.r-icon--dossier::before {
  content: "\ea3a";
}

.r-icon--editos::before {
  content: "\ea3b";
}

.r-icon--emploi::before {
  content: "\ea3e";
}

.r-icon--enseignement::before {
  content: "\ea40";
}

.r-icon--whatsapp::before {
  content: "\ea43";
}

.r-icon--entreprise::before {
  content: "\ea44";
}

.r-icon--etatunis::before {
  content: "\ea46";
}

.r-icon--afrique::before {
  content: "\ea4a";
}

.r-icon--agriculture::before {
  content: "\ea4b";
}

.r-icon--artsplastiques::before {
  content: "\ea4c";
}

.r-icon--asiepacifique::before {
  content: "\ea4d";
}

.r-icon--athletisme::before {
  content: "\ea4e";
}

.r-icon--autressports::before {
  content: "\ea4f";
}

.r-icon--filinfo::before {
  content: "\ea54";
}

.r-icon--pollution::before {
  content: "\ea58";
}

.r-icon--concerts::before {
  content: "\ea59";
}

.r-icon--cartesblanches::before {
  content: "\ea5a";
}

.r-icon--chroniques::before {
  content: "\ea5b";
}

.r-icon--cinema::before {
  content: "\ea5c";
}

.r-icon--climat::before {
  content: "\ea5d";
}

.r-icon--consommation::before {
  content: "\ea5e";
}

.r-icon--cyclisme::before {
  content: "\ea5f";
}

.r-icon--partager::before {
  content: "\ea64";
}

.r-icon--tempsdelecture::before {
  content: "\ea65";
}

.r-icon--hainaut::before {
  content: "\ea69";
}

.r-icon--hockey::before {
  content: "\ea6a";
}

.r-icon--immobilier::before {
  content: "\ea6b";
}

.r-icon--kroll::before {
  content: "\ea6c";
}

.r-icon--launeculture::before {
  content: "\ea6d";
}

.r-icon--launeeconomie::before {
  content: "\ea6e";
}

.r-icon--launemonde::before {
  content: "\ea6f";
}

.r-icon--fluxrss::before {
  content: "\ea74";
}

.r-icon--liege::before {
  content: "\ea76";
}

.r-icon--livres::before {
  content: "\ea77";
}

.r-icon--marchedelarts::before {
  content: "\ea78";
}

.r-icon--masante::before {
  content: "\ea79";
}

.r-icon--meteo::before {
  content: "\ea7b";
}

.r-icon--mobilite::before {
  content: "\ea7c";
}

.r-icon--mode::before {
  content: "\ea7d";
}

.r-icon--monargent::before {
  content: "\ea7e";
}

.r-icon--musique::before {
  content: "\ea7f";
}

.r-icon--namurluxembourg::before {
  content: "\ea80";
}

.r-icon--necrologie::before {
  content: "\ea81";
}

.r-icon--pardefaut::before {
  content: "\ea82";
}

.r-icon--regions::before {
  content: "\ea85";
}

.r-icon--sportsmoteur::before {
  content: "\ea89";
}

.r-icon--voyagesoir::before {
  content: "\ea8c";
}

.r-icon--wallonie::before {
  content: "\ea8d";
}

.r-icon--football::before {
  content: "\ea8e";
}

.r-icon--france::before {
  content: "\ea8f";
}

.r-icon--grandentretien::before {
  content: "\ea90";
}

.r-icon--grandformat::before {
  content: "\ea91";
}

.r-icon--instagram::before {
  content: "\ea92";
}

.r-icon--jemedeconnecte::before {
  content: "\ea93";
}

.r-icon--laune::before {
  content: "\ea94";
}

.r-icon--launeopinions::before {
  content: "\ea95";
}

.r-icon--launeplanete::before {
  content: "\ea96";
}

.r-icon--launesociete::before {
  content: "\ea97";
}

.r-icon--launesports::before {
  content: "\ea98";
}

.r-icon--newspaper::before {
  content: "\ea99";
}

.r-icon--lena::before {
  content: "\ea9b";
}

.r-icon--lesresultatsendirect::before {
  content: "\ea9d";
}

.r-icon--user::before {
  content: "\ea9e";
}

.r-icon--medias::before {
  content: "\eaa1";
}

.r-icon--newsletter::before {
  content: "\eaa2";
}

.r-icon--politique::before {
  content: "\eaa6";
}

.r-icon--repensonsnotrequotidien::before {
  content: "\eaa9";
}

.r-icon--retourenhautdusite::before {
  content: "\eaaa";
}

.r-icon--scenes::before {
  content: "\eaab";
}

.r-icon--serie::before {
  content: "\eaac";
}

.r-icon--services::before {
  content: "\eaad";
}

.r-icon--shop::before {
  content: "\eaae";
}

.r-icon--tennis::before {
  content: "\eaaf";
}

.r-icon--twitter::before {
  content: "\eab0";
}

.r-icon--unioneuropeenne::before {
  content: "\eab1";
}

.r-icon--video::before {
  content: "\eab2";
}

.r-icon--podcasts::before {
  content: "\eab3";
}

.r-icon--boutique::before {
  content: "\eab4";
}

.r-icon--bluesky::before {
  content: "\ead3";
}

.r-icon--abonnement::before {
  content: "\ead4";
}

.r-icon--verified::before {
  content: "\ead5";
}

.r-icon--help::before {
  content: "\ead6";
}

.r-icon--disconnexion::before {
  content: "\ead7";
}

html {
  overflow: auto;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

h1,
h2,
h3 {
  margin-bottom: 8px;
  margin-top: 8px;
  font-family: "Stix Two Text", arial, sans-serif;
}

h1 {
  -webkit-align-items: center;
  align-items: center;
  color: #003978;
  display: -webkit-flex;
  display: flex;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0;
  padding: 16px 0;
  text-align: center;
  grid-area: event;
}

h1::after,
h1::before {
  background: #003978;
  content: "";
  -webkit-flex: 1;
  flex: 1;
  height: 1px;
  margin: 16px;
}

h1::after {
  margin-left: 32px;
}

h1::before {
  margin-right: 32px;
}

h2 {
  font-size: 2rem;
  line-height: 1.35;
}

h3 {
  font-size: 1.3rem;
  line-height: 1.35;
}

address {
  font-size: 0.75rem;
  font-style: normal;
}

p a {
  display: inline;
  text-decoration: underline;
}

button {
  cursor: pointer;
}

r-header {
  display: block;
}

body:not(.r-viewtiful) r-header {
  height: 90px;
}

i-header {
  -webkit-align-items: center;
  align-items: center;
  display: grid;
  grid-template-areas: "burger logo login" "home menu menu";
  grid-template-columns: minmax(0, 50px) minmax(0, auto) minmax(0, 50px);
  grid-template-rows: 48px 42px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 101;
  background: linear-gradient(to bottom, #003978 48px, #fff 48px);
  box-shadow: 0 0 6px #ddeefd;
  height: 91px;
}

r-wrapper {
  display: block;
}

r-main {
  display: block;
  position: relative;
}

r-btn {
  display: block;
}

.r-btn {
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 0.9rem;
  line-height: normal;
  padding: 8px 24px 6px;
}

.r-btn:hover {
  text-decoration: none;
}

.r-btn r-icon {
  margin: 0 8px;
}

.r-btn--light,
.r-btn--light:hover {
  color: #fff;
}

.r-btn--light:hover span {
  text-decoration: underline;
}

.r-btn--primary {
  background: #003978;
  border: 1px solid #003978;
  border-radius: 32px;
  color: #fff;
  font-weight: 700;
}

.r-btn--primary:hover {
  color: #fff;
  background: #013562;
}

.r-btn--secondary {
  background: #fdc800;
  border: 1px solid #fdc800;
  border-radius: 32px;
  color: #003978;
}

.r-btn--secondary:hover {
  background: 0 0;
  border: 1px solid #fdc800;
  color: #fdc800;
}

.r-btn--outline {
  background: #fff;
  border: 1px solid #003978;
  border-radius: 32px;
  color: #003978;
  font-weight: 700;
}

.r-btn--outline:hover {
  background: #003978;
  border-color: #003978;
  color: #fff;
}

.r-btn--more {
  padding: 16px 0;
  text-align: center;
}

.r-btn--more .r-btn {
  font-size: 1rem;
}

.r-btn--home {
  grid-area: home;
  color: #003978;
  font-size: 0.9rem;
  height: 30px;
  line-height: 30px;
  margin: auto;
  padding: 0;
}

.r-btn--home:hover {
  color: #003978;
}

.r-btn--home r-icon {
  line-height: 30px;
  font-size: 1.5rem;
}

.r-btn--burger {
  font-size: 30px;
  grid-area: burger;
  height: 48px;
  padding: 0;
  color: #fff;
}

.r-btn--burger:hover {
  color: #fff;
}

.r-btn--burger r-icon {
  line-height: 48px;
}

.r-comments--list {
  list-style: none;
  margin: auto;
  max-width: 664px;
  padding: 16px;
}

.r-comments--title {
  font-size: 1.5rem;
  border-bottom: 1px solid #f0f7fd;
  color: #003978;
  font-family: "Source Sans 3", arial, sans-serif;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center;
}

.r-comments--login {
  border-bottom: 1px solid #003978;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-align: center;
}

.r-comments--link {
  display: block;
  margin-top: 16px;
}

.r-comment {
  border-top: 1px solid #003978;
  margin-bottom: 8px;
  padding-top: 16px;
}

.r-comment:first-child {
  border: 0;
}

.indented {
  border-left: 1px dashed #003978;
  border-top: 0;
  margin-bottom: 16px;
  margin-left: 8px;
  padding-bottom: 0;
  padding-left: 16px;
}

.r-comment--meta {
  color: #003978;
  font-size: 0.75rem;
  margin-bottom: 8px;
}

.r-comment--body {
  font-family: "Stix Two Text", arial, sans-serif;
}

.r-comment--body p:last-child {
  margin: 0;
}

r-direct {
  color: #003978;
  display: block;
  padding: 0 16px;
}

.page-node r-direct {
  padding: 0;
}

r-direct--header {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.r-direct--heading {
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.3rem;
}

.page-node .r-direct--heading {
  font-size: 1.5rem;
  margin: 32px auto;
  text-align: center;
}

.r-direct--notification {
  display: none;
}

.r-direct--tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.r-direct--tab {
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0 4px;
  padding: 0 8px;
  text-transform: uppercase;
}

.r-direct--tab.-is-active,
.r-direct--tab:hover {
  text-decoration: underline;
}

.r-direct--tab.-is-current {
  -webkit-order: -1;
  order: -1;
}

.r-direct--nav {
  display: none;
}

.r-direct--menu {
  cursor: pointer;
  list-style: none;
  text-transform: uppercase;
}

r-direct--list {
  display: block;
  min-height: 150px;
}

.r-direct--item {
  display: grid;
  grid-template-areas: "time titre" "time meta";
  grid-template-columns: 1fr 4fr;
}

.r-direct--item:last-child .r-direct--title {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.r-direct--time {
  border-right: 1px solid #f0f7fd;
  font-size: 0.9rem;
  grid-area: time;
  line-height: 0;
  margin-right: 16px;
  margin-top: 16px;
  position: relative;
}

.r-direct--time::after {
  content: "";
  border: 2px solid #003978;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  right: -4px;
  background: #fff;
  top: -4px;
}

.r-direct--title {
  border-bottom: 1px solid #f0f7fd;
  font-size: 1rem;
  font-weight: 600;
  grid-area: titre;
  margin-top: 5px;
  padding-bottom: 16px;
}

.r-direct--link:hover {
  color: #003978;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
}

.r-icon--abonne {
  font-size: 70%;
  color: #fdc800;
}

.r-icon--pardefaut::before {
  content: "\ea18";
}

.not-lazy {
  display: none;
}

.r-img {
  width: 100%;
}

.r-logo {
  align-self: center;
  display: -webkit-flex;
  display: flex;
  grid-area: logo;
  height: 100%;
  margin: auto;
}

.r-logo svg {
  margin: auto;
}

r-menu {
  display: block;
}

r-submenu {
  display: none;
}

.r-menu--link {
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
}

.r-menu--horizontal {
  display: -webkit-flex;
  display: flex;
  font-family: "Stix Two Text", arial, sans-serif;
  font-size: 1.1rem;
  grid-area: menu;
  overflow: auto;
  white-space: nowrap;
}

.r-menu--horizontal::-webkit-scrollbar {
  display: none;
}

.r-menu--horizontal .r-menu--link {
  font-weight: 600;
  line-height: 1;
  margin: 0 3px;
  padding: 9px 12px 8px;
}

.r-menu--horizontal .r-menu--link:hover {
  text-decoration: none;
}

r-header .r-menu--horizontal {
  font-family: "Stix Two Text", arial, sans-serif;
  grid-area: menu;
  overflow: auto;
}

.r-menu--left,
.r-menu--right {
  bottom: 0;
  cursor: pointer;
  display: block;
  font-family: main;
  line-height: 42px;
  padding: 0 8px;
  position: absolute;
}

.r-menu--left:hover,
.r-menu--right:hover {
  color: #ddeefd;
}

.r-menu--left.disabled {
  visibility: hidden;
}

.r-mini-panel--menu {
  grid-column: 1;
  visibility: hidden;
}

.r-menu--article {
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 155;
  background: #fff;
  border-top: 1px solid #003978;
}

.r-menu--article .r-menu--link {
  border-right: 1px solid #f0f7fd;
  padding: 4px 16px;
  text-align: center;
}

.r-menu--article r-icon {
  font-size: 1.7rem;
}

.r-menu--article r-btn {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 0 16px;
  position: relative;
  color: #003978;
}

.r-menu--article r-btn r-icon {
  font-size: 1.7rem;
  text-align: center;
}

.r-menu--comment {
  display: -webkit-flex;
  display: flex;
  font-size: 0.75rem;
  margin-left: -8px;
}

.r-menu--breadcrumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.r-menu--breadcrumb .r-menu--link {
  padding: 0;
}

.r-menu--breadcrumb .r-menu--link::after {
  content: "•";
  padding: 0 8px;
}

.r-menu--breadcrumb .r-menu--link:last-child::after {
  display: none;
}

.r-menu--breadcrumb .r-menu--link:hover {
  text-decoration: none;
}

.r-menu--user {
  content-visibility: hidden;
  visibility: hidden;
  position: absolute;
}

.r-menu--share-link {
  background: 0 0;
  border: 0;
  margin-right: 4px;
  padding: 0 8px;
}

.r-menu--share-link r-icon {
  font-size: 1.5rem;
}

r-panel {
  display: block;
}

.-is-abonne,
.-is-anonyme,
.-is-connecte,
.-is-connecte-sd {
  display: none !important;
}

.r-anonyme .-is-anonyme {
  display: block !important;
}

.r-sso--header {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-flex;
  display: flex;
  grid-area: login;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.r-sso--login {
  display: none;
}

.r-sso--login:focus {
  outline: 0;
  text-decoration: none;
}

.r-sso--toggle-menu {
  -webkit-align-items: center;
  align-items: center;
  aspect-ratio: 1;
  background: #f9f9fc;
  border-radius: 50%;
  color: #003978;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 1em;
  font-weight: 700;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  padding: 6.4px;
}

.r-sso--toggle-menu:hover {
  background: #d6d6d6;
  text-decoration: none;
}

.r-toggle--share {
  display: -webkit-flex;
  display: flex;
}

r-article--meta {
  display: block;
  font-size: 0.75rem;
}

.r-article h1 {
  color: #000;
  display: block;
  text-align: left;
}

.r-article h1::after,
.r-article h1::before {
  display: none;
}

.r-article h2 {
  font-family: "Source Sans 3", arial, sans-serif;
  font-size: 1.3rem;
  margin: 32px 0 16px;
}

.r-article r-article--meta {
  color: #003978;
  display: grid;
  grid-template-areas: ". ." ". .";
  grid-template-columns: 1fr 6fr;
  margin-bottom: 16px;
  margin-top: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f7fd;
}

.r-article r-article--meta .r-author--img {
  border-right: 1px solid #003978;
  margin: 0 16px 0 0;
  padding-right: 16px;
  width: 70px;
}

.r-article r-article--meta .r-img {
  border-radius: 50%;
}

.r-article li,
.r-article p {
  font-size: 1.2rem;
  font-family: "Stix Two Text", arial, sans-serif;
}

.r-article li {
  list-style: none;
  margin-bottom: 8px;
}

.r-article li::before {
  color: #003978;
  content: "\ea03";
  font-family: main;
  font-size: 0.9rem;
  line-height: 1.8rem;
  margin-right: 16px;
}

.r-article h1 {
  font-size: 1.7rem;
}

.r-article .r-article--header {
  grid-area: header;
}

.r-anonyme .r-article .r-article--header {
  margin-bottom: 16px;
}

.r-meta--bottom {
  color: #575757;
  grid-column: span 2;
  margin-top: 8px;
}

.r-meta--top {
  -webkit-align-self: center;
  align-self: center;
}

.r-readtime,
time {
  color: #575757;
  font-size: 0.9rem;
  grid-column: span 3;
  margin-right: 8px;
}

.r-readtime {
  padding-left: 8px;
}

r-article--meta .r-readtime {
  border-left: 1px solid #d6d6d6;
}

.r-section--principale {
  padding-bottom: 32px;
}

@supports (-webkit-text-stroke: 1px white) {
}

.r-archive--text:focus-visible {
  border-radius: 48px;
}

@media (min-width: 664px) {
  r-pub > div {
    max-width: calc(100% - 32px);
  }

  .r-sticky--panel {
    padding: 32px 32px 39px;
    width: 400px;
  }

  .-xs-only {
    display: none !important;
  }

  html {
    font-size: 15px;
    overflow-x: hidden;
  }

  h1 {
    font-size: 3rem;
    grid-column: 1/-1;
    margin: -1px 0;
    padding: 16px 0 0;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.7rem;
    font-weight: 600;
  }

  body:not(.r-viewtiful) r-header {
    height: 144px;
  }

  i-header {
    grid-template-areas: ". . burger . logo login ." ". . home menu menu menu .";
    grid-template-columns:
      24px minmax(7.8vw, auto) minmax(0, 50px)
      minmax(0, 200px) minmax(0, 828px) minmax(0, 250px) minmax(
        calc(7.8vw + 24px),
        auto
      );
    grid-template-rows: 80px 64px;
    height: 144px;
    background: linear-gradient(to bottom, #003978 80px, #fff 80px);
    box-shadow: 0 0 2px #ddeefd;
  }

  r-main {
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-rows: auto;
    grid-gap: 1px;
    grid-template-areas: "event event event event" "direct manchette manchette ." "direct manchette manchette ." "mp-top mp-top mp-top mp-top" "imu-top . . multimedia" "imu-top . . selligent" "mp-mid mp-mid mp-mid mp-mid" "dossier dossier . inread-top" "dossier dossier . ." "mp-bottom mp-bottom mp-bottom mp-bottom" "inread-mid inread-mid . ." ". . . .";
    grid-template-columns: 332px minmax(0, 332px) minmax(0, 332px) minmax(
        0,
        332px
      );
    margin: 24px auto auto;
    background: #f0f7fd;
  }

  r-main > * {
    background: #fff;
  }

  .r-btn--more {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    grid-column: 1/-1;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: -1px;
    padding: 16px 0 32px;
  }

  .r-btn--more::after,
  .r-btn--more::before {
    content: "";
    -webkit-flex: 1;
    flex: 1;
    height: 1px;
    margin: 16px;
    background: #f0f7fd;
  }

  .r-btn--burger {
    font-size: 40px;
    height: 80px;
  }

  .r-btn--burger r-icon {
    line-height: 80px;
  }

  .r-comments--list {
    padding: 0;
  }

  r-direct {
    padding: 0;
  }

  r-direct--header {
    display: block;
    position: relative;
  }

  .r-direct--tabs {
    margin: 8px 0 16px;
  }

  .r-direct--tab {
    background: #fff;
    border: 1px solid #003978;
    border-radius: 32px;
    padding: 6px 24px 4px;
  }

  .r-direct--tab:hover {
    background: #003978;
    border-color: #003978;
    color: #fff;
    text-decoration: none;
  }

  .r-direct--tab.-is-active {
    background: #003978;
    color: #fff;
    text-decoration: none;
  }

  .r-menu--horizontal {
    font-size: 1.2rem;
    scrollbar-width: none;
  }

  .r-menu--horizontal .r-menu--link {
    padding: 12px 16px;
  }

  .r-menu--left,
  .r-menu--right {
    line-height: 64px;
  }

  .r-menu--article .r-menu--link {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .r-menu--article span {
    position: relative;
    top: 1px;
  }

  .r-menu--article r-btn r-icon {
    margin: 6px 0;
  }

  .r-menu--breadcrumb {
    margin: 32px 16px 0;
    padding: 0;
  }

  .page-node .r-menu--breadcrumb {
    margin: 32px auto 0;
  }

  .r-sso--login {
    display: -webkit-flex;
    display: flex;
  }

  r-article--meta {
    font-size: 1rem;
  }

  .page-node r-main {
    background: 0 0;
    display: block;
    margin: 0 auto;
    max-width: 1920px;
  }

  .r-article h1 {
    margin-bottom: 16px;
  }

  .r-article h2 {
    font-size: 1.7rem;
  }

  .r-article address {
    font-size: 1rem;
  }

  .r-article li,
  .r-article p {
    font-size: 1.3rem;
  }

  .r-article {
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "header header header header" ". . . .";
    margin: auto;
  }

  .r-article h1 {
    font-size: 2.5rem;
  }

  .r-article .r-article--header,
  .r-article r-article--meta {
    grid-column: 1/-1;
    margin-left: auto;
    margin-right: auto;
  }

  .r-article .r-article--header,
  .r-article h2,
  .r-article p,
  .r-article r-article--meta {
    margin-left: auto;
    margin-right: auto;
    max-width: 664px;
    width: 100%;
  }

  .r-readtime r-icon {
    font-size: 1.5rem;
    vertical-align: bottom;
  }
}

@media (min-width: 960px) {
  .-only-mobile {
    display: none !important;
  }

  .r-menu--horizontal .r-menu--link:hover {
    background: #003978;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
  }

  .r-menu--left {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    left: calc(7.8vw + 24px);
    padding-right: 50px;
  }

  .r-menu--left::before {
    content: "\ea02";
  }

  .r-menu--right {
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    padding-left: 50px;
    right: calc(7.8vw + 24px);
  }

  .r-menu--right::before {
    content: "\ea03";
  }

  .r-menu--article .r-menu--link:hover {
    text-decoration: none;
    background: #f0f7fd;
  }

  .r-menu--breadcrumb {
    max-width: 664px;
  }

  .r-menu--share-link:hover {
    cursor: pointer;
    background: #003978;
    color: #fff;
  }

  .r-article > * {
    grid-column: 2 / span 2;
  }

  .r-article .r-img:hover {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 1280px) {
  html::after {
    content: "lg";
  }

  r-main {
    margin: 16px max(7.8vw, calc(50vw - 664px)) auto;
  }

  .r-article {
    grid-template-columns:
      minmax(0, 332px) minmax(0, 332px) minmax(0, 332px)
      332px;
    max-width: 1328px;
  }
}

@media (max-width: 959px) {
  a:hover {
    text-decoration: none;
  }

  r-pub[class*="-d-"] {
    display: none;
  }

  .-only-desktop {
    display: none !important;
  }

  .r-menu--right {
    display: none;
  }

  .r-article {
    padding: 0 16px;
  }
}

@media (max-width: 663px) {
  html::after {
    content: "xs";
  }

  html {
    overflow: unset;
    margin-bottom: 50px;
  }

  r-pub {
    background: #f9f9fc;
    width: 100%;
  }

  .r-btn--burger {
    margin: auto;
  }

  r-direct .r-btn--more {
    text-align: right;
  }

  r-direct .r-btn--more .r-btn--outline {
    font-size: 0.9rem;
  }

  r-direct .r-btn--outline {
    background: 0 0;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: underline;
  }

  .r-direct--heading {
    text-align: center;
  }

  .r-direct--time {
    border-color: #003978;
  }

  .r-logo svg {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .r-menu--article {
    font-size: 0.6rem;
    font-weight: 700;
  }

  .r-menu--article .r-menu--link {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
  }

  .r-menu--article r-icon {
    display: block;
  }

  .r-menu--breadcrumb {
    margin: 32px auto 0;
    padding: 0 16px;
  }

  .r-sso--header {
    margin-right: 8px;
  }

  .r-sso--abo {
    font-size: 0.8rem;
    padding: 6px 8px 4px;
  }

  .r-toggle--share {
    background: #fff;
    border: 1px solid #003978;
    border-bottom: 0;
    bottom: 100%;
    content-visibility: hidden;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    visibility: hidden;
  }

  .r-meta--top,
  .r-meta--top address {
    font-size: 1rem;
  }

  .r-readtime r-icon {
    display: none;
  }
}

@media (min-width: 664px) and (max-width: 959px) {
  html::after {
    content: "sm";
  }

  i-header {
    grid-template-columns:
      24px minmax(0, auto) minmax(0, 50px) minmax(0, 200px)
      minmax(0, 828px) minmax(0, 250px) minmax(24px, auto);
  }

  r-main {
    grid-template-areas: "event event" "manchette manchette" "manchette manchette" "direct ." "direct ." "mp-top mp-top" "multimedia imu-top" ". imu-top" ". ." "selligent ." "mp-mid mp-mid" "dossier dossier" " . inread-top" " . ." "mp-bottom mp-bottom" ". ." "inread-mid inread-mid" ". .";
    grid-template-columns: minmax(0, 332px) 332px;
    max-width: 664px;
  }

  .r-menu--breadcrumb {
    max-width: 696px;
    padding: 0 16px;
  }

  .r-article > * {
    grid-column: span 4;
  }

  .r-article {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 332px) minmax(0, 332px)
      minmax(0, 1fr);
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  html::after {
    content: "md";
  }

  r-main {
    grid-template-areas: "event event event" "manchette manchette direct" "manchette manchette direct" "mp-top mp-top mp-top" ". . imu-top" "multimedia . imu-top" "selligent . ." ". . inread-top" "mp-mid mp-mid mp-mid" "dossier dossier ." "dossier dossier ." "mp-bottom mp-bottom mp-bottom" ". . inread-mid" ". . .";
    grid-template-columns: minmax(0, 332px) minmax(0, 332px) 332px;
    max-width: 996px;
    margin: 24px max(64px, calc(50vw - 498px)) 0;
  }

  .page-node .r-menu--breadcrumb {
    margin-right: 332px;
  }

  .r-article {
    max-width: 1328px;
    grid-template-columns: minmax(0, 332px) 332px 332px 332px;
  }

  .r-article .r-article--header,
  .r-article r-article--meta {
    grid-column: 2 / span 2;
  }
}

@media (min-width: 728px) {
  body:not(.-is--native)
    .r-pub--inread:has(i-pub > [id*="flexsv-d-"].adm-ad-empty) {
    display: none;
  }
}

.button-link {
  background-color: #f5c400 !important;
  color: #1a1a1a !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: color 0.5s ease !important;
}

.button-link b {
  transition: color 0.5s ease !important;
}

.button-link::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #003978 !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 2.5s ease !important;
  z-index: -1 !important;
}

.button-link:hover::before {
  transform: scaleX(1) !important;
}

.button-link:hover {
  color: #fff !important;
  text-decoration: none;
  cursor: pointer !important;
}

.button-link:hover b {
  color: #fff !important;
}

.r-footer--copyright-img {
  min-width: 70px;
  text-align: center;
}

@media (min-width: 664px) {
  .r-footer--copyright-img {
    min-width: auto;
  }
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
:root {
  --swiper-navigation-size: 44px;
}

.fb_reset {
  background: none;
  border: 0px;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family:
    lucida grande,
    tahoma,
    verdana,
    arial,
    sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}

.fb_reset > div {
  overflow: hidden;
}

.fb_reset {
  background: none;
  border: 0px;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family:
    lucida grande,
    tahoma,
    verdana,
    arial,
    sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}

.fb_reset > div {
  overflow: hidden;
}

[data-scrolldir="down"]
  .page-node.-has-header-fixed:not(.-is-toggle-r-mini-panel--menu):not(
    .-is-grand-format
  )
  .r-menu--horizontal {
  display: none;
}

[data-scrolldir="down"]
  .page-node.-has-header-fixed:not(.-is-toggle-r-mini-panel--menu):not(
    .-is-grand-format
  )
  .r-btn--home {
  display: none;
}

.-has-header-fixed:not(.r-viewtiful) i-header {
  position: fixed;
  top: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

.form-wrapper {
  max-width: 450px;
  width: 100%;
  margin: 20px auto;
}