.ck-input, .dispo-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*  ----- TAGS -----   */
.ck-label {
    margin: 4px;
    padding: 4px;
    border: 1px solid gray;
    border-radius: 25px;
    cursor: pointer;
    transition: all .3s ease-in;

}
.ck-input:not(:checked) + .ck-label {
    animation: tag2 .2s ease-in;
    animation-iteration-count: 1;
    animation-direction: reverse;
}
.ck-input:checked + .ck-label {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
    color: #FFF;
    animation: tag1 .2s ease-in;
    animation-iteration-count: 1;
    animation-direction: reverse;
}
.ck-input:checked + .ck-label:hover {
    background-color: #f25b02;
    border-color: #f25b02;
    color: #FFF;
}
.ck-input:not(:checked) + .ck-label:hover {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
    color: #FFF;
}
#button_events > option, #button_events > optgroup, #button_events > optgroup > option{
    background: #fff;
    color: #000;
}

@media only screen and (max-width: 2500px){
    .containerSite {
        width: 75%;
    }
}

@media only screen and (max-width: 992px), only screen and (max-width: 768px) {
    .containerSite {
        width: 90%;
    }
}

/* Catégories */
.container-categorie{
    max-width: 1300px
}