/*********** ANCRES ***********/
#ancre-concours,
#ancre-prix,
#ancre-ceremonie,
#ancre-jury {
  position: absolute;
  transform: translateY(-70px);
  height: 10px;
  display: block;
}

/*********** LE CONCOURS ***********/

.card_presentation_concours {
  margin-top: 40px;
}

.card_concours {
  margin-top: -60px;
}


/* #image-edition {
  margin-left: 10%;
  width: 520px !important;
  height: 370px !important;
} */

#svg_2023 {
  margin-left: 15%;
}

#image_2022 {
  margin-left: 1%;
}

.reseaux_sociaux {
  margin-left: 20px;
}

#svg_2024 {
  left: 80% !important;
  /* top: 30% !important; */
}

/* .test_text {
  height: 370px !important;
  margin-top: -10px !important;
  width: 55% !important;
} */

.col-texte {
  font-size: 19px;
  font-weight: bold;
}

.taille_titre {
  font-size: 32px !important;
}

.taille_titre_1,
.taille_titre_2,
.taille_titre_3 {
  font-size: 30px;
}

.taille_titre_4 {
  font-size: 40px !important;
}

#special_rect {
  height: 100% !important;
}

#concours {
  padding-top: 180px;
  padding-bottom: 80px;
  /* background-color: #f9f5f0; */
  background-color: white;
}

#concours .ctn {
  display: flex;
  gap: 12%;
}

#concours .col-1 {
  width: 50%;
}

#concours .col-1 .blocs {
  display: flex;
  flex-direction: column;
  gap: 70px;
}

#concours .col-2 .bloc {
  background-color: #f77129;
  padding: 60px;
  border-radius: 20px;
  color: white;
  height: 83%;
  /* width: 70%; */
}

.ul-special {
  padding-bottom: 50px;
}

#concours .col-2 h2 {
  color: white;
}

#concours .col-2 .titre-etape {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

/*
#concours .col-2 ul li:first-child .titre-etape {
  margin-bottom: 36px;
}

#concours .col-2 p {
  margin-top: 0px;
}
*/
#concours .col-2 .container-bouton {
  display: flex;
  justify-content: center;
}

#concours .col-2 .bouton.telecharger {
  margin-top: 40px;
  transform: scale(1.3);
}

/* #concours .col-2 ul {
  border-left: 2px solid #0a5adb;
  padding-left: 25px;
  list-style: none;
  transform: translateX(12px);
}  */

#concours .col-2 ul a {
  color: white !important;
}

/* #concours .col-2 li::before {
  font-family: "ETmodules";
  content: url("/ftj/icons/Icon_Liste-coche_bleu-70.svg");
  padding-right: 10px;
  width: 12px;
  display: inline-block;
  position: absolute;
  transform: translate(-42px, -4px);
}
*/
#concours .col-2 li:first-child,
#concours .col-2 li:last-child {
  display: flex;
  gap: 20px;
}

#concours .col-2 .col-bouton {
  display: flex;
  align-items: start;
  margin-bottom: 12px;
}

#concours .col-2 li:first-child a.btn {
  z-index: 10;
  position: absolute;
}

/*********** GALERIE ***********/
#galerie {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ctn-galerie {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

/*********** JURY ***********/

/* Styles globaux pour grands écrans */

.carousel-container-2025 {
  max-width: 95%;
  overflow: hidden;
  margin-right: 0;
  margin-left: 3%;
  margin-top: 3rem; /* Ajuste selon ce que tu veux */
}

.carousel-container-2024 {
  max-width: 95%;
  overflow: hidden;
  margin-right: 0;
  margin-left: 3%;
  margin-top: 3rem; /* Ajuste selon ce que tu veux */
}

.carousel-container-2023 {
  max-width: 95%;
  overflow: hidden;
  margin-right: 0;
  margin-left: 3%;
  margin-top: 3rem; /* Ajuste selon ce que tu veux */
}

.carousel-container-2022 {
  max-width: 95%;
  overflow: hidden;
  margin-right: 0;
  margin-left: 3%;
  margin-top: 3rem; /* Ajuste selon ce que tu veux */
}

