.noVisible{
    color:rgba(255,255,255,0);
}
#noEvent{
    display: none;;
}
#loadingCalendar {
    visibility:hidden; 
} 
#loadingCalendar.busy {
    visibility:visible !important;
}
#selectDepsContainer{
    display:none;
}
.month,.year {
    border-radius: 1em;
}

.month > span {
    font-size: .8em;
}
.labelMonth {
    text-align: center;
    margin: 1em 0;
    font-variant: small-caps;
    font-size: 1.5em;
    font-weight: bold;
  }
.blocEvent,.blocEvent:hover,.blocEvent:visited{
    display: block;
    text-decoration: none;
    cursor:pointer;
    min-height:2em;
    border-radius:.6em;
    border:solid;
    border-color:var(--color);
    border-width:.1em;
    width:100%;
    margin-bottom: .75em;
    background-size: cover;
    background-position: center;
}
.blocEvent:hover{
    background-color: #F0F0F0;

}
.nomEvent{
   color:#4E4E4E;
   font-variant:small-caps ;
   font-size: 1.2em;
   font-weight: bold;
   width:100%;
}
.orga .nomEvent{
    color:black;
}
.dateEvent{
    padding:.2em 1em;
    width: 4.2em;
}

.jourEvent {
    font-size: 2em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.jourLibEvent,.moisEvent{
    font-size:0.7em;
    
}
.orga .jourEvent{
    -webkit-text-stroke: 1px white;
    font-weight:bolder;
}
.orga .noVisible .jourEvent{
    -webkit-text-stroke:unset !important;
    font-weight:bolder;
}
.logoEvent>img{
    max-height: 5em;
    max-width: 8em;
}
.logoEvent{
    padding:.5em;
    min-width: 9em;
}
.linkEvent{
    text-align: center;
    background-color:var(--color);
    border-radius:0 .5em .5em 0;
    color:#ffffff;
    border:solid;
    border-color:var(--color);
    border-width:.1em;
}
.distBlocEvent{
    background-color:#7A7A7A;
    padding:.25em;
    border-radius:.5em;
    min-width:3em;
    color:white;
}
.orga .distBlocEvent{
    background-color:black;
}
.sportEvent{
    font-size:.5em;
}
.kmEvent{
    font-size:.5em;
}
.distEvent{
    font-size:1.25em;
    font-weight: bold;
}
.lieuEvent{
    font-size: .8em;
    color: #7A7A7A;
}
.orga .lieuEvent{
    color: black;
}

.titreMois>span{
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;    
    line-height: 1em;
    display:inline-block;
}
.titreMois {
    margin-left: .5em;
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 1.5em;
    color: var(--color);
    font-weight: bold;
}
#copyLinkCalendar{
    cursor:pointer;
}
.logoItra {
    max-height: 1em;
}
@media (min-width: 768px) {
    .nomEvent{
        font-size: 1.4em;
        width:auto;
     }

}