a,link{
  cursor: pointer;
}
.container_calendar{
    width: 100%;
    /*height: 100vh;display: flex;*/
    color:#eee;
    justify-content: center;
    align-items: center;
  }
  
  /* .calendar{
  
  }*/
  
  .month{
    font-size:100%;
    width: 100%;
    height: 5em;
    background-color: #035792;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
    text-align: center;
    color:white
  }
  
  .month i{
    font-size: 2em;
  }
  .month a{
    padding: 1em;
    cursor: pointer;
  }
  
  .month .m{
    color: inherit;
    font-size: 1.5em;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  
  .month .d{
    font-size: 1em;
    color: inherit;
  }
  
  .weekdays{
    color:#000;
    font-size:100%;
    width: 100%;
    height: 2em;
    padding:0 0.4em;
    display: flex;
    align-items: center;
  }
  
  .weekdays div{
    font-size: 1em;
    letter-spacing: 0.1em;
    width: calc(100% / 7);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .days{
    color: #000;
    width: 100%;
    flex-wrap: wrap;
    padding: 0 0.4em;
    display: flex;
    align-items: center;
  }
  
  .days .day{
    font-weight: 400;
    font-size: 1em;
    width: calc(100% / 7);
    display: flexbox;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: solid #949494 0.1em;
  }
  
  .events{
    display: flex;
    width: 100%;
    height: 1.4em;
    margin: 0.5em 0;
    justify-content: center;
    align-items: center;
  }
  .event{
    border: solid 1px #ccc;
    height: 2em;
    width: calc(100% / 3);
    font-size: 0.6em;
    color:#fff;
    line-height: 1.9em;
  }
  .event_cours{
    background-color:rgb(0, 177, 0)
    
  }
  .event_devoir{
    background-color: red;
  }
  
  .prev-date, .next-date{
    opacity: 0.4;
  }
  
  .today{
    background-color: #333;
    color:#fff
  }
  .active-day{
    background-color: #035792;
    color:#fff
  }
  

  /************   AGENDA DETAIL   ***********/
  .event-box{
    width: 94%;
    margin: 0 3%;
    border:solid 1px #ccc;
    color: black;
    padding: 7px;
}
.event-title-detail{
    display: flex;
    justify-content: space-between;
    background-color: #035792;
    color:white
}