body {
  text-align: center;
  background: #206090;
  color: white;
}

.cadre {
  border: solid black 1px;
  padding: 5px;
  display: inline-block; 
  background: rgba(255,255,255,0.1);
}

dialog::backdrop {
  opacity: 0.25;
  background-color: black;
}

table.table-1 td {
  vertical-align: top;
}
table.bt {
  border-collapse: collapse;
}
table.bt td {
  border: solid black 1px;
  padding: 5px;
}
button.sel {
  background : pink;
}

button.bu {
  background: linear-gradient(0deg,rgba(176, 176, 176, 1) 0%, rgba(212, 212, 212, 1) 100%);
  border-radius: 8px;
  padding: 5px;
  border: solid black 1px;
}

button.bu:hover {
  background: linear-gradient(0deg,rgba(146, 146, 146, 1) 0%, rgba(192, 192, 192, 1) 100%);
}

button.bu:active {
  transform: translate(1px, 1px);
}

button.bu span {
  font-weight: bold;
  font-size: 20px;
/*  color: rgb(190,190,190); */ 
  color: transparent;
  background: #606060;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.5); /* 1px 1px white, -1px -1px black; */   
  background-clip: text;
}

button.bu:hover span  {
  background: #383838;
  background-clip: text;
}

a:link {
  color: magenta;
}

a:visited {
  color: purple;
}