<style type="text/css">
div.content {
  width: 950px; 
height: 1000px;
  margin:0 auto;
}

table#first{
text-align:center; 
width: 400px; 
margin: auto;
}
table#first td{
height: 20px;
}
table#next{
text-align:left; 
width: 400px; 
margin: auto;
border-collapse: collapse;
}

table#next tr:nth-child(even) {
background-color: rgba(100,100,100,0.10);
}
table#next td{
height: 20px;
}

.winner {
  text-align:center; 
margin:0 auto;
  background-color: rgba(100,100,100,0.20); 
  width: 420px; 
  height: 80px; 
  border-style: solid;
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(236, 255, 203, 0.7);
}

.winner2 {
  text-align:center; 
margin:0 auto;
  background-color: rgba(100,100,100,0.20); 
  width: 420px; 
  height: 80px; 
  border-style: solid;
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(236, 255, 203, 0.7);
}

.progress-bar { 
color: #00;
  padding: 4px;
  background-color: #191919;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
  -webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
  -moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
}  
.categorie {
text-align: center;
font-size: 18px;
color: #83cc01;
padding: 10px;
}
#explication{
display: ;
padding: 10px;
background-color: rgba(0,0,0,0.20);
  border: #83cc01 1px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
  -webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
  -moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
}


.tooltip {
  text-decoration:none;
  position:relative;
}
.tooltip span {
  display:none;
}
.tooltip:hover span {
  display:block;
  position:fixed;
  overflow:hidden;
  z-index: 1000;
}
</style>