:root {
    /* Official colors - style guide */
    --afp-blue: #325aff;
    --afp-black: #000;
    --afp-white: #fff;
    /* sub main colors */
    --afp-pink: #ff6e6e;
    --afp-yellow: #ffd223;
    --afp-orange: #ffa050;
    --afp-turquoise: #7dfaaf;
    --afp-purple: #cd73fa;
    --afp-light-blue: #87ebfa;
    /* secondary colors */
    --afp-secondary-grey-100: #9B9187;
    --afp-secondary-grey-80: #AFA79F;
    --afp-secondary-grey-60: #C3BDB7;
    --afp-secondary-grey-40: #D7D3CF;
    --afp-secondary-grey-20: #EBE9E7;
    --afp-secondary-grey-10: #F5F4F3;
    /* Additional colors - custom */
    --afp-light-green: #7DFAAF;
    --afp-darker-green: #65ce8f;
    --afp-lighter-bleu: #E8F8EB;
    --afp-darker-orange: #e06f12;
    --afp-darker-pink: #d96e6e;
    --afp-blue-darker: #2544bf;
    --extremely-light-gray: rgba(0, 0, 0, 0.1);
    /* Font-size and lengths */
    --font-size: 20px;
    --font-size-offer: 30px;
    --base-length: 20px;
    --afp-h2: calc(1.2 * var(--base-length));
    --afp-h3: calc(1.1 * var(--base-length));
    --afp-h2-padding: calc(var(--afp-h2) / 2);
    --afp-h3-padding: calc(var(--afp-h3) / 2);
    /* Base lengths */
    --quote-container-width: calc(95vw - 2 * var(--base-length));
    --break-at-large-max-width: 90%;
    --landing-presentation-container-min-height: calc(fit-content + var(--nav-initial-height));
    --landing-presentation-container-min-height1: calc(-moz-fit-content + var(--nav-initial-height));
    /* Flex properties */
    --direction-column-to-row-at-large: column;
    --order-1-2-at-large: 1;
    --order-2-1-at-large: 2;
    --justify-content-center-end-at-large: center;
    --align-items-center-stretch-at-large: center;
    /* Other */
    --nav-initial-height: 60px;
    --max-height-landing-presentation-container: 1280px;
    /* Barely used, might me removed */
    --min-height-landing-presentation-container: calc(min(var(--max-height-landing-presentation-container),
          calc(min(100vh, 100vw))));
    --max-width-presentation-content: 1280px;
    --offer-button-display: block;
    --offer-column-hidden-display: none;
  }
  @media screen and (min-width: 992px) {
    :root {
      --font-size: 20px;
      --font-size-offer: 20px;
      --quote-container-width: 52vw;
      --break-at-large-max-width: 40%;
      --direction-column-to-row-at-large: row;
      --order-1-2-at-large: 2;
      --order-2-1-at-large: 1;
      --justify-content-center-end-at-large: end;
      --align-items-center-stretch-at-large: stretch;
      --landing-presentation-container-min-height: calc(100vh - var(--nav-initial-height));
      --landing-presentation-container-min-height1: calc(100vh - var(--nav-initial-height));
      --nav-initial-height: 100px;
      --offer-button-display: none;
      --offer-column-hidden-display: block;
    }
  }
  * {
    box-sizing: border-box;
    line-height: normal;
  }
  /**/
  #main-container strong {
    font-weight: 700;
  }
  /* Container */
  .afp0623-container {
    width: 100%;
    max-width: var(--max-width-presentation-content);
    margin: 0 auto;
    position: relative;
  }
  /* Flexbloc */
  .afp0623-flexbloc {
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .afp0623-flexbloc__item {
    flex: 1 1 0px;
  }
  /* Components */
  /* Wrapper colors */
  .afp0623-wrapper,
  .afp0623-wrapper--pb,
  .afp0623-wrapper--simple,
  .afp0623-wrapper--small {
    scroll-margin-top: 140px;
    padding: var(--nav-initial-height) var(--base-length) 0;
    /* Ajouter un padding bottom */
    /* Marges intérieures haut et bas égales (60px) */
    /* Marge superieur et inférieur plus petites */
    /* Couleurs de fond */
  }
  .afp0623-wrapper--pb {
    padding-bottom: calc(2 * var(--base-length));
  }
  .afp0623-wrapper--simple {
    scroll-margin-top: 140px;
    padding: calc(3 * var(--base-length)) var(--base-length);
  }
  .afp0623-wrapper--small {
    padding-top: 3rem;
  }
  .afp0623-wrapper--bg-blue {
    background-color: var(--afp-blue);
    color: var(--afp-white);
  }
  .afp0623-wrapper--bg-blue h3 {
    color: inherit;
  }
  .afp0623-wrapper--bg-black {
    background-color: var(--afp-black);
    color: var(--afp-white);
  }
  .afp0623-wrapper--bg-black h3 {
    color: inherit;
  }
  .afp0623-wrapper--bg-turquoise {
    background-color: var(--afp-turquoise);
  }
  .afp0623-wrapper--bg-pink {
    background-color: var(--afp-pink);
  }
  .afp0623-wrapper--light-blue {
    background-color: var(--afp-light-blue);
  }
  /* Titre avec fond */
  #main-container .afp0623-boxtitle,
  #main-container .afp0623-boxtitle--1,
  #main-container h2.afp0623-boxtitle--1,
  #main-container h3.afp0623-boxtitle--1,
  #main-container .afp0623-boxtitle--2,
  #main-container h2.afp0623-boxtitle--2,
  #main-container h3.afp0623-boxtitle--2,
  #main-container .afp0623-boxtitle--3,
  #main-container h2.afp0623-boxtitle--3,
  #main-container h3.afp0623-boxtitle--3,
  #main-container .afp0623-boxtitle--sub1,
  #main-container h2.afp0623-boxtitle--sub1,
  #main-container h3.afp0623-boxtitle--sub1,
  #main-container h2.afp0623-boxtitle,
  #main-container h2.afp0623-boxtitle--1,
  #main-container h2.afp0623-boxtitle--2,
  #main-container h2.afp0623-boxtitle--3,
  #main-container h2.afp0623-boxtitle--sub1,
  #main-container h3.afp0623-boxtitle,
  #main-container h3.afp0623-boxtitle--1,
  #main-container h3.afp0623-boxtitle--2,
  #main-container h3.afp0623-boxtitle--3,
  #main-container h3.afp0623-boxtitle--sub1 {
    display: inline;
    width: fit-content;
    padding: var(--afp-h3-padding);
    color: var(--afp-white);
    background-color: var(--afp-black);
    font-size: var(--afp-h3);
    font-weight: bold;
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    /* Déclinaisons */
    /* Colors */
  }
  #main-container .afp0623-boxtitle.nowrap,
  #main-container .nowrap.afp0623-boxtitle--1,
  #main-container .nowrap.afp0623-boxtitle--2,
  #main-container .nowrap.afp0623-boxtitle--3,
  #main-container .nowrap.afp0623-boxtitle--sub1,
  #main-container h2.afp0623-boxtitle.nowrap,
  #main-container h2.nowrap.afp0623-boxtitle--1,
  #main-container h2.nowrap.afp0623-boxtitle--2,
  #main-container h2.nowrap.afp0623-boxtitle--3,
  #main-container h2.nowrap.afp0623-boxtitle--sub1,
  #main-container h3.afp0623-boxtitle.nowrap,
  #main-container h3.nowrap.afp0623-boxtitle--1,
  #main-container h3.nowrap.afp0623-boxtitle--2,
  #main-container h3.nowrap.afp0623-boxtitle--3,
  #main-container h3.nowrap.afp0623-boxtitle--sub1 {
    white-space: nowrap;
  }
  #main-container .afp0623-boxtitle__wrapper,
  #main-container h2.afp0623-boxtitle__wrapper,
  #main-container h3.afp0623-boxtitle__wrapper {
    margin-bottom: calc(1 * var(--base-length));
  }
  #main-container .afp0623-boxtitle__container,
  #main-container h2.afp0623-boxtitle__container,
  #main-container h3.afp0623-boxtitle__container {
    display: block;
    /* padding: calc(0.23 * var(--base-length)) 0; */
    padding: var(--afp-h3-padding);
    margin: 0;
  }

  #main-container .afp0623-boxtitle--1,
  #main-container h2.afp0623-boxtitle--1,
  #main-container h3.afp0623-boxtitle--1 {
    padding: var(--afp-h2-padding);
    font-size: var(--afp-h2);
  }
  #main-container .afp0623-boxtitle--2,
  #main-container h2.afp0623-boxtitle--2,
  #main-container h3.afp0623-boxtitle--2 {
    font-size: var(--font-size);
  }
  #main-container .afp0623-boxtitle--3,
  #main-container h2.afp0623-boxtitle--3,
  #main-container h3.afp0623-boxtitle--3 {
    font-size: var(--font-size);
  }
  @media screen and (min-width: 768px) {
    #main-container .afp0623-boxtitle--3,
    #main-container h2.afp0623-boxtitle--3,
    #main-container h3.afp0623-boxtitle--3 {
      font-size: calc(1.7 * var(--font-size));
      line-height: 1.6;
    }
  }
  #main-container .afp0623-boxtitle--blue,
  #main-container h2.afp0623-boxtitle--blue,
  #main-container h3.afp0623-boxtitle--blue {
    background-color: var(--afp-blue);
  }
  #main-container .afp0623-boxtitle--pink,
  #main-container h2.afp0623-boxtitle--pink,
  #main-container h3.afp0623-boxtitle--pink {
    background-color: var(--afp-pink);
    color: var(--afp-black);
  }
  #main-container .afp0623-boxtitle--white,
  #main-container h2.afp0623-boxtitle--white,
  #main-container h3.afp0623-boxtitle--white {
    background-color: var(--afp-white);
    color: var(--afp-blue);
  }
  #main-container .afp0623-boxtitle--turquoise,
  #main-container h2.afp0623-boxtitle--turquoise,
  #main-container h3.afp0623-boxtitle--turquoise {
    background-color: var(--afp-turquoise);
    color: var(--afp-black);
  }
  #main-container .afp0623-boxtitle--light-blue,
  #main-container h2.afp0623-boxtitle--light-blue,
  #main-container h3.afp0623-boxtitle--light-blue {
    background-color: var(--afp-light-blue);
    color: var(--afp-black);
  }
  #main-container .afp0623-boxtitle--yellow,
  #main-container h2.afp0623-boxtitle--yellow,
  #main-container h3.afp0623-boxtitle--yellow {
    background-color: var(--afp-yellow);
    color: var(--afp-black);
  }
  /* Buttons */
  #main-container .afp0623-btn,
  #main-container a.afp0623-btn {
    width: fit-content;
    width: -moz-fit-content;
    padding: 10px 30px;
    border-radius: 30px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: calc(0.75 * var(--base-length));
    background-color: var(--afp-black);
    color: var(--afp-white);
    font-size: var(--font-size);
    /* Déclinaisons (Modifiers) */
  }
  #main-container .afp0623-btn svg *,
  #main-container a.afp0623-btn svg * {
    fill: var(--afp-white);
  }
  #main-container .afp0623-btn:hover,
  #main-container a.afp0623-btn:hover {
    color: var(--afp-white);
    background-color: var(--afp-secondary-grey-100);
    text-decoration: none;
  }
  #main-container .afp0623-btn:active,
  #main-container .afp0623-btn:hover,
  #main-container a.afp0623-btn:active,
  #main-container a.afp0623-btn:hover {
    color: var(--afp-white);
  }
  #main-container .afp0623-btn--flex,
  #main-container a.afp0623-btn--flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #main-container .afp0623-btn--blue,
  #main-container a.afp0623-btn--blue {
    background-color: var(--afp-blue);
  }
  #main-container .afp0623-btn--blue:hover,
  #main-container a.afp0623-btn--blue:hover {
    background-color: var(--afp-blue-darker);
  }
  #main-container .afp0623-btn--pink,
  #main-container a.afp0623-btn--pink {
    background-color: var(--afp-pink);
  }
  #main-container .afp0623-btn--pink:hover,
  #main-container a.afp0623-btn--pink:hover {
    background-color: var(--afp-darker-pink);
  }
  #main-container .afp0623-btn--white,
  #main-container a.afp0623-btn--white {
    background-color: var(--afp-white);
    color: var(--afp-black);
  }
  #main-container .afp0623-btn--white:hover,
  #main-container a.afp0623-btn--white:hover {
    background-color: var(--afp-light-green);
    color: var(--afp-black);
  }
  /* En tete de page
  Pages : 
    afp-fact-check
    audio
    photos
    sport
*/
  .afp0623-landing__container {
    min-height: calc(var(--min-height-landing-presentation-container));
    padding: var(--base-length) var(--base-length) 0;
    background-size: cover;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    background-image: url(https://www.afp.com/communication/products/afp-factcheck/afp-factcheck-landing.jpg);
  }
  .afp0623-landing__content {
    width: 100%;
    max-width: var(--max-width-presentation-content);
    margin-bottom: calc(0.5 * var(--base-length));
  }
  .afp0623-landing__container-title {
    width: 100%;
    max-width: 700px;
    margin-bottom: 8em;
  }
  .afp0623-landing__button {
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: var(--base-length);
    padding: var(--base-length);
    background-color: var(--afp-blue);
    color: var(--afp-white);
    font-weight: bold;
    text-decoration: none;
  }
  @media screen and (max-width: 767px) {
    .afp0623-landing__container-title {
      text-align: center;
    }
    .afp0623-landing__button {
      margin: auto;
    }
  }
  @media screen and (min-width: 768px) {
    .afp0623-landing__overlap {
      margin-top: -120px;
    }
    .afp0623-landing--overlapped {
      display: flex;
      align-items: center;
    }
  }
  /* Centrer sur mobile et desktop */
  .afp0623-landing--center {
    align-items: center;
  }
  .afp0623-landing--center .afp0623-landing__container-title {
    max-width: none;
  }
  /* Text */
  .afp0623-text {
    /* Lien */
    /* colors */
  }
  #main-container p.afp0623-text {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: var(--base-length);
  }
  #main-container .afp0623-text__link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--afp-black);
    font-size: 18px;
    font-weight: 700;
    margin-top: var(--base-length);
  }
  #main-container .afp0623-text__link:hover {
    text-decoration: none;
    color: var(--afp-blue);
  }
  #main-container .afp0623-text__link:hover svg * {
    fill: var(--afp-blue);
  }
  #main-container .afp0623-text__link--white {
    color: var(--afp-white);
  }
  #main-container .afp0623-text__link--white svg * {
    fill: var(--afp-white);
  }
  #main-container .afp0623-text__link--white:hover {
    text-decoration: none;
    color: var(--afp-white);
  }
  #main-container .afp0623-text__link--white:hover svg * {
    fill: var(--afp-white);
  }
  .afp0623-text--bold {
    font-weight: bold;
  }
  .afp0623-text--center {
    text-align: center;
  }
  .afp0623-text--l {
    font-size: 20px;
    margin: 10px auto;
  }
  .afp0623-text--white {
    color: var(--afp-white);
  }
  .afp0623-text--blue {
    color: var(--afp-blue);
  }
  /** 
  Correction des conflits de styles sur les titres et les textes
  */
  #main-container h2,
  #main-container h3,
  #main-container p {
    line-height: normal;
  }
  #main-container .afp0623-title--style1,
  #main-container h2.afp0623-title--style1,
  #main-container h3.afp0623-title--style1 {
    font-size: calc(2 * var(--font-size));
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    line-height: 1.2;
    color: inherit;
    margin-bottom: calc(2 * var(--base-length));
  }
  #main-container .afp0623-title--style2,
  #main-container h2.afp0623-title--style2,
  #main-container h3.afp0623-title--style2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
  }
  #main-container .afp0623-title--style3,
  #main-container h2.afp0623-title--style3,
  #main-container h3.afp0623-title--style3 {
    font-size: calc(1.2 * var(--font-size));
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    color: inherit;
  }