/* Images des membres du jury */

/* JURY */

.jury-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 250px;
  margin: 0 auto;
  padding: 10px;
}

.jury-photo-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

/* Cercle orange coupé */
.jury-photo-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 9px solid #f77129;
  border-radius: 50%;
  clip-path: inset(0 0 20px 0); /* Ajuste la "morsure" en bas */
  box-sizing: border-box;
  z-index: 2;
}

/* Cache le bas de l’image (effet “mordu”) */
.jury-photo-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px; /* même que clip-path */
  background-color: #f9f5f0; /* couleur de fond */
  z-index: 3;
}

/* L’image à l’intérieur */
.jury-image {
  width: 99%;
  height: 99%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  z-index: 1;
  position: relative;
  margin: auto; /* recentre l’image si elle est plus petite */
}

.jury-image-taille-spe {
  width: 85%;
  height: 85%;
  object-fit: cover;
  border-radius: 30%;
  display: block;
  z-index: 1;
  position: relative;
  margin: auto;
  margin-top: 15px;
}

.jury-image-2022 {
  margin-top: 5px;
}

.jury-image-spe-2022 {
  width: 69%;
  /* height:85%; */
  /* object-fit: cover; */
  /* border-radius: 50%; */
  display: block;
  z-index: 1;
  position: relative;
  margin: auto;
  /* margin-top: 2px; */
}

.jury-image-spe-spe {
  width: 71%;
  height:71%;
  object-fit: cover;
  border-radius: 15%;
  display: block;
  z-index: 1;
  position: relative;
  margin: auto;
  margin-top: 32px;
}

.jury-info {
  text-align: center;
  margin-top: -15px; /* remonte l’élément */
  position: relative;
  z-index: 4; /* passe au-dessus du ::after */
}

.jury-nom {
  font-size: 1.35rem; /* agrandi */
  font-weight: 700;
  color: #2563eb !important;
  line-height: 1.2;
  white-space: nowrap; /* empêche les sauts de ligne */
  overflow: hidden; /* si ça dépasse, cache */
  text-overflow: ellipsis; /* ajoute des ... si besoin */
}

.jury-fonction {
  font-size: 0.8rem; /* légèrement agrandi */
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* FIN JURY */

/* .jury_image {
  max-width: 100%;
  max-height: 100%;
  height: 70%;
  width: 70%;
  display: block;
} */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*------- Boutons ORANGE -------*/
.bouton-orange {
  color: #f77129;
  border: 1px solid #f77129;
}

.bouton-orange:hover {
  background-color: white;
  color: #f77129;
}

.bouton-orange_2 {
  background-color: #f77129;
  color: white;
}

.bouton-orange_2:hover {
  background-color: white;
  color: #f77129;
}

/* Fin button orange */

#nouveau-jury {
  padding-top: 130px;
  padding-bottom: 130px;
  background-color: #f9f5f0;
  background-image: url("/images/backgrounds/background_parcours-ftj-1.svg");
  background-size: 130%;
  background-repeat: no-repeat;
  background-position-y: -30818%;
  background-position-x: 400px;
}

