html::after {
  display: none;
}

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

body {
  background-color: #fff;
  color: #212529;
  font-family: "STIX Two Text", serif !important;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

#wrapper {
  position: relative;
}

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,
video {
  vertical-align: middle;
}

video {
  display: inline-block;
}

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 {
  -webkit-appearance: button;
}

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

[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;
}

.r-img {
  display: block;
}

.r-ratio--16-9 img {
  aspect-ratio: 16/9;
}

.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;
  }
}

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

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--basket::before {
  content: "\ea06";
}

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

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

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

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

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

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

.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--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--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--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--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--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--unioneuropeenne::before {
  content: "\eab1";
}

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

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

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

.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,
h4 {
  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;
}

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

figcaption {
  color: #575757;
  font-size: 0.9rem;
  padding: 8px;
}

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

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

button {
  cursor: pointer;
}

r-header {
  display: block;
}

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--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--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--burger {
  font-size: 30px;
  grid-area: burger;
  height: 48px;
  padding: 0;
  color: #fff;
}

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

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;
  border: none !important;
}

.r-menu--horizontal .r-menu--link:hover {
  outline: 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;
  font-family: "Source Sans 3", sans-serif;
  padding-block: 6px;
}

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

.r-menu--article .r-menu--link img {
  width: 16px !important;
  height: 16px !important;
  object-fit: cover !important;
  padding-left: 0px !important;
}

.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-panel,
r-panel--body {
  display: block;
}

.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;
  font-family: "Source Sans 3", sans-serif;
}

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

.r-sso--login span {
  font-size: 15px;
  font-weight: 500;
}

.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;
  align-items: center;
}

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 ul {
  list-style-position: inside;
  padding: 0;
}

.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;
  /* word-break: break-word; */
}

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

.r-article--main-img {
  margin: 0 -16px 16px;
}

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

.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-lettrine {
  color: #000;
  float: left;
  font-size: 4rem;
  line-height: 3rem;
  margin-right: 8px;
  position: relative;
  margin-top: 0.5rem;
}

.r-stories--label {
  color: #003978;
  font-family: "Source Sans 3", arial, sans-serif;
  font-weight: 700;
  margin-right: 4px;
  padding-right: 8px;
}

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

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

@media (min-width: 664px) {
  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;
  }

  h4 {
    font-size: 1.5rem;
    font-weight: 600;
  }

  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--burger {
    font-size: 40px;
    height: 80px;
  }

  .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--breadcrumb {
    margin: 32px auto 0;
    padding: 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--main-img,
  .r-article r-article--meta {
    grid-column: 1/-1;
    margin-left: auto;
    margin-right: auto;
  }

  .r-article .r-article--main-img {
    max-width: 864px;
    width: 100%;
  }

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

  .r-lettrine {
    font-size: 5.5rem;
    line-height: 4rem;
    margin-top: 1rem;
  }
}

@media (min-width: 960px) {
  figcaption {
    padding: 8px 0;
  }

  .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-article > * {
    grid-column: 2 / span 2;
  }

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

  .r-article--main-img {
    margin: 0 -100px 16px;
  }
}

@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-menu--right {
    display: none;
  }

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

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

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

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

  .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--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-article--main-img figcaption {
    padding: 8px 16px;
  }

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

@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);
  }

  .r-article--main-img {
    margin: 0 -16px 16px;
  }
}

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

  .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--main-img,
  .r-article r-article--meta {
    grid-column: 2 / span 2;
  }
}

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--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--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-panel--stories {
  font-size: 1.2rem;
  margin: 16px 0;
}

.r-panel--stories r-panel--body {
  margin: auto;
  max-width: 664px;
}

.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;
}

#block_marketing_indication_fin_article {
  border-bottom: 1px solid #d6d6d6;
}

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

  .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;
  }

  .r-panel--stories {
    font-size: 1.3rem;
  }

  .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;
  }
}

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

@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) ")";
  }

  a[href^="#"]::after {
    content: "";
  }

  img {
    page-break-inside: avoid;
  }

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

  h2 {
    page-break-after: avoid;
  }

  r-footer,
  r-header,
  r-menu {
    display: none !important;
  }

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

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

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

