Aucun résumé des modifications
Aucun résumé des modifications
Ligne 52 : Ligne 52 :
@media screen and (min-width:1024px)
@media screen and (min-width:1024px)
{
{
/* Taille fixe du carrousel */
/* Conteneur du carrousel */
#caroussel slideshow {
#caroussel slideshow {
   display: block;
   display: block;
   width: 600px;   /* largeur fixe */
   width: 100%;       /* largeur automatique (peut être fixe si tu veux) */
   height: 350px; /* hauteur fixe */
   height: 350px;     /* hauteur fixe */
   margin: auto;   /* centrer le carrousel */
   margin: auto;
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
   background: #000; /* fond noir pour remplir */
   background: #000;   /* fond noir si l’image n’occupe pas tout */
}
}


/* Les images à l’intérieur s’adaptent */
/* Images à l’intérieur */
#caroussel slideshow img {
#caroussel slideshow img {
   width: auto;
  height: 350px;      /* hauteur fixe */
   height: 350px;
   width: auto;       /* largeur automatique pour garder les proportions */
   object-fit: contain; /* garde les proportions, ajoute des bandes si besoin */
   max-width: 100%;   /* évite que ça déborde */
   object-fit: contain; /* garde l’image entière, bandes noires possibles */
   display: block;
   display: block;
   margin: auto;
   margin: auto;
}
}


/* Les légendes */
/* Légende */
#caroussel .caroussel-caption {
#caroussel .caroussel-caption {
   position: absolute;
   position: absolute;
Ligne 84 : Ligne 85 :
   font-size: 14px;
   font-size: 14px;
}
}
}
}