/* Fonts */

@font-face {
 font-family: 'Hevetica';
 src: url(fonts/Helvetica.otf) format('truetype');
 font-weight: 500;
}

@font-face {
 font-family: 'Saira Condensed';
 src: url(fonts/SairaCondensedMedium.ttf) format('truetype');
 font-weight: 500;
}

@font-face {
font-family: 'Saira Condensed';
 src: url(fonts/SairaCondensedBold.ttf) format('truetype');
 font-weight: bold;
}

@font-face {
 font-family: 'Times New Roman';
 src: url(fonts/timesbi.ttf) format('truetype');
 font-style: italic;
}

@font-face {
font-family: 'Verdana';
 src: url(fonts/verdana.ttf) format('truetype');
}

@font-face {
font-family: 'Verdana';
 src: url(fonts/verdanab.ttf) format('truetype');
 font-weight: bold;
}

@font-face {
font-family: 'Verdana';
 src: url(fonts/verdanai.ttf) format('truetype');
 font-style: italic;
}

@font-face {
 font-family: 'Verdana';
 src: url(fonts/verdanabi.ttf) format('truetype');
 font-weight: bold;
 font-style: italic;
}

/* Attributs g�n�riques */

body {background-color: white; margin:0; padding:0;}
html {
  font: 18px 'Saira Condensed', sans-serif;
  font-weight: 500;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
table {width: 100%; background-color: white; padding: 0; border-spacing: 0;}
form {margin: 0; padding: 0;}
label {
  padding-right: 15px;
  font: bold 15px 'Verdana', sans-serif;
  letter-spacing: -1px;
  color: dimgray;
}
select {
  background-color: white;
  font: bold 15px "Verdana", sans-serif;
  letter-spacing: -1px;
  color: black;
  border: 1px solid gray;
  border-radius: 4px;
  height: 36px;
  padding: 0 4px 0 4px;
}

textarea {
  font-family: inherit;
  font-size: inherit;
}
input {
  font: 15px "Verdana", sans-serif;
  height: 24px;
}
input[type=checkbox] {
  width: 18px;
  display: block;
}

button {
  background-color: white;
  font: bold 15px 'Verdana', sans-serif;
  letter-spacing: -1px;
  color: black;
  text-align: center;
  border: 1px solid gray;
  border-radius: 4px;
  height: 36px;
  cursor: pointer;
  padding: 0 8px 0 8px;
}
ul {list-style: none; margin: 0; padding: 0;}
span {margin: 0; padding: 0;}
a {color: black;}
a:hover {font-weight: bold;}
img {border: 0; vertical-align: middle;}
figure {margin: 0;}


.cadre-drapeau-grand {border: 1px solid gainsboro; vertical-align: top; width: 46px; height: 30px;}
.cadre-drapeau-moyen {border: 1px solid gainsboro; vertical-align: top; width: 30px; height: 20px;}
.cadre-drapeau-petit {border: 1px solid gainsboro; width: 24px; height: 16px;}
.cadre-photo-equipe {border: 1px solid gray; border-radius: 4px; width: 100%; height: auto}
.cadre-photo-equipe-vainqueur {border: 1px solid gray; border-radius: 4px; cursor: pointer; width: 100%; height: auto}
.cadre-photo-joueur {border: 1px solid silver; border-radius: 5px; width: 100px; height: 100px}

img.logo-reseau-social {width: 24px; height: 24px;}
img.logo-item {width: 80px; height: 80px;}
img.logo-petit {width: 32px; height: 32px;}
img.logo-moyen {width: 48px; height: 48px;}
img.logo-grand {width: 100px; height: 100px;}
img.logo-diffuseur-petit {margin-right: 2px;}
img.logo-diffuseur-moyen {margin-right: 2px;}
div.mode-diffusion-petit {display: inline-flex; align-items: center;}
div.mode-diffusion-moyen {display: inline-flex; align-items: center;}
span.mode-diffusion-petit {background-color: #de0038; margin-left: 2px; padding: 0 5px 0 5px; font-weight: bold; font-size: 8px;  line-height: 10px; color: white; text-transform: uppercase;}
span.mode-diffusion-moyen {background-color: #de0038; margin-left: 2px; padding: 0 5px 0 5px; font-weight: bold; font-size: 18px; line-height: 18px; color: white; text-transform: uppercase;}
div.differe-diffusion-petit {font-weight: bold; font-size: 0.9em; color: black;}
div.differe-diffusion-moyen {font-weight: bold; color: black; padding: 0 0 0 2px;}
span.tri {display:block; padding: 4px 0 4px 0; vertical-align: middle;}

.en-tete {
  width: 100%;
  background-color: white;
}

.banniere {
  max-width: 1054px;
  height: 103px;
  margin: 0 auto;
  background-color: transparent;
}

.titre-site {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 150px;
  color: green;
  font-family: 'Helvetica', sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 1em;
  white-space: nowrap;
}

div.barre-menu{
  background-color: green;
}

div.navigation {
  position: relative;
  display: flex;
  flex-direction: row;
  z-index: 10;
  min-width: 512px;
  max-width: 1054px;
  height: 50px;
  margin: 0 auto;
  background-color: green;
}

div.navigation-menu {
  display: flex;
  flex-direction: row;
  width: 100%;
}

div.navigation-menu-mobile {
  display: none;
  flex-direction: row;
  width: 100%;
}

#LogoSite {
  position: absolute;
  z-index: 3;
  top: -103px;
  left: 12px;
  width: 128px;
  height: 128px;
  background: url("../Logos/Sites/deux-zero_2016_400px.png");
  background-size: 128px 128px;
  background-repeat: no-repeat;
}

#LogoSiteMobile {
  position: absolute;
  z-index: 3;
  top: -21px;
  left: 48px;
  width: 80px;
  height: 80px;
  background: url("../Logos/Sites/deux-zero_2016_400px.png");
  background-size: 80px 80px;
  background-repeat: no-repeat;
}

div.contenu{
  width: 100%;
  background-color: #EEEEEE;
}

div.page{
  min-width: 512px;
  max-width: 1024px;
  background-color: white;
  margin: auto;
  min-height: 800px;
  padding: 10px 15px 15px 15px;
}

.bas-de-page {
  min-width: 512px;
  background-color: green;
  margin: auto;
}

.contenu-bas-de-page {
  max-width: 1054px;
  background-color: green;
  margin: 0 auto;
}

.reseaux-sociaux {
  width: 100%;
  font: bold 16px 'Anton', sans-serif;
  color: white;
  text-align:center;
  line-height: 64px;
}

.flag-reseau-social
{
  display: inline-block;
  width: 28px;
  height: 28px; 
  line-height: 28px;
  border: 1px solid white;
  border-radius: 50%;
}

ul.liens-bas-de-page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  font: bold 16px 'Verdana', sans-serif;
  text-align: center;
}

