@charset "UTF-8";

main {
  --Degrad-bleu-Bleu-vif: linear-gradient(270deg, var(--Bleu-vif, #2F4FFC) 0%, var(--BLACK) 100%);
  --Bleu-vif: #2F4FFC;
  --Colors-Red: #FF3B30;
  --Arrondis: 20px;
  padding-bottom: 50px;
  color: var(--BLACK);
  /*
  header h1 {

      font-size: 55px;
      font-style: normal;
      font-weight: 800;
      line-height: 120%;
      background: var(--Degrad-bleu-Bleu-vif);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      margin-top: 50px;
      margin-bottom: 50px;

  }
  */
}

main .accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-bg: white;
  --bs-accordion-border-width: 0;
  --bs-accordion-color: var(--BLACK);
  --bs-accordion-active-bg: white;
}

main table {
  width: 100%;
  border: 2px solid #777;
  margin-bottom: 1em;
}

main table td {
  border: 1px solid #777;
  padding: 5px;
}

main table td p {
  margin: 0;
}

.parent-NONE a.btn {
  border-radius: var(--Arrondis);
  background: var(--redBtn);
  color: white;
  text-transform: none;
  font-weight: bold;
}

.parent-NONE a.btn:hover {
  background-color: var(--Colors-Red);
}

.parent-NONE > .main svg,
.parent-NONE #zone-principale > .main svg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.parent-NONE > .main picture img,
.parent-NONE #zone-principale > .main picture img {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .parent-NONE > .main picture,
  .parent-NONE #zone-principale > .main picture {
    float: right;
    max-width: 200px;
    margin-left: 10px;
  }
}

@media (min-width: 772px) {
  .parent-NONE > .main picture,
  .parent-NONE #zone-principale > .main picture {
    max-width: 300px;
  }
}

.parent-NONE > .main .section-content,
.parent-NONE #zone-principale > .main .section-content {
  position: relative;
  z-index: 2;
}

.page-FONCTIONNALITES .parent-NONE > .main picture,
.page-FONCTIONNALITES .parent-NONE #zone-principale > .main picture {
  display: none;
}

@media (min-width: 576px) {
  .page-FONCTIONNALITES .parent-NONE > .main picture,
  .page-FONCTIONNALITES .parent-NONE #zone-principale > .main picture {
    display: inline;
  }
}

@media (min-width: 772px) {
  .page-FONCTIONNALITES .parent-NONE > .main picture,
  .page-FONCTIONNALITES .parent-NONE #zone-principale > .main picture {
    max-width: 33%;
  }
}

section.SIMPLE header h2,
section.CADRE header h2,
section.CADRE2 header h2,
section.CADRE3 header h2,
section.ACCORDEON header h2 {
  color: var(--BLACK);
  text-align: left;
  /* H2 */
  font-size: 38px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 45.6px */
  margin-top: 40px;
}

@media (max-width: 575.98px) {
  section.SIMPLE header h2,
  section.CADRE header h2,
  section.CADRE2 header h2,
  section.CADRE3 header h2,
  section.ACCORDEON header h2 {
    font-size: 30px;
  }
}

section.CADRE section.parent-CADRE {
  border-radius: var(--Arrondis);
  border: 2px solid var(--BLACK);
  padding: 15px;
  margin-top: 40px;
}

section.CADRE section.parent-CADRE h3 {
  color: var(--BLACK);
  /* H3 */
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 33.6px */
}

section.CADRE section.parent-CADRE h3 strong {
  color: var(--Colors-Red);
  /* H3 */
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

section.CADRE section.parent-CADRE picture img {
  margin-bottom: 20px;
}

section.CADRE section.parent-CADRE .btn-container {
  text-align: center;
}

section.CADRE section.parent-CADRE a.btn {
  border-radius: var(--Arrondis);
  border: 1px solid var(--BLACK);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--BLACK);
}

section.CADRE section.parent-CADRE a.btn svg {
  stroke: var(--BLACK);
}

section.CADRE section.parent-CADRE a.btn:hover {
  background: var(--BLACK);
  color: white;
}

section.CADRE section.parent-CADRE a.btn:hover svg {
  stroke: white;
}

section.CADRE2 section.parent-CADRE2 {
  border-radius: var(--Arrondis);
  background: #FFF;
  /* Ombre bleue douce */
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
  padding: 15px;
  margin-top: 40px;
}

section.CADRE2 section.parent-CADRE2 h3 {
  color: var(--BLACK);
  /* H3 */
  font-size: 28px;
  font-weight: normal;
  line-height: 120%;
  /* 33.6px */
}

