table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid white;
}
html { overflow-y: visible; }
body {
background-color: #1c1c1c;
height: 100%;
font-family: Courier New;
color:#ffffff;
display: block;
    margin: 0px;
}

.main {
width: 100%;
height: auto;
display: inline-block;
color: #777;
padding: 0px;
}
.ButtonChoix {
background-color:#575757;
border:1px solid #000000;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Courier New;
font-size:20px;
padding:13px 55px;
text-decoration:none;
margin-top: 40px;
}
.ButtonChoix:hover {

border:1px solid #ffffff;
background-color:#1c1c1c;
}
.ButtonChoix:active {
position:relative;
top:1px;
}
#choix {
text-align: center;
height: 200px;
position: relative;
top: -200px;
background-color: #1c1c1c;
opacity: 0.85;
vertical-align: middle;
}


#controles {
height: 15px;
position: relative;
top: -20px;
background-color: #1c1c1c;
opacity: 0.2;
transition: width 2s;
border-top: 1px solid #828282;
}

#controles:hover {
opacity: 0.85;
height: 30px;
position: relative;
top: -34px;
}

.droite {
float: right;
}

button {
font-family: Courier New;
color:#ffffff;
text-align: center;
border: 0;
cursor: pointer;
background-color: #292929;
width: auto;
height: 100%;
margin-right: 3px;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #828282;
border-left: 1px solid #828282;
}

button:hover {
background-color: #1c1c1c;
}

button.checked {
background-color: #1c1c1c;
}