/* Sport */
/* Slideshow component
  Pages :
  - sport
*/
.afp0623-hidden {
  display: none;
}
.afp0623-slides__arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: fit-content;
  width: -moz-fit-content;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: calc(0.5 * var(--base-length));
  background-color: var(--afp-black);
  cursor: pointer;
}
.afp0623-slides__arrow.left {
  left: calc(0.5 * var(--base-length));
}
.afp0623-slides__arrow.left svg {
  transform: scale(-1, 1);
}
.afp0623-slides__arrow.right {
  right: calc(0.5 * var(--base-length));
}
.afp0623-slides__arrow svg {
  height: calc(0.8 * var(--base-length));
  fill: var(--afp-white);
  stroke: var(--afp-white);
  stroke-width: var(--base-length);
}
.afp0623-slide.afp0623-hidden {
  display: none;
}
.afp0623-slide .img_margin {
  margin: calc(0.5 * var(--base-length)) !important;
  width: calc(100% - var(--base-length));
  height: auto;
  display: block;
}
.afp0623-slide__content {
  margin-bottom: var(--base-length);
}
.afp0623-slide__title {
  display: inline-block;
  width: 100%;
  padding: 0.5em;
  background-color: var(--afp-black);
  color: var(--afp-white);
  font-size: calc(1.3 * var(--font-size));
  font-weight: bold;
  line-height: var(--line-height);
  text-align: center;
  text-transform: uppercase;
}
.afp0623-slide__description {
  padding: calc(0.5 * 1em);
  padding-right: 21px;
  background-color: var(--afp-blue);
  color: var(--afp-white);
  font-size: calc(0.9 * var(--font-size));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .afp0623-slide__description {
    font-size: var(--font-size);
  }
}
.afp0623-slideshow__dots--soft {
  position: absolute;
  top: calc(0.75 * var(--base-length));
  width: 100%;
  display: flex;
  justify-content: center;
  gap: calc(0.75 * var(--base-length));
}
.afp0623-slideshow__dots--soft input[type="radio"].dot {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: unset;
  /* Not removed via appearance */
  margin: 0;
  background-color: var(--afp-white);
  width: calc(0.7 * var(--base-length));
  height: calc(0.7 * var(--base-length));
  border: 0;
  opacity: 0.5;
  border-radius: 100%;
  font: inherit;
}
.afp0623-slideshow__dots--soft input[type="radio"].dot:hover {
  opacity: 0.9;
  cursor: pointer;
}
.afp0623-slideshow__dots--soft input[type="radio"].dot.active {
  opacity: 1;
}
.afp0623-slideshow__dots--soft input[type="radio"].dot.active:hover {
  opacity: 1;
}
/* Style Dynamic : 
  Mobile and Desktop Slider
*/
.afp0623-slideshow--dynamic .afp0623-slideshow__dots {
  display: none;
}
.afp0623-slideshow--dynamic .afp0623-slides__arrow {
  display: none;
}
.afp0623-slideshow--dynamic .afp0623-hidden {
  display: block;
}
.afp0623-slideshow--dynamic .afp0623-slide__description {
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .afp0623-slideshow--dynamic .afp0623-hidden {
    display: none;
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots {
    display: flex;
    justify-content: center;
    gap: calc(2 * var(--base-length));
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: unset;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: var(--afp-secondary-grey-100);
    width: calc(1.5 * var(--base-length));
    height: calc(1.5 * var(--base-length));
    border: calc(0.15 * var(--base-length)) solid var(--afp-black);
    border-radius: 50%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"]::before {
    content: "";
    width: calc(1.6 * var(--base-length));
    height: calc(1.6 * var(--base-length));
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--afp-blue);
    transform: scale(0);
    transition: 120ms transform ease-in-out;
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"]:hover {
    opacity: 0.9;
    cursor: pointer;
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"].active::before {
    transform: scale(1);
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"].active {
    border-color: #325aff;
    border-width: 7px;
  }
  .afp0623-slideshow--dynamic .afp0623-slideshow__dots input[type="radio"].active:hover {
    opacity: 1;
  }
  .afp0623-slideshow--dynamic .afp0623-slides {
    padding: 0 var(--base-length);
  }
  .afp0623-slideshow--dynamic .afp0623-slides__arrow {
    display: block;
    padding: var(--base-length);
  }
  .afp0623-slideshow--dynamic .afp0623-slides__arrow svg {
    height: calc(1.5 * var(--base-length));
  }
  .afp0623-slideshow--dynamic .afp0623-slides__arrow .left {
    left: 0;
  }
  .afp0623-slideshow--dynamic .afp0623-slides__arrow .right {
    right: 0;
  }
  .afp0623-slideshow--dynamic .afp0623-slide:not(.afp0623-hidden) {
    display: flex;
    align-items: center;
    padding: calc(1.8 * var(--base-length));
  }
  .afp0623-slideshow--dynamic .afp0623-slide__content {
    background-color: var(--afp-blue);
    padding: var(--base-length);
    margin-left: calc(-3 * var(--base-length));
    margin-right: calc(0.5 * var(--base-length));
  }
  .afp0623-slideshow--dynamic .afp0623-slide .img_margin {
    margin: 0 !important;
    width: 65%;
  }
  .afp0623-slideshow--dynamic .afp0623-slide__title {
    background-color: var(--afp-white);
    color: var(--afp-black);
    font-size: calc(1.2 * var(--font-size));
  }
  .afp0623-slideshow--dynamic .afp0623-slide__description {
    padding: var(--base-length) calc(0.5 * var(--base-length));
    font-size: calc(1 * var(--font-size));
    line-height: 1.6;
    text-align: left;
  }
}
/* Style Dernières actus : 
  Mobile Slider
*/
.afp0623-slideshow--actus {
  position: relative;
}
.afp0623-slideshow--actus .afp0623-slideshow__dots {
  position: absolute;
  top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.afp0623-slideshow--actus .afp0623-slides__arrow {
  top: 140px;
}
.afp0623-slideshow--actus .afp0623-slides__arrow .left {
  left: calc(0.5 * var(--base-length));
}
.afp0623-slideshow--actus .afp0623-slides__arrow .right {
  right: calc(0.5 * var(--base-length));
}
.afp0623-slideshow--actus .afp0623-slide {
  margin: var(--base-length) 0;
}
.afp0623-slideshow--actus .afp0623-slide .img_margin {
  margin: 0 !important;
  width: 100%;
}
.afp0623-slideshow--actus .afp0623-slide__title {
  text-align: left;
}
.afp0623-slideshow--actus .afp0623-slide__description {
  text-align: left;
}
.afp0623-slideshow--actus .afp0623-slide__description a {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .afp0623-slideshow--actus .afp0623-slideshow__dots {
    display: none;
  }
  .afp0623-slideshow--actus .afp0623-hidden {
    display: block;
  }
  .afp0623-slideshow--actus .afp0623-slides {
    display: flex;
    column-gap: calc(0.5 * var(--base-length));
  }
  .afp0623-slideshow--actus .afp0623-slides__arrow {
    display: none;
  }
  .afp0623-slideshow--actus .afp0623-slide {
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: flex 0.3s ease-out;
    position: relative;
  }
  .afp0623-slideshow--actus .afp0623-slide:hover {
    flex: 1.5;
    transition: flex 0.3s ease-out;
    text-decoration: none;
  }
  .afp0623-slideshow--actus .afp0623-slide:after {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
  }
  .afp0623-slideshow--actus .afp0623-slide .img_margin {
    object-fit: cover;
    height: 400px !important;
  }
  .afp0623-slideshow--actus .afp0623-slide__content {
    flex: 1;
    padding: var(--base-length);
    background-color: var(--afp-black);
  }
  .afp0623-slideshow--actus .afp0623-slide__title {
    padding: 0;
    font-size: calc(1.1 * var(--font-size));
    background-color: transparent;
    margin-bottom: var(--base-length);
  }
  .afp0623-slideshow--actus .afp0623-slide__description {
    padding: 0;
    background-color: transparent;
    color: var(--afp-white);
    font-weight: 400;
  }
}
/* Style Stories */
.afp0623-slideshow--stories {
  position: relative;
}
.afp0623-slideshow--stories .afp0623-slides__arrow {
  top: 140px;
}
.afp0623-slideshow--stories .afp0623-slides__arrow .left {
  left: calc(0.5 * var(--base-length));
}
.afp0623-slideshow--stories .afp0623-slides__arrow .right {
  right: calc(0.5 * var(--base-length));
}
.afp0623-slideshow--stories .afp0623-slide {
  margin: var(--base-length) 0;
}
.afp0623-slideshow--stories .afp0623-slide:hover {
  text-decoration: none;
}
.afp0623-slideshow--stories .afp0623-slide .img_margin {
  margin: 0 !important;
  width: 100%;
}
.afp0623-slideshow--stories .afp0623-slide__title {
  background-color: var(--afp-white);
  color: var(--afp-blue);
  font-size: calc(1 * var(--font-size));
  text-align: left;
}
.afp0623-slideshow--stories .afp0623-slide__description {
  text-align: left;
  color: var(--afp-white);
  background-color: var(--afp-black);
}
@media screen and (min-width: 768px) {
  .afp0623-slideshow--stories .afp0623-slideshow__dots {
    position: static;
    padding: 28px 0;
  }
  .afp0623-slideshow--stories .afp0623-slides {
    display: flex;
  }
  .afp0623-slideshow--stories .afp0623-slides__arrow {
    padding: var(--base-length);
    top: initial;
    bottom: 0;
    transform: none;
  }
  .afp0623-slideshow--stories .afp0623-slides__arrow:hover {
    opacity: 0.8;
  }
  .afp0623-slideshow--stories .afp0623-slides__arrow.left {
    left: 0;
  }
  .afp0623-slideshow--stories .afp0623-slides__arrow.right {
    right: 0;
  }
  .afp0623-slideshow--stories .afp0623-slides__arrow svg {
    height: calc(1.5 * var(--base-length));
  }
  .afp0623-slideshow--stories .afp0623-slide:not(.afp0623-hidden) {
    display: flex;
  }
  .afp0623-slideshow--stories .afp0623-slide {
    flex: 1;
  }
  .afp0623-slideshow--stories .afp0623-slide .img_margin {
    width: 60%;
    border: var(--base-length) solid var(--afp-white);
  }
  .afp0623-slideshow--stories .afp0623-slide__content {
    flex: 1;
  }
  .afp0623-slideshow--stories .afp0623-slide__title {
    font-size: calc(1.4 * var(--font-size));
    padding: var(--base-length);
  }
  .afp0623-slideshow--stories .afp0623-slide__description {
    background-color: initial;
    font-weight: 400;
    padding: calc(0.5 * var(--base-length)) var(--base-length);
  }
  #main-container .afp0623-slideshow--stories .afp0623-slide__description .afp0623-btn,
  #main-container .afp0623-slideshow--stories .afp0623-slide__description .afp0623-text__link {
    display: flex;
    margin-top: var(--base-length);
  }
}
/* Cards Cat component
  Pages :
  - sport football
*/
.afp0623-cards-cat__header {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: var(--base-length);
  background-color: var(--afp-blue);
  color: var(--afp-white);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.afp0623-cards-cat__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--base-length);
  padding: var(--base-length);
}
.afp0623-cards-cat__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--afp-h3-padding);
}
.afp0623-cards-cat__link:hover {
  text-decoration: none;
}
#main-container .afp0623-cards-cat__category-title {
  color: var(--afp-white);
  background-color: var(--afp-blue);
  font-size: var(--afp-h3);
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
#main-container .afp0623-cards-cat__category-title svg.afp-icon {
  width: 30px;
  height: auto;
  transition: transform 0.2s ease-in;
}
#main-container .afp0623-cards-cat__category-title svg.afp-icon > * {
  fill: var(--afp-white);
}
.afp0623-cards-cat .img_margin {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 220px;
  display: block;
  margin: 0 !important;
}
.afp0623-cards-cat__caption {
  color: var(--afp-white);
  background-color: var(--afp-black);
  margin: 0;
  padding: calc(0.25 * var(--base-length)) calc(0.5 * var(--base-length));
  font-size: 14px;
}
.afp0623-cards-cat__footer {
  padding: 0 var(--base-length) var(--base-length);
}
@media screen and (min-width: 768px) {
  .afp0623-cards-cat__header {
    display: none;
  }
  .afp0623-cards-cat__content {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: calc(2 * var(--base-length));
    row-gap: calc(2 * var(--base-length));
  }
  .afp0623-cards-cat__link {
    padding: var(--base-length);
  }
  .afp0623-cards-cat__link:hover {
    background-color: var(--afp-blue-darker);
  }
  .afp0623-cards-cat__link:hover svg.afp-icon {
    transform: translateX(5px);
    transition: transform 0.2s ease-in;
  }
  .afp0623-cards-cat__category {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .afp0623-cards-cat__category > * {
    width: 96%;
    height: auto;
  }
  #main-container .afp0623-cards-cat__category-title {
    order: 2;
    margin-top: -20px;
  }
  .afp0623-cards-cat .img_margin {
    order: 1;
    align-self: flex-start;
    width: 96%;
  }
  .afp0623-cards-cat__caption {
    order: 3;
    background-color: var(--afp-blue);
    padding-bottom: calc(0.5 * var(--base-length));
  }
}
/* Statistics component
  Pages :
  - sport football
*/
.afp0623-statistics__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--base-length);
}
.afp0623-statistics__item {
  display: flex;
  flex-direction: column;
}
.afp0623-statistics__number {
  color: var(--afp-blue);
  font-size: calc(1.8 * var(--font-size));
  font-weight: bold;
}
.afp0623-statistics__text {
  font-size: calc(0.7 * var(--font-size));
}
@media screen and (min-width: 768px) {
  .afp0623-statistics__content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: var(--base-length);
  }
  .afp0623-statistics__item {
    align-items: center;
    padding: var(--base-length) 20px;
    flex: 1;
    background-color: var(--afp-turquoise);
  }
  .afp0623-statistics__text {
    font-size: calc(0.9 * var(--font-size));
  }
  .afp0623-statistics__number {
    color: var(--afp-blue);
    color: var(--afp-black);
    padding: 0 15px;
    margin-bottom: 10px;
    background-color: var(--afp-white);
  }
}
/* Panel Image component
  Pages :
  - sport football
*/
.afp0623-panel--img .afp0623-panel__item {
  margin-bottom: var(--base-length);
}
.afp0623-panel--img .afp0623-panel__title {
  margin-bottom: calc(0.5 * var(--base-length));
  padding: calc(2.5 * var(--base-length)) calc(0.5 * var(--base-length)) calc(0.5 * var(--base-length));
  background-size: cover;
  color: var(--afp-white);
  font-size: calc(1.6 * var(--font-size));
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .afp0623-panel--img {
    display: flex;
    column-gap: var(--base-length);
  }
  .afp0623-panel--img .afp0623-panel__item {
    flex: 1;
  }
  .afp0623-panel--img .afp0623-panel__title {
    padding-top: calc(8 * var(--base-length));
  }
}
@media screen and (min-width: 768px) {
  .afp0623-foreword {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
  }
  .afp0623-foreword .afp0623-text__link {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .afp0623-landing__overlap {
    display: flex;
    flex-direction: column;
  }
  .afp0623-landing__overlap .afp0623-order1 {
    order: 1;
  }
  .afp0623-landing__overlap .afp0623-order2 {
    order: 2;
  }
}
.afp0623-hero {
  width: 100%;
  min-height: calc(1.4 * var(--min-height-landing-presentation-container));
  background-image: url("/sites/default/files/sport-all-f1-cycling.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--base-length);
}
.afp0623-hero__content {
  max-width: var(--max-height-landing-presentation-container);
  padding: var(--base-length);
}
@media screen and (min-width: 768px) {
  .afp0623-hero {
    min-height: calc(0.8 * var(--min-height-landing-presentation-container));
    background-image: url("/sites/default/files/sport-all-f1-cycling-large.jpeg");
  }
}
#form-container-hori #FirstName,
#form-container-hori #LastName,
#form-container-hori #Title,
#form-container-hori #Country,
#form-container-hori #MktoPersonNotes,
#form-container-hori #Email,
#form-container-hori #Phone,
#form-container-hori #companyForm {
  background-color: white;
}
#form-container-hori .mktoRadioList {
  width: 100% !important;
  margin-top: 10px;
}
.mktoFieldWrap.mktoRequiredField {
  margin-bottom: 20px;
}