section.CADRE2 section.parent-CADRE2 h3 strong {
  font-weight: bold;
}

section.CADRE2 section.parent-CADRE2 section.main {
  color: var(--BLACK);
}

section.CADRE2 section.parent-CADRE2 picture img {
  margin-bottom: 20px;
}

section.CADRE2 section.parent-CADRE2 a.btn {
  border-radius: var(--Arrondis);
  background: var(--BLACK);
  border: 1px solid var(--BLACK);
  /* Ombre bleue douce */
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
  color: white;
}

section.CADRE2 section.parent-CADRE2 a.btn svg {
  stroke: white;
}

section.CADRE2 section.parent-CADRE2 a.btn:hover {
  background: #FFFFFF;
  color: var(--BLACK);
}

section.CADRE2 section.parent-CADRE2 a.btn:hover svg {
  stroke: var(--BLACK);
}

section.CADRE3 .background {
  z-index: 1;
  position: absolute;
  top: 30px;
  right: 50%;
}

@media (max-width: 991.98px) {
  section.CADRE3 .background {
    right: 10px;
  }
}

section.CADRE3 .children {
  z-index: 2;
  position: relative;
}

section.CADRE3 section.parent-CADRE3 {
  margin-top: 30px;
}

section.CADRE3 section.parent-CADRE3 h3 {
  color: var(--BLACK);
  /* H3 */
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 33.6px */
}

section.CADRE3 section.parent-CADRE3 section.main {
  color: var(--BLACK);
}

section.CADRE3 section.parent-CADRE3 picture img {
  margin-bottom: 20px;
}

section.CADRE3 section.parent-CADRE3 a.btn {
  border-radius: var(--Arrondis);
  border: 1px solid var(--BLACK);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--BLACK);
}

section.CADRE3 section.parent-CADRE3 a.btn svg {
  stroke: var(--BLACK);
}

section.CADRE3 section.parent-CADRE3 a.btn:hover {
  background: var(--BLACK);
  color: white;
}

section.CADRE3 section.parent-CADRE3 a.btn:hover svg {
  stroke: white;
}

section.ACCORDEON .accordion {
  margin-top: 30px;
}

section.ACCORDEON div.parent-ACCORDEON {
  border-bottom: 1px solid var(--BLACK);
}

section.ACCORDEON div.parent-ACCORDEON .accordion-button {
  --bs-accordion-btn-padding-x: 0;
}

section.ACCORDEON div.parent-ACCORDEON .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%2310154F'%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' fill='%2310154F'/%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' stroke='%2310154F'/%3e%3cpath d='M18.7881 9.59668L9.5957 18.7891' stroke='white' stroke-width='2.5'/%3e%3cpath d='M9.59511 9.59657L18.7875 18.7892' stroke='white' stroke-width='2.5'/%3e%3c/svg%3e");
}

section.ACCORDEON div.parent-ACCORDEON .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' stroke='%2310154F'/%3e%3cpath d='M8 14H20' stroke='%2310154F' stroke-width='2.5'/%3e%3cpath d='M14 20L13.9998 8' stroke='%2310154F' stroke-width='2.5'/%3e%3c/svg%3e");
}

section.ACCORDEON div.parent-ACCORDEON .accordion-body {
  --bs-accordion-body-padding-x: 0;
}

section.ACCORDEON div.parent-ACCORDEON h2,
section.ACCORDEON div.parent-ACCORDEON h3 {
  color: var(--BLACK);
  /* H3 */
  font-family: Archivo-Bold;
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 33.6px */
  margin: 4px 0;
}

section.ACCORDEON div.parent-ACCORDEON section.main {
  color: var(--BLACK);
}

section.ACCORDEON div.parent-ACCORDEON a.btn {
  border-radius: var(--Arrondis);
  border: 1px solid var(--BLACK);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--BLACK);
}

section.ACCORDEON div.parent-ACCORDEON a.btn svg {
  stroke: var(--BLACK);
}

section.ACCORDEON div.parent-ACCORDEON a.btn:hover {
  background: var(--BLACK);
  color: white;
}

section.ACCORDEON div.parent-ACCORDEON a.btn:hover svg {
  stroke: white;
}

section.ACCORDEON-IMAGE .accordion {
  margin-top: 30px;
}

