/* Taille des images */
.carousel-container {
  width: 100%; /* Taille définie */
  height: 150px; /* Taille définie */
  overflow: hidden;
  margin: 0 auto;
}

.carousel {
  display: flex;
}
.carousel.evenements {
  animation: sliding_evenements var(--duree_caroussel_evenements) infinite;
  width: calc(var(--nb_images_caroussel_evenements) * 100%);
}
.carousel.idees_sortie {
  animation: sliding_idees_sortie var(--duree_caroussel_idees_sortie) infinite;
  width: calc(var(--nb_images_caroussel_idees_sortie) * 100%);
}

.carousel div {
  width: 100%; /* Taille définie */
  height: 150px; /* Taille définie */
  background-size: cover;
  background-position: center;
  text-align: center;
}

.carousel:hover {
  animation-play-state: paused;
}
.carousel img{
	height: auto;
	max-width: 100%;
	max-height: 150px;
	width: auto;
}

.site-content div.interieur_limite.panneaux_publicite_bas {
  margin-bottom: 1em;
  padding: 1em;
  background: var(--blanc-pale);
  border-radius: 0.5em;
}


/* Responsive */
/* @media screen and (max-width: 768px) { */

  /* .carousel-container { */
    /* width: 100%; /* Nouvelle taille en fonction du media query */ */
    /* height: 150px; /* Nouvelle taille en fonction du media query */ */
  /* } */

  /* .carousel { */
    /* width: 720px; /* Nouvelle taille en fonction du media query */ */
  /* } */

  /* .carousel div { */
    /* width: 240px; /* Nouvelle taille en fonction du media query */ */
    /* height: 150px; /* Nouvelle taille en fonction du media query */ */
  /* } */
/* } */





/* --- */

/* @keyframes scroll { */
	/* 0% { transform: translateX(0); } */
	/* 100% { transform: translateX(calc(-250px * 7))} */
/* } */

/* @keyframes scroll { */
	/* 0% { transform: translateX(0); } */
	/* 100% { transform: translateX(calc(-250px * 7)); } */
/* } */

/* .slider { */
	/* background: white; */
	/* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125); */
	/* height: 150px; */
	/* margin: auto; */
	/* overflow: hidden; */
	/* position: relative; */
	/* width: 100%; */
/* } */

/* .slider::before, */
/* .slider::after { */
	/* background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); */
	/* content: ""; */
	/* height: 150px; */
	/* position: absolute; */
	/* width: 5%; */
	/* z-index: 2; */
/* } */

/* .slider::after { */
	/* right: 0; */
	/* top: 0; */
	/* transform: rotateZ(180deg); */
/* } */

/* .slider::before { */
	/* left: 0; */
	/* top: 0; */
/* } */

/* .slide-track { */
	/* animation: scroll 40s linear infinite; */
	/* display: flex; */
	/* width: calc(250px * 14); */
/* } */

/* .slide { */
	/* height: 150px; */
	/* width: 400px; */
	/* max-width: 50vh; */
	/* margin-left: 10px; */
/* } */