.r-menu--link_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top__list {
  margin-bottom: 80px;
  padding-top: 12px;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .top__list {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .top__list {
    margin-bottom: 35px;
  }
}

.top__list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.top__list .item .place {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  width: 210px;
}

@media screen and (max-width: 991px) {
  .top__list .item .place {
    width: 150px;
  }
}

.top__list .item .place__num {
  width: 36px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .top__list .item .place__num {
    width: 26px;
    font-size: 14px;
  }
}

.top__list .item .place__avatar {
  width: 40px;
  margin-left: 7px;
}

.top__list .item .place__avatar img {
  display: block;
  margin: 0;
}

.top__list .item .place__name {
  margin-left: 20px;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .top__list .item .place__name {
    margin-left: 30px;
  }
}

.top__list .item .progress {
  flex-grow: 1;
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .top__list .item .progress {
    margin-left: 10px;
  }
}

.progress {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
}

.progress__bar {
  display: block;
  height: 25px;
  width: 0;
  margin-right: 20px;
  background-color: green;
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  border-radius: 3px;
  animation: progress-bar-stripes 2s linear infinite;
  transition: 800ms ease-out;
}

.progress__info {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .progress__info {
    font-size: 16px;
  }

  .top__list .item {
    flex-direction: column;
  }

  .top__list .item .place {
    width: 100% !important;
  }

  .progress {
    width: 100%;
    margin: 10px 0px;
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

#calculator {
  text-align: center;
  padding: 10px;

  background-color: #fff;
  animation: fadeIn 0.5s ease-in-out;
  width: 100%;
}

#slider-container {
  position: relative;
  margin-bottom: 2px;
  height: 110px;
}

#slider {
  width: 100%;
  /*margin-bottom: 20px;*/
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out 0.5s forwards;
  -webkit-appearance: none;
  appearance: none;
  height: 20px !important;
  background: #5cb95c;
  border-radius: 10px;
  outline: none;
  padding: 0;
  position: relative;
  z-index: 2;
}

#slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #3498db;
  margin-top: 0px !important;
  z-index: 3;
}

#current-value {
  width: 35%;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 6px;
  font-size: 16px;
  margin-top: -5px;
  margin-bottom: 10px;
  border-left: 2px solid #5cb95c;
  border-right: 2px solid #5cb95c;
  border-bottom: 2px solid #5cb95c;
}

.slider-labels {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.slider-labels span {
  position: relative;
}

.slider-labels span::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #000;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}

.result {
  font-size: 16px;
  margin-bottom: 12px;
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out 1s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.top__list .item .place__avatar img {
  display: block;
  min-width: 50px !important;
}

.top__list .item .place {
  width: 240px;
}

.bigbanana-149 {
  display: flex;
  margin-top: 20px;
  align-items: center;
  flex-direction: column;
}

.comments .comments__list-item_answer {
  margin-left: 30px;
}

.pexi-tm-27940__tm-paragraph {
  align-items: center;
  background-color: white;
  border: 2px solid #004077;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 2rem auto;
  max-width: 893px;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}

.form-title {
  text-align: center;
  padding: 30px 15px;
  font-size: 30px;
  background: #003978;
  color: #fff;
  text-transform: uppercase;
  margin: 30px 0;
  line-height: 1.2;
  letter-spacing: 2px;
}

@media (max-width: 767px) {
  .form-title {
    font-size: 24px;
  }
}

.comments {
  position: relative;
  margin: 20px 5px;
}

@media screen and (max-width: 599px) {
  .comments {
    margin: 20px 10px;
  }
}

.comments .comments__anchor {
  position: absolute;
  top: -80px;
}

.comments .comments__header {
  display: block;
}

.comments .comments__header-title {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  background-color: #003978;
  color: #fff;
  font-family: StagSans, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.25em;
  line-height: 34px;
  text-transform: uppercase;
}

@media screen and (max-width: 599px) {
  .comments .comments__header-title {
    font-size: 1em;
    line-height: 30px;
  }
}

.comments .comments__header-title svg {
  margin-right: 5px;
  vertical-align: middle;
  fill: currentColor;
}

@media screen and (max-width: 599px) {
  .comments .comments__header-title svg {
    width: 17px;
    height: 16px;
  }
}

.comments .comments__login {
  padding: 10px;
  background-color: #f5f5f5;
}

.comments .comments__login-textareabutton {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  height: 132px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #999;
  text-decoration: none;
}

.comments .comments__login-textareabutton .comment-form__input-counter {
  position: absolute;
  right: 0;
  bottom: 0;
}

.comments .comment-form__input-counter {
  display: block;
  margin: 0;
  padding: 10px;
  background-color: #fff;
  color: #999;
  font-size: 0.75em;
  text-align: right;
}

@media screen and (max-width: 599px) {
  .comments .comment-form__input-counter {
    font-size: 0.65em;
  }
}

.comments .comment-form__button {
  text-decoration: none;
  color: #fff;
  margin-top: 10px;
  padding: 12px 10px;
  background-color: #003978;
  line-height: 1;
}

.comments .comment-form__button:visited {
  color: #fff;
}

.comments .comment-form__button:focus,
.comments .comment-form__button:hover {
  color: #fff;
  text-decoration: none;
}

.comments .comments__list {
  margin: 0 10px;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 599px) {
  .comments .comments__list {
    margin: 0;
  }
}

.comments .comments__list-item {
  padding: 15px 0;
  border-bottom: 1px solid #efe8e1;
  color: #292929;
}

.comments .comments__list-item__head {
  display: flex;
}

.comments .comments__list-item__author {
  flex: 1;
  margin: 0;
  font-family: StagSans, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1em;
  line-height: 18px;
}

@media screen and (max-width: 599px) {
  .comments .comments__list-item__author {
    font-size: 0.875em;
  }
}

.comments .comments__list-item__meta {
  flex: 0 1;
  color: #b4b4b4;
  font-size: 0.875em;
  line-height: 18px;
  white-space: nowrap;
}

@media screen and (max-width: 599px) {
  .comments .comments__list-item__meta {
    font-size: 0.75em;
  }
}

.comments .comments__list-item__body {
  width: 100%;
  margin-top: 10px;
  font-size: 1em;
  line-height: 1.2;
  /* white-space: break-spaces; */
  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;
}

.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;
}

a {
  display: inline;
}

a:hover {
  outline: 2px solid #568fff;
  outline-offset: 1px;
}

a:has(img) {
  display: auto;
}

a:has(img):hover {
  outline: none;
  outline-offset: none;
}

img:hover {
  outline: 2px solid #568fff;
  outline-offset: 1px;
}

@namespace svg "http://www.w3.org/2000/svg";

#didomi-host *:not(svg|*) {
  all: unset;
  -webkit-text-fill-color: initial;
}