section.ACCORDEON-IMAGE div.illustration-container .fond-graphique {
  text-align: right !important;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

section.ACCORDEON-IMAGE div.illustration-container:has(> .fond-graphique)::before {
  content: "";
  padding-top: calc(84.4709897611% + 60px);
}

section.ACCORDEON-IMAGE div.illustration-container .illustrations {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

section.ACCORDEON-IMAGE div.illustration-container svg {
  position: relative;
  top: 50px;
  right: 10px;
  width: 55%;
  z-index: 1;
}

section.ACCORDEON-IMAGE div.illustration-container picture {
  z-index: 2;
  width: 80%;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON {
  border-bottom: 1px solid var(--BLACK);
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .accordion-button {
  --bs-accordion-btn-padding-x: 0;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%2310154F'%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' fill='%2310154F'/%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' stroke='%2310154F'/%3e%3cpath d='M18.7881 9.59668L9.5957 18.7891' stroke='white' stroke-width='2.5'/%3e%3cpath d='M9.59511 9.59657L18.7875 18.7892' stroke='white' stroke-width='2.5'/%3e%3c/svg%3e");
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3e%3crect x='0.5' y='0.5' width='27' height='27' rx='9.5' stroke='%2310154F'/%3e%3cpath d='M8 14H20' stroke='%2310154F' stroke-width='2.5'/%3e%3cpath d='M14 20L13.9998 8' stroke='%2310154F' stroke-width='2.5'/%3e%3c/svg%3e");
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .accordion-body {
  --bs-accordion-body-padding-x: 0;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON h3 {
  color: var(--BLACK);
  /* H3 */
  font-family: Archivo-Bold;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 33.6px */
  margin: 4px 0;
}

@media only screen and (max-width: 768px) {
  section.ACCORDEON-IMAGE div.parent-ACCORDEON h3 {
    font-size: 17px;
  }
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON section.main {
  color: var(--BLACK);
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .illustration-mobile {
  position: relative;
  width: calc(100% + 40px + var(--bs-gutter-x));
  margin-left: calc(-20px - var(--bs-gutter-x) / 2);
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .illustration-mobile svg {
  z-index: 1;
  position: relative;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .illustration-mobile div {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 40px - var(--bs-gutter-x));
  height: 100%;
  margin: 0 calc(20px + var(--bs-gutter-x) / 2);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON .illustration-mobile img {
  max-height: 100%;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON a.btn {
  border-radius: var(--Arrondis);
  border: 1px solid var(--BLACK);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--BLACK);
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON a.btn svg {
  stroke: var(--BLACK);
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON a.btn:hover {
  background: var(--BLACK);
  color: white;
}

section.ACCORDEON-IMAGE div.parent-ACCORDEON a.btn:hover svg {
  stroke: white;
}

section.LOGO header h2 {
  text-align: center;
}

section.LOGO section.main .section-content {
  text-align: center;
}

section.LOGO section.main .children {
  margin-bottom: 15px;
}

section.LOGO section.main .btn-container {
  text-align: center;
}

section.LOGO section.main .btn-container a.btn {
  border-radius: var(--Arrondis);
  border: 1px solid var(--BLACK);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--BLACK);
}

section.LOGO section.main .btn-container a.btn svg {
  stroke: var(--BLACK);
}

section.LOGO section.main .btn-container a.btn:hover {
  background: var(--BLACK);
  color: white;
}

section.LOGO section.main .btn-container a.btn:hover svg {
  stroke: white;
}

.bloc-arrondi {
  padding: 45px 30px;
  margin-bottom: 45px;
  border-radius: var(--Arrondis, 20px);
  background: var(--BLANC, #FFF);
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
}

/* Pages légales */

#section-legale .section-content h1 {
  text-align: center;
}

#section-legale h2 {
  font-size: 28px;
}

@media (min-width: 772px) {
  #section-legale h2 {
    font-size: 38px;
  }
}

/* Questions fréquentes */

#questions-frequentes .section-content h1 {
  text-align: center;
}

/* Page qui sommes-nous ? */

#qui-sommes-nous .section-content h1 {
  text-align: center;
}

#qui-sommes-nous h2 {
  font-size: 28px;
}

@media (min-width: 772px) {
  #qui-sommes-nous h2 {
    font-size: 38px;
  }
}

#qui-sommes-nous #zone-principale {
  margin-top: 80px;
}

#qui-sommes-nous #notre-histoire img {
  border-radius: 20px;
}

#qui-sommes-nous #notre-histoire h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

#qui-sommes-nous #notre-histoire h3 {
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

#qui-sommes-nous #notre-histoire > div {
  align-content: center;
}

#qui-sommes-nous #nos-engagements {
  margin-top: 80px;
}

#qui-sommes-nous #nos-engagements h2 {
  margin-top: 0;
}

