body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  overflow: hidden;
}
.overflow-auto{
  overflow: auto;
}

.match{
  display:block;
}
.pub{
  display:none;
}
a {
  color: #00B7FF;
}

.table{
  /*height: 90vh*/
}

.body_screen{
  font-size: 4vh;
}

.table_screen tr td{
  padding:0.3vh;
  vertical-align: middle;
  white-space: nowrap;
}


.table_screen thead tr th:first-child {
  width:8vh;
  overflow: hidden;
}


.table_screen tbody tr td:nth-child(2) {
  max-width:33vh;
  overflow: hidden;
  
}

.center_div_score{
  font-size: 12vh;
  font-weight: bold;
  background-color: #000000;
  color:#ffffff;
  border-radius: 4vh;
  padding: 1vh;
  
}

.center_qt{
  font-size: 6vh;
  font-weight: bold;
  background-color: #000000;
  color:#ffffff;
  border-radius: 4vh;
  margin-bottom: 2vh;
  padding: 1vh;

}
.logo_alcb{
  width:20vh;
  margin:3vh
}
.sponsor{
  margin-top:5vh;
  width:22vh;
  
}

.best_marq{
  text-decoration: none;
}


.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.td_name{
 
  line-height: 0.95; 
}

.td_shirt{
  width:10vh;
  padding: 0px;
}
.shirt-number{
  border-radius: 1vh;
  background-color: lightgray;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-left: 2px; 
  padding-right: 2px; 
  font-size:185%;
  line-height: 0.8;
  margin-right: 1vh;
  
}

.badge-marque{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  padding: 1vh; 
  font-size:185%;
  font-weight: normal;
  line-height: 0.8;
  width:11vh;
  margin-right: -3vh;

}

.badge-faute{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  padding-top: 10px; 
  padding-bottom: 0px; 
  padding-left: 2px; 
  padding-right: 2px; 
  font-size:20%;
  font-weight: normal;
  line-height: 0.8;
}

.ligne{
  height: 9vh;
}

.light-gray{
  color: lightgray;
}
.green{
  color: green;
}
.light-green{
  color: yellowgreen;
}
.yellow{
  color: gold;
}
.orange{
  color: orange;
}
.rouge{
  color: red;
}


.my-bg-light-gray{
  background-color: lightgray;
}
.my-bg-green{
  background-color: green;
}
.my-bg-light-green{
  background-color: rgb(174, 255, 0);
}
.my-bg-yellow{
  background-color: rgb(255, 208, 0);
}
.my-bg-orange{
  background-color: rgb(255, 111, 0);
}
.my-bg-rouge{
  background-color: rgb(185, 0, 0);
}
.my-bg-black{
  background-color: rgb(0, 0, 0);
}

.foul_dot_small{
  font-size: 60%;
  padding-left: 2vh;
}

.foul_dot{
  font-size: 100%;
  padding-left: 6vh;
}

.span_name{
  display:inline;
  font-size: 160%;
}
.span_fouls{
  display:none;
}

.transpa {
  transition: opacity 0.5s ease-out;
  opacity: 0;
}
.opaque {
  transition: opacity 0.5s ease-out;
  opacity: 100;
}

.big_number{
  font-size: 1200%;
}
.legende_faute{
  font-size: 160%;
}


.card_player{
    overflow: hidden;
  display:inline-block;
  background-color:white;
  border-radius: 5%;
  width:32%; 
  height:22.2vh;
  margin-bottom:1%;
  z-index: 1000;
}

.card_logo{
  overflow: hidden;
  display:inline-block;
  background-color:white;
  border-radius: 5%;
  width:32%; 
  height:24%;
  margin-bottom:1%;
  background-repeat:no-repeat;
  background-size:64%;
  background-position: center;
  
}

.card_score{
  letter-spacing: -1vh;
  text-align: center;
  overflow: hidden;
  font-size: 440%;
  display:inline-block;
  background-color:white;
  width:32%; 
  height:24%;
  margin-bottom:1%;
  font-weight: bold;
  
}
.empty{
  background-color:inherit;  
}
.logo{
  padding: 0px;
}
.card_player_number{
  font-size: 280%;
  margin-top: 0%;
  margin-left: 5%;
  font-weight: bold;
  letter-spacing: -1vh;
}

.card_player_name{
  width: 100%;
  font-size: 97%;
  margin-left: 5%;
  letter-spacing: -0.2vh;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -15%;
  margin-bottom: -3%;
  
}
.card_player_fouls{
  width: 100%;
  font-size: 100%;
  margin-left: 5%;
  letter-spacing: -0.3vh;
  overflow: hidden;
  white-space: nowrap;
  
}

.card_player_points{
  text-align: center;
  background-color: #0066FF;
  color: white;
  font-weight: bold;
  border-radius: 10%;
  padding: 0.3vh;
  font-size: 170%;
  margin-left: 66%;
  margin-right: 3%;
  margin-top: -19vh;
  letter-spacing: -0.2vh;
  overflow: hidden;
  white-space: nowrap;
  
}

.best{
  background-color: #dc143c;
}

.cartouche-entete{
  background-color: white;
  height:20%;
  font-size: 300%;
  position: fixed;
  top: 4vh;
  left:100%;
  white-space: nowrap;
  padding-top:3% ;
  z-index: -1000;
  text-transform: uppercase;
  font-weight: bold;
}

.end{
  left:-600%;
  transition: linear 20s;
}


.separation{
  background-color: #000000;
  width: 1%;
  height: 150%;
  position: fixed;
  top: -10vh;
  left:49.25%;
  transition: all 1s;

}

.bas{
  top: 25vh;
  transition: all 1s;
}

#marquee_div{

  background-color: lightgray;

}




.intoPlay{
  border:0.5vh solid #0066FF;
  background-color: lightblue

}

.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}