ul.liens-bas-de-page li a {
  color: white;
  text-decoration: none;
}

ul.liens-bas-de-page li a:hover {
  text-decoration: underline;
}

.lien-contact {
  display: inline-flex;
}
.lien-presentation-site {
  display: inline-flex;
  padding-left: 10px;
  border-left: 1px solid #fff;
  }
.liens-utiles{
  display: inline-flex;
  padding-left: 10px;
  border-left: 1px solid #fff;
}

.copyright{
  width: 100%;
  font: 14px 'Verdana', sans-serif;
  color: white;
  text-align: center;
  line-height: 64px;
}


/* Menus desktop */

.menu {
  background-color: green;
  text-align: center;
  z-index: 3;
}

.menu-accueil {width: 42px;}
.menu-competitions {margin-left: 68px;}

.menu span {
  display: block;
  padding: 0 20px 0 20px;
  font: bold 16px 'Verdana', sans-serif;
  line-height: 48px;
  color: white;
  border: 1px solid green;
  cursor: pointer;
}

.menu span::selection {
  background-color: green;
}

.menu li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  height: 50px;
}

.menu ul {
  top: 51px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  visibility: hidden;
}

.menu-competitions ul {
  width: 604px;
}

.menu-clubs ul {
  width: 302px;
}

.menu ul li {
  max-height: 151px;
  padding: 0 1px 1px 0;
}

.menu li li {
  display: initial;
  position: relative;
  width: 150px;
  height: 150px;
}

.menu ul li a {
  display: block;
  padding: 10px 0 0 0;
  width: 148px;
  height: 138px;
  text-decoration: none;
  border: 1px solid green;
  cursor: pointer;
}

/* background des liens menus */
.item-menu-accueil {
  background-color: green;
  background-image: url(../Logos/Utils/Accueil.png);
  background-repeat: no-repeat;
  background-position: center;
}
.item-menu-accueil:hover {
  background-color: darkgreen;
  cursor: pointer;
}

.item-menu {
  background-color: green;
  text-transform: uppercase;
}
.item-menu:hover {
  background-color: darkgreen;
  cursor: pointer;
}

.item-menu li {
  background-color: white;
}

span.titre-item-menu {
  display: flex;
  flex-direction: column;
  padding: 15px 0 0 0;
  font: bold 13px 'Verdana', sans-serif;
  text-transform: uppercase;
  color: black;
  border: 0;
}

/* Menus mobile */

.item-menu-mobile {
  background-image: url(Menu.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 50px;
}

.item-menu-mobile span {
  display: block;
  height: 50px;
  color: white;
  cursor: pointer;
  padding: 0 0 0 15px;
}

#MenuMobile {
  background-color: green;
  top: 1px;
  position: relative;
  z-index: 1;
  visibility: hidden;
  width: 358px;
  border: 1px solid green;
}

#MenuMobile li {
  display: flex;
  color: white;
  font: bold 18px 'Verdana', sans-serif;
  text-transform: uppercase;
  text-align: left;
}

#MenuMobile li {
  background-color: forestgreen;
}

#MenuMobile li a {
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
  text-decoration: none;
  color: white;
}

#MenuMobile li:first-child {
  background-color: green;
}

#MenuMobile li:first-child a {
  padding-left: 15px;
}

.menus-competitions, .menus-clubs {
  padding-left: 15px;
  align-items: center;
  height: 30px;
  background-color: green !important;
}


/* Sous Menus */

.sous-menu {
	background-color: #1a3151;
}

.item-sous-menu span, .item-sous-menu a {
  display: block;
  padding: 0 0 0 60px;
  text-decoration: none;
  font: bold 18px 'Verdana', sans-serif;
  line-height: 50px;
  color: white;
  cursor: pointer;
}

#SousMenu {
  background-color: #1a3151;
  top: 1px;
  position: relative;
  z-index: 1;
  visibility: hidden;
  width: 512px;
  overflow-y:auto;
}

#SousMenu span {
  display: block;
  padding: 0 0 0 15px;
  font: bold 18px 'Verdana', sans-serif;
  line-height: 50px;
  color: white;
  cursor: pointer;
}

#SousMenu span::selection {
  background-color: #1a3151;
}


#SousMenu a {
  padding: 0 0 0 15px;
}


/* background des liens menus */
li.item-sous-menu {
  background-image: url(List.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 50px;
}

li.item-sous-menu-deroulant {
  background-image: url(FlecheDroiteBlanche.png);
  background-repeat: no-repeat;
  background-position: right;
}

li.item-sous-menu-deroulant div {
  display: none;
  background-color: #22416b;
  color: white;
}

.item-sous-menu-deroulant div a {
  text-decoration: none;
  font: bold 14px 'Verdana', sans-serif;
  line-height: 40px;
  cursor: pointer;
  padding: 0 0 0 25px !important;
}

.item-sous-menu-deroulant div a::selection {
  background-color: #22416b;
}


/* Identit� comp�tition */

div.identite-competition {
  display: flex;
  flex-direction: row;
  margin: 20px 0 30px 0;
  align-items: center;
}

div.identite-competition-mobile {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0 30px 0;
  align-items: center;
}

div.logo-organisme {
  text-align: center;
  height: 80px;
  float: left;
}

div.titre-competition {
  width: 100%;
}

h1.titre {
  font: bold 20px 'Verdana', sans-serif;
  color: black;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.5em;
  margin: 0;
}

h2.sous-titre {
  font: bold 18px 'Verdana', sans-serif;
  color: black;
  text-align: center;
  line-height: 1.5em;
  margin: 0;
}

div.logo-competition {
  text-align: center;
  height: 80px;
  float: right;
}

div.bloc-logos-competitions {
  display: inline-flex;
  flex-direction: row;
  width: 75%;
}


/* Rubriques */

h3.titre-rubrique {
  font: bold 18px 'Verdana', sans-serif;
  color: #1a3151;
  padding-left: 10px;
  margin: 30px 0 20px 0;
}

h3.titre-rubrique-accueil {
  font: bold 18px 'Verdana', sans-serif;
  color: white;
  height: 50px;
  line-height: 50px;
  margin: 10px 0 0 0;
  padding-left: 15px;
  background-color: #1a3151;
}

div.contenu-rubrique {
  margin: 20px 0 20px 0;
}

/* Filtrage */

div.filtrage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px;
  gap: 15px;
  background-color: whitesmoke;
  border-radius: 4px;
  margin-bottom: 20px;
}

.form-index {
  display: flex;
  flex-wrap:wrap;
  gap: 4px;
  width: 464px;
  height: 64px;
}

.form-numero {
  display: flex;
  flex-wrap:wrap;
  gap: 4px;
}

.select-item {
  background-color: white;
  font: 15px 'Verdana', sans-serif;
  color: black;
  border: 1px solid gray;
  height: 32px;
  margin: 1px 0px 1px 0px;
}

