/* --- Style Général limité à la section Calendrier --- */
#calendrier { 
    background: #ffffff; 
    padding: 20px 0; /* Ajout d'un peu d'espace si besoin */
}

#calendrier .event-schedule-area-two .tab-content .table { 
    background: #fff; 
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); 
}
#calendrier .event-schedule-area-two .tab-content .table thead th {
    color: #ffffff; /* Remet le H2 en gris très foncé (ou mets la couleur que tu veux) */
}
#calendrier .event-schedule-area-two .tab-content .table thead { 
    background-color: #000000; 
    color: #fff; 
}

#calendrier .event-schedule-area-two .event-img img { 
    width: 80px; 
    height: 80px; 
    border-radius: 8px; 
    object-fit: cover;
}

#calendrier .event-schedule-area-two .nav-link.active { 
    color: #007bff; 
    border-bottom: 2px solid #007bff; 
}

#calendrier .event-schedule-area .section-title .title-text {
    margin-bottom: 50px;
}

/* --- Navigation par Onglets (Tabs) --- */
#calendrier .event-schedule-area .tab-area .nav {
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    border-bottom: none;
}

#calendrier .event-schedule-area .tab-area .nav-item {
    margin-bottom: 75px;
}

#calendrier .event-schedule-area .tab-area .nav-item .nav-link {
    text-align: center;
    font-size: 40px;
    color: #333;
    font-weight: 600;
    padding: 0;
    text-transform: capitalize !important;
    background: transparent;
    border: none;
}

#calendrier .event-schedule-area .tab-area .nav-item .nav-link.active {
    color: #4125dd;
}

/* --- Structure du Tableau --- */
#calendrier .event-schedule-area .tab-area .tab-content .table {
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse;
}

#calendrier .event-schedule-area .tab-area .tab-content .table thead th {
    font-size: 20px;
    font-weight: 600;
    color: #252525;
    border-bottom: 1px solid #b7b7b7;
    padding: 15px;
}

#calendrier .event-schedule-area .tab-area .tab-content .table td {
    border: 1px solid #b7b7b7;
    padding: 20px 30px;
    vertical-align: middle;
}

/* --- Détails de l'Événement --- */
#calendrier .event-schedule-area .tab-area .tab-content .table .heading {
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 6px;
    display: block;
}

#calendrier .event-schedule-area .tab-area .tab-content .table span {
    color: #4125dd;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
}

#calendrier .event-schedule-area .tab-area .tab-content .table span.date {
    color: #656565;
    font-size: 14px;
    margin-top: 15px;
}