/* Styles de base */
.boite-noire {
    height: 400px;
    width: 100%;
    background-color: black;
    position: relative;
    overflow: hidden;
    display: flex; /* Utilisation de flexbox pour centrer verticalement */
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    padding: 0; /* Espacement intérieur commun */
    margin-bottom: 0; /* Marge en bas commune */
}

.diaporama {
    width: 100%; /* Occupe toute la largeur de son conteneur */
    height: 400px; /* Hauteur fixe */
    overflow: hidden; /* Cacher tout contenu qui dépasse */
    position: relative; /* Définir la position en relative */
}

/* Styles des images */
.diaporama img {
    position: absolute; /* Position absolue par rapport au diaporama */
    top: 50%; /* Positionner l'image à 50% de la hauteur du diaporama */
    left: 50%; /* Positionner l'image à 50% de la largeur du diaporama */
    transform: translate(-50%, -50%); /* Centrer horizontalement et verticalement l'image */
    max-height: 400px; /* Hauteur fixe de 300px */
    height: 400px; /* Hauteur fixe de 400px */
    width: auto; /* Ajuster la largeur automatiquement */
    object-fit: contain; /* Ajuster la taille de l'image pour qu'elle tienne dans les dimensions spécifiées */
    margin: 0; /* Aucune marge */
    padding: 0; /* Aucun remplissage */
}

.cadre-noir {
    background-color: black; /* Noir avec une opacité de 50% */
    color: white; /* Couleur du texte */
}

.diaporama-container {
    max-width: 800px; /* Largeur maximale du diaporama */
    margin: auto;
}

/* Styles supplémentaires spécifiques à cette page */
  /* Styles pour le menu */
  .menu {
    background-color:black; /* Couleur de fond du menu */
    overflow: hidden;
    display: flex; /* Utilisation de flexbox pour centrer le menu */
    justify-content: center; /* Centrage horizontal */
  }