/* CSS Document */
table.evenements{
    width:100%;
    border-spacing:5px;
    border-collapse: initial;
}
.evenements_liens_mois td {
    vertical-align:middle;
    height:60px;
    padding:0 5px;
}
.evenements_liens_mois td a {
}
#lien_mois_precedent,
#lien_mois_suivant{
    color:#006076;
    text-decoration: none;
    font-size:18px;
    background-size: 15px;
    display: inline-block;
}
#lien_mois_cours{
    text-decoration: none;
    font-size:22px;
    font-weight: bold;
    color: black !important;
}
table.evenements tr.evenement_ligne {
    background: none !important;
}
table.evenements td.evenement_entete {
    height:35px;
    font-size:20px;
    color: #5191ab;
    background: none;
}
table.evenements td {
    width:14%;
    text-align:center;
    height:65px;
    color:#fff;
}

table.evenements .agenda_ligne {
    background-color: white;
}

table.evenements .agenda_ligne td {
    color:#006076;
    background:#E3E4E6;
}
table.evenements .agenda_ligne td.actif {
    background:#daebec;
}
table.evenements .agenda_ligne td.non_dispo {
    background:rgba(81,145,171,1);
}
.evenement{
    background: none;
}
.evenement_details_rond{
    position: relative;
    left:0;
    top:0;
    margin:3px;
    width: 10px;
    height:10px;
    border-radius: 5px;
}
.agenda_case_vide{
    background:rgba(144,146,151,0.2) !important;
}
.evenement_jour.actif .evenement_num_jour, .evenement_jour_sel.actif .evenement_num_jour {
    color:#393939;
}
.evenement_jour_sel.actif{
    /*border:1px solid #006076!important;*/
    background-color: #b3d396 !important;
}
.evenement_jour_sel.actif a{
    color: white;
}
.evenement_jour, .evenement_jour_sel {
    position:relative;
    /*border: 1px solid #ffffff;*/
}

.vacances.actif{
    background-color: #e57e7e!important;
}
.ferie.actif{
    background-color: #d6c653!important;
}

.evenement_num_jour{
    max-height: 300px;
    min-height: 100px;
    overflow-y: scroll;
}

.evenement_num_jour strong {
    position:absolute;
    top:0;
    left:0;
    display:block;
    color:#262626;
    text-align:center;
    padding:5px 10px;
    background: #fff;
}
.evenement_jour.actif strong, .evenement_jour_sel.actif strong {
    background:#fff;
    color:#006076;
}
.evenements_jour {
    position: initial;
    margin-left: 10px;
    text-align: left;
    /*top:30px;*/
    margin-top: 30px;
    margin-bottom: 5px;
    width: 75%;
    box-sizing: border-box;
}

.evenement_details{
    margin-bottom: 15px;
}
.evenement_details span {
    font-size: small;
    font-weight: bold;
}
.evenement_details a{
    font-size: small;
    color: #006076 !important;
    margin-bottom: 10px;
    font-weight: bold;
}
.evenement_details a:hover{
    color: #5191ab;
    font-size: small;
    text-decoration: underline;
}
.evenement_details a span{
    font-weight: bold;
    font-size: small;
}

/* Réservations */
/* Page calendrier */
.liste .calendrier{
    width: 100%;
}
.liste .calendrier .evenement{
    background: none;
    width: 100%;
}
.liste .calendrier #lien_mois_cours{
    font-size: 26px;
}
.liste .calendrier #lien_mois_precedent,
.liste .calendrier #lien_mois_suivant{
    font-size: 22px;
}
.liste .calendrier .evenement_num_jour strong{
    background: #fff;
    color:#3f3f3e;
}
.liste .calendrier .actif .evenement_num_jour strong{
    color:#006076;
}
.liste .calendrier table.evenements .agenda_ligne td{
    background:#e3e4e5;
}
.liste .calendrier table.evenements .agenda_ligne td.actif {
    background: #daebec;
}
.liste .calendrier .evenements_jour {
    position: relative;
    margin-left: 20px;
}
.liste .calendrier .evenement_details a{
    color:#3f3f3e !important;
    text-decoration:none;
}
.liste .calendrier .evenement_details a:hover{
    text-decoration:underline;
}
table.full .evenement_details_rond{
    position: absolute;
    left:-17px;
    top:0;
    width: 10px;
    height:10px;
    border-radius: 5px;
}

table.full td{
    height: 125px;
}
table.full .evenement{
    margin:0 0 10px 0;
    justify-content: flex-start;
}
table.full .evenements_jour{
    top:5px;
    margin-left: 0;
    width: 85%;
}
table.full .evenement_num_jour strong {
    position: absolute;
    top: 0;
    display: block;
    color: #3f3f3e;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 16px;
    background: #FFF;
}
table.full .evenement_num_jour {
    display: block;
    height: 70px;
    width: 100%;
    position: relative;
}
table.full .evenement_details{
    position: relative;
}
table.full .evenement_details a{
    font-size: 14px;
}
table.full .evenement_details a span {
    font-size: 15px;
}
table.full .evenement_jour.actif strong, table.full .evenement_jour_sel.actif strong {
    background:#fff;
}
table.full .evenement_jour.non_dispo strong, table.full .evenement_jour_sel.non_dispo strong {
    background:rgba(81,145,171,1);
    color:#fff;
}
.disponibilites #lien_mois_precedent, .disponibilites #lien_mois_suivant{
    font-size: 15px;
}
.disponibilites #lien_mois_precedent{
    padding-left: 30px;
}
.disponibilites #lien_mois_suivant{
    padding-right: 30px;
}

.actif-agenda {
    background: #446d73!important;
}
.actif-agenda strong{
    color:#006076 !important;
}

.rond-agenda::after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    top: 65%;
    left: 30px;
    background: #006076;
    border-radius: 50%;
}

/*Remove initial scrollbar*/
.evenement_num_jour::-webkit-scrollbar {
    display: none;
}
.evenement_num_jour {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.evenement_jour{
    position: relative;
}

.custom-scrollBar {
    display: flex;
    height: calc(100% - 1em);
    padding: 0.2em;
    background-color: rgba(255,255,255,.7);
    border-radius: 1em;
    position: absolute;
    top: 0.5em;
    right: 0.1em;
}

.custom-scrollElement{
    display: flex;
    /*height: 1em;*/
    padding: 0.2em;
    background-color: grey;
    border-radius: 1em;
    position: absolute;
    top: 0.5em;
    right: 0.1em;
}

.calendrier .btn-secondary{
    padding: 0.5rem 2rem;
}
/* Responsive */
@media screen and (max-width: 1024px) {
    .evenement_ligne, .evenement_jour.inactif, .agenda_case_vide {
        display: none!important;
    }
    .table.evenements .agenda_ligne, table.evenements td {
        display: block;
        width: 100%;
    }
    table.evenements td {
        height: auto;
        border-bottom: 2px solid #0c5460;
    }
    .evenements_jour {
        margin-top: 40px;
    }
    .evenement_num_jour {
        max-height: none;
    }
}
@media screen and (max-width: 640px) {
    .calendrier .btn-secondary{
        padding: 0.5rem 1rem;
        font-size: 0.875rem !important;
    }
    table.evenements_liens_mois, table.evenements_liens_mois * {
        display: block;
        width: 100%;
    }
    .evenements_liens_mois td {
        width: 100%;
        height: auto;
    }
    .evenements_liens_mois td a {
        display: flex!important;
        align-items: center;
        width: max-content;
    }
}