#mainNav{
  padding: 0;
}

.cacher_grand{
    display: none;
}

table, .table{
	border-bottom-width: 0;
	margin-bottom: 0;
	border-color: white;
}

@media (min-width: 992px) {
  
  #mainNav{
    padding: 5px;
  }
  
  #about{
	  margin-top: 10px;
	  padding-top: 100px;
  }
}

@media (max-width: 992px) {
  
  #mainNav{
    padding: 5px;
  }
  .page-section{
   /* padding-bottom: 3px;*/
   padding-top: 70px;
  }
}

/*  personnalisation couleurs  */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0c65a4;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #16a085;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 60, 198, 171;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #15967d;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1abc9c;
  --bs-btn-disabled-border-color: #1abc9c;
  margin: 5px;
}
.text-primary{
	color: navy !important;
	
}

  .blink {
  animation: blinker 2s linear infinite;
  color: green;
}

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

@media (min-width: 992px) {
  #about{
    margin-top: 120px;
    padding-top: 20px;
  }
}
@media (max-width: 576px) {
  #about{
    margin-top: 80px;
    padding-top: 50px;
  }
  .btn_primary{
    margin: 10px;
  }
  .copyright{
    display: none;
  }
  .d-sm-flex {
    /*display: flex !important;*/
  }
  .d-sm-flex .menu {
    display: flex !important;
  }
  
  .menu {
    /* display: flex !important; */
  }
  
  
}

#gamepage_boxscore {   
      line-height: 13px;
      position: relative;
  }
  tfoot{
    line-height: 20px;
  }
#gamepage_boxscore thead tr:first-child th, #gamepage_boxscore tfoot tr:first-child th {
    background-color: rgba(0,0,0,.2);
  }
  
#gamepage_boxscore table td > span, #gamepage_boxscore table td, th {
    /*font-size: 12px;*/
    text-align: center;
    
  }



  @media (max-width: 768px) {
      #gamepage_boxscore{
          font-size:16px;
      }
       
      .cacher_petit{
          display: none;
      }
      .afficher_petit{
          display: block;
      }
  }
  @media (min-width: 576px)
  .container-sm, .container {
      max-width: 100%;
  }
  @media (min-width: 760px)
    .container-sm, .container {
        max-width: 100%;
    }
    
.form-control-petit{
      width: 30%;
    }
    
.w-auto {
      width: 100% !important; 
    }
.page-section {
      padding: 3rem 0;
      padding-top: 70px;
    }
   
.tabs-to-dropdown .dropdown-toggle,
    .tabs-to-dropdown .dropdown-item {
     /* font-size: 1.3rem;*/
    }
    
    .tabs-to-dropdown .nav-wrapper {
      padding: 15px;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);
    }
    
    .tabs-to-dropdown .nav-wrapper a {
      color: black;
    }
    
    .tabs-to-dropdown .nav-pills .nav-link.active {
      background-color: black;
    }
    
    .tabs-to-dropdown .nav-pills li:not(:last-child) {
      margin-right: 30px;
    }
    
    .tabs-to-dropdown .tab-content .container-fluid {
      max-width: 1250px;
      padding-top: 70px;
      padding-bottom: 70px;
    }
    
.tabs-to-dropdown .dropdown-menu {
      border: none;
      box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.08);
    }
    
.tabs-to-dropdown .dropdown-item {
      padding: 14px 28px;
    }
    
.tabs-to-dropdown .dropdown-item:active {
      color: white;
    }
    
@media (min-width: 1280px) {
      .tabs-to-dropdown .nav-wrapper {
        padding: 15px 30px;
      }
    }
    
li .active{
      background-color: black;
      color: white;
      
    }
    
.fade-out {
      opacity: 0;
      transition: opacity 0.5s;
}

.footer_score {
    position: fixed;
    bottom: 0px;
    height: 80px;
    width: 80%;
    background-color: black;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.background-black{
  background-color: black;
}
.background-white{
  background-color: white;
}
.background-yellow{
  background-color: yellow;
}
.no-border{
  --bs-list-group-border-width: 0rem;
}
.percent{
  font-size: 10px;
  font-weight: bold;
}
.red{
  color: red;
}
.green{
  color: green;
}
td{
  vertical-align: middle;
}
.active{
  background-color: rgba(0, 0, 0, 0.55);
  color: white;
}
.active a{
  color: white;
}
.gros-bouton{
  height: 50%;
  text-align: center;
  border: 1px solid;
  padding: 10px;
  
}