/* La div du carousel est cachée par défaut */
    .mobile-carousel {
      display: none;
    }
    /* Affichage sur mobile (par exemple pour une largeur max de 768px) */
    @media only screen and (max-width: 768px) {
      .mobile-carousel {
        display: block;
      }
		.desktopslider{
		  display: none;
	  }
    }
    /* Styles du carousel */
    .swiper-container {
      width: 100%;
      height: auto;
		overflow: hidden;
    }
    .swiper-slide {
      text-align: center;
    }
    .swiper-slide img {
      width: 100%;
      height: auto;
      object-fit: cover; /* Pour que l'image soit bien cadrée */
    }
    /* Styles pour le titre, sous-titre et bouton */
    .carousel-title,
    .carousel-subtitle,
    .carousel-button {
      text-align: center;
      margin: 10px 0;
    }
    .carousel-button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #FF0036;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
    }
	  .container-txt-sommaire{
		  display: flex;
    flex-direction: column;
    align-items: center;
		      background: rgba(0, 0, 0, 0.05);
		  height: 220px;
		  padding-top: 3rem;
	  }
	  .carousel-button{
		  background-color: #190F14;
    border-radius: 0;
	  }
	  .carousel-button:hover{
		  background-color: #6c7073 !important;
		  color:#fff;
	  }
	  .btnprev-sommaire{
		  position: absolute;
		  top: 30%;
		      color: #FF0036;
	  }
	  .btnnext-sommaire{
		 position: absolute;
		  top: 30%; 
		      color: #FF0036;
	  }
    .carousel-indicators button{
      margin-right: 1rem;
    }