* {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

html {
    font-family: sans-serif;
    color: white;
}

@font-face {
 font-family: "chopinscript";
 src: url("ChopinScript.otf") format("opentype");
}

body {
    height: 1080px;
    width: 1920px;
    background-image: url("background.png");
    background-repeat: no-repeat;
}

h1 {
    height: 100px;
    width: 1920px;
    text-align: center;
    font-family: chopinscript;
    font-size: 90px;
    padding: 10px;
}

table {
    border-collapse: collapse;
}

table th {
    height: 70px;
}

img.titre {
    height: 45px;
/*     height: 27px; */
}

img.ceinture {
    width: 75px;
/*     width: 80px; */
}

td {
    border: 1px white solid;
    width: 135px;
    height: 30px;
/*     height: 38px; */
    padding: 0px 5px;
    text-align: center;
}

td img {
    margin-top: 2px;
}

table tr:nth-child(even) {
  background-color: #E6E6E6;
  color: black;
}

table tr:nth-child(even) > td {
   border: 1px black solid;
}

table tr:nth-child(even) > td.vide {
    background: linear-gradient(
        to top left,
        transparent 45%,
        #363633 46%,
        #363633 54%,
        /*white 46%,
        white 54%,*/
        transparent 55%
    );
}

table tr:nth-child(odd) > td.vide {
  background: linear-gradient(
        to top left,
        transparent 45%,
        white 46%,
        white 54%,
        transparent 55%
    );
}

td.titre {
   border: none;
   vertical-align: top;
}

td.nom {
   font-size: 25px;  
   text-align: left;
   font-weight: 600;
   padding-left: 1px;
   width: 190px
}

input {
    height: 25px;
    width: 25px;
    margin: 0px 2px;
}

form {
    display: inline;
}

input.bouton {
    height: 20px;
    width: 20px;
    margin: 0px 2px;
}