.calendar{
    position: relative;
}

.calendar__table {/* tableau principal*/
    width: 100%;/*largeur : 100%*/
    height: calc(100vh - 128px);/*hauteur : la hauteur totale possible moins le titre*/
}

.calendar__table td {/*chaque "td" = chaque ligne du tableau*/
    padding: 10px;
    border: 1px solid #CCC;
    vertical-align: top;
    width:  14.29%;
    height: 20%;
}

.calendar__table td.is-today {/*Le jour d'aujourd'hui*/
    background-color: #e2e2e2;
}

.calendar__table--6weeks td {/*Le cas où il y a 6 semaines dans le mois*/
    height: 16.66%;
    }

.calendar__weekday {
    font-weight: bold;
    color: #000;
    font-size: 1.2em;
    }

.calendar__day {
    font-size: 1.3em;
    color: #000;
    text-decoration: none;
    }

.calendar__day:hover {
    font-size: 1.3em;
    color: #0D6EFD;
    }


.calendar__othermonth .calendar__day {
    opacity: 0.3;
    }

.calendar__button{
    display: block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #FFF;
    font-size: 30px;
    background-color:#007bff;
    border-radius: 50%;

    box-shadow: 0 6px 10px 0 #0000001a,0 1px 18px 0 #0000001a,0 3px 5px -1px #0003;
    position: absolute;
    top: 30px;
    right: 30px;
    text-decoration: none;
    transition: transform 0.3s;
}

.calendar__button:hover{
    text-decoration: none;
    color: #FFF;
}


.calendar__event { /* page d'accueil (sans lien) */
    font-size: 12px;
    display: block;
    border-radius:5px;
    margin-bottom : 3px;
}

.calendar__event a{ /* agenda modifiable (avec lien) */
    font-size: 13px;
    text-decoration : none;
}

.Fem, .Fem a{
    background-color:#BA12B4;
    color:white;
}
.Fem2, .Fem2 a{
    background-color:#D54CCF;
    color:white;
}
.Ora, .Ora a{
    background-color:#FFC885;
    color:black;
}

.Pap, .Pap a {
    background-color:#198754;
    color:white;
}
.Aut, .Aut a {
    background-color:#FFC107;
    color:black;
}