:root {
  --dark-blue: #132644;
  --mid-blue: #1c3871;
  --light-orange: #ff4f35;
  --dark-orange: #d4432c;
  --light-blue: #7a90b4;
  --light-pink: #fadfdc;
  --light-grey: #e2e5ea;
  --gray-900: #404250;
  --gray-700: #5a667d;
  --gray-500: #8c8f9d;
  --gray-300: #afb4c6;
  --gray-200: #d4d7e0;
  --gray-100: #f1f3fa;
  --dark-error: #cc0909;
  --light-error: #fff0f0;
  --dark-alert: #a65a14;
  --light-alert: #fbf3ee;
  --dark-info: #0f5d95;
  --light-info: #f3faff;
  --dark-success: #4c755f;
  --light-success: #f4fff3;
  --videoWidth: 18rem;
  --aspectRatio: calc(16 / 9);
  --videoHeight: calc(var(--videoWidth) / var(--aspectRatio));
}
@media only screen and (min-width: 768px) {
  :root {
    --videoWidth: 30rem;
  }
}
@media only screen and (min-width: 1440px) {
  :root {
    --videoWidth: 50vw;
  }
}
/* Feuille de style pour impression */
@media print {
  .ei_header,
  .ei_footer,
  .a_blocappli,
  .amc-toolbarreset,
  img,
  body:before,
  iframe {
    display: none !important;
  }
  .cc * {
    color: black !important;
    background: white;
  }
  .cc .container {
    margin: 0 !important;
    padding: 0 !important;
  }
  .cc h1 {
    margin: 20px 0 !important;
  }
  .cc h2 {
    margin: 16px 0 !important;
  }
  .cc h3,
  .cc h4 {
    margin: 12px 0 !important;
  }
  .cc p {
    margin: 05px !important;
  }
  .cc a,
  .cc a.btn,
  .cc a.btn-primary {
    border: none !important;
    text-align: left !important;
    margin: 0 4px;
  }
  .cc a:after,
  .cc a.btn:after,
  .cc a.btn-primary:after {
    margin: 0 4px;
    background: none !important;
    border-radius: none !important;
    color: var(--dark-blue) !important;
    content: attr(href);
  }
  .cc header {
    break-after: avoid;
    display: none !important;
  }
  .cc header div.banner {
    padding: 0 !important;
  }
  .cc .bg-dark-blue {
    background: none !important;
  }
  .cc .bg-dark-blue h2,
  .cc .bg-dark-blue h3,
  .cc .bg-dark-blue p,
  .cc .bg-dark-blue span,
  .cc .bg-dark-blue a {
    color: black !important;
  }
  .cc .flex,
  .cc .flex-center {
    display: block !important;
  }
  .cc .flex div,
  .cc .flex-center div {
    width: 100% !important;
  }
  .cc .ndbp {
    text-align: left !important;
  }
  .cc .tile {
    background: none !important;
    border: none !important;
    break-inside: avoid;
  }
  .cc .custom.tile {
    margin: 8px 0 !important;
    padding: 0 !important;
  }
  .cc .custom.tile li {
    padding: 0 !important;
  }
  .cc .custom.tile li :before {
    display: none !important;
  }
  .cc .custom.tile .tile-simple,
  .cc .custom.tile .tile-mixte {
    padding: 0 !important;
    border: none !important;
  }
  .cc .custom.tile .tile-simple h2,
  .cc .custom.tile .tile-mixte h2,
  .cc .custom.tile .tile-simple h3,
  .cc .custom.tile .tile-mixte h3,
  .cc .custom.tile .tile-simple h4,
  .cc .custom.tile .tile-mixte h4,
  .cc .custom.tile .tile-simple p,
  .cc .custom.tile .tile-mixte p,
  .cc .custom.tile .tile-simple span,
  .cc .custom.tile .tile-mixte span,
  .cc .custom.tile .tile-simple a,
  .cc .custom.tile .tile-mixte a {
    border: none !important;
    text-align: left !important;
    margin: 0 4px;
  }
  .cc .custom.tile .tile-simple h2:after,
  .cc .custom.tile .tile-mixte h2:after,
  .cc .custom.tile .tile-simple h3:after,
  .cc .custom.tile .tile-mixte h3:after,
  .cc .custom.tile .tile-simple h4:after,
  .cc .custom.tile .tile-mixte h4:after,
  .cc .custom.tile .tile-simple p:after,
  .cc .custom.tile .tile-mixte p:after,
  .cc .custom.tile .tile-simple span:after,
  .cc .custom.tile .tile-mixte span:after,
  .cc .custom.tile .tile-simple a:after,
  .cc .custom.tile .tile-mixte a:after {
    margin: 0 4px;
    background: none !important;
    border-radius: none !important;
    color: var(--dark-blue) !important;
    content: attr(href);
  }
  .cc .logo-wrapper .logo {
    display: block;
    min-width: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 4px;
    border: none !important;
    text-align: left;
    background: black !important;
  }
  .cc .logo-wrapper .logo:after {
    content: attr(data-name);
  }
  .cc .station-card:before {
    display: none !important;
  }
  .cc .station-card a.position {
    display: none !important;
  }
  .cc #faqadm dt {
    border: none !important;
  }
  .cc #faqadm dd[aria-hidden="true"],
  .cc #faqadm dd[aria-hidden="false"] {
    display: block !important;
  }
  .cc #faqadm faq-question-useful-block,
  .cc #faqadm faq-quick-search {
    display: none !important;
  }
}
.ei_header,
.ei_logo_img {
  transition: 0.3s ease-in-out all;
}
.ei_footer {
  margin-top: 0 !important;
}
.ei_content {
  transition: 0.3s ease-in-out;
}
#info-alert {
  position: fixed;
  top: 4.8rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 100vw;
  padding: 0.25rem;
  background: var(--dark-blue);
  border-top: solid 1px var(--dark-orange);
  color: #ffffff;
  text-align: center;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