#qui-sommes-nous #engagement-simple {
  border-radius: 20px;
  background: linear-gradient(115deg, #10154F 40.16%, #2530B5 98.29%);
  /* Ombre bleue douce */
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
  margin-bottom: 20px;
}

#qui-sommes-nous #engagement-transparence {
  border-radius: 20px;
  background: linear-gradient(281deg, #8BB8FF 10.87%, #2F4FFC 97.17%);
  /* Ombre bleue douce */
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
  margin-bottom: 20px;
}

#qui-sommes-nous #engagement-accessible {
  border-radius: 20px;
  background: linear-gradient(282deg, var(--BLEU-PALE, #C4CCFF) 7.52%, #8F9DF6 92.92%);
  /* Ombre bleue douce */
  box-shadow: 0 3px 12px 0 rgba(22, 69, 132, 0.2);
  margin-bottom: 20px;
}

#qui-sommes-nous .carte div {
  padding: 25px 40px;
}

#qui-sommes-nous .carte h3 {
  color: var(--BLANC, #FFF);
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

#qui-sommes-nous .carte p {
  color: var(--BLANC, #FFF);
  /* TEXTE - REGULAR */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

#qui-sommes-nous #groupe-initiatives {
  margin-top: 80px;
}

#qui-sommes-nous #groupe-initiatives h2 {
  margin-top: 0;
}

#qui-sommes-nous #groupe-initiatives picture {
  max-width: 300px;
  display: block;
  margin: 0 auto;
}

/* Calendrier de réservation */

#calendrier .section-content h1 {
  text-align: center;
}

#calendrier #zone-principale {
  margin-top: 80px;
}

#calendrier #zone-principale header {
  background: #11559c !important;
  height: 160px !important;
}

#calendrier #zone-principale .row-calendar table.fc-scrollgrid {
  background: #11559c linear-gradient(129deg, #11559c 0%, #1A0F39 100%) 0% 0% no-repeat padding-box;
  color: #e9e9e9;
}

#calendrier #zone-principale .row-calendar table.fc-scrollgrid table {
  margin: 0;
}

#calendrier #zone-principale .cal-evenement {
  text-align: justify;
}

#calendrier #zone-principale .btn-primary:not([disabled]):not(.disabled):hover {
  background-image: none !important;
  color: #fff !important;
  background-color: #497ecc !important;
  border-color: #285e8e !important;
}

#calendrier #zone-principale .btn-primary:after {
  background: none !important;
}

#calendrier #zone-principale .fc-dayGridMonth-view {
  cursor: pointer;
}

#calendrier #zone-principale .fc-day-sat .fc-daygrid-day-number,
#calendrier #zone-principale .fc-day-sun .fc-daygrid-day-number {
  color: #838383;
}

#calendrier #zone-principale a.fc-col-header-cell-cushion,
#calendrier #zone-principale a.fc-daygrid-day-number,
#calendrier #zone-principale a.fc-event {
  color: white !important;
}

/* Contactez-nous */

#page-contact .section-content h1 {
  text-align: center;
}

#page-contact #zone-principale {
  margin-top: 80px;
}

#page-contact form h2 {
  margin-top: 0;
}

#page-contact form label {
  font-weight: bold;
}

#page-contact form input,
#page-contact form textarea {
  border-radius: 5px;
  border: 0.75px solid var(--BLACK, #10154F);
}

#page-contact .faq h2 {
  margin-top: 45px;
}

#page-contact .faq section.ACCORDEON .accordion {
  margin-top: 0;
}

#page-contact .faq .accordion-button h2 {
  margin: 4px 0;
}

#page-contact .faq h3 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24px */
}

/* Signaler un contenu inapproprié */

#page-signalement .section-content h1 {
  text-align: center;
}

#page-signalement #zone-principale {
  margin-top: 80px;
}

#page-signalement form h2 {
  margin-top: 0;
}

#page-signalement form label {
  font-weight: bold;
}

#page-signalement form input,
#page-signalement form textarea {
  border-radius: 5px;
  border: 0.75px solid var(--BLACK, #10154F);
}

/* webinaires */

#page-webinaires .section-content h1 {
  text-align: center;
}

#page-webinaires #zone-principale {
  margin-top: 80px;
}

/* Tous les sports */

