#containerSemainesTimeline:before {
  display:block;
  background-color:#efefef;
  content:" ";
  position:absolute;
  top:0; left:-50em;
  width:1000em;
  height:100%;
  z-index:0;
}
#containerTimeline {
  position:relative;
  font-size:1.1rem;
  padding:35px 0 0;
}
#containerTimeline > div {
  position: relative;
  z-index:1;
}

#containerTimeline ul {
  justify-content: space-between;
  width: 100%;
  display: flex;
  align-items: end;
  list-style:none;
  padding-left:0; padding-right:0;
  margin-left:0; margin-right:0;
}
/*ul.ulMois {
  margin-bottom:40px!important;
}*/
ul.ulMois li {
  text-transform:uppercase;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  padding:20px 15px 10px;
  flex-grow: 1;
}

ul.ulMois li:hover,
ul.ulMois li:focus,
ul.ulMois li.active {
  color:#9ec764;
  background-color:#efefef;
}


#containerTimeline ul.ulSemainesMois {
  display:none;
  text-align:center;
  margin-bottom:0;
  z-index:1;
  position:relative;
}
#containerTimeline ul.ulSemainesMois:first-of-type {
  display:flex;
}

#containerTimeline ul.ulSemainesMois .containerNbDeparts {
  display:block;
}

#containerTimeline ul.ulSemainesMois li {
  cursor:pointer;
  border-bottom:5px solid transparent;
  padding:25px 15px;
}

#containerTimeline ul.ulSemainesMois li:hover,
#containerTimeline ul.ulSemainesMois li:focus,
#containerTimeline ul.ulSemainesMois li.active {
  border-bottom-color:#9ec764;
}


#containerTimelineMobile {
  display:none;
}


@media screen and (max-width: 991px) {
    ul.ulMois li {
        font-size:1rem;
        padding-left:10px; padding-right:10px;
    }
}


@media screen and (max-width: 767px) {
  #containerTimeline {
    padding-top:20px;
    padding-bottom:20px;
  }
  #containerTimeline ul.ulMois {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  #containerTimeline ul.ulMois li {
    width: 15%;
    margin-top:5px; margin-bottom:5px;
  }
  
  #containerMoisTimeline,
  #containerSemainesTimeline {
    display:none;;
  }
  #containerTimelineMobile {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /*#containerTimelineMobile label {
    font-weight:bold;
    text-transform:uppercase;
    margin-right:10px;
    color:#9ec764;
  }*/
  
  #containerTimelineMobile select {
    background-color: #9ec764;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-width:0;
  }  
}