.check-item {
  margin: 0;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  vertical-align:middle;
}

label.label-index, label.label-recherche {
  display: inline-block;
  color: dimgray;
  min-width: 240px;
  line-height: 22px;
}
button.bouton-lettre {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  color: silver;
}

button.bouton-numero-club,
button.bouton-numero-nation {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  color: silver;
  padding: 0;
}

button.bouton-option {
  margin: 0 10px 0 0;
  color: silver;
}

.saisie-nom {
  background-color: white;
  font: 20px 'Saira Condensed', sans-serif;
  color: black;
  width: 240px;
  height: 32px;
  border: 1px solid gray;
  border-radius: 4px;
  padding-left: 3px;
}

.saisie-nombre {
  background-color: white;
  font: 20px 'Saira Condensed', sans-serif;
  color: black;
  text-align: right;
  margin-left: 5px;
  padding-right: 5px;
  width: 40px;
  height: 28px;
  border: 1px solid gray;
  border-radius: 4px;
}

button.bouton-lettre:hover,
button.bouton-numero-club:hover,
button.bouton-option:hover,
button.bouton-action:hover,
button.bouton-recherche:hover {
  background-color: gray;
  color: white;
}

button.active {
  border: 1px solid gray;
  color: black;
}

button.bouton-numero-club.active {
  background-color: #da261b;
  color: white;
}

button.bouton-numero-nation.active {
  background-color: #20245a;
  color: white;
}


/* Contenus */

div.tableau-responsive {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  border: none;
}

div.tableau-fixe {
  flex: 1;
}

div.tableau-scrollable {
  overflow-x:auto;
}

div.tableau, div.multi-tableau {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

div.multi-tableau div {
  width: 100%;
}

div.multi-tableau table.tableau {
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
}

table.tableau {
  border-bottom: 1px solid darkgray;
}

/* Matches */

div.m-epreuve {
  text-align: center;
  height: 32px;
  margin-top: 4px;
  color: #336699;
  font-weight: bold;
}

div.m-numero {
  color:#336699;
  font-size: 0.95em;
  font-weight: bold;
  float: left;
  min-width: 60px;
  line-height: 18px;
  text-align: center;
  padding-top: 8px;
}

div.m-groupe {
  color:#336699;
  font-size: 0.95em;
  font-weight: bold;
  float: right;
  min-width: 60px;
  line-height: 18px;
  text-align: center;
  padding-top: 8px;
}

div.m-tour {
  text-align: center;
  color: #336699;
  font-weight: bold;
}

div.m-date {
  text-align: center;
  color: #336699;
  font-weight: bold;
}

div.m-horaire {
  position: relative;
  bottom: -10px;
  text-align: center;
  color: #336699;
  font-weight: bold;
  line-height: 1.2em;
}

div.m-stade {
  line-height: 16px;
  text-align: center;
  height: 16px;
  color: #336699;
}

div.m-date-stade {
  width: 100%;
}

div.m-fanion,
div.m-drapeau {
  text-align: center;
  min-width: 60px;
}

div.m-equipe-1 {
  text-align: right;
  width: 40%;
  line-height: 1em;
  text-transform: uppercase;
}

div.m-equipe-2 {
  width: 40%;
  line-height: 1em;
  text-transform: uppercase;
}

div.m-resultat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-width: 80px;
  margin: 0 10px 0 10px;
}

div.m-separateur {
  text-align: center;
  min-width: 20px;
  font-weight: bold;
  margin: 0 5px 0 5px;
}

span.m-separateur {
	display: inline-block;
	padding: 0 0.4em 0 0.4em; /* espace autour du | */
}

.m-score {
  font-weight: bold;
  line-height: 1em;
}
.m-score-tab
{
  font-size: 0.84em;
  line-height: 1em;
}

div.m-exempt {
  text-align: center;
  min-width: 80px;
  margin: 0 10px 0 10px;
  font-weight: bold;
  color: gray;
}

div.m-arbitre {
  text-align: center;
}

span.m-remplacement-arbitre {
  font-size: 0.89em;
  color: red;
}

div.m-affluence {
  text-align: center;
  min-width: 60px;
  line-height: 18px;
}
div.m-affluence span {
  font-size: 0.89em;
  color: gray;
}

div.m-place {
  text-align: center;
  width: 40px;
}

div.m-diffuseur {
  text-align: center;
  line-height: 1em;
  padding: 0 0 5px 0;
}

div.m-penalties {
  width: 10%;
}

div.m-info {
  line-height: 1.4em;
  vertical-align: top;
  color: dimgray;
  font-size: 0.89em;
}

div.m-evenement {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  flex-direction: row;
  padding-left: 100px;
  margin: 2px 0 2px 0;
  font-size: 0.89em;
}

div.m-minute {
  width: 30px;
  min-width: 30px;
  display: inline-flex;
  flex-direction: column;
  text-align: right;
  line-height: 16px;
}

span.m-extra-minute {
  font-size: 0.85em;
  line-height: 1em;
  padding-right: 3px;
}