.ctn-jury {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.jurys {
  margin-bottom: 40px;
}

.jury {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: white;
  padding: 30px;
  border-radius: 14px;
}

.jury .photo {
  width: 18%;
  border-radius: 99px;
}

.jury p:first-child {
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
}

.jury p:last-child {
  margin-top: 5px;
  margin-bottom: 0px;
}

#jury .ctn-bouton {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Onglets */
.onglets {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.onglet-2025,
.onglet-2024,
.onglet-2023,
.onglet-2022 {
  padding: 10px 20px;
  background-color: #ddd;
  border: none;
  cursor: pointer;
}

.onglet-2025.actif,
.onglet-2024.actif,
.onglet-2023.actif,
.onglet-2022.actif {
  background-color: #0a5adb !important;
  color: white;
}

/* Fin de style des onglets */

/* Contenus */
.contenus {
  display: flex;
  flex-direction: column;
}

.onglet-contenu-2025,
.onglet-contenu-2024,
.onglet-contenu-2023,
.onglet-contenu-2022 {
  display: none;
}

.onglet-contenu-2025.actif,
.onglet-contenu-2024.actif,
.onglet-contenu-2023.actif,
.onglet-contenu-2022.actif {
  display: block;
}

.bouton.actif {
  background-color: #0a5adb;
  color: white;
}

.ceremonie {
  display: none;
}

.ceremonie.actif {
  display: block;
}

/* Masquer les contenus non actifs */
.nouveaux-contenus > div {
  display: none;
  /* Tous les contenus sont masqués par défaut */
}

.nouveaux-contenus > div.actif {
  display: block;
  /* Le contenu actif est affiché */
}

.forc-police {
  font-size: 20px !important;
}

/* Responsive : Ajustement sur petits écrans */

@media (max-width: 600px) {
  #image-edition {
    margin-left: 1%;
  }

  #svg_2024 {
    left: 80%;
  }

  #svg_2023 {
    margin-left: 1%;
  }

  #image_2025 {
    margin-left: 1%;
  }

  #image_2022 {
    height: 14rem !important;
    width: 100%;
  }

  #svg_2022 {
    left: -10%;
  }

  /* #svg_2023_one {
    top: -13%;
  } */

  #svg_2023_tree {
    left: -8%;
  }

  /* #svg_2025 {
    left: -8%;
  } */

  #svg_2024_one {
    left: -8%;
  }
}

@media (max-width: 800px) {
  .ctn-galerie {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .ctn-jury {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 500px) {
  /* #ceremonie {
    background-size: 94%;
    background-position-x: 75%;
    background-position-y: 36%;
  }
  #ceremonie .ctn-blocs {
    grid-template-columns: 1fr;
    gap: 10px 83px;
  }
  #ceremonie .bloc-3 {
    grid-row: 2;
    grid-column: 1;
    min-height: 200px;
  } */
}

@media (max-width: 321px) {
  .taille_titre_1,
  .taille_titre_2,
  .taille_titre_3 {
    font-size: 25px;
  }

  .taille_titre_4 {
    font-size: 25px !important;
    margin-left: 3% !important;
  }

  #concours-sous-menu-1,
  #concours-sous-menu-2 {
    padding-bottom: 30px;
  }
}

@media (max-width: 500px) {
  #concours {
    padding-top: 140px;
  }

  #concours .ctn {
    flex-direction: column;
    gap: 20px;
  }

  #concours .col-1,
  #concours .col-2 {
    width: 100% !important;
  }

  #concours .col-1 .blocs {
    gap: 10px;
  }

  #concours .col-1 h3::after {
    font-family: "ETmodules";
    content: url("../icons/Icon_Fleche-sous-menu_Noir.svg");
    padding-left: 22px;
    width: 18px;
    display: inline-block;
  }

  #concours .col-1 h3.actif::after {
    transform: rotate(180deg);
    padding-right: 22px;
    position: relative;
    top: -2px;
  }

  #concours .col-1 h3:hover {
    cursor: pointer;
  }

  /* #concours .col-1 .bloc p {
    display: none;
  } */
  #concours .col-1 .bloc p.actif {
    display: inherit;
  }
}

@media (max-width: 376px) {
  #concours-sous-menu-1,
  #concours-sous-menu-2 {
    padding-bottom: 30px;
  }
}

@media (max-width: 426px) {
  #concours-sous-menu-1,
  #concours-sous-menu-2 {
    padding-bottom: 30px;
  }
}

@media (max-width: 769px) {
  .taille_titre_1 {
    margin-top: -20px;
  }

  .taille_titre_2 {
    margin-top: -25px;
  }

  .taille_titre_3 {
    margin-top: -25px;
  }

  .taille_titre_4 {
    margin-top: -25px;
  }

  #concours-sous-menu-3 {
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .taille_titre_4 {
    font-size: 4vh !important;
  }

  .prensetation-card  {
    font-size: 1vh !important;
  }
}