.footer {
  font-family: "Source Sans 3", sans-serif;
}

#reg-form {
  border: 2px solid #121534;
  border-radius: 16px;
  max-width: 560px;
  margin: 0 auto 24px auto;
  box-shadow: 3px 3px 6px #00000030;
}

.form-title {
  text-align: center;
  padding: 14px;
  font-size: 16px;
  background: red !important;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0;
  line-height: 1.2;
  letter-spacing: 2px;
  width: 90%;
  border-radius: 4px;
  font-family: "Source Sans 3", sans-serif;
}

.aio-form.aio-sdk-form {
  --aio-sdk-form-padding: 7px 30px 20px;
}

.aio-sdk-form {
  --aio-sdk-form-padding: 30px 30px 20px;
  --aio-sdk-form-layout-gap: var(--aio-sdk-input-margin);
  --aio-sdk-form-steps-gap: 60px;
  --aio-sdk-form-steps-margin: 15px;
  --aio-sdk-form-step-diameter: 35px;
  --aio-sdk-form-step-font-size: var(--aio-sdk-input-font-size);
  --aio-sdk-form-step-line-color: var(--aio-sdk-input-bg);
  --aio-sdk-form-step-bg: var(--aio-sdk-input-bg);
  --aio-sdk-form-step-border: var(--aio-sdk-submit-bg);
  --aio-sdk-form-step-color: var(--aio-sdk-input-color);
  --aio-sdk-form-step-active-bg: var(--aio-sdk-submit-bg);
  --aio-sdk-form-step-active-border: var(--aio-sdk-submit-bg);
  --aio-sdk-form-step-active-color: var(--aio-sdk-submit-color);
  --aio-sdk-input-label-color: black;
  --aio-sdk-input-label-font-size: 1em;
  --aio-sdk-input-label-margin: 3px;
  --aio-sdk-input-margin: 15px;
  --aio-sdk-input-bg: white;
  --aio-sdk-input-font-size: 1em;
  --aio-sdk-input-border: #ced4da;
  --aio-sdk-input-border-radius: 0px;
  --aio-sdk-input-padding: 15px 20px;
  --aio-sdk-input-color: black;
  --aio-sdk-input-textarea-size: 100px;
  --aio-sdk-input-checkbox-gap: 5px;
  --aio-sdk-submit-bg: #60359b;
  --aio-sdk-submit-width: 100%;
  --aio-sdk-submit-margin: 0 auto 0 auto;
  --aio-sdk-submit-padding: var(--aio-sdk-input-padding);
  --aio-sdk-submit-border: transparent;
  --aio-sdk-submit-border-radius: var(--aio-sdk-input-border-radius);
  --aio-sdk-submit-color: white;
  --aio-sdk-submit-font-size: var(--aio-sdk-input-font-size);
  --aio-sdk-exclamation-bg: var(--aio-sdk-submit-bg);
  --aio-sdk-exclamation-flex-gap: 10px;
  --aio-sdk-exclamation-flex-align-items: baseline;
  --aio-sdk-exclamation-color: var(--aio-sdk-submit-color);
  --aio-sdk-exclamation-sign-color: red;
  --aio-sdk-exclamation-padding: var(--aio-sdk-input-padding);
  --aio-sdk-exclamation-margin: var(--aio-sdk-input-margin);
  --aio-sdk-exclamation-border: transparent;
  --aio-sdk-input-font-weight: bold;
  --aio-sdk-exclamation-border-radius: var(--aio-sdk-input-border-radius);
  box-sizing: border-box;
  padding: var(--aio-sdk-form-padding);
  position: relative;
  width: 100%;
}

