.LstRoom {
position: absolute;
left: 550px;
top: 120px;
width: 600px;
height: 600px;
background-color: #BFBFBF; /* gris foncé*/
border-style: solid;
padding: 20px;
}

.LstRoom table {

background-color:#EFEFEF;  // gris clair
margin-left: auto;
margin-right: auto;
border-style: solid;

}


.LstRoom td.col1 {

background-color: white;  
width: 100px;
height: 100px;
text-align: center;
border-style: solid;

}

.LstRoom td.col2 {

background-color: white;  
width: 300px;
height: 100px;
text-align: center;
border-style: solid;

}


.LstRoom td.col3 {
width: 110px;
height: 100px;
text-align: center;
color: red;
font-size: 1rem;
// font-weight: bold;
border-color: black;
border-style: solid;

}

.LstRoom td.col1:hover {

opacity: 0.6;
cursor: pointer;
}

.LstRoom td.col3:hover {

background-color: rgba(0,255,0,0.5); /* vert transparence 30%; codage RGBA (Red,Green, Blue, Transparence (0 à 1) ) */
cursor: pointer;
}