div.m-logo-evenement {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

div.m-multimedia {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  flex-direction: row;
  padding-left: 100px;
  margin: 4px 0 4px 0;
  font-size: 0.89em;
  cursor: pointer;
}

div.m-logo-media {
  margin-left: 45px;
  width: 40px;
  text-align: center;
}

div.m-statut {
  width: 58px;
  text-align: center;
}

/* Statistiques */

div.s-titre {
  text-align: center;
  padding: 20px 0 5px 0;
  line-height: 1em;
}
div.s-nombre, div.s-total {
  width: 10%;
  font-weight: bold;
}
div.s-label {
  width: 80%;
  font-weight: bold;
  text-align: center;
}
div.s-nombre {
  width: 10%;
  font-weight: bold;
}

/* Tableaux, classements */

.t-date {
  min-width: 130px;
}

.t-edition {
  width: 80px;
  min-width: 80px;
  line-height: 18px;
}

.t-saison {
  width: 90px;
  min-width: 90px;
  line-height: 18px;
}

.t-tour {
  width: 120px;
  min-width: 120px;
}

.t-place {
  width: 50px;
  min-width: 50px;
  text-align: center;
}

.t-competition, .t-equipe, .t-adversaire, .t-ville, .t-joueur, .t-arbitre, .t-transfert {
  white-space: nowrap;
  line-height: 1em;
}
.t-organisme {
  line-height: 1em;
}
.t-pays {
  white-space: nowrap;
  line-height: 1em;
  padding-right: 5px;
}
.t-equipe {
  text-transform: uppercase;
}

.t-detail {
  font-size: 0.89em;
  color: gray;
}
.t-transfert span {
  font-size: 0.8em;
}
.t-categorie {
  font-size: 0.89em;
}
.t-poste {
  white-space: nowrap;
  min-width: 80px;
}

.t-drapeau, .t-fanion, .t-logo {
  width: 42px;
  min-width: 42px;
  line-height: 1em;
}

.t-drapeau-grand, .t-fanion-moyen {
  width: 62px;
}

.t-penalties {
  width: 90px;
  min-width: 90px;
  text-align: center;
}
.t-statut {
  width: 90px;
  min-width: 90px;
  text-align: center;
}
.t-evenement {
  width: 120px;
  min-width: 120px;
  text-align: center;
}
.t-score {
  width: 80px;
  min-width: 80px;
  text-align: center;
}
.t-graphique {
  min-width: 180px;
}
.t-data-40 {
  width: 40px;
  min-width: 40px;
}

.t-data-60 {
  width: 60px;
  min-width: 60px;
}

.t-data-80 {
  width: 80px;
  min-width: 80px;
}

.t-data-100 {
  width: 100px;
  min-width: 100px;
}
.t-data-140 {
  width: 140px;
  min-width: 140px;
}
.t-data-160 {
  width: 160px;
  min-width: 160px;
}
.t-resultat {
  text-align: -webkit-center;
}

.t-affluence {
  width: 100px;
  min-width: 100px;
  line-height: 18px;
  text-align: center;
}
.t-affluence span {
  font-size: 0.89em;
  color: gray;
}

.t-parcours {
  white-space: nowrap;
  padding: 0 15px 0 20px;
}

.t-diffuseur {
  text-align: center;
}

.t-serie {
  min-width: 140px;
  padding-left: 20px;
}

.vainqueur, .focus {
  font-weight: bold;
}

ul.LegendeTableau {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  text-align: center;
  padding-left: 5px;
}

ul.LegendeTableau li{
  margin-right: 15px;
}


/* Rubriques */

h3.titre-tableau {
  display: flex;
  justify-content: center;
  background-color: #314f77;
  font: bold 18px 'Saira Condensed', sans-serif;
  color: white;
  text-transform: uppercase;
  line-height: 36px;
  border-radius: 4px 4px 0 0;
  margin: 0 0 2px 0;
}

h3.titre-test {
  position: relative;
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font: bold 18px 'Saira Condensed', sans-serif;
  text-transform: uppercase;
  padding-left: 15px;
  line-height: 36px;
}

h3.titre-test ul li {
  font-size: 0.8em;
  line-height: 0.8em;
}

th.titre-tableau {
  background-color: #314f77;
  font-weight: bold;
  color: white;
  text-align: center;
  text-transform: uppercase;
  height: 36px;
  border-radius: 4px 4px 0 0;
  border-left: 2px solid white;
}

th.titre-tableau-vide {
  background-color: transparent;
  height: 36px;
}


th.titre-colonne-admin {
  font-weight: bold;
  height: 36px;
  text-align: left;
}

th.titre-colonne, td.titre-colonne {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font-weight: bold;
  height: 36px;
  line-height: 1em;
}
a.titre-colonne, a.sous-titre-colonne {
  text-decoration: none;
  color: black;
}

th.titre-colonne-seule, td.titre-colonne-seule {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font-weight: bold;
  height: 36px;
  padding-left: 15px;
  text-align: left;
  text-transform: uppercase;
}

th.sous-titre-colonne, td.sous-titre-colonne {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font-weight: bold;
  height: 36px;
  line-height: 1.2em;
  border-top: 2px solid white;
}

th.sous-titre-colonne-avec-separateur {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font-weight: bold;
  height: 36px;
  line-height: 1.2em;
  border-top: 2px solid white;
  border-left: 2px solid white;
}

div.derniers-resultats, div.agenda {
  display: flex;
  flex-direction: row;
  min-height: 120px;
  background-color: white;
  padding-top: 20px;
  border-top: 1px solid gainsboro;
}

div div.derniers-resultats:first-child, div.agenda:first-child {
  padding-top: 0;
  border-top: none;
}

div.derniers-resultats:hover, div.agenda:hover {
  background-color: AliceBlue !important;
  cursor: pointer;
}

div.ephemeride {
  min-width: 78px;
  height: 88px;
  background-color: white;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid gainsboro;
  border-radius: 0 0 25px 0;
}

div.nom-jour-ephemeride {
  font: bold 12px 'Verdana', sans-serif;
  letter-spacing: -1px;
  color: black;
  margin-top: 6px;
}

div.jour-mois-ephemeride {
  font: bold 30px 'Verdana', sans-serif;
  color: red;
  line-height: 30px;
}
div.mois-ephemeride {
  font: bold 12px 'Verdana', sans-serif;
  letter-spacing: -1px;
  color: black;
  
}
div.annee-ephemeride {
  font: 12px 'Verdana', sans-serif;
  color: black;
}

div.titre-journee {
  padding: 4px 0 4px 0;
  height: 18px;
  text-align: center;
  font-weight: bold;
}

ul.liste-matches {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 40px;
  margin: 20px 0 20px 0;
}

li.item-match {
  display: flex;
  flex-direction: row;
  gap: 5px;
  list-style: none;
  align-items: center;
}

.mini-flag-resultat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid gray; 
  border-radius: 10%;
  padding: 1px 2px 1px 2px;
  color:#336699;
  width: 54px;
  height: 28px;
  align-items: center;
}

.mini-score {
  font-weight: bold;
  font-size: 0.9em;
  line-height: 0.9em;
}

.mini-score-tab {
  font-size: 0.85em;
  line-height: 0.85em;
}

tr.item-admin, tr.item-admin-sans-separateur {
  background-color: white;
  height: 24px;
}

tr.info-match {
  background-color: white;
  height: 32px;
  vertical-align: top;
}

tr.edition,
tr.journee,
tr.total,
tr.total-sans-separateur {
  background-color: white;
  height: 36px;
}

tr.bilan,
tr.bilan-sans-separateur,
tr.classement,
tr.classement-avec-separateur {
  background-color: white;
  height: 42px;
}

tr.arbitre,
tr.classement-inter,
tr.classement-inter-avec-separateur,
tr.groupe,
tr.mutation {
  background-color: white;
  height: 58px;
}

div.match-container, div.match-container-changement-tour,
div.stat-container {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 4px 0 4px 0; 
}

tr.match,
tr.match-finale-rejouee,
tr.stats {
  background-color: white;
  height: 64px;
}

