#grilleScore {
    border: 1px solid black;
    text-align: center;
}

table.tableScore {
    border: 1px solid black;
    margin: 10px;
}

.inputTableScore[pos='120'] {
    border-left: 1px solid red;
}

.inputTableScore[pos='240'] {
    border-left: 1px solid red;
}

.inputTableScore[pos='360'] {
    border-left: 1px solid red;
}

.inputTableScore[duree='120'] {
    border-bottom: 1px solid red;
}

.inputTableScore[duree='240'] {
    border-bottom: 1px solid red;
}

.inputTableScore[duree='360'] {
    border-bottom: 1px solid red;
}

.inputTableScore {
    cursor: pointer;
    text-align: center !important;
}

.grisTableScore {
    background-color: gray;
    width: 50;
}

.dureTableScore {
    background-color: aqua;
    font-weight: bold;
    text-align: right;
    padding: 5px;
}

th.posTableScore {
    background-color: aqua;
    font-weight: bold;
    padding: 5px;
}

.coinTableScore {
    display: block;
    border: 1px solid black;

}

.cointext {
    display: block;
}

#infoGrille {
    width: calc(100% - 20px);
    font-weight: bold;
    color: red;
    border: 1px solid black;
    margin: 10px;
    height: 60px;
    overflow: auto;
}

.displayMedia {
    cursor:pointer;
    font-size: 25px;
    font-weight: bold;
    color: blue;
    padding: 20% 40%;  
    background-color: cadetblue;
    text-align: center;
}

.displayMedia:hover {
    color: black;
}