#tous-les-sports .section-content h1 {
  text-align: center;
}

#tous-les-sports #zone-principale {
  margin-top: 80px;
  /* Sports prioritaires : cartes dans le style des blocs "sports" de l'accueil et des cartes de rôles */
}

#tous-les-sports #zone-principale #sports-prioritaires {
  margin-bottom: 80px;
}

#tous-les-sports #zone-principale #sports-prioritaires p {
  color: var(--greyText, #494949);
  max-width: 640px;
  margin: 0 auto 30px;
}

#tous-les-sports #zone-principale #sports-prioritaires .row {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport {
  height: 100%;
  min-height: 190px;
  padding: 20px 10px;
  border-radius: 20px;
  background: linear-gradient(115deg, #10154F 40.16%, #2530B5 98.29%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(16, 21, 79, 0.35);
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport i.icon {
  font-size: 48px;
  line-height: 1;
  color: var(--BLANC, #FFF);
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport h3 {
  margin: 0;
  /* H5 - SOUS-TITRE */
  font-family: Archivo;
  font-size: 17px;
  font-weight: 800;
  line-height: 120%;
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport h3 a {
  color: var(--BLANC, #FFF);
  text-decoration: none;
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport .btn-container {
  margin: 0;
}

#tous-les-sports #zone-principale #sports-prioritaires .carte-sport .btn-container a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

#tous-les-sports #zone-principale a {
  text-decoration: none;
}

#tous-les-sports #zone-principale a.intitule {
  display: inline-block;
  width: calc(100% - 25px);
  white-space: nowrap;
  overflow: hidden;
  height: 22px;
  text-overflow: ellipsis;
  text-decoration: underline;
}

/* Pages de connexion, création de comptes, etc. */

#section-connexion .section-content h1 {
  text-align: center;
}

#section-connexion .section-content h1 strong {
  display: block;
}

#section-connexion #zone-principale {
  margin-top: 80px;
}

#section-connexion #zone-principale p.titre {
  display: none;
}

#section-connexion #zone-principale div.button {
  text-align: center;
}

#section-connexion #zone-principale form label {
  font-weight: bold;
}

#section-connexion #zone-principale form input,
#section-connexion #zone-principale form textarea {
  border-radius: 5px;
  border: 0.75px solid var(--BLACK, #10154F);
}

/* Blog */

#blog .section-content h1,
#comparatifs .section-content h1 {
  text-align: center;
}

#blog .section-content h1 strong,
#comparatifs .section-content h1 strong {
  display: block;
}

#blog #zone-principale,
#comparatifs #zone-principale {
  margin-top: 80px;
}

#blog #zone-principale h2,
#comparatifs #zone-principale h2 {
  margin: 0;
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

/* Partenaires */

#federations-et-ligues-partenaires .section-content h1 {
  text-align: center;
}

@media (min-width: 992px) {
  #federations-et-ligues-partenaires .section-content h1 strong {
    display: block;
  }
}

#federations-et-ligues-partenaires #zone-principale {
  margin-top: 40px;
}

#federations-et-ligues-partenaires #zone-principale h2 {
  margin-top: 0;
  font-family: Archivo;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

#federations-et-ligues-partenaires #federations .card {
  --bs-card-border-radius: 20px;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--BLACK, #10154F);
  --bs-card-bg: #fafafa;
  margin-bottom: 20px;
  overflow: hidden;
}

#federations-et-ligues-partenaires #federations h3 {
  color: var(--BLACK, #10154F);
  text-align: center;
  /* H4 */
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

#federations-et-ligues-partenaires #federations .btn-container {
  margin: 25px 0;
  text-align: center;
}

#federations-et-ligues-partenaires #federations ul {
  padding: 0 10px;
}

#federations-et-ligues-partenaires #ligues {
  margin-top: 60px;
}

#federations-et-ligues-partenaires #ligues .card {
  --bs-card-border-radius: 20px;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--BLACK, #10154F);
  --bs-card-bg: #fafafa;
  margin-bottom: 20px;
  overflow: hidden;
}

#federations-et-ligues-partenaires #ligues .row > div {
  align-content: center;
}

#federations-et-ligues-partenaires #ligues .ligue {
  border-bottom: 1px dashed #ccc;
}

#federations-et-ligues-partenaires #ligues .ligue:last-child {
  border-bottom: none;
}

#federations-et-ligues-partenaires #ligues .illustration {
  background: var(--illustration) no-repeat center center;
  background-size: cover;
  min-height: 200px;
}