div.match, div.stat, div.stat-bilan, div.stat-sous-bilan {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

div.match {
  height: 64px;
}

div.stat-sous-bilan {
  height: 36px;
  border-top: 1px solid darkgray;
}

div.stat-bilan {
  height: 36px;
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
}

tr.arbitre td,
tr.bilan td,
tr.classement td,
tr.classement-inter td,
tr.edition td,
tr.journee td,
tr.item-admin td,
tr.match td, div.match-container,
tr.mutation td,
tr.stats td {
  border-top: 1px solid gainsboro;
}

tr.classement-avec-separateur td,
tr.classement-inter-avec-separateur td,
tr.total td {
  border-top: 1px solid darkgray;
}

div.match-container-changement-tour {
  border-top: 2px solid darkgray;
}

.survol {
  background-color: AliceBlue !important;
  cursor: pointer;
}

.curseur {
  cursor: pointer;
}

.sousligne:hover {
  text-decoration: underline;
}


h3.titre-bloc {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font: bold 18px 'Saira Condensed', sans-serif;
  text-transform: uppercase;
  line-height: 36px;
  padding-left: 15px;
  margin: 0;
}

h3.titre-bloc-respect-casse {
  background: linear-gradient(#E1E1E1, #EFEFEF);
  font: bold 18px 'Saira Condensed', sans-serif;
  line-height: 36px;
  padding-left: 15px;
  margin: 0;
}


span.chevron-bloc {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(ChevronHaut.png);
  cursor: pointer;
  width: 18px;
  height: 36px;
  float: right;
  padding-right: 20px;
}


/* Textes */

.normal {font-weight: normal}
.gras {font-weight: bold}
.italique {font-style: italic;}
.gauche {text-align: left !important;}
.centre {text-align: center;}
.droite {text-align: right;}

.minuscule {
  text-transform: lowercase;
}

.majuscule {
  text-transform: uppercase;
}

.bleu {color:#336699 !important;}
.gris, .parti {color: gray !important;}
.alerte, .arrete, .manque, .perdu, .rouge {color: red !important}
.non-cadre, .nul {color: darkorange !important;}
.arrivee, .gagne, .reussi {color: green !important;}

.victoire {color: green !important; border-color: green !important;}
.match-nul {color: darkorange !important; border-color: orange !important;}
.defaite, .surprise {color: red !important; border-color: red !important;}
.victoire-1 {background-color: #336699 !important; border-color: #336699 !important; color:white !important;}
.victoire-2 {background-color: #88b7e1 !important; border-color: #336699 !important; color:white !important;}
.egalite-1 {background: linear-gradient(to right, #336699 50%, #88b7e1 50%); border-color: #336699 !important; color:white !important;}
.egalite-2 {background: linear-gradient(to left, #336699 50%, #88b7e1 50%); border-color: #336699 !important; color:white !important;}
.defaite-tapis-vert {background-color: silver !important; border-color: gray !important;}

.marge-haut-2 {margin-top: 2px !important;}
.marge-haut-10 {margin-top: 10px !important;}
.marge-haut-15 {margin-top: 15px !important;}
.marge-haut-20 {margin-top: 20px !important;}
.marge-droite-5 {margin-right: 5px;}
.marge-droite-10 {margin-right: 10px;}
.marge-droite-15 {margin-right: 15px;}
.marge-droite-20 {margin-right: 20px;}
.marge-droite-40 {margin-right: 40px;}
.marge-bas-2 {margin-bottom: 2px !important;}
.marge-bas-10 {margin-bottom: 10px !important;}
.marge-bas-20 {margin-bottom: 20px !important;}
.marge-bas-40 {margin-bottom: 40px;}
.marge-gauche-5 {margin-left: 5px;}
.marge-gauche-10 {margin-left: 10px;}
.marge-gauche-15 {margin-left: 15px;}
.marge-gauche-20 {margin-left: 20px;}
.marge-gauche-40 {margin-left: 40px;}
.marge-gauche-50 {margin-left: 50px;}

.padding-haut-15 {padding-top: 15px;}
.padding-droite-2 {padding-right: 2px;}
.padding-droite-5 {padding-right: 5px;}
.padding-droite-10 {padding-right: 10px;}
.padding-droite-15 {padding-right: 15px;}
.padding-droite-20 {padding-right: 20px;}
.padding-gauche-5 {padding-left: 5px;}
.padding-gauche-10 {padding-left: 10px;}
.padding-gauche-15 {padding-left: 15px;}
.padding-gauche-20 {padding-left: 20px;}
.padding-gauche-30 {padding-left: 30px;}
.padding-gauche-40 {padding-left: 40px;}

/* l�gendes */

p.titre-legende {
  font-size: 0.9em;
  font-weight: bold;
  margin: 15px 0 10px 0;
}

ul.legende {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 5px;
  font-size: 0.9em;
  gap: 5px;
}

ul.legende li {
  display: flex;
  width: 100%;
  line-height: 1.4em;
}

span.label-legende {
  display: inline-block;
  min-width: 100px;
  width: 100px;
  font-weight: bold;
}

span.description-legende {
  width: 80%;
  padding-left: 15px;
}

span.description-place {
  width: 80%;
  padding-left: 15px;
  line-height: 32px;
}

p.legende-rubrique {
  font-size: 0.9em;
  font-style: italic;
  color: #1a3151;
}
p.legende-rubrique:before {
  content: "i";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  background-color: #1a3151;
  text-align: center;
  display: inline-block;
  font-family: "Times New Roman",sans-serif;
  font-size: 16px;
  text-transform: lowercase;
  padding-right: 1px;
  line-height: 1;
  font-style: italic;
  margin-right: 5px;
}


span.info-champ-admin {
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 5px;
	color: gray;
}


/* Flags */

.flag-place
{
  display: inline-block;
  width: 32px;
  height: 32px;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 32px;
  border-radius: 50%;
}

.c1-1989  {background-color: black; color: white;}
.c1-1992  {background: linear-gradient(#0F2467,#2D69AF); color: white;}
.c1-qualif-1992 {background: linear-gradient(#395B9E,#5E95CB); color: white;}

.c3-1989  {background-color: #E9AE11; color: white;}
.c3-2005  {background: linear-gradient(#4D0568,#8B62A4); color: white;}
.c3-2008  {background: linear-gradient(#62070E,#9E202E); color: white;}
.c3-2015  {background-color: #FCAA2F; color: white;}
.c3-2021  {background-color: #FA6E07; color: white;}

.c4-1995  {background-color: #007B41; color: white;}
.c4-2020 {background-color: #00CC00; color: white;}

.d1-1978  {background-color: #002B99; color: white;}
.l1-2008  {background: linear-gradient(#BAC7CE,#4D5C64); color: white;}
.l1-2020  {background-color: #CDFB0A; color: black;}
.l1-2024  {background-color: #085eff; color: white;}

.d2-1978  {background-color: #CC0000; color: white;}
.d2-1998  {background-color: #F90908; color: white;}
.l2-2002  {background-color: #D47700; color: white;}
.l2-2008  {background: linear-gradient(#A0B58A,#6B7765); color: white;}
.l2-2020  {background-color: #16FFD0; color: black;}
.l2-2024  {background-color: #00ffcf; color: black;}

.qualifie {background-color: #009900; color: white;}
.barragiste {background-color: #FF8C00; color: white;}
.elimine {background-color: red; color: white;}
.neutre {background-color: #E0E0E0; color: black;}


span.flag-resultat-serie {
  float: left;
  width: 16px;
  height: 26px;
  border: 1px solid gray;
  margin: 0 4px 0 0;
  text-align: center;
  background-color: white;
  color: black;
  font-weight: bold;
}

.flag-resultat
{
  width: 74px;
  height: 36px;
  line-height: 2em;
  background-color: white;
  border: 1px solid gray; 
  color: black;
  border-radius: 10%;
}

.hierarchie-ok {line-height: 16px;}

.flag-classement
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: gray;
  line-height: 1.5em;
  border: 1px solid lightgray;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: white;
}


/* Graphiques */

.item-graphique-barres {
  display: flex;
  align-items: center;
  height: 36px;
}

.item-graphique-barres span {
  display: inline-block;
  min-width: 12px;
  height: 18px;
  line-height: 18px;
  padding: 1px 3px 1px 0;
  text-align: right;
}

div.graphique-barre-pleine {
  overflow: hidden;
  float: left;
  width: 50%;
  height: 20px;
  background-color: #F5F5F5;
}

span.graphique-barre-gauche {
  float: right;
  height: 20px;
}

span.graphique-barre-droite {
  float: left;
  height: 20px;
}

tr.histogramme td {
  border-top: 1px solid darkgray;
  vertical-align: bottom;
  padding-top: 10px;
  padding-bottom: 10px;
}

.item-histogramme {
  display: inline-grid;
}

.item-histogramme span {
  width: 32px;
  min-height: 1px;
  margin-top: 5px;
}

.barre-victoire {background-color: green; color: white;}
.barre-victoire-zero {outline: 1px solid green; outline-offset: -1px; color:green;}
.barre-nul {background-color: darkorange; color: white;}
.barre-nul-zero {outline: 1px solid darkorange; outline-offset: -1px; color:darkorange;}
.barre-defaite {background-color: red; color: white;}
.barre-defaite-zero {outline: 1px solid red; outline-offset: -1px; color:red;}
.resultat-1 {background-color: #336699; color: white;}
.resultat-1-zero {outline: 1px solid #336699; outline-offset: -1px; color:#336699;}
.resultat-N {background-color: LightSteelBlue; color: white;}
.resultat-N-zero {outline: 1px solid LightSteelBlue; outline-offset: -1px; color:LightSteelBlue;}
.resultat-2 {background-color: #88b7e1; color: white;}
.resultat-2-zero {outline: 1px solid #88b7e1; outline-offset: -1px; color:#88b7e1;}
.stat-equipe-1 {background-color: #336699; color: white;}
.stat-equipe-2 {background-color: #88b7e1; color: black;}

.but-pour {background-color: forestgreen; color: white;}
.but-contre {background-color: yellowgreen; color: white;}
.but-sur-action {background-color: forestgreen; color: white;}
.but-sur-action-zero {outline: 1px solid green; outline-offset: -1px; color: green;}
.penalty-reussi {background-color: forestgreen; color: white;}
.penalty-reussi-zero {outline: 1px solid green; outline-offset: -1px; color: green;}
.penalty-manque {background-color: red; color: white;}
.penalty-manque-zero {outline: 1px solid red; outline-offset: -1px; color: red;}
.but-csc {background-color: black; color: white;}
.but-csc-zero {outline: 1px solid black; outline-offset: -1px; color: black;}


/* Discipline */

.flag-sanction {
  color: white;
  text-align: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}
.avertissement {background-image: url(../Logos/Utils/FlagAvertissement.png);} /* color:#FFFF00 (yellow) */
.exclusion {background-image: url(../Logos/Utils/FlagExclusion.png);} /* color:#FF0000 (red) */
.suspension {background-image: url(../Logos/Utils/FlagSuspension.png);} /* color:#000000 (black) */
.sursis {background-image: url(../Logos/Utils/FlagSursis.png);} /* color:#FF8C00 (darkorange) */
.suspension-et-sursis {background-image: url(../Logos/Utils/FlagSuspensionEtSursis.png);} /* color:#000000 (black) and color:#FF8C00 (darkorange)*/

/* Statuts joueur */

.flag-statut {
  display: inline-block;
  width: 36px;
  height: 20px;
  line-height: 20px;
  color: white;
  text-align: center;
}
.titulaire {background-color: green;}
.titulaire-remplace {background: linear-gradient(to right, green 50%, sienna 50%);}
.titulaire-exclu {background: linear-gradient(to right, green 50%, red 50%);}
.remplacant-entre-en-jeu {background: linear-gradient(to right, sienna 50%, green 50%);}
.remplacant-entre-en-jeu-remplace {background: linear-gradient(to right, sienna 33%, green 33% 67%, sienna 67%);}
.remplacant-entre-en-jeu-exclu {background: linear-gradient(to right, sienna 33%, green 33% 67%, red 67%);}
.remplacant-non-entre-en-jeu {background-color: sienna;} /* color:#A0522D (sienna) */
.remplacant-non-entre-en-jeu-exclu {background: linear-gradient(to right, sienna 50%, red 50%);}

.input-ordre, .input-numero, .input-capitaine {
  width: 40px;
}

.input-statut {
  width: 30px;
  margin: 0 10px 0 10px;
  display: block;
}

/* Temps de jeu */


.input-temps-de-jeu {
  width: 55px;
  color: white;
  text-align: center;
}

/* Feuille de match */

.fm-titre {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  font-size: 1.4em;
  font-weight: bold;
  color: #314f77;
  text-transform: uppercase;
  line-height: 36px;
  margin: 0;
}

.fm-journee {
  display: flex;
  font-size: 1.1em;
  justify-content: center;
  margin: 5px 0 5px 0;
  line-height: 1em;
}

.fm-date {
  display: flex;
  justify-content: center;
  margin: 4px 0 4px 0;
}

.fm-stade {
  display: flex;
  font-weight: normal;
  font-size: 0.9em;
  justify-content: center;
  margin: 4px 0 10px 0;
}

.fm-affiche {
  display: flex;
  flex-direction: row;
  align-items: center;
}

img.fm-fanion {
  width: 100px;
  height: 100px;
}

div.fm-fanion {
  text-align: center;
  width: 50%;
}

.fm-nom-equipe {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: center;
  width: 50%;
}

.fm-appelation-equipe {
  font-weight: normal;
  font-size: 0.85em;
  line-height: 0.85em;
  color: dimgray;
  text-align: center;
}

.fm-resultat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 114px;
}

.fm-score {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  color:#336699;
  line-height: 1.2em;
}

.fm-score-mi-temps {
  text-align: center;
  font-size: 1.1em;
  color: dimgray;
  line-height: 1.2em;
}

.fm-tirs-au-but {
  text-align: center;
  font-size: 1.35em;
  color:#336699;
  line-height: 1.3em;
  letter-spacing: -1px;
}

div.fm-bloc {
  width: 100%;
  padding: 10px 0 10px 0;
}

div.fm-double-bloc {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.fm-bloc-equipe {
  width: 504px;
} 

.fm-evenement, .fm-personne {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0.88em;
  line-height: 1em;
  align-items: center;
}

.fm-but,
.fm-penalty-manque,
.fm-tir-au-but,
.fm-remplacement,
.fm-sanction {
  padding: 9px 0 9px 0;
  border-top: 1px solid gainsboro;
}

.fm-titulaire,
.fm-remplacant,
.fm-encadrant {
  height: 36px;
  border-top: 1px solid gainsboro;
}

.fm-titulaire-avec-tactique {
  height: 36px;
  border-top: 1px solid gray;
}

.fm-remplacant-vide {
  height: 36px;
}

:nth-child(1 of .fm-evenement),
:nth-child(1 of .fm-titulaire-avec-tactique),
:nth-child(1 of .fm-remplacant),
:nth-child(1 of .fm-encadrant) {
  border-top: none;
}

.fm-equipe {
  display: inline-flex;
  flex-direction: row;
  width: 50%;
  align-items: center;
}

h4.fm-titre-titulaires {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #0A4F90;
  padding: 4px 0 4px 10px;
}

.fm-tactique {
  padding: 0 5px 0 5px;
  background-color: #0A4F90;
  font-size: 0.85em;
  color: white;
  line-height: 20px;
  float: right;
  margin-right: 10px;
}

h4.fm-mini-fanion {
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}

h4.fm-titre-remplacants, h4.fm-titre-staff {
  margin: 0;
  font-weight: bold;
  color: #0A4F90;
  padding: 10px 0 4px 10px;
}

.fm-score-intermediare {
  color: dimgray;
  width: 60px;
  text-align: center;
}

.fm-ordre, .fm-numero {
  width: 30px;
  min-width: 30px;
  text-align: right;
}

.fm-drapeau {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.fm-joueur {
  width: 100%;
}

.fm-gardien {
  font-style: italic;
  color: #336699;
  text-align: right;
  padding-right: 10px;
}

.fm-sortant {
  color: red;
}
.fm-entrant {
  color: green;
}

.fm-capitanat {
  min-width: 30px;
  float: right;
}

.fm-logo-statut {
  min-width: 30px;
  float: right;
  text-align: center;
}

.fm-description {
  font-size: 0.9em;
  color: dimgray;
}

.fm-info {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
  min-height: 32px;
  line-height: 1.2em;
  align-items: center;
  font-size: 0.9em;
}

.fm-diffuseur {
  padding-left: 10px;
  display: inline-flex;
  align-items: center;
}

/* Photos effectifs / s�lections */

.titre-photo-equipe {
  font: bold 16px 'Verdana', sans-serif;
  color: black;
  text-align: center;
}

.sous-titre-photo-equipe {
  font: bold 14px 'Verdana', sans-serif;
  color: black;
  text-align: center;
}

p.commentaire-photo-equipe {
  text-align: center;
  line-height: 18px;
  margin: 0;
}

p.detail-photo-equipe {
  display: revert;
  line-height: 20px;
  margin: 20px 0 0 0;
}

/* Profil joueur */

div.profil-joueur {
  display: flex;
  flex-direction: row;
  margin: 0 0 10px 0;
}

figure#Diaporama {
  min-width: 110px;
  min-height: 130px;
  overflow: hidden;
  margin-left: 5px;
  text-align: center;
}

figcaption.legende-diaporama {
  padding-top: 3px;
  color: gray;
  text-align: center;
  font-size: 0.88em;
  line-height: 20px;
}

div#Diaporama ul{
  display: table;
  width:100%;
  --max-margin-left: 0px;
  animation: slide-image linear infinite alternate;
}

div#Diaporama ul:hover
{
  animation-play-state: paused;
}

div#Diaporama ul li {
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 5px 5px 0 5px;
}

@keyframes slide-image{
  0%   {margin-left: 0;}
  100% {margin-left: var(--max-margin-left);}
}

.titre-joueur {
  margin: 0 0 15px 0;
  font: bold 16px 'Verdana', sans-serif;
  color: #336699;
}

div.infos-joueur {
  display: inline-block;
  vertical-align: top;
}

div.infos-joueur div {
  line-height: 20px;
}


/* Fiches effectifs */

ul.effectif {
  display: flex;
  margin: 10px 0 10px 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

li.fiche-effectif {
  position: relative;
  list-style: none;
  width: 487px;
  height: 100%;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 15px 10px 15px 10px;
}

div.identite-joueur {
  display: flex;
  position: relative;
}

div.photo-joueur, div.photo-joueur-parti {
  position: relative;
  height: 102px;
}

div.photo-joueur-parti {
  opacity: 0.60;
}

div.identite-joueur > div {
  height: 102px;
}

div.nom-joueur {
  font: bold 16px 'Verdana', sans-serif;
  padding: 0 0 8px 0;
  color:#336699;
}

div.naissance-joueur,
div.nationalite-joueur,
div.mensurations-joueur,
div.poste-joueur,
div.poste-membre,
div.info-contrat {
  position: relative;
  font-size: 0.94em;
  line-height: 16px;
  padding: 4px 0 0 0;
  color: black
}


div.info-transfert {
  position: relative;
  font-size: 0.85em;
  line-height: 18px;
  color: black
}

div.titre-club {
  position: relative;
  font-size: 0.94em;
  font-weight: bold;
}

div.club-joueur {
  display: flex;
  position: relative;
  height: 34px;
  align-items: center;
  width: 100%;
  margin: 10px 0 5px 0;
}

div.edition-club {
  position: relative;
  margin-left: 5px;
  line-height: 32px;
  font-size: 16px;
}

div.logo-club {
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  padding: 1px 0px 1px 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

div.nom-club {
  position: relative;
  line-height: 32px;
  max-height: 32px;
  width: 160px;
  margin-left: 5px;
  white-space: nowrap;
  font-size: 17px;
}

div.nom-club-transfert {
  position: relative;
  line-height: 18px;
  max-height: 32px;
  margin-left: 10px;
  white-space: nowrap;
  font-size: 17px;
}

div.maillot-club {
  display: block;
  position: absolute;
  top: 112px;
  width: 485px;
}

.flag-maillot-nation, .flag-maillot-club, .flag-maillot-parti {
  float: right;
  margin-left: 2px;
  text-align: center;
  font: bold 13px 'Verdana', sans-serif;
  width: 24px;
  height: 32px;
  line-height: 32px;
  background-size: 32px;
}

.flag-maillot-nation {
  background-color: #20245a;
  color: white;
}

.flag-maillot-club {
  background-color: #da261b;
  color: white;
}

.flag-maillot-parti {
  background-color: #CECECE;
  color: dimgray;
}


/* Records */

ul.liste-records {
  display: flex;
  padding: 5px 0px 5px 0px;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px
}

li.item-record {
  position: relative;
  float: left;
  display: flex;
  flex-direction: row;
  list-style: none;
  align-items: center;
  width: 497px;
  height: 140px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 5px 0 0 10px;
}

div.infos-record {
  width: 100%;
  padding-left: 10px;
}

.titre-record {
  font: bold 18px 'Saira Condensed', sans-serif;
  color: black;
  text-align: center;
  line-height: 16px;
}

.nombre-record {
  font: bold 20px 'Verdana', sans-serif;
  color: #336699;
  text-align: center;
  line-height:36px;
}

.club-record {
  font: bold 20px 'Saira Condensed', sans-serif;
  color: black;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}

.joueur-record, .saison-record {
  font: bold 20px 'Saira Condensed', sans-serif;
  color: black;
  text-align: center;
  line-height: 24px;
}

.commentaire-record {
  font: normal 16px 'Saira Condensed', sans-serif;
  color: black;
  text-align: center;
  line-height: 16px;
}


/* Palmares �quipe */
#DiaporamaControl {
   height: 20px;
   width: 100%;
   margin: 0 0 15px 0;
   text-align: center;
}

#DiaporamaControl .diaporama-control-item {
   display: inline-block;
   background-color: white;
   border-radius: 12px;
   border: 1px solid gray;
   height: 22px;
   width: 22px;
   cursor: pointer;
}

#DiaporamaControl .diaporama-control-item.selection {
   background-color: gray;
}


/* Liens utiles */

ul.liste-clubs {
  display: flex;
  padding: 5px 0px 5px 0px;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

ul.liste-organismes, ul.liste-partenaires {
  display: flex;
  flex-direction: column;
  padding: 5px 0px 5px 0px;
  flex-wrap: wrap;
  gap: 5px
}

li.item-club {
  position: relative;
  float: left;
  display: flex;
  flex-direction: row;
  list-style: none;
  align-items: center;
  width: 502px;
  height: 110px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 5px 0 0 5px;
}

li.item-organisme, li.item-partenaire {
  position: relative;
  float: left;
  display: flex;
  flex-direction: row;
  list-style: none;
  align-items: center;
  height: 110px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 5px 0 0 5px;
}

div.logo-lien {
  min-width: 100px;
  margin-right: 20px;
  text-align: center;
}

div.infos-lien {
  width: 75%;
  line-height: 1em;
}

div.nom-lien {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
}

div.sous-titre-lien {
  color: dimgray;
  margin-top: 5px;
}

div.widget-lien {
  display: inline-block;
  white-space: nowrap;
  text-align: left;
  margin-top: 5px;
}

.url-lien {
  display: inline-block;
  vertical-align: top;
}

.bouton-site-officiel
{
  display: inline-block;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px 0px 8px;
  background-color: #067bc1;
  color: white;
  border-radius: 3px;
  font: normal normal normal 13px/22px 'Helvetica Neue',Arial,sans-serif;
  cursor: pointer;
}

a.bouton-site-officiel
{
  line-height: 32px;
  outline: 0;
  text-decoration: none;
}

a.bouton-site-officiel:hover
{
  font-weight: normal;
  background-color: #29aae3;
}

.bouton-twitter
{
  display: inline-block;
  height: 32px;
  box-sizing: border-box;
  padding: 0 4px 0 4px;
  background-color: black;
  color: white;
  border-radius: 3px;
  font: normal normal normal 13px/22px 'Helvetica Neue',Arial,sans-serif;
  cursor: pointer;
}

a.bouton-twitter
{
  line-height: 32px;
  outline: 0;
  text-decoration: none;
}

a.bouton-twitter:hover
{
  font-weight: normal;
  background-color: dimgray;
}

span.bouton-twitter
{
  display: inline-block;
  height: 24px;
  padding-left: 24px;
  background: transparent 0 0 no-repeat;
  background-image: url(../Logos/Sites/LogoXBlanc.png);
  background-position-x: left;
  background-position-y: center;
  background-size: 24px 24px;
}

p.histoire {
  padding-left: 5px;
}

.masquable-mobile {display: revert;}

#BlocEditions, #BlocClubs, div[id^="BlocMatches"], #BlocButs, #BlocButsCsc {
  display: flex;
}

#BlocTirsAuBut {
  display: block;
}

div[id^="BlocMatches"], #BlocButsCsc {
  flex-direction: column;
}


/* Responsive */

@media all and (max-width: 767px)
{

  .banniere {height: 20px;}
  .titre-site {font-size: 14px; padding-left: 72px; color:white; line-height: 1.1em;}

  div.navigation-menu {display: none;}
  div.navigation-menu-mobile {display: flex;}


  div.identite-competition {display: none;}
  div.identite-competition-mobile {display: flex;}

  #SousMenu {max-height: 500px;}

  div.page {padding: 5px;}

  h3.titre-rubrique {font-size: 16px; letter-spacing: -1px;}

  img.logo-moyen {width: 32px; height: 32px;}
  .cadre-drapeau-grand {width: 30px; height: 20px;}
  img.logo-petit {width: 24px; height: 24px;}
  .cadre-drapeau-moyen {width: 24px; height: 16px;}
  .flag-place {width: 24px; height: 24px; line-height: 24px;}
  span.description-place {line-height: 24px;}
  .t-drapeau, .t-fanion, .t-logo { width:32px; min-width: 32px;}
  .t-drapeau-grand, .t-fanion-moyen { width: 42px;}

  div.multi-tableau {flex-direction: column;}
  div.multi-tableau table.tableau {border-left: 0; border-right: 0}

  div.fm-double-bloc {display: flex; flex-direction: column;}

  .masquable-mobile {display: none;}

  td.t-statut, td.t-evenement {width: 60px; min-width: 60px;}
  td.t-penalties {width: 72px; min-width: 72px;}
  div.m-fanion, div.m-drapeau, span.m-numero, span.m-groupe {min-width: 40px;}
  div.m-resultat {margin: 0 5px 0 5px;}
  div.m-evenement, div.m-multimedia { padding-left: 30px;}

  ul.liste-matches {gap: 20px 30px;}
  ul.liste-records, ul.liste-clubs, ul.effectif { flex-direction: column; }

  img.fm-fanion {width: 80px; height: 80px;}

  #BlocTirsAuBut,
  #BlocCompos,
  #BlocRemplacements,
  #BlocDiscipline,
  #BlocEditions,
  #BlocClubs,
  div[id^="BlocMatches"],
  #BlocButs,
  #BlocButsCsc
  {display: none;}

  span.chevron-bloc {background-image: url(ChevronBas.png);}

  p.detail-photo-equipe {display: none;}

}