.li_header_accueil {
  font-weight: bold;
  border: solid thin #000000;
}

.accueil {
  background-color: #FFFFFF;
  background-image: url(../../img/Accueil.webp);
  background-size: cover;
  background-position: center;
  opacity: 0.85;
  width: 100%;
  height: 100vh;
  padding-bottom: 25px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  .accueil {
    padding-bottom: 10%;
  }
}
.accueil div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 85vh;
}
.accueil p {
  font-size: 50px;
  font-family: "Lexend Mega";
  filter: drop-shadow(0px 0px 10px black);
}
.accueil .p_accueil {
  font-size: 40px;
}
.accueil h1 {
  font-size: 250px;
  font-family: "Caveat", cursive;
  font-weight: 400;
  color: #FFFFFF;
  filter: drop-shadow(0px 0px 10px black);
}
.accueil a {
  font-size: 40px;
  color: #FFFFFF;
  filter: drop-shadow(0px 0px 10px black);
}
@media (max-width: 1600px) {
  .accueil p {
    font-size: 40px;
  }
  .accueil .p_accueil {
    font-size: 32px;
  }
  .accueil h1 {
    font-size: 210px;
  }
}
@media (max-width: 1200px) {
  .accueil p {
    font-size: 30px;
  }
  .accueil .p_accueil {
    font-size: 24px;
  }
  .accueil h1 {
    font-size: 150px;
  }
}
@media (max-width: 840px) {
  .accueil p {
    font-size: 24px;
  }
  .accueil .p_accueil {
    font-size: 18px;
  }
  .accueil h1 {
    font-size: 110px;
  }
}
@media (max-width: 620px) {
  .accueil p {
    font-size: 16px;
  }
  .accueil .p_accueil {
    font-size: 13px;
  }
  .accueil h1 {
    font-size: 85px;
  }
}
@media (max-width: 480px) {
  .accueil p {
    font-size: 14px;
  }
  .accueil .p_accueil {
    font-size: 11px;
  }
  .accueil h1 {
    font-size: 70px;
  }
}
@media (max-width: 395px) {
  .accueil p {
    font-size: 13px;
  }
  .accueil .p_accueil {
    font-size: 10px;
  }
  .accueil h1 {
    font-size: 55px;
  }
}

main {
  margin-top: 25px;
}
main #midi {
  margin-bottom: 120px;
}
@media (max-width: 1000px) {
  main #midi {
    margin-bottom: 0px;
  }
}
@media (max-width: 1000px) {
  main #embarcadere {
    margin-top: 20px;
  }
}
main section .contenu .img_midi img, main section .contenu .img_2_midi img {
  width: 400px;
  height: auto;
}
@media (max-width: 1000px) {
  main section .contenu .img_midi img, main section .contenu .img_2_midi img {
    width: 480px;
  }
}
@media (max-width: 500px) {
  main section .contenu .img_midi img, main section .contenu .img_2_midi img {
    width: 100%;
  }
}
main section .contenu .img_midi {
  align-self: flex-start;
}
main section .contenu .img_2_midi {
  position: absolute;
  top: 210px;
  left: 240px;
}
@media (max-width: 1000px) {
  main section .contenu .img_2_midi {
    display: none;
  }
}
@media (max-width: 1000px) {
  main section .contenu .txt_lien_midi {
    height: 220px;
    margin-top: -20px;
  }
}
@media (max-width: 1000px) {
  main section .contenu .txt_lien_soir {
    height: 200px;
    margin-top: -20px;
  }
}
@media (max-width: 1000px) {
  main section .contenu .txt_lien_embarcadere {
    height: 80px;
  }
}
main section .midi::before {
  width: 40%;
}
@media (max-width: 1000px) {
  main section .midi::before {
    width: 0;
  }
}
main section .midi {
  background-color: #C2B87E;
  gap: 0px;
}
main section .midi img {
  box-shadow: 20px 20px 0px 0px white;
}
@media (max-width: 1000px) {
  main section .midi img {
    box-shadow: none;
    transform: translate(0px, -20px);
  }
}
@media (max-width: 500px) {
  main section .midi img {
    transform: translate(8%, -20px);
  }
}
main section .soir {
  background-color: #829669;
}
main section .soir img {
  box-shadow: -20px 20px 0px 0px white;
}
@media (max-width: 1000px) {
  main section .soir {
    flex-direction: column-reverse;
  }
  main section .soir img {
    box-shadow: none;
    transform: translate(-40px, -20px);
  }
}
@media (max-width: 1000px) and (max-width: 500px) {
  main section .soir img {
    transform: translate(-8%, -20px);
  }
}
main section .embarcadere {
  background-color: #B1B18E;
}
main section .embarcadere img {
  box-shadow: 20px 20px 0px 0px white;
}
@media (max-width: 1000px) {
  main section .embarcadere img {
    box-shadow: none;
    transform: translate(0px, -20px);
  }
}
@media (max-width: 500px) {
  main section .embarcadere img {
    transform: translate(8%, -20px);
  }
}
main section .midi::before {
  left: 0;
}
main section .soir::before {
  right: 0;
}
main section .embarcadere::before {
  left: 0;
}
main #carousel_concert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
main #carousel_concert .nav-btn {
  font-size: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
main #carousel_concert #carousel_concert_img {
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
}
main #carousel_concert #carousel_concert_img img {
  width: 280px;
  border-radius: 25px;
}
@media (max-width: 768px) {
  main #carousel_concert {
    gap: 10px;
  }
  main #carousel_concert #carousel_concert_img {
    gap: 10px;
  }
}
@media (max-width: 359px) {
  main #carousel_concert {
    gap: 2px;
  }
  main #carousel_concert #carousel_concert_img img {
    width: 260px;
  }
}