input::-webkit-calendar-picker-indicator {

}

:root {

    /* couleur primaire : banniere
    --primary-color: #df0b25;

    /* couleur secondaire : boutons
    --secondary-color: #df0b25;

    /* couleur secondaire plus sombre : boutons hover
    --secondary-color-darken: darkgreen;

    /* couleur tertiaire : titres, liens
    --tertiary-color: #df0b25;

    /* Couleur du texte de la bannière
    --banniere-texte-color: #FFFFFF;

    /* Couleur du texte des boutons
    --bouton-texte-color: #FFFFFF;
*/


    --primary-color: #FFFFFF;

    --secondary-color: #FFFFFF;

    --secondary-color-darken: #FFFFFF;

    --tertiary-color: #FFFFFF;

    --banniere-texte-color: #FFFFFF;

    --bouton-texte-color: #FFFFFF;

}


#siteName {
    color: #ffffff;
    color: var(--banniere-texte-color);
}

.error{
    color: #df0b25;
    color: var(--primary-color);
}

.btn-infolille {
    color: #fff!important;
    background-color: #df0b25;
    border-color: #E1001A;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-infolille-original {
    color: #fff;
    background-color: #df0b25;
    border-color: #E1001A;
}

.btn-infolille:hover {
    color: #fff!important;
    background-color: #a50b22;
    background-color: var(--secondary-color-darken);
    border-color: #E1001A;
    border-color: var(--secondary-color);
}

.badge-infolille {
    color: #fff;
    background-color: #df0b25; /* IE */
    background-color: var(--primary-color);
    border-color: #E1001A;
}

.badge-infolille-light {
    color: #363636;
    background-color: #ffffff;
    border-color: #E1001A;
    border-color: var(--primary-color);
}

.btn-infolille-light {
    color: #df0b25;
    color: var(--secondary-color);
    background-color: #ffffff;
    border-color: #E1001A;
    border-color: var(--secondary-color);;
}

.btn-infolille-light:hover {
    color: #df0b25;
    color: var(--secondary-color);
    background-color: #eeeeee;
    border-color: var(--secondary-color-darken);
}

.btn-infolille-back {
    color: #fff!important;
    background-color: #343a40;
    border-color: #343a20;
}

.btn-infolille-back:hover {
    color: #fff;
    background-color: #1e2123;
    border-color: #343a20;
}

.lille-link {
    color: #df0b25;
    color: var(--tertiary-color);
}

.lille-link:hover {
    color: #df0b25;
    color: var(--tertiary-color);
    text-decoration: underline;
}

#eventImg{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#addManif .card-header button {
    color: black;
}

#addManif .card-header button:hover {
    color: #df0b25;
    color: var(--secondary-color);
    text-decoration: none;
}

#homeLink {
    color: white;
}

#divAide button, #accordionPanier button {
    color: black;
}

#divAide button:hover, #accordionPanier button:hover {
    color: #df0b25;
    color: var(--primary-color);
    text-decoration: none;
}

#divAide a {
    color: black;
}

#divAide a:hover {
    color: #df0b25;
    color: var(--tertiary-color);
}

h3 {
    font-weight: 400;
}

#help {
    bottom: 40px;
    right: 40px;
    z-index: 100;
}

#navigation {
    background-color: #df0b25;
    background-color: var(--primary-color);
}



#navigation li {
    color: white;
}

#retour a {
    color: black;
    text-decoration: none;
}

#retour a:hover {
    color: #df0b25;
    color: var(--tertiary-color);
}

.det_nomManif {
    color: #df0b25;
    color: var(--tertiary-color);
}

.det_resa {
    font-weight: bold;
    color: #D64562;
}

.det_descManif {
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
}

#lieu h5 {
    color: #D64562;
}

#connect:hover {
    text-decoration: none;
    color: #FFFFFF;
}

#homeLink:hover {
    opacity: 0.8;
    transition-property: opacity;
    transition-duration: 80ms;
}

#navBtn {
    background-color: #FFFFFF;
    border-color: black;
    color: black;
}

#divManifs {
    cursor: default;
}

