.classement-style {
  position: absolute;
  height: 250px;
  margin-top: 25px;
  padding-bottom: 60px;
}
.classement-style-mobile {
  position: absolute;
  height: 200px;
  margin-top: 25px;
  padding-bottom: 60px;
}

@layer utilities {
  html {
    overflow-x: hidden;

    overflow-y: auto;
  }

  .lpjc-header-banner {
    background: url(https://project1.oghub.fr/uploads/img/lycee/lycee.jpg)
      no-repeat;

    height: 480px;

    min-height: 480px;

    background-position: center;

    width: 100%;

    object-position: center;

    object-fit: cover;

    background-size: cover;

    /*filter: brightness(0.75);*/
  }

  .bg-header-color {
    background: rgba(0, 0, 0, 0.2);

    height: 480px;
  }

  .lpjc-home-banner {
    height: 650px;

    background-size: cover !important;

    /*filter: brightness(0.75);*/
  }

  .lpjc-news-banner {
    height: 480px !important;

    min-height: 480px !important;

    background-position: center !important;

    width: 100% !important;

    object-position: center !important;

    object-fit: cover !important;

    background-size: cover !important;
  }

  .lpjc-default-width {
    max-width: 95vw;

    width: 95vw;
  }

  .bg-classe {
    height: 500px;
    background-position: center;
  }

  .bg-classes {
    background: rgba(33, 86, 213, 0.2);

    height: 100%;
  }

  iframe {
    width: 100% !important;
  }

  .container-iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }

  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .premiereplace {
    filter: invert(93%) sepia(81%) saturate(801%) hue-rotate(332deg)
      brightness(105%) contrast(101%);
  }
  .secondeplace {
    filter: invert(79%) sepia(0%) saturate(0%) hue-rotate(170deg)
      brightness(96%) contrast(96%);
  }

  .troisiemeplace {
    filter: invert(44%) sepia(51%) saturate(358%) hue-rotate(339deg)
      brightness(97%) contrast(87%);
  }

  .lpjc-dropdown {
    position: absolute;
    width: max-content;
    background: #f6f6f6;
    padding: 20px;
    left: -44px;
    justify-content: center;
    display: grid;
    z-index: 1000;
    top: 80px;
    border-radius: 25px;
  }

  .lpjc-dropdown-mega {
    position: absolute;
    width: max-content;
    background: #f6f6f6;
    padding: 20px;
    left: -44px;
    justify-content: center;
    display: grid;
    z-index: 1000;
    top: 80px;
    border-radius: 25px;
    max-width: 50dvw;
    left: -259px;
  }
}