.menu-item-has-children2
{
  top: 0px !important;

}
.page-header {
    padding: 150px 120px 85px 0;
}
.special_prix span {
    background-color: var(--ed-color-theme-primary);
    color: var(--ed-color-common-white);
    padding: 5px 10px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
}
.special_prix {
    color: var(--ed-color-heading-primary);
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-bottom: 15px;
}
.course-item .course-thumb-wrap .course-thumb {
    height: 150px;
}
.course-item .course-content .title {
    font-size: 14px;margin-bottom: 10px;
}
.course-item .course-content {
    padding-bottom: 0px;
}
.footer-wrap {
    margin-bottom: 30px;
}
.ed-primary-btn i {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}
.header-9 .primary-header .primary-header-inner {
    padding: 0 20px;
}
.lang-course-item .course-content {
     display: initial;
     text-align: center;
}
.lang-course-item .course-content .arrow-btn a
{
  width: auto;
  border-radius: 0%;
}
.lang-course-item .course-content .title {
    font-size: 20px;
}
.lang-prog-item {
    padding: 15px;
}
.lang-prog-item .lang-prog-content .title {
    font-size: 22px;
}
.course-nav {
    justify-content: center;
}
@media ((min-width:320px) and (max-width:820px))
{
  .page-header {
      padding: 10px 0px 0px 0;
  }
}
@media only screen and (max-width: 992px) {
    .header-1 .mid-header {
        display: block;
    }
}
.styleimage_detail
{
      height: 375px !important;
}
@media only screen and (max-width: 767px) {
    .header .mid-header .mid-header-inner .mid-header-right .header-right-icon {
        display: block;
    }
    .styleimage_detail
    {
      height: 160px !important;
    }
}
@media only screen and (max-width: 767px) {
    .header .primary-header-inner .header-right .header-right-icon {
        display: BLOCK;
    }
}
.lang-prog-item .lang-prog-content .lang-prog-list {
    margin-bottom: 10px;
}
.course-sidebar .sidebar-title {
    margin-bottom: 10px;
}
.course-sidebar .course-sidebar-list li:not(:last-of-type) {
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.lang-prog-item .lang-prog-img {
    margin-bottom: 10px;
}
.description
{

  padding-bottom: 20px;
}


.header .top-bar .top-bar-inner .top-bar-left .top-bar-list li:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 10px;
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap ul li {
    margin: 0 15px;
}


.form-item.epreuve-non-disponible,
.form-item .epreuve-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #999; /* Couleur du texte grisée */
    opacity: 0.7; /* Légère transparence pour accentuer l'effet */
    pointer-events: none; /* S'assure qu'on ne peut pas cliquer sur le label */
}

/* Rendre la case à cocher elle-même moins visible */
.form-item .epreuve-checkbox[disabled] {
    opacity: 0.3;
}

/* Assurer que le conteneur disponible est réactivé visuellement */
.form-item:not(.epreuve-non-disponible) {
    color: inherit; /* Réinitialise la couleur pour le texte normal */
    opacity: 1;
    pointer-events: auto;
    cursor: auto;
}


/* --------------------------------------------------------------------------
   STYLES POUR LES ÉPREUVES NON DISPONIBLES (Grisage dynamique par JS)
   -------------------------------------------------------------------------- */

/* Conteneur de l'épreuve non disponible (gère l'opacité et l'aspect visuel) */
.epreuve-non-disponible {
    /* Rend l'ensemble du conteneur (label et checkbox) gris et peu visible */
    opacity: 0.5;

    /* Change le curseur pour indiquer que l'élément n'est pas cliquable */
    cursor: not-allowed;

    /* Empêche les événements de souris (clic) sur les anciennes structures Nice-Select */
    /* Bien que nous ne les utilisions plus, c'est une bonne pratique de sécurité visuelle */
    pointer-events: none;
}

/* S'assurer que le label et la case restent grisés même s'il y a des survol (hover) */
.epreuve-non-disponible:hover {
    opacity: 0.5; /* Maintient l'opacité pour éviter l'effet "survol" */
}

/* S'assurer que les éléments input désactivés par le JS sont bien ignorés */
.epreuve-non-disponible input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

/* S'assurer que les titres ou textes restent lisibles */
.epreuve-non-disponible .form-label,
.epreuve-non-disponible span {
    color: #6c757d; /* Couleur de texte gris moyen pour uniformité */
}
.special_li li
{
  display: inline-block !important;
      width: 100% !important;
}
.special_li2
{
    list-style-type: circle !important;
}
.special_li2 li::marker {
  content: '👉 '; /* Utilise la flèche comme puce */
}
.event-item .event-content {
    background-color: #e1e1e1;
    padding-bottom: 10px;
  padding-top: 10px;
}


d6d6d6