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

  .page-node-type-afp-produit h2, .page-node-type-afp-produit h3.afp0623-swapcard__title {
    color: black; 
  }

  main ul.tips li, main ul.list_dotted li {
    padding: unset !important;
    margin: unset !important;
  }

}

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

/* Swap Cards component
  Pages :
  - sport football
*/
.afp0623-swapcard {
  margin-top: calc(1.5 * var(--base-length));
  display: flex;
  gap: calc(0.5 * var(--base-length));
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .afp0623-swapcard {
    flex-direction: row;
    margin: var(--base-length) 0;
    gap: 0;
  }
  .afp0623-swapcard:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.afp0623-swapcard__content {
  flex: 1;
  padding: calc(0.5 * var(--base-length));
}

@media screen and (min-width: 768px) {
  .afp0623-swapcard__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--base-length);
    text-align: center;
  }
}

.afp0623-swapcard__media {
  flex-basis: 60%;
}

.afp0623-swapcard__media .img_margin {
  width: 100%;
  margin: 0 !important;
}

.afp0623-swapcard__title {
  font-size: var(--font-size);
  font-weight: 700;
  margin-bottom: calc(0.25 * var(--base-length));
}

@media screen and (min-width: 768px) {
  .afp0623-swapcard__title {
    padding: 5px 15px;
    background-color: var(--afp-black);
    color: var(--afp-white);
    font-size: calc(1.4 * var(--font-size));
    text-transform: uppercase !important;
  }
}

.afp0623-swapcard__list {
  margin: var(--base-length) 0;
}

.afp0623-swapcard__list li {
  font-size: calc(0.8 * var(--font-size));
  list-style: none;
  padding: 0;
}

.afp0623-swapcard__list li::before {
  display: none;
}

@media screen and (min-width: 768px) {
  .afp0623-swapcard__list li {
    font-size: var(--font-size);
    margin: calc(0.5 * var(--base-length)) 0;
  }
}

/* Coverage Cards  component
  Pages :
  - sport football
*/
@media screen and (min-width: 768px) {
  .afp0623-coverage-card {
    flex: 1;
  }
}

.afp0623-coverage-card__container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (min-width: 768px) {
  .afp0623-coverage-card__container {
    flex-direction: row;
  }
}

.afp0623-coverage-card__content {
  background-size: cover;
  background-position-x: center;
  background-position-y: 25%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 120px;
  padding: calc(0.5 * var(--base-length));
}

@media screen and (min-width: 768px) {
  .afp0623-coverage-card__content {
    height: 250px;
    flex: 1;
  }
}

.afp0623-coverage-card__title {
  color: var(--afp-white);
  font-size: calc(1.1 * var(--font-size));
  font-weight: 700;
}

.afp0623-coverage-card__title a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.afp0623-coverage-card__title svg.afp-icon {
  width: 30px;
  height: auto;
  fill: var(--afp-white);
}

.afp0623-coverage-card__description {
  font-size: 18px;
  font-weight: 400;
  margin: calc(0.5 * var(--base-length)) 0;
  color: var(--afp-white);
}

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

#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;
}
.afp0623-swapcard__media img {
  max-width: 100%;
  height: auto !important;
}

h2 .afp0623-boxtitle--3, h2 .afp0623-boxtitle {
  padding: var(--afp-h3-padding) !important;
}