@charset "utf-8";
/* CSS Document */
body
{
	width: 100%;
	background-color:#000000;
}
@media only screen and (max-width: 600px)
{
	body
		{
			width: 100%;
			/* background-color:#F00; */
			background-color:#F00;
		}
}
#conteneur_principal_exterieur
{
	position: absolute;
	top: 78px;
	left: 7px;
	width: 576px;
	height: 596px;
	border: medium;
	border-style: solid;
	border-color: #FFF;
	background-color: #000000;
}
#conteneur_principal_interieur
{
	position: relative;
	top: 5px;
	left: 0px;
	width: 562px;
	height: 580px;
	margin: 0 auto;
	border: medium;
	border-style: solid;
	border-color: #FFF;
	background: url(../myjpg/stade.jpg);
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
}
#enteteh1 h1
{
	margin-top: 28px;
	margin-left: 8px;
}
#datefindesseries
{
	margin-top: 28px;
	margin-left: 450px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
    text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}

table {
  width: 100%;            /* occupe toute la largeur du conteneur */
}
.table-blanche {
  border: 2px solid white;
  border-collapse: collapse;
}
.division-wrapper {
  max-width: 576px;       /* largeur fictive */
  margin: 0 auto;         /* centrage horizontal */
  padding: 0 10px;        /* marge intérieure pour petits écrans */
}
.table-blanche th, .table-blanche td {
  border: 1px solid white;
}
th, td {
  text-align: center;
}
th {
  background-color: #666;
}
.gris
{
  background-color: #666;
  color: #FFF;
  border-color: #FFF;
}

#seriemondiale
{
	margin-top: 22px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 16px;
}
#div_seriemondiale
{
  margin: 0 auto;
  margin-top: 18px;
  width: 274px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 12px;
  border-color: #FFF;
}
#ligne1
{
	margin-top: 18px;
	margin-left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}

#test
{
	margin-left: 8px;
	margin-right: 8px;
}
#finaledeligue
{
	margin-top: 22px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 16px;
}
.ligne-tableaux {
  display: flex;
  justify-content: center;
  gap: 6px; /* espace entre les tableaux */
}
.div_finaledeligue1,
.div_finaledeligue2 {
  width: 274px;
}
#div_finaledeligue1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	border-color: #FFF;
}
#div_finaledeligue2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	border-color: #FFF;
}

#ligne2
{
	margin-top: 18px;
	margin-left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
}

#test2
{
	margin-left: 8px;
	margin-right: 8px;
}
#demifinaledeligue
{
	margin-top: 22px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 16px;
}
.ligne-tableaux2 {
  display: flex;
  justify-content: center;
  gap: 6px; /* espace entre les tableaux */
}
.div_demifinaledeligue1,
.div_demifinaledeligue2 {
  width: 274px;
}
#div_demifinaledeligue1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	border-color: #FFF;
}
#div_demifinaledeligue2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	border-color: #FFF;
}


input
{
border: 0;
border-radius: 5px;
padding: 4px 12px 4px 10px;
font-size: 18px;
}
input[type="submit"]
{
background: red;
color: white;
}
#mosaique
{
	position: absolute;
	top: 716px;
	left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	font-size: 14px;
}
#lien1985
{
	position: absolute;
	top: 716px;
	left: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	font-size: 14px;
}
#basdepage
{
	position: absolute;
	left: 4px;
	top: 796px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
}
#merci
{
	position: absolute;
	top: 558px;
	left: 229px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	font-size: 18px;
}
#demifinale
{
	position: absolute;
	top: 366px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}
#div_serie9
{
	position: absolute;
	top: 396px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#div_serie11
{
	position: absolute;
	top: 396px;
	left: 310px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#div_serie10
{
	position: absolute;
	top: 466px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#div_serie12
{
	position: absolute;
	top: 466px;
	left: 310px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#ligne3
{
	position: absolute;
	top: 536px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
}
#wildcard
{
	position: absolute;
	top: 566px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}
#div_serie1
{
	position: absolute;
	top: 596px;
	left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}
#div_serie5
{
	position: absolute;
	top: 596px;
	left: 310px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
}