@charset "UTF-8";
/* CSS Document */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* Navigation du diaporama d'accueil : commandes visibles et conformes RGAA. */
#diapo-accueil .rslides_nav {
  align-items: center;
  background: rgba(0, 4, 90, 0.86);
  border: 2px solid var(--couleur-blanc, #fff);
  box-sizing: border-box;
  color: var(--couleur-blanc, #fff);
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease, color 0.2s ease;
  width: 48px;
  z-index: 20;
}

#diapo-accueil .rslides_nav.prev {
  left: clamp(12px, 2.5vw, 40px);
}

#diapo-accueil .rslides_nav.next {
  right: clamp(12px, 2.5vw, 40px);
}

/* Position symetrique et colonne des liens sociaux laissee libre sur desktop. */
@media (min-width: 951px) {
  #diapo-accueil .rslides_nav.prev {
    left: 88px;
  }

  #diapo-accueil .rslides_nav.next {
    right: 88px;
  }
}

#diapo-accueil .rslides-arrow {
  align-items: center;
  color: currentColor;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

#diapo-accueil .rslides-arrow svg {
  color: currentColor;
  display: block;
  height: 28px;
  width: 28px;
}

#diapo-accueil .rslides-arrow svg path,
#diapo-accueil .rslides-arrow svg polyline,
#diapo-accueil .rslides-arrow svg line {
  stroke: currentColor;
}

#diapo-accueil .rslides_nav:hover,
#diapo-accueil .rslides_nav:focus {
  background: var(--couleur-blanc, #fff);
  color: var(--couleur-principale, #00045a);
}

#diapo-accueil .rslides_nav:focus-visible {
  box-shadow: 0 0 0 3px var(--couleur-principale, #00045a);
  outline: 3px solid var(--couleur-blanc, #fff);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  #diapo-accueil .rslides_nav {
    height: 44px;
    width: 44px;
  }

  #diapo-accueil .rslides_nav.prev {
    left: 10px;
  }

  #diapo-accueil .rslides_nav.next {
    right: 10px;
  }

  #diapo-accueil .rslides-arrow svg {
    height: 24px;
    width: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #diapo-accueil .rslides_nav {
    transition: none;
  }
}