/*********/
/* Carte */
/*********/

.info .carte {
  z-index: 1;
  position: absolute;
  right: 3%;
  height: 100%;
  aspect-ratio: 19/21;
}

/* point */
.info .carte .conteneur-point {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 19);
  aspect-ratio: 1/1;
}

.info .carte .conteneur-point .point {
  padding: 40%;
  aspect-ratio: 1/1;

  /* clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); */
  border-radius: 50%;
  background-color: rgb(var(--purple-matte));
  transition: padding 0.2s ease-in 0.1s;
}

.info .carte .conteneur-point .point:hover {
  padding: 46%;
  transition: padding 0s;
}

.info .carte .conteneur-point .unregular {
  position: relative;
}

.info .carte .conteneur-point .unregular::before {
  content: "i";
  position: absolute;
  top: 0.1vw;
  left: 0;
  width: 100%;
  color: rgb(var(--gray-01));
  text-align: center;
  font-size: 1.9vw;
  font-weight: var(--bold);
  opacity: 0;
  transition: opacity 0.2s;
}
.info .carte .conteneur-point .unregular:hover::before {
  opacity: 100%;
}