#federations-et-ligues-partenaires #ligues h3 {
  color: var(--BLACK, #10154F);
  text-align: center;
  /* H4 */
  font-family: Archivo;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
}

#federations-et-ligues-partenaires #ligues .logo {
  width: auto;
  max-width: 100%;
  max-height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}

#federations-et-ligues-partenaires #ligues h4 {
  color: var(--BLACK, #10154F);
  font-family: Archivo;
  font-size: 20px;
  font-style: bold;
  font-weight: 800;
  line-height: 120%;
  /* 24px */
  margin: 10px auto;
  text-align: center;
}

@media (min-width: 992px) {
  #federations-et-ligues-partenaires #ligues h4 {
    margin: 0;
    text-align: left;
  }
}

#federations-et-ligues-partenaires #ligues .btn-container {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  #federations-et-ligues-partenaires #ligues .btn-container {
    margin-bottom: 0;
  }
}

#federations-et-ligues-partenaires #ligues .ligue:last-child .btn-container {
  margin-bottom: 0;
}

/* Parcours de création de site */

#creation .section-content h1 {
  text-align: center;
}

#creation h2 {
  color: var(--BLACK, #10154F);
  text-align: left;
  /* H3 alt - ITALIC */
  font-family: Archivo;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 33.6px */
}

#creation h2 strong {
  font-weight: 800;
}

#creation #zone-principale {
  margin-top: 80px;
}

#creation form label {
  font-weight: bold;
}

#creation form input,
#creation form textarea,
#creation form select {
  border-radius: 5px;
  border: 0.75px solid var(--BLACK, #10154F);
}

#creation form .input-group {
  border-radius: 5px;
  border: 0.75px solid var(--BLACK, #10154F);
  overflow: hidden;
  padding-top: 1px;
  padding-bottom: 1px;
}

#creation form .input-group .input-group-text {
  background-color: white;
  border: none;
}

#creation form .input-group input {
  border: transparent;
}

#creation form .input-group #creation_sousdomaine_club::-moz-placeholder {
  color: #666;
  opacity: 1;
  /* Firefox */
}

#creation form .input-group #creation_sousdomaine_club::placeholder {
  color: #666;
  opacity: 1;
  /* Firefox */
}

#creation form .input-group #creation_sousdomaine_club::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #666;
}

#creation form h3 {
  color: var(--BLACK, #10154F);
  text-align: left;
  /* H5 - SOUS-TITRE */
  font-family: Archivo;
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 20.4px */
  margin: 0;
}

#creation form h3 a {
  color: var(--Bleu-vif, #2F4FFC);
  /* TEXTE - BOLD */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 19.6px */
}

#creation form a {
  color: var(--Bleu-vif, #2F4FFC);
}

/* Toutes les fonctionnalités */

#toutes-les-fonctionnalites .section-content h1 {
  text-align: center;
}

#toutes-les-fonctionnalites #zone-principale {
  margin: 0 auto 60px;
  max-width: 797px;
}

#toutes-les-fonctionnalites #zone-principale h2 {
  text-align: center;
  margin: 0 0 5px 0;
  font-family: Archivo;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  /* 20.4px */
}

#toutes-les-fonctionnalites #zone-principale h2 strong {
  font-weight: 800;
}

#toutes-les-fonctionnalites #zone-principale p {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

/* Tous les rôles */

#tous-les-roles .section-content h1 {
  text-align: center;
}

#tous-les-roles #zone-principale {
  margin-top: 80px;
}

#tous-les-roles #zone-principale .row {
  --bs-gutter-x: 5px;
  --bs-gutter-y: 5px;
  margin-bottom: var(--bs-gutter-y);
}

#tous-les-roles #zone-principale .row > div {
  position: relative;
  height: 362px;
}

#tous-les-roles #zone-principale .row > div > div {
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: 362px;
  transition: top 0.3s ease, left 0.3s ease, width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
}

#tous-les-roles #zone-principale .row > div > div .lien-bloc-role {
  position: absolute;
  inset: 0;
  z-index: 1;
}

#tous-les-roles #zone-principale .row > div > div .btn-container {
  position: relative;
  z-index: 2;
}

#tous-les-roles #zone-principale .row > div > div:hover {
  top: -10px;
  left: -10px;
  width: calc(100% - 4px + 20px);
  height: 378px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 40px rgba(255, 255, 255, 0.4), 0 0 80px rgba(255, 255, 255, 0.2);
  transition: top 0.3s ease, left 0.3s ease, width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
}

