/**
 * STYLE ajouté
 */

.cadreMatchs{
    border-left-width: 0px;
      border-left-style: solid;
      border-top-width: 0px;
      border-top-style: solid;
      border-right-width: 0px;
      border-right-style: solid;
      border-bottom-width: 0px;
      border-bottom-style: solid;
    
    }
    
.grid-container-title {
      display: grid;
      grid-template-columns: 6% 4% 40% 40%  5% auto;
      grid-gap: 1px;
      background-color: #ccc;
      padding: 1px;
      padding-bottom: 0px;
      marging : 5px;
    
    }
    
.grid-container-title > div {
      background-color: #ffffe0;
      text-align: center;
      padding: 0px ;
      padding-left: 5px ;
      font-size: 12px;
      font-weight: bold;
    }
    
.grid-container {
      display: grid;
      grid-template-columns: 6% 4% 40% 40%  5% auto;
      grid-gap: 1px;
      background-color: #ccc;
      padding: 1px;
      padding-bottom: 0px;
      marging : 5px;
    }
    
.grid-container > div {
      background-color: rgba(255, 255, 255, 1);
      text-align: left;
      padding: 0px ;
      padding-left: 5px ;
      font-size: 12px;    
      min-height : 25px;
    }
.centerResult {
text-align: center !important; 
}    
    
.heure {grid-column: 1;}
.terrain {grid-column: 2 ;}
.team1 {padding-left : 10px;grid-column: 3 ;}
.team2 {grid-column: 4 ;}
.score1 {grid-column: 5 ; }
.score2 {grid-column: 6 ;}
    
     
    
@media screen and (max-width: 600px) {
    
.grid-container {
      display: grid;
      grid-template-columns: 15% 5% 70% 10% ;
      grid-gap: 0px;
      background-color: #eee;
      padding: 0px;
      padding-bottom: 1px;
      margin-top: 10px;margin-bottom: 10px;
      
    
    }
.grid-container-title {
      display: none;
    }
    
.heure {grid-row: 1 / span 2;grid-column: 1 / span 1;}
.terrain {grid-row: 1 / span 2;grid-column: 2 / span 1;}
.team1 {grid-row: 1;grid-column: 3 / span 1;}
.score1 {grid-row: 1; grid-column: 4 / span 1;}
.team2 {grid-row: 2;grid-column: 3 / span 1; padding-bottom: 100px important!;}
.score2 {grid-row: 2;grid-column: 4 / span 1;}
    
.cadreMatchs{
      border-left-width: 0px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
    }
}