@charset "utf-8";
/* CSS Document */
/* Style de base pour la table */

/* Applique le border-box uniquement dans le tableau flex */
.flex-table, .flex-table * {
  box-sizing: border-box;
}

.flex-table {
    display: flex;
    flex-direction : column;
    width: 100%;
    border: 2px solid #ddd;
    font-family: Arial, sans-serif;
}

/* Style pour les lignes de la table */
.flex-row {
    display: flex;
    border-bottom: 1px solid #ddd;
}

/* Style pour les cellules de la table */
.flex-cell {
    flex: 1;
    padding: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    white-space: normal; /* Permet le retour à la ligne */
    word-break: break-word; /* Casse les mots trop longs */
    line-height: 1;
}

/* Style pour l'en-tête */
.flex-header {
    font-weight: bold;
    background-color: #f2f2f2;
}

/* Supprimer la bordure droite de la dernière cellule */
.flex-row .flex-cell:last-child {
    border-right: none;
}

.column-1  { flex: 0 0 05%;  max-width: 05%; }  /* T01, T02, etc. */
.column-2  { flex: 0 0 10%;  max-width: 10%; }  /* T01, T02, etc. */
.column-3  { flex: 0 0 15%;  max-width: 15%; }  /* T01, T02, etc. */
.column-4  { flex: 0 0 20%;  max-width: 20%; }  /* Dates */
.column-5  { flex: 0 0 25%;  max-width: 25%; }  /* Équipes */
.column-6  { flex: 0 0 30%;  max-width: 30%; }  /* Équipes */
.column-7  { flex: 0 0 35%;  max-width: 35%; }  /* Équipes */
.column-8  { flex: 0 0 40%;  max-width: 40%; }  /* Équipes */
.column-9  { flex: 0 0 45%;  max-width: 45%; }  /* Équipes */
.column-10 { flex: 0 0 50%;  max-width: 50%; }  /* Équipes */
.column-11 { flex: 0 0 55%;  max-width: 55%; }  /* Équipes */
.column-12 { flex: 0 0 60%;  max-width: 60%; }  /* Équipes */
.column-13 { flex: 0 0 65%;  max-width: 65%; }  /* Équipes */
.column-14 { flex: 0 0 70%;  max-width: 70%; }  /* Exempté */
.column-15 { flex: 0 0 75%;  max-width: 75%; }  /* Exempté */
.column-16 { flex: 0 0 80%;  max-width: 80%; }  /* Exempté */
.column-17 { flex: 0 0 85%;  max-width: 85%; }  /* Exempté */
.column-18 { flex: 0 0 90%;  max-width: 90%; }  /* Exempté */
.column-19 { flex: 0 0 95%;  max-width: 95%; }  /* Exempté */
.column-20 { flex: 0 0 100%; max-width: 100%; } /* Titres */

/* Styles personnalisés pour chaque colonne */
.flex-cell.bold {
    font-weight: bold; /* Texte en gras */
}

.flex-cell.col-blue {
    background-color: #D9EDF7;
}

.flex-cell.col-green {
    background-color: lightgreen;
    text-align: center;
}

.flex-cell.col-right {
    text-align: right;
}

.flex-cell.col-center {
    text-align: center;
}

.flex-cell.col-left {
    text-align: left;
}

.flex-cell.fond_resultats {
    background-color: #D9EDF7;
    font-size: 16px;
    text-align: left;
    font-weight: bold; /* Texte en gras */
}

.flex-cell.col-titre {
	color: #6e0b14;
    font-size: 24px;
    font-weight: 800; /* Texte en gras */
}

.flex-cell.col-titre {
	color: #6e0b14;
    text-align: center;
    font-size: 24px;
    font-weight: bold; /* Texte en gras */
	padding-top: 20px;
    padding-bottom: 20px;}

.flex-cell.col-date {
    background-color: #D9EDF7;
    text-align: center;
    font-size: 16px;
    font-weight: bold; /* Texte en gras */
}

.flex-cell.col-sous-titre {
    background-color: #FFF;
	color: #6e0b14;
    text-align: left;
    font-size: 20px;
    font-weight: bold; /* Texte en gras */
}

.flex-cell.column {
 	margin-top: 0px;
	margin-bottom: 0px;
    font-size: 16px;
}

.flex-cell.resultat_V {
    background-color: #99CC33;
    font-size: 16px;
    color:#000;
    text-align: center;
    font-weight: bold; /* Texte en gras */
}

.flex-cell.resultat_N {
    background-color: #FFF;
    font-size: 16px;
    color:#000;
    text-align: center;
    font-weight: bold; /* Texte en gras */
}

.flex-cell.resultat_D {
    background-color: #800;
    font-size: 16px;
    color:#FFF;
    text-align: center;
    font-weight: bold; /* Texte en gras */
}

/* Style pour les cellules de la table */
.flex-cell a {
    color: #110C7C; /* couleur normale */
    text-decoration: none;
}

.flex-cell a:hover {
    color: #FF0000; /* couleur au survol */
}

.colonne-gauche {
  flex: 1;
  border-right: 1px solid #000;

  /* Centre le contenu */
  display: flex;
  align-items: center;
  justify-content: center;
}

.colonne-droite {
  flex: 2;
  display: flex;
  flex-direction: column;
}

.ligne {
  flex: 1;
  border-bottom: 1px solid #000;
  padding: 10px;
}

.ligne:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 1024px) {
	.flex-cell.col-titre {
    font-size: 18px;
	}
	.flex-cell.col-titre1 {
    font-size: 16px;
	}
	.flex-cell.col-date {
    font-size: 10px;
	}
	.flex-cell.fond_resultats {
    font-size: 10px;
	}
    .flex-cell.resultat_V {
        font-size: 10px;
    }
    .flex-cell.resultat_N {
        font-size: 10px;
    }
    .flex-cell.resultat_D {
        font-size: 10px;
    }
    .flex-cell.column {
        font-size: 10px;
    }