#tous-les-roles #zone-principale .row > div > div > div {
  padding: 20px 10px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  text-align: center;
}

#tous-les-roles #zone-principale .row > div > div > div h3 {
  color: var(--BLANC, #FFF);
  /* H5 - SOUS-TITRE */
  font-family: Archivo;
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 20.4px */
  display: inline-block;
  margin: 0;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(16, 21, 79, 0.25);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))) {
  #tous-les-roles #zone-principale .row > div > div > div h3 {
    background: rgba(16, 21, 79, 0.75);
  }
}

#tous-les-roles #zone-principale .row > div > div > div .btn-container a {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 19.6px */
}

#tous-les-roles #zone-principale #role_president {
  background: url("/images/accueil/role-president.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_president > div {
  background: radial-gradient(circle at bottom left, #DB0D45 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_tresorier {
  background: url("/images/accueil/role-tresorier.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_tresorier > div {
  background: radial-gradient(circle at bottom left, #10154F 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_secretaire {
  background: url("/images/accueil/role-secretaire.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_secretaire > div {
  background: radial-gradient(circle at bottom left, #C4CCFF 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_coach {
  background: url("/images/accueil/role-coach.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_coach > div {
  background: radial-gradient(circle at bottom left, #DB0D45 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_benevole {
  background: url("/images/accueil/role-benevole.webp") no-repeat 25% center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_benevole > div {
  background: radial-gradient(circle at bottom left, #DB0D45 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_adherent {
  background: url("/images/accueil/role-adherent.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_adherent > div {
  background: radial-gradient(circle at bottom left, #C4CCFF 0%, rgba(255, 255, 255, 0) 60%);
}

#tous-les-roles #zone-principale #role_parent {
  background: url("/images/accueil/role-parent.webp") no-repeat center center;
  background-size: cover;
}

#tous-les-roles #zone-principale #role_parent > div {
  background: radial-gradient(circle at bottom left, #2F4FFC 0%, rgba(255, 255, 255, 0) 60%);
}

/* Ressources */

#ressources .section-content h1 {
  text-align: center;
}

#ressources h2 {
  font-size: 28px;
}

@media (min-width: 772px) {
  #ressources h2 {
    font-size: 38px;
  }
}

/* Choisissez l'offre adaptée à votre club */

#choisissez-l-offre-adaptee .section-content h1 {
  text-align: center;
  max-width: 670px;
  margin: 0 auto;
}

#choisissez-l-offre-adaptee #zone-principale {
  margin-top: 40px;
}

#choisissez-l-offre-adaptee #zone-principale h2 {
  text-align: center;
  margin: 0 0 5px 0;
  color: var(--BLACK, #10154F);
  /* H3 */
  font-family: Archivo;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

#choisissez-l-offre-adaptee #zone-principale h2 strong {
  font-weight: 800;
}

#choisissez-l-offre-adaptee #zone-principale .presentation {
  margin-bottom: 50px;
}

#choisissez-l-offre-adaptee #zone-principale .presentation p {
  color: var(--BLACK, #10154F);
  /* TEXTE - REGULAR */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules {
  max-width: 834px;
  margin: 0 auto;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium {
  --Arrondis-mobile: 20px;
  border-radius: var(--Arrondis-mobile);
  padding: 20px;
  margin-bottom: 20px;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite .prix,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium .prix {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite h3,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium h3 {
  margin-bottom: 0;
  color: var(--BLANC, #FFF);
  font-family: Archivo;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 33.6px */
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite h3 strong,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium h3 strong {
  font-weight: 800;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite p,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium p {
  color: white;
  text-align: right;
  margin-bottom: 0;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite p strong,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium p strong {
  color: var(--BLANC, #FFF);
  font-family: Archivo;
  font-size: 45px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 54px */
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite p em,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium p em {
  color: var(--BLANC, #FFF);
  font-family: Archivo;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite ul,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium ul {
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite ul li,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium ul li {
  color: white;
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite ul li::before,
#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium ul li::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13' fill='none'%3e%3cpath d='M0 7.76448L0.734694 4.43685H5.26531L6.2449 0H9.67347L8.69388 4.43685H13.2L12.4653 7.76448H7.95918L7.00408 12.0833H3.57551L4.53061 7.76448H0Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-gratuite {
  background: var(--BLACK, #10154F);
  background: radial-gradient(circle at top left, #10154F 0%, #2A3CBB 100%);
}

#choisissez-l-offre-adaptee #zone-principale .maxwidth-formules .formule-premium {
  background: var(--BLACK, #10154F);
  background: radial-gradient(circle at bottom right, #8A2042 0%, #1F154B 100%);
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites {
  margin: 30px auto 50px;
  max-width: 430px;
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites h3 {
  color: var(--BLACK, #10154F);
  text-align: center;
  /* H4 alt - ITALIC */
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 5px;
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites h3 strong {
  font-weight: 800;
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites p {
  border-top: 1px solid #10154F;
  border-bottom: 1px solid #10154F;
  padding: 15px 0;
  margin: 32px 0;
  text-align: center;
  color: var(--BLACK, #10154F);
  text-align: center;
  /* TEXTE - BOLD */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 19.6px */
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites p.comparatifs {
  border: none;
  padding: 0;
  margin: 20px 0 0 0;
  font-weight: 200;
  color: var(--BLACK, #10154F);
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites .btn-container {
  margin: 0 auto;
  text-align: center;
}

#choisissez-l-offre-adaptee #zone-principale #tester-les-fonctionnalites em {
  display: block;
  margin: 5px auto;
  max-width: 190px;
  color: var(--BLACK, #10154F);
  text-align: center;
  /* TEXTE MINI - Italic */
  font-family: Poppins;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles h2 {
  text-align: left;
  color: var(--BLACK, #10154F);
  /* H3 */
  font-family: Archivo;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 33.6px */
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles h3 {
  color: var(--BLACK, #10154F);
  /* H5 - SOUS-TITRE */
  font-family: Archivo;
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  /* 20.4px */
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .entete-fonctionnalites {
  color: var(--BLACK, #10154F);
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 21px */
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .entete-fonctionnalites .presence {
  padding: 5px 0;
  border-radius: 10px 10px 0 0;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .entete-fonctionnalites .presence .value {
  position: relative;
  z-index: 2;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .entete-fonctionnalites .presence-2 {
  background: var(--BLACK, #10154F);
  color: white;
  border-bottom: 0.5px solid rgba(196, 204, 255, 0.5);
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .footer-fonctionnalites .presence-2 {
  background: #8C1240;
  padding: 5px 0;
  border-radius: 0 0 10px 10px;
  position: relative;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .footer-fonctionnalites .presence-2 .masque-halo {
  position: absolute;
  width: 100%;
  height: 150px;
  background: linear-gradient(356deg, var(--ROUGESPORTSREGIONS, #DB0D45) -40%, var(--BLACK, #10154F) 80%);
  top: -150px;
  left: 0;
  z-index: 1;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite > .col-5,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details > .col-5 {
  display: flex;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite > .col-5 > .container-fluid,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details > .col-5 > .container-fluid {
  height: 100%;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite > .col-5 > .container-fluid > .row,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details > .col-5 > .container-fluid > .row {
  height: 100%;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .libelle,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .libelle {
  padding: 12px 0;
  border-bottom: 0.5px solid rgba(196, 204, 255, 0.5);
  color: var(--BLACK, #10154F);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence {
  padding: 0;
  display: flex;
  flex-direction: column;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence .value,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence .value {
  flex: 1;
  padding: 12px 0;
  position: relative;
  z-index: 2;
  border-bottom: 0.5px solid rgba(196, 204, 255, 0.5);
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence.offre-OUI,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence.offre-OUI {
  color: #10154F;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence.offre-NON,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence.offre-NON {
  color: #AEB1C2;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence.offre-TEXTE,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence.offre-TEXTE {
  color: #10154F;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence-2,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence-2 {
  background: var(--BLACK, #10154F);
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence-2.offre-OUI,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence-2.offre-NON,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite .presence-2.offre-TEXTE,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence-2.offre-OUI,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence-2.offre-NON,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite-details .presence-2.offre-TEXTE {
  color: white;
  opacity: 1;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite.last .libelle,
#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .fonctionnalite.last .presence .value {
  border-bottom: 0;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .avec-1-fonctionnalites .footer-fonctionnalites .presence-2 .masque-halo {
  height: 50px;
  top: -50px;
}

#choisissez-l-offre-adaptee #zone-principale #fonctionnalites-detailles .avec-2-fonctionnalites .footer-fonctionnalites .presence-2 .masque-halo {
  height: 100px;
  top: -100px;
}

#choisissez-l-offre-adaptee #commencer {
  margin: 20px auto 0;
  text-align: center;
}