@media screen and (min-width: 1024px) {
  html {
    font-size: 18px;
  }
}

/* [HEADER] */

@media screen and (min-width: 1024px) {
  .header_desktop {
    display: flex;
  }

  .header_mobile {
    display: none;
  }

  .logo-header_mobile img {
    width: auto;
    height: 2.8125rem;

    z-index: 99;
  }

  .video-accueil_index {
    display: flex;
    justify-content: center;
    align-items: center;

    padding-top: 4.75rem;
    height: 100%;
    width: 100%;
  }
}

/* INDEX.HTML */

/* [ACCUEIL] */

@media screen and (min-width: 800px) {
  .gradient_video_wrapper-accueil_index {
    background: linear-gradient(
      251deg,
      rgba(237, 233, 222, 0) 3.19%,
      rgba(237, 233, 222, 0.85) 76.81%
    );
  }

  .content-accueil_index {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start; /* Pour centrer le contenu dans la boîte */
    gap: 1.25rem;

    bottom: 80px;
    left: 80px; /* Centre horizontalement par rapport au parent */
    transform: none; /* Ajuste pour centrer précisément */

    width: auto;
  }

  .title-accueil_index p {
    font-size: 3.875rem;
  }

  .description-accueil_index p {
    font-size: 1.375rem;
  }

  .description-accueil_index {
    align-items: start;
  }
}

/* [CONTRAINTES] */

/* Annonce des contraintes */

@media screen and (min-width: 700px) {
  .item_text_contraintes-contraintes_concours_index {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.9375rem;

    width: 100%;
  }
}

/* [AVANTAGES CONCOURS] */

@media screen and (min-width: 800px) {
  .flexleft-avantages_concours_index {
    display: flex;
  }
}

/* [DERNIÈRE ÉDITION CONCOURS] */

@media screen and (min-width: 800px) {
  .video_winner-edition_main iframe {
    height: 20.1875rem;
    aspect-ratio: 16 / 9;
    border-radius: 0.625rem;
  }
}

@media screen and (min-width: 1140px) {
  .item_winner-edition_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .video_winner-edition_main {
    width: auto;
  }

  .video_winner-edition_main iframe {
    height: 20.1875rem;
    width: auto;
    aspect-ratio: 16 / 9;
    border-radius: 0.625rem;
  }
}

@media screen and (min-width: 1420px) {
  .description_winner-edition_main {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1.5625rem;
  }

  .content-edition_main {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }
}

/* @media screen and (min-width: 800px) {
  .winner-edition_main {
    justify-content: center;
    align-items: center;
  }

  .content_winner-edition_main p {
    text-align: center;
  }

  .content-edition_main {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }
} */

/* LE_CONCOURS.PHP */

@media screen and (min-width: 1024px) {
  .background_title_page-main p {
    font-size: 125px;
  }
}

@media screen and (min-width: 800px) {
  .content_article-le_concours.right {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 0.9375rem;
  }

  .content_article-le_concours.left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.9375rem;

    width: 100%;
  }
}

/* LES_EDITIONS.PHP */

@media screen and (min-width: 800px) {
  .item_article-les_editions {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
