/*GENERAL*/



h1{
  font-family: "Edu AU VIC WA NT dots", sans-serif;
}

.title{
  font-size: 72px;
  color: blueviolet;
  text-align: center;
  padding: 50px;
  border-bottom: 2px solid rosybrown;
  border-radius: 20px;
  box-shadow: 3px 3px 3px 3px rgb(150, 114, 114);
}

.background{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: solid 3px blueviolet;
  border-radius: 10px;
  width: 400px;
  height: 120px; 
  margin-top: 200px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(./img/fond.jpg);
  background-size: cover;
  background-position: center;
  color: blueviolet;
}
.background h1{
  font-size: 48px;
  text-align: center;
  padding-top: 15px;
}
p{
  font-family: "limelight", sans-serif;
  font-size: 48px;
  text-align: center;
  color: blueviolet;
  margin-bottom: 150px;
}

.video {
  display: flex;
  justify-content: center;
  align-items: center;
}


/*SLIDE*/

.slideshow {
    width: 100%;
    max-width: 1000px;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
  }
  
  .slides {
    display: flex;
    width: calc(100% * 22); /* Ajuster selon le nombre d'images */
    animation: slide 132s infinite; /*5s par image * 21 = 105s */
  }
  
  .slides img,
  .slides video {
    width: 1000px;
    height: 600px;
    object-fit: contain;
    display: block;
  }
  
@keyframes slide {
  0%    { transform: translateX(0); }
  4.76% { transform: translateX(-1000px); }
  9.52% { transform: translateX(-2000px); }
  14.28% { transform: translateX(-3000px); }
  19.04% { transform: translateX(-4000px); }
  23.80% { transform: translateX(-5000px); }
  28.56% { transform: translateX(-6000px); }
  33.32% { transform: translateX(-7000px); }
  38.08% { transform: translateX(-8000px); }
  42.84% { transform: translateX(-9000px); }
  47.60% { transform: translateX(-10000px); }
  52.36% { transform: translateX(-11000px); }
  57.12% { transform: translateX(-12000px); }
  61.88% { transform: translateX(-13000px); }
  66.64% { transform: translateX(-14000px); }
  71.40% { transform: translateX(-15000px); }
  76.16% { transform: translateX(-16000px); }
  80.92% { transform: translateX(-17000px); }
  85.68% { transform: translateX(-18000px); }
  90.44% { transform: translateX(-19000px); }
  95.20% { transform: translateX(-20000px); }
  100%   { transform: translateX(0); } /* Retour au début */
}


  /* @keyframes slide {
  0%    { transform: translateX(0); }
  5%    { transform: translateX(-1000px); }
  10%   { transform: translateX(-2000px); }
  15%   { transform: translateX(-3000px); }
  20%   { transform: translateX(-4000px); }
  25%   { transform: translateX(-5000px); }
  30%   { transform: translateX(-6000px); }
  35%   { transform: translateX(-7000px); }
  40%   { transform: translateX(-8000px); }
  45%   { transform: translateX(-9000px); }
  50%   { transform: translateX(-10000px); }
  55%   { transform: translateX(-11000px); }
  60%   { transform: translateX(-12000px); }
  65%   { transform: translateX(-13000px); }
  70%   { transform: translateX(-14000px); }
  75%   { transform: translateX(-15000px); }
  80%   { transform: translateX(-16000px); }
  85%   { transform: translateX(-17000px); }
  90%   { transform: translateX(-18000px); }
  95%   { transform: translateX(-19000px); }
  100%  { transform: translateX(0); } retour à la première image 
}*/

  /* @keyframes slide {
    0%   { transform: translateX(0%); }
    33%  { transform: translateX(-1000px); }
    66%  { transform: translateX(-2000px); }
    100% { transform: translateX(0%); }
  } */
  



  
footer{
  height: 300px;
}