#divManifs .card:hover {
    -webkit-box-shadow: 0px 0px 50px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 50px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 50px -3px rgba(0, 0, 0, 0.32);
    transition: box-shadow 0.1s;
}

#userDropdown a {
    color: white;
}

#userMenu a {
    color: black;
}

#userMenu a:hover {
    color: #df0b25;
    color: var(--tertiary-color);
    transition: color 0.1s;
}

#userMenu a:active {
    background-color: #df0b25;
    background-color: var(--tertiary-color);
    color: white;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Choisissez un fichier";
}
#manifestation_site > div:nth-child(1)
/* RESET DATATABLE */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
    border: none;
}

#titreEvent img::after{
    background-image: linear-gradient(black, transparent);
}

.ui-datepicker{
    z-index: 9999 !important;
}

p {
    margin: 0;
    padding: 0;
}

#menuPanier a{
    color: #ffffff;
}

.nav-link {
    color: var(--banniere-texte-color);
}

.nav-item a{
    border-bottom: 2px solid transparent;
}

.nav-item a:hover{
    color: #ffffff;
    border-bottom: 2px solid white;
    color: var(--banniere-texte-color);
    border-bottom: 2px solid var(--banniere-texte-color);
}
 #docMenu a {
     color: black;
 }

#docMenu a:hover {
    color: var(--tertiary-color);
}

.titreManifList{
    color: #df0b25;
    color: var(--tertiary-color);
}

.nomSiteDetails{
    color: #363636;
}

.descSite{
    font-size: 95%;
}

.adresseSite, .accesSite{
    font-size: 90%;
    color: #424242;
    font-style: italic;
}

.sousTitreManifList{
    color: #363636;
}

.nomManifDetails, .coords{
    color: #df0b25;
    color: var(--tertiary-color);
}

.descManif{
    font-size: 95%;
}

/** Pagination **/
.page-link, .page-item{
    color: #df0b25;
    color: var(--secondary-color);
}

.page-link:hover{
    color: #a11223;
    color: var(--secondary-color-darken);

}

.page-item.active .page-link{
    background-color: #df0b25;
    background-color: var(--secondary-color);
    border-color: #df0b25;
    border-color: var(--secondary-color);
}

.resaEnLigne{
    color: #C91F37;     
}

.resaPartenaire{
    color: #22A7F0;
}

.clickable {
    cursor: pointer;
}

.clickable-row:hover {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}

.role-link {
    color: black;
}

.role-link:hover {
    color: black !important;
}

.categories{
    padding: 0;
}

.categories li {
    list-style: none;
}

.categories li:not(:last-child) {
    margin-bottom: 1em;
}


@media screen and (max-width: 450px){
    #siteName{
        text-indent: -9999px;
        line-height: 0;
    }

    #siteName::after{
        content: '';
        text-indent: 0;
        display: block;
        line-height: initial;
    }
}

@media screen and (max-width: 575px){
    /* .manifVisu{
        display: block;
        float: none!important;
        margin: 0!important;
        margin-bottom: 5%!important;
    } */

    .manifVisu, .wide{
        display: none;
    }
}

@media screen and (max-width: 990px){
    .manifVisuDetails{
        margin-top: 10%;
    }
    #homeLink{
        display: none;
    }
}

tbody.groupe-expire {
    display: none;
}

tr.groupe-expire {
    display: none;
}

div.repeat {
    display: none;
}

.detailGroupeDate {
    text-align: center;
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.detailGroupeDate:hover {
    background-color: #d64562;
    font-size: inherit;
    text-decoration: none;
    cursor: pointer;
}

div.evt-groupe-img-top{
    height: 100px;
    width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.inscription-cancelled {
    text-decoration: line-through;
}


.date-time-inscr {
    width:85% !important;
}

.trix-button-group.trix-button-group--file-tools {
    display:none;
}

trix-editor {
    background-color: #FFFFFF;
}

ul.liste-creneaux {
    list-style: none;
    padding: 0;
}
li.liste-creneaux {
    padding-left: -1.3em;
}

