/*******************CSS APPLIQUE A LA PAGE Menu-1.html
/* Apparition progressive (du bas vers le haut) */
.fade-in-element {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fade-in-element.show {
  opacity: 1;
  transform: translateY(0);
}

/* Apparition depuis la droite */
.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.8s ease-out;
}

.fade-in-right.show {
  opacity: 1;
  transform: translateX(0);
}

/* Délais progressifs */
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }
.delay-4 { transition-delay: 0.8s; }
.delay-5 { transition-delay: 1s; }
/* *******************************************************************************
/*******************CSS APPLIQUE A LA PAGE DIOCESE*/

  <style>
    /* Justification et lisibilité du texte défilant */
    .scroll-text {
      text-align: justify;
      line-height: 1.6;
      padding-right: 10px;
    }
 

/*******************CSS APPLIQUE A LA PAGE ACCUEIL pour le fond*/
.scroll-container {
  height: 500px;              /* hauteur visible */
  overflow: hidden;           /* cache ce qui dépasse */
  position: relative;
}

.scroll-content {
  position: absolute;
  width: 100%;
  top: 100%;
}

 </style>