.aio-sdk-form .aio-sdk-input-container {
  box-sizing: border-box;
  position: relative;
  margin-bottom: var(--aio-sdk-input-margin);
  color: var(--aio-sdk-input-color);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--aio-sdk-input-label-margin);
}

.aio-sdk-form .aio-sdk-input {
  color: black;
  background-color: var(--aio-sdk-input-bg);
  border: 1px solid var(--aio-sdk-input-border);
  padding: var(--aio-sdk-input-padding);
  border-radius: var(--aio-sdk-input-border-radius);
  font-size: var(--aio-sdk-input-font-size);
  font-weight: 400;
  display: block;
  width: 100%;
  outline: 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.form__button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 10ch;
  min-height: 44px;
  margin-top: 16px;
  padding: 0.25em 0.75em;
  transition: 220ms all ease-in-out;
}

.form__button {
  background-color: red;
  padding: 18px 32px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.25px;
  transition-duration: 0.3s;
  border-radius: 3px;
  text-align: center;
  border: none;
  color: #fff;
  width: 100%;
  max-width: unset !important;
  text-decoration: none;
}

.form__button:hover {
  background-color: rgb(215, 0, 0) !important;
}

.pexi-tm-27940__tm-container .pexi-tm-27940__tm-paragraph {
  border: none;
  font-size: 18px !important;
  background-color: #f5f5f5 !important;
}

.aio-sdk-form input[type="submit"] {
  background: #f00 !important;
  border-color: #f00 important;
}

input.error-input {
  border: 2px solid red !important;
}

.hide {
  display: none;
}

.iti__selected-country {
  box-shadow: unset !important;
}

#calculator {
  max-width: 420px;
  margin: 40px auto 0;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  text-align: center;
  box-sizing: border-box;
}

.highlight-box {
  background: #ffffff;
  border-left: 5px solid #dc143c;
  line-height: 1.7;
  display: block;
  box-sizing: border-box;
}

#slider {
  padding: 0 !important;
  width: 100%;
  height: 8px !important;
  background: #ddd;
  border-radius: 5px;
  outline: none;
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
  margin-bottom: 10px;
}

#current-value {
  color: #5cb95c;
  font-weight: bold;
}

#current-value {
  width: 35%;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 6px;
  font-size: 16px;
  margin-top: -5px;
  margin-bottom: 10px;
  border-left: 2px solid #5cb95c;
  border-right: 2px solid #5cb95c;
  border-bottom: 2px solid #5cb95c;
}

.result {
  background: #f0f8ff;
  padding: 12px;
  border-radius: 10px;
  margin-top: 12px;
  font-size: 16px;
  color: #222;
}

.form-title {
  font-size: 20px !important;
}

.-in-area-inread-mid {
  grid-area: inread-mid;
}

.progress__info {
  font-size: 18px !important;
}

#reg_form {
  padding: 0px 10px 20px;
  /* max-width: 400px; */
  margin: auto;
}

#reg_form .btn {
  padding: 14px 0;
  background-color: #f81100;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  box-shadow: 0 2px 8px rgba(79, 140, 255, 0.08);
}

.iti__country-list {
  display: none !important;
}
.iti__arrow {
  display: none !important;
}

input.form-control,
select.form-control {
  margin-top: 12px;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
  min-height: 35px;
  border: 1px solid #ccc;
  color: #333;
  display: block;
  font-family: ubuntu, sans-serif;
  margin: auto;
  line-height: 31px;
  background-image: none;
  padding: 0 20px;
  box-sizing: border-box;
  transition:
    border-color 0.2s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 8px;
  background-color: #fff;
  height: 42px;
  font-weight: 300;
  font-size: 16px;
}

.hiddenArea {
  display: none;
}

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

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

html {
  scroll-behavior: smooth;
}