html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      /* overflow: hidden; */
    }

    /* Arrière-plan animé */
    .background-scroll {
      position: fixed;
      top: 0;
      left: 0;
      width: 200%;
      height: 100%;
      display: flex;
      animation: scroll 360s linear infinite;
      z-index: -1;
    }

    .background-scroll img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Contenu par-dessus */
    .content {
      position: relative;
      padding: 2rem;
      background-color: rgba(0, 0, 0, 0); /* Fond semi-transparent */
      height: 100%;
      overflow-y: auto;
    }
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Pacifico', cursive;
	color: #FFD700;
	text-shadow: 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400, 0px 0px 3px #a94400;
    }
	
	.background-scroll {
  position: fixed;
  top: 0; left: 0;
  width: 200%;
  height: 100%;
  pointer-events: none; /* évite que ça capte les événements */
  overflow: hidden; /* pour éviter expansions inattendues */
  z-index: -1;
}

.content {
  position: relative;
  padding: 2rem;
  background-color: transparent;
  height: 100%;
  overflow-y: auto;
  display: block !important; /* s’assure que ce n’est pas un flex */
}

@media (max-width: 767.98px) {
  .row > .col-6,
  .row > .col-6.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}