/*
** Réalisation : LaFabrikk
** https://www.lafabrikk.fr
*/

/* --- FOOTER --- */
body {
  margin-bottom: var(--KPM071);
}
#bandeau-pieddepage {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bandeau-lien {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--KPM018);
  height: var(--KPM056);
  font-size: var(--KPM016);
  transition: all 0.2s;
}
.bandeau-lien:nth-child(1) {
  background-color: #021629;
}
.bandeau-lien:nth-child(1):hover {
  background-color: #062440;
}
.bandeau-lien:nth-child(2) {
  background-color: #0F3D66;
}
.bandeau-lien:nth-child(2):hover {
  background-color: #0C4374;
}
.bandeau-lien:nth-child(3) {
  background-color: #004C98;
}
.bandeau-lien:nth-child(3):hover {
  background-color: #0055AA;
}
.bandeau-lien:nth-child(4) {
  background-color: #89BE2C;
}
.bandeau-lien:nth-child(4):hover {
  background-color: #93C738;
}
.bandeau-lien:nth-child(5) {
  background-color: #FFFFFF;
  color: var(--KPMcolblue);
}
.bandeau-lien:nth-child(5) svg {
  stroke: #4ca8ed;
}
.bandeau-lien:nth-child(5):hover {
  background-color: #52B5FF;
  color: #fff;
}
.bandeau-lien:nth-child(5):hover svg {
  stroke: #fff;
}

.bandeau-lien.couleur-Blanc {
  color: #fff;
}
footer {
  
}



/* --- TEXTE SEO --- */
#textes-seo {
  padding-top: var(--KPM100);
  padding-bottom: var(--KPM100);
  background-color: var(--KPMcoldarkblue);
}
#textes-seo .flex {
  justify-content: space-between;
}
.texte-seo {
  margin-top: 6.75rem;
}
.texte-seo:nth-child(1),
.texte-seo:nth-child(2) {
  margin-top: 0;
}
.texte-seo.col {
  width: 44.5%;
}
.texte-seo.col-tot {
  width: 100%;
}
.texte-seo-picto {
  display: flex;
  align-items: center;
  height: var(--KPM050);
  margin-bottom: var(--KPM050);
}
.texte-seo h2 {
  font-size: var(--KPM040);
  line-height: var(--KPM046);
}
.texte-seo h2,
.texte-seo h3 {
  color: #fff;
}
.texte-seo h2,
.texte-seo h3 {
  margin-bottom: var(--KPM027);
}
.texte-seo h2 span,
.texte-seo h3 span {
  color: var(--KPMcolblue);
}
.texte-seo strong {
  font-weight: 500;
}

#galerie-seo {
  overflow: hidden;
  display: flex;
}
.group {
  flex: 0 0 100%;
  display: flex;
  gap: var(--KPM021);
  padding-right: var(--KPM021);
  will-change: transform; /* We should be nice to the browser - let it know what we're going to animate. */
  animation: scrolling 30s linear infinite;
}
#galerie-seo:hover .group {
  /*animation-play-state: paused;*/
}
.galerie-seo-image {
  position: relative;
  flex: 0 0 auto;
  width: calc(calc(100% - var(--KPM063)) / 4);
  aspect-ratio: 1.46;
}
.galerie-seo-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--KPM012);
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


.texte-seo-cta {
  display: block;
  padding: var(--KPM052) var(--KPM072) var(--KPM058);
  background-color: var(--KPMcolgreen);
}
.texte-seo-cta-titre {
  margin-bottom: var(--KPM018);
  font-size: var(--KPM040);
  line-height: var(--KPM041);
  color: #fff;
  text-align: center;
}




/* --- ÉQUIPES KPM --- */
#footer-equipes {
  padding-top: var(--KPM050);
  padding-bottom: var(--KPM050);
  background-color: #fff;
}
#footer-equipes .wrapper {
  justify-content: space-between;
  padding: var(--KPM070) var(--KPM070) var(--KPM080);
  background-color: #004C98;
  color: #fff;
}
#footer-equipes h4 {
  width: 22.35%;
  margin-top: 0;
  margin-bottom: var(--KPM030);
  font-size: var(--KPM042);
  line-height: var(--KPM052);
  color: #fff;
}
#footer-equipes h4 span {
  color: var(--KPMcolblue);
}
.footer-equipe-ville {
  background-color: #fff;
  font-size: var(--KPM019);
  line-height: var(--KPM023);
  color: #004C98;
}
.footer-equipe-adresse {
  margin-top: var(--KPM022);
}
.footer-equipe-adresse p {
  font-size: var(--KPM018);
  line-height: var(--KPM026);
}
.footer-equipe-telephone a,
.footer-equipe-email a {
  font-size: var(--KPM018);
  line-height: var(--KPM026);
  color: #fff;
}
.footer-equipe-telephone a:hover,
.footer-equipe-email a:hover {
  text-decoration: underline;
}

footer {
  justify-content: space-between;
  padding-top: var(--KPM079);
  padding-bottom: var(--KPM070);
}
.footer-left {
  width: 40.53%;
}
.footer-logo {
  width: 13.6875rem;
}
.footer-texte {
  margin-top: var(--KPM060);
}
.footer-texte h4 {
  margin-bottom: var(--KPM018);
}
.footer-texte p {
  font-size: var(--KPM014);
  line-height: var(--KPM020);
}
.footer-texte strong {
  font-weight: 500;
}
.footer-right {
  width: 46.49%;
}
.footer-linkedin a.btn.btn-dl {
  color: #004C98;
}
.footer-linkedin a.btn.btn-dl svg {
  fill: #004C98;
}
.footer-linkedin a.btn.btn-dl:hover {
  background-color: #004C98 !important;
  border-color: #004C98 !important;
  color: #fff !important;
}
.footer-linkedin a.btn.btn-dl:hover svg {
  fill: #fff !important;
}
.footer-qualiopi {
  align-items: center;
  gap: var(--KPM010);
  margin-top: var(--KPM045);
}
.footer-qualiopi a img {
  width: 10.875rem;
}
.footer-qualiopi p {
  width: 12.25rem;
  font-size: var(--KPM014);
  line-height: var(--KPM020);
  color: var(--KPMcoldarkblue);
}
.menu-pied-depage-container {
  margin-top: var(--KPM079);
}
.menu-pied-depage-container ul {
  justify-content: space-between;
}
.menu-pied-depage-container ul li {
  width: 45.19%;
  padding-inline-start: 0;
  background: none;
}
.menu-pied-depage-container ul li a {
  font-size: var(--KPM018);
  line-height: var(--KPM035);
  color: var(--KPMcoldarkblue);
}
.menu-pied-depage-container ul li a:hover {
  text-decoration: underline;
}

.copy {
  justify-content: space-between;
  margin-bottom: var(--KPM041);
}
.copy p {
  margin-bottom: 0;
  font-size: var(--KPM010);
  line-height: var(--KPM014);
  color: #627384;
}
.copy a {
  color: #627384;
  text-decoration: underline;
}
.copy-right {
  display: flex;
  align-items: center;
  gap: var(--KPM024);
}
.copy-right svg {
  width: 9rem;
  height: auto;
  opacity: 0.5;
}