#calFetesPageHeader {
    background: url('../images/calendrierFetes/calendrier2024/enteteMobile.png');
    background-repeat: no-repeat;
    background-size: cover;  
    background-position: center bottom;
    padding-top: 15px;
    padding-bottom:25px;  
}
@media (min-width: 768px) {
  #calFetesPageHeader {
      background: url('../images/calendrierFetes/calendrier2024/enteteDesktop.png');
      background-repeat: no-repeat;
      background-size: cover;  
      background-position: center bottom; 
      padding-top: 30px;
      padding-bottom:30px;
  }
}
@media (min-width: 1200px) {
  #calFetesPageHeader {   
      padding-top: 40px;
      padding-bottom:40px;
  }
}
#calFetesPageMain {
    background: url('../images/calendrierFetes/calendrier2024/fondDesktop.png');
    background-repeat: repeat-y;
    background-size: cover;  
    background-position: center top;
}

.modal-body {
    background: url('../images/calendrierFetes/calendrier2024/fondModale.png');
    background-repeat: repeat-y;
    background-size: cover;  
    background-position: center top;
}

#calFetesPageHeader .container, .calFetesVagueBas {
    margin-top: 0;
    margin-bottom:0;
}
.calFetesVagueBas .col-xs-12{
    padding: 0;
}

.calFetesContainerAlert {
    padding: 20px;
    justify-content: center;
    display: flex;
  	align-items: center;
}

@media (min-width: 768px) {

    #calFetesPageHeader {
        /*min-height: 300px;*/
    }
}

.calAvantConteneur .row {
    padding: 0;
}

.calAvantCase, .calAvantRLS {
    padding: 0 !important;
}


.calFetes_no_padding {
    padding: 0;
}

.calFetes_images {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.calendrierFetesImageClock {
    margin-right: 10px;
}

.calFetesCaseOuverte {
    position: absolute;
    z-index: 10;
    top: 0;
}

.calFetes_Animation { 
    animation: fadeIn 3s; 
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }