* {

    /* margin: 0;

    padding: 0; */

    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;

    font-size: x-small;

}

.blanc {
    color: white;
}

.conteneur {

    display: grid;

    grid-template-columns: 80px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

    text-align: center;

}



.calendar {

    display: flex;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    height: 60px;

    font-weight: bold;

}



.calendar span a,

.calendar span a:hover,

.calendar span a:visited {

    font-size: 10px;

    text-decoration: none;

    color: inherit

}



.title {

    display: flex;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    height: 60px;

}



.title h1 {

    color: #efd807;

    background-color: black;

    padding: 3px;

    border-radius: 4px;

    font-weight: 900;

}



.title>div {

    display: flex;

    align-items: center;

    width: 33%;

}



.title div:nth-child(1) {

    justify-content: start;

}



.p50 {

    padding: 0 30px;

}



.title div:nth-child(2) {

    justify-content: center;

}



.title div:nth-child(3) {

    justify-content: end;

    padding-right: 100px;

}





.title div:nth-child(3)>div {

    display: flex;

    justify-content: space-between;

    width: 50%;

}



.title img {

    height: 40px;

}



.entry {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid black;

    border-radius: 5px;

    flex-direction: column;

    min-height: 11px;

}





.emptylight {

    border-top: 1px dashed lightgray;

    border-right: 1px dashed lightgray;

    min-height: 10px;

}



.emptydark {

    min-height: 10px;

    border-top: 1px dashed rgb(173, 173, 173);

    border-right: 1px dashed rgb(173, 173, 173);

    background: lightgray;

}