#info-alert img {
  display: none;
}
@media only screen and (min-width: 999px) {
  #info-alert {
    top: auto;
    padding: 0rem 1rem 0rem 5rem;
  }
  #info-alert p {
    position: relative;
  }
  #info-alert p:before {
    content: '';
    position: absolute;
    left: -0.75rem;
    top: 50%;
    translate: 0 -50%;
    width: 0.15rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.918);
  }
  #info-alert img {
    display: block;
    max-width: 2rem;
    object-fit: contain;
  }
}
.ei_mode_sticky .ei_header {
  padding: 0.5rem 0 !important;
}
.ei_mode_sticky .ei_logo_img {
  width: 8.5rem !important;
}
.ei_mode_sticky .ei_content {
  padding-top: 70px;
}
.ei_mode_sticky #info-alert {
  opacity: 0;
  background-color: #132644d3;
  backdrop-filter: blur(15px);
}
@media only screen and (min-width: 999px) {
  .ei_mode_sticky #info-alert {
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 999px) {
  .ei_content {
    padding-top: 0 !important;
  }
  #info-alert {
    background-color: #132644d3;
    top: 4.8rem;
    padding: 0.5rem;
  }
  .ei_mode_sticky #info-alert {
    background-color: #132644d3;
    backdrop-filter: blur(15px);
    top: 0;
  }
}
.flex {
  display: flex;
  gap: 2rem;
}
.flex.no-gap {
  gap: 0;
}
.flex-center {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.no-gap {
  gap: 0;
}
.flex-50 {
  width: 100%;
  overflow: hidden;
}
.align-center {
  align-items: center;
  flex-direction: column;
}
.center {
  text-align: center;
}
.left,
.left .center {
  text-align: left;
}
.left h1,
.left .center h1,
.left h2,
.left .center h2,
.left h3,
.left .center h3,
.left h4,
.left .center h4,
.left p,
.left .center p {
  text-align: left;
}
.left h1:after,
.left .center h1:after,
.left h2:after,
.left .center h2:after,
.left h3:after,
.left .center h3:after,
.left h4:after,
.left .center h4:after,
.left p:after,
.left .center p:after {
  left: 0;
  transform: none;
}
.padding-xs .container {
  padding: 2rem 1rem;
}
h1 {
  margin: 1rem 0;
  font-size: 3rem;
  color: var(--dark-blue);
}
h2 {
  margin: 0.85rem 0 2rem 0;
  color: var(--dark-blue);
  font-size: 2rem;
}
h2.orange {
  color: var(--dark-orange);
}
h3 {
  margin: 0.85rem 0 2rem 0;
}
h1,
h2,
h3 {
  font-weight: 600;
  text-align: center;
}
h1,
h2,
h3,
h4 {
  position: relative;
}
h1.subline:after,
h2.subline:after,
h3.subline:after,
h4.subline:after {
  content: "";
  width: 5rem;
  height: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1rem;
  background-color: var(--light-orange);
}
h1.subline.white:after,
h2.subline.white:after,
h3.subline.white:after,
h4.subline.white:after {
  content: "";
  background-color: white;
}
h1.subline.left:after,
h2.subline.left:after,
h3.subline.left:after,
h4.subline.left:after {
  left: 0;
  transform: none;
}
.title-lg {
  font-size: x-large;
}
section {
  overflow: hidden;
}
.container {
  margin: auto;
  padding: 2rem 1rem;
}
.text-container {
  padding: 2rem;
}
.container-50 {
  display: flex;
}
.img-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner {
  overflow: hidden;
}
.banner img {
  width: 100%;
  height: 100%;
}
.bg-dark-blue {
  background-color: var(--dark-blue);
}
.bg-dark-blue h2 {
  color: var(--light-orange);
}
.bg-dark-blue h3,
.bg-dark-blue p,
.bg-dark-blue span {
  color: white;
}
.bg-logo-mixte {
  position: relative;
}
.bg-logo-mixte .picto-line {
  position: absolute;
  left: auto;
  right: -5vw;
  top: -15vh;
  height: 40vh;
}
.bg-logo-mixte .picto-full {
  display: none;
}
.bg-logo-line {
  position: relative;
}
.bg-logo-line .picto-line {
  position: absolute;
  right: -15vw;
  top: -10vh;
  height: 40vh;
  z-index: -1;
}
.btn,
.faq-question-useful-useful-button,
.faq-question-useful-useless-button {
  position: relative;
  display: inline-block;
  margin-top: 1rem;
  padding: 0.65rem 2rem;
  min-width: 10rem;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  border-radius: 2rem;
  cursor: pointer;
  transition: 0.3s ease-in-out all;
}
.btn-primary,
.faq-question-useful-useful-button {
  background: var(--dark-blue);
  border: solid 1px var(--dark-blue);
  color: white;
}
.btn-primary:hover,
.faq-question-useful-useful-button:hover {
  color: white;
  letter-spacing: 0.1rem;
  background-color: var(--mid-blue);
}
.btn-primary:focus-visible,
.faq-question-useful-useful-button:focus-visible {
  color: white;
  letter-spacing: 0.1rem;
  outline: solid 2px var(--light-orange);
  border-radius: 4.25rem;
}
.btn-primary:focus,
.faq-question-useful-useful-button:focus {
  outline: solid 3px #fff;
  color: white;
  letter-spacing: 0.1rem;
  border-radius: 4.25rem;
  box-shadow: 0 0 0 5px var(--light-orange);
}
.btn-white,
.faq-question-useful-useless-button {
  background: var(--dark-blue);
  border: solid white 2px;
  color: white;
}
.btn-white:hover,
.faq-question-useful-useless-button:hover {
  background-color: white;
  color: var(--dark-blue);
  letter-spacing: 0.1rem;
}
.btn-white:focus-visible,
.faq-question-useful-useless-button:focus-visible,
.btn-white:focus,
.faq-question-useful-useless-button:focus {
  background: white;
  outline: solid 2px var(--light-orange);
}
.btn-secondary {
  background: #ff8c00;
}
.nb {
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.nb:hover,
.nb:focus {
  color: inherit;
}
.nb:hover sup,
.nb:focus sup {
  font-weight: bolder;
}
h2 .nb {
  font-size: 1rem;
  top: -0.85rem;
}
.ndbp {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 80%;
  margin: 0.5rem auto 0;
}
.ndbp#nb1 {
  max-width: 100%;
}
.ndbp:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.25rem;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--dark-orange);
  transition: 0.5s ease-in-out;
  transform-origin: center;
}
.ndbp.active {
  font-weight: bolder;
}
.ndbp.active:after {
  width: 50%;
}
.position {
  position: relative;
  display: flex;
  align-items: end;
  gap: 0.25rem;
  padding-top: 1rem;
}
.position:after {
  content: "";
  position: absolute;
  top: -50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 200%;
}
.position:hover {
  color: var(--light-orange);
}
.position:hover img {
  animation: bounce 1000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.position:hover:before {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -3px;
  height: 5px;
  width: 5px;
  background: var(--light-orange);
  border-radius: 10px;
  scale: 2 1;
  opacity: 0.75;
  filter: blur(1px);
  animation: wave 1000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.address {
  margin-left: 1.85rem;
  padding-left: 1rem;
  border-left: solid var(--dark-orange) 1px;
}
.address p {
  margin: 0 0 0.25rem;
}
.custom {
  list-style: none;
  list-style-position: outside;
  counter-reset: li;
}
.custom li {
  overflow: visible;
  counter-increment: li;
  position: relative;
  padding: 2rem 0;
  border-bottom: solid 2px var(--gray-200);
}
.custom li:before {
  content: counter(li);
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: 1.45rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  line-height: 3rem;
  border: solid 2px var(--light-orange);
  border-radius: 100%;
}
.custom li.station-card {
  counter-increment: li;
  padding: 6rem 0 1rem;
  transition: 0.3s ease-in-out;
}
.custom li.station-card:before {
  left: 50%;
  top: 2.5rem;
}
.custom li.station-card[data-state="hidden"] {
  height: 0;
  min-height: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.custom li.station-card[data-state="hidden"] .loader {
  display: none;
}
.custom li.station-card[data-state="visible"] {
  opacity: 1;
}
.custom li.station-card[data-state="visible"]:before {
  opacity: 1;
}
.custom li.station-card[data-state="visible"] .loader {
  display: none;
}
.custom li.station-card[data-state="load"] {
  padding-left: 0;
  opacity: 0.85;
}
.custom li.station-card[data-state="load"]:before {
  opacity: 0;
}
.custom li.station-card[data-state="load"] h3,
.custom li.station-card[data-state="load"] p,
.custom li.station-card[data-state="load"] a {
  filter: blur(10px);
}
.custom li.station-card[data-state="load"] .overlay-loader {
  display: block;
  position: absolute;
  left: -1rem;
  top: 0;
  width: 100%;
  height: 100%;
}
.custom li.station-card[data-state="load"] .bg-loader {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  background-position: 0 0;
  animation: shinyLoad 1.5s linear(0 0%, 0.72 75.89%);
  animation-iteration-count: infinite;
}
.custom li.station-card[data-state="load"] .loader {
  width: 40px;
  aspect-ratio: 1;
  transform: rotate(45deg);
  position: relative;
  top: 50%;
  left: 2rem;
  translate: 0 -100%;
}
.custom li.station-card[data-state="load"] .loader:before,
.custom li.station-card[data-state="load"] .loader:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50% 50% 0 50%;
  background: var(--dark-orange);
  -webkit-mask: radial-gradient(circle 10px at 50% 50%, #0000 94%, #000);
}
.custom li.station-card[data-state="load"] .loader:after {
  animation: l6 1s infinite;
  transform: perspective(300px) translateZ(0px);
}
.custom li h3 {
  text-align: left;
  margin-bottom: 0.75rem;
}
.custom li p {
  margin-top: 0.25rem;
  margin-bottom: 0;
  text-align: left;
}
.custom.no-count li {
  counter-increment: none;
  padding-left: 0;
}
.custom.no-count li:before {
  display: none;
}
.custom.tile li,
.custom.station-card li {
  display: flex;
  flex-direction: column;
  padding-top: 6rem;
  padding-left: 0;
  border: none;
}
.custom.tile li:before,
.custom.station-card li:before {
  content: counter(li);
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}
.custom.tile li:after,
.custom.station-card li:after {
  content: "";
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.custom.tile li h3,
.custom.station-card li h3 {
  text-align: center;
}
.custom.tile li p,
.custom.station-card li p {
  margin-top: 2.25rem;
  text-align: center;
}
.tile {
  gap: 2rem;
  padding: 3rem 0;
}
.tile .tile-simple,
.tile .tile-mixte {
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: white;
}
.tile .tile-simple {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2rem;
  overflow: visible;
  height: 100%;
}
.tile .tile-simple h3 {
  color: var(--dark-blue);
  font-size: 1.5rem;
}
.tile .tile-simple .caption p {
  font-size: 1rem;
  color: var(--dark-blue);
}
.tile .tile-simple .action {
  margin-top: auto;
}
.tile .tile-mixte {
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25);
}
.tile .tile-mixte img {
  width: 100%;
  height: 14rem;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.tile .tile-mixte h3 {
  margin: 0.85rem 0;
  font-size: 1.5rem;
}
.tile .tile-mixte .caption {
  padding: 0 1rem 2rem;
}
.tile .tile-mixte .caption p {
  font-size: 1.25rem;
  margin: 0.85rem 0;
  color: var(--dark-blue);
}
.tile .tile-mixte .caption a {
  text-decoration: none;
  font-weight: 600;
}
.tile .tile-mixte .btn {
  margin: 2rem;
}
.tile .tile-picto {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
}
.tile .tile-picto img {
  aspect-ratio: 1/1;
  border-radius: 1.25rem;
}
.tile .tile-picto h3 {
  margin: 1rem 0 0.5rem;
}
.tile .tile-picto p {
  margin: 0;
}
.tile .tile-picto .picto {
  margin-top: 1rem;
}
.tile .tile-picto .picto img {
  margin: auto;
}
.tile .tile-picto h3,
.tile .tile-picto h4 {
  margin: 1rem auto 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.tile .tile-picto .caption {
  padding: 0 2.5rem;
}
.keypoints {
  display: grid;
  gap: 2rem;
  justify-content: center;
  margin: 3rem 0;
}
.keypoints h3 {
  font-size: 1rem;
}
.keypoints .logo img {
  max-width: 4.5rem;
}
.logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
  flex-wrap: wrap;
  max-width: 80%;
  margin: auto;
}
.logo-wrapper .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem;
  border: solid 1px var(--light-orange);
  border-radius: 1.25rem;
  text-align: center;
  min-height: 8rem;
}
.logo-wrapper .logo img {
  object-fit: contain;
  max-height: 70px;
  max-width: 200px;
}
@media only screen and (min-width: 576px) {
  ol li {
    padding: 1rem 0rem 2rem 5rem;
  }
  ol li::before {
    content: counter(li);
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 3rem;
    border: solid 2px var(--light-orange);
    border-radius: 100%;
  }
  .custom {
    list-style: none;
    list-style-position: outside;
    counter-reset: li;
  }
  .custom li {
    overflow: visible;
    counter-increment: li;
    position: relative;
    padding: 2rem 0;
    border-bottom: solid 2px var(--gray-200);
  }
  .custom li:before {
    content: counter(li);
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 1.45rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    line-height: 3rem;
    border: solid 2px var(--light-orange);
    border-radius: 100%;
  }
  .custom li.station-card {
    counter-increment: li;
    padding: 2rem 0 2rem 4rem;
  }
  .custom li.station-card:before {
    left: 2.5rem;
    top: 2.5rem;
    translate: -50%;
  }
  .custom li h3 {
    text-align: left;
    margin-bottom: 0.75rem;
  }
  .custom li p {
    margin-top: 0.25rem;
    margin-bottom: 0;
    text-align: left;
  }
  .custom.no-count li {
    counter-increment: none;
    padding-left: 0;
  }
  .custom.no-count li:before {
    display: none;
  }
  .custom.tile {
    padding: 0;
  }
  .custom.tile li {
    display: flex;
    flex-direction: column;
    padding-top: 6rem;
    padding-left: 0;
    border: none;
  }
  .custom.tile li:before {
    content: counter(li);
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    color: white;
  }
  .custom.tile li:after {
    content: "";
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .custom.tile li h3 {
    text-align: center;
    min-height: 25%;
  }
  .custom.tile li p {
    margin-top: 2.25rem;
    text-align: center;
  }
  .tile .tile-mixte {
    width: 80%;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  .flex-center,
  .align-center {
    flex-direction: row;
  }
  ol {
    padding-left: 2rem;
  }
  ol.tile {
    flex-wrap: nowrap;
  }
  ol.tile li {
    width: 45%;
  }
  .tile {
    flex-wrap: wrap;
  }
  .tile .tile-simple {
    width: auto;
  }
  .tile .tile-mixte {
    width: 45%;
    margin: 0;
  }
  .tile .tile-picto {
    width: 45%;
  }
  .tile .tile-picto .picto {
    margin-top: 2rem;
  }
  #map .custom {
    padding-left: 4rem;
  }
  .keypoints {
    grid-template-columns: minmax(150px, max-content) repeat(auto-fill, 150px);
    margin: 4rem 2rem auto;
    row-gap: 1rem;
  }
  .keypoints h3 {
    max-width: 70%;
    margin: 2rem auto;
  }
  .logo-wrapper {
    min-width: 100%;
  }
  .logo-wrapper .logo {
    min-width: 20rem;
    min-height: 8rem;
    width: auto;
  }
  .logo-wrapper .logo img {
    max-width: 15rem;
  }
}
@media only screen and (min-width: 999px) {
  .keypoints {
    grid-template-columns: minmax(250px, max-content) repeat(auto-fill, 250px);
    margin: 5rem auto 3rem;
    row-gap: 5rem;
  }
  .keypoints h3 {
    max-width: 70%;
    margin: 2rem auto;
  }
  .logo-wrapper {
    max-width: 80%;
    gap: 1.5rem;
    flex-wrap: wrap;
  }
  .logo-wrapper .logo {
    padding: 1rem;
  }
  .logo-wrapper .logo img {
    max-width: 250px;
  }
}
@media only screen and (min-width: 1280px) {
  .flex-center {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .container {
    max-width: 80vw;
    padding: 3.5rem 0;
  }
  .flex-50 {
    width: 50%;
    align-items: center;
  }
  .container-50 {
    width: 50%;
    display: flex;
  }
  .text-container {
    padding: 3rem 6rem;
  }
  ol {
    margin-top: 2rem;
  }
  .tile .tile-picto {
    width: 25%;
    margin-bottom: 0;
  }
  .tile .tile-mixte {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .container {
    max-width: 70vw;
    padding: 6rem 0;
  }
  .bg-logo-mixte {
    position: relative;
  }
  .bg-logo-mixte .picto-line {
    position: absolute;
    left: -2vw;
    top: -20vh;
    height: 50vh;
  }
  .bg-logo-mixte .picto-full {
    display: block;
    position: absolute;
    right: -0.5vw;
    bottom: -10vh;
    height: 50vh;
  }
  .bg-logo-line {
    position: relative;
  }
  .bg-logo-line .picto-line {
    position: absolute;
    right: 10vw;
    top: -10vh;
    height: 65vh;
  }
  .tile .tile-picto {
    margin-bottom: 0;
  }
  .tile .tile-mixte,
  .tile tile-picto {
    width: 25%;
  }
  .keypoints {
    grid-template-columns: minmax(350px, max-content) repeat(auto-fill, 350px);
    row-gap: 5rem;
  }
  .keypoints h3 {
    max-width: 70%;
    margin: 2rem auto;
  }
  .logo-wrapper {
    flex-wrap: nowrap;
  }
  .logo-wrapper .logo {
    width: 100%;
    padding: 1.5rem 1.85rem;
  }
  .logo-wrapper .logo img {
    max-width: 20rem;
  }
}
iframe {
  border-radius: 1.25rem;
  border: solid 1px var(--dark-orange);
  min-width: var(--videoWidth);
  min-height: var(--videoHeight);
}
#valeurs .container {
  padding-top: 0;
}
#valeurs .container h2.subline:after {
  display: none !important;
}
#h2 .subline:after {
  display: none;
}
.valeur-highlight .container {
  padding: 4rem 0 0;
}
.valeur-highlight .container #h-1 {
  font-size: 1.25rem;
}
#map h2 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 1280px) {
  #inforeg {
    padding: 0 2rem;
  }
}
#inforeg .body {
  padding: 1rem;
}
#inforeg h1 {
  margin-top: 0;
  padding-top: 5rem;
}
#inforeg h2,
#inforeg h3,
#inforeg h4,
#inforeg p {
  text-align: left;
}
#inforeg section {
  padding: 0;
  margin: 0;
}
#inforeg section .container {
  padding: 0 0 0 1rem;
}
@media only screen and (min-width: 1280px) {
  #inforeg section .container {
    padding: 2rem 0 0.75rem;
  }
}
#inforeg .section-title .title-lg {
  margin: 0;
}
#inforeg ul,
#inforeg li {
  list-style-type: none;
  text-align: left;
}
#inforeg ul li {
  padding-left: 1rem;
  position: relative;
}
#inforeg ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.15rem;
  top: 0.7rem;
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: var(--dark-orange);
}
#inforeg ul li li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: var(--dark-blue);
}
#inforeg ul li ul {
  padding: 1rem 2rem;
}
@keyframes bounce {
  50% {
    transform: translateY(-2px);
    opacity: 0.85;
  }
}
@keyframes wave {
  50% {
    scale: 3 1;
    background: var(--light-orange);
    opacity: 0.5;
    filter: blur(2px);
  }
}
@keyframes l6 {
  to {
    transform: perspective(300px) translateZ(150px);
    opacity: 0;
  }
}
@keyframes shinyLoad {
  to {
    background: rgba(255, 255, 255, 0.5);
  }
  50% {
    background: rgba(255, 255, 255, 0.75);
  }
  from {
    background: rgba(255, 255, 255, 0.5);
  }
}