body{
  font-smooth: auto;
  background: 
    repeating-linear-gradient(0deg, #636fbf00, #606dbc00 2px, #46363627 2px, #46363627 4px, #49559b00 4px),
    linear-gradient(270deg, #333 0%, #333	100%);
  margin: 5%;
  font-family: 'fonte02';
  text-rendering: geometricPrecision;
  color: #DDD;
  max-width: 100%;
  overflow-x: hidden; 
}
/* 
.cont{

} */

.ecartsup{
margin-top: 50px;
}

.bandep{
  height: 628px;
}

.mapimg{
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  box-shadow: 2px 3px 3px #777;
}

.zun{
  margin: 0px;
  height: 678px;
}

.zon{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 575px;
  width: 92px;
  height: 50px;
  border: 0px solid #ff0000;
  opacity: 0.0;
  transform: skewY(0deg);
  z-index: 5;
  cursor: pointer;
}
.zon:hover{
	opacity: 0.5;
  filter: invert(91%) sepia(45%) saturate(602%) hue-rotate(337deg) brightness(98%) contrast(92%);
}

.zonun{
  left: 7px;
}

.zondeux{
  left: 175px;
}

.zontrois{
  position: absolute;
  top: 25px;
  left: 175px;
  font-family: fonte01;
  font-size: 5em;
  color: #ece10f;
  text-shadow: #333 3px 3px;
  opacity: 1.0;
}

.nomjeu{
  font-size: 1.6em;
  color: #DDDDDD;
  transform: skewY(3deg);
  top: -65px;
  left: 5px;
}

.nomfab{
  font-size: 1.0em;
  font-weight: normal;
  top: 0px;
  left: 13px;
}

table{
  font-size: 0.85em;
  transform: skewY(-3deg);
}

.flecheDesc {
  width: 0; 
  height: 0; 
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #DDD;
}
.flecheAsc {
  width: 0; 
  height: 0;
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #DDD;
}

.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}
.avectri thead th:nth-child(1) {width: 170px;text-align:left;}
.avectri thead th:nth-child(2) {width: 150px;text-align:left;}
.avectri thead th:nth-child(3) {width: 200px;text-align:left;}
.avectri thead th:nth-child(4) {width: 155px;text-align:left;}
.avectri thead th:nth-child(5) {width:  95px;text-align:left;}
.avectri thead th:nth-child(6) {width:  60px;text-align:left;}
.avectri thead th:nth-child(7) {width: 10px;text-align:left;}
.avectri thead th:nth-child(8) {width: 200px;text-align:left;}
.avectri thead th:nth-child(9) {width: 100px;text-align:left;}
.avectri thead th:nth-child(10) {width: 85px;text-align:left;}
.avectri thead th:nth-child(11) {width: 65px;text-align:left;}
.avectri thead th:nth-child(12) {width: 75px;text-align:left;}
.avectri thead th:nth-child(13) {width: 65px;text-align:left;}
.zebre tbody td:nth-child(1) {text-align:left;}
.zebre tbody td:nth-child(2) {text-align:left;}
.zebre tbody td:nth-child(3) {text-align:left;}
.zebre tbody td:nth-child(4) {text-align:left;}
.zebre tbody td:nth-child(5) {text-align:left;}
.zebre tbody td:nth-child(6) {text-align:left;}
.zebre tbody td:nth-child(7) {text-align:left;}
.zebre tbody td:nth-child(8) {text-align:left;}
.zebre tbody td:nth-child(9) {text-align:center;}
.zebre tbody td:nth-child(10) {text-align:left;}
.zebre tbody td:nth-child(11) {text-align:right;}
.zebre tbody td:nth-child(12) {text-align:right;}
.zebre tbody td:nth-child(13) {text-align:right;}