body {
    font-family: "Trebuchet MS", Arial, sans-serif;
}

table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    max-width: 85%;
    background-color: white;
}
table#Lot
{
    background-color: transparent;
}

.Lot {
  max-width: 100%;
}
td
{
    border: 1px solid black;
}

.Cadre
{
	border: 0px solid black;
}

body#STR{background: url("https://i.imgur.com/CYeWO5Z.png");-webkit-background-size: 100%; }
body#QCK{background: url("https://i.imgur.com/gIyHbZf.png");-webkit-background-size: 100%; }
body#DEX{background: url("https://i.imgur.com/wZQRjSO.png");-webkit-background-size: 100%; }
body#PSY{background: url("https://i.imgur.com/uEGo1Im.png");-webkit-background-size: 100%; }
body#INT{background: url("https://i.imgur.com/gdHqEUa.png");-webkit-background-size: 100%; }
body#SengokuGarp{background: url("https://i.imgur.com/yHcksWt.png");-webkit-background-size: 100%; }
body#ShanksMihawk{background: url("https://i.imgur.com/rIRMnSf.png");-webkit-background-size: 100%; }
body#MagellanHannyabal{background: url("https://i.imgur.com/2Y4RwCQ.png");-webkit-background-size: 100%; }
body#KobbyHermep{background: url("https://i.imgur.com/Sd0rtRl.png");-webkit-background-size: 100%; }


#scrollUp
{
	position: fixed;
	bottom : 10px;
	left: 10px;
}

.tooltip {
      position: fixed;
      z-index: 100;

      padding: 10px 20px;

      border: 1px solid #b3c9ce;
      border-radius: 4px;
      text-align: center;
      color: #333;
      background: #fff;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    }