body {
	background-color: #19001e;
	font-color: #898889;
	background-image: url("../images/fonds/sf1.png");
	background-size:     cover;
	display: inline-block;
  margin: 0px auto;
  text-align: center;
	max-Width : 100%;
}


html {
 text-align: center;
 Width : 100%;
}

#wrapper {
    margin: 0 auto 0 auto;
		max-Width : 100%;
		text-align: center;
}

.classementJoueurs {
  font-size: 5em;
}
.blackForm {
  font-size: 12px;
  background-color:#000000;
  color: #f8e891;
  width: 150px;
  top: 5px;
}

.souligne {
  text-decoration: underline;
}

.boxcentree {
display: block;
margin-left: auto;
margin-right: auto;
}

.texte {
  font-size: 10px;
}
th, td {
  padding : 0px;
  padding-top: 1px;
  padding-bottom: 3px;
  font-size: 11px;
  color: #f8e891;
}

.uploadtext  {
	background-color:          #000000;
	width:							       540px;
  padding : 10px;
  color: #f8e891;
}
.tableTitre td, table {
  padding : 1px;
  padding-top: 0px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #fee93d;
  vertical-align: bottom;
  height:20px;
}

.tableMenu td, table {
  padding : 5px;
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 14px;
  color: #f8e891;
  vertical-align: bottom;
  height:15px;
  margin-left: auto;
  margin-right: auto;
}

.tableOverall td, table {
  padding-left: 3px;
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 33px;
  font-weight: bold;
  color: #fee93d;
  vertical-align: middle;
  height:58px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tableClassements  {
  padding-left: 35px;
  padding-right: 5px;
  padding-top: 7px;
	position:absolute;
	top:200px;
}

.tableClassements2023  {
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 5px;
}

.tableClassements2023 td {
  padding-left: 5px;
  padding-right: 5px;
}

.faceoff td, table {
  padding : 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 13px;
  color: #fee93d;
  vertical-align: bottom;
  height:20px;
  border : 1px;
}

.equipeLogos {
  padding-left: 0.1em;
  padding-right: 0.1em;
  padding-bottom:  0.2em;
  vertical-align: middle;
}

.generalboxes {
  width: 590px;
	height: 250px;
  color: #f8e891;
}

.generalboxesstats {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.smallLogos{
  max-width:40px;
}

#equipeTitre {
	text-align: center;
  font-size: 2em;
	position: absolute;
  padding-TOP : 0px;
  color: #000000;
	left: 50px;
	top: 10px;
	width: 1080px;
	height:50px;
	z-index : 255;
}

#equipeStatsGenerales {
  text-align: center;
  font-size: 14px;
	position: absolute;
  padding : 0px;
  vertical-align: middle;
  color: #ffe63d;
	left: 50px;
	top: 60px;
	height:50px;
  margin: 0 auto;
  width: 1080px;
}





#boxjeux {
	text-align: left;
  padding-top: 5px;
  font-size: 12px;
	position: absolute;
  color: #fc4745;
	top: 180px;
	background-color:#000000;
  box-shadow: 0px 0px 7px 3px #dc111a;
}

#espacefin {
	height: 10px;
	top: 1250px;
  left: 20px;
  position: absolute;
  width: 580px;
}

#equipeSoireePoints {
	text-align: left;
  padding-bottom : 0.2em;
  padding-left : 0em;
  padding-top : 0.2em;
  font-size: 13px;
	position: absolute;
	left: Opx;
	top: 40px;
	width: 270px;
}

.uniqueMercredi {
  text-align: left;
  font-size: 20px;
	position: absolute;
  color: #6c94ef;
	left: 20px;
	top: 40px;
	width: 400px;
}

#equipeSoireePartie {
  text-align: left;
  font-size: 13px;
	position: absolute;
	left: 170px;
	top: 40px;
	width: 450px;
  height: 180px;
}

#equipeSoireePartieJeux {
  text-align: center;
  font-size: 15px;
	position: absolute;
  color: #6c94ef;
	left: 100px;
	top: 50px;
	width: 300px;
  height: 180px;
	background-color:#161f33;
}

#equipeSoireePartieScoreJeux2 {
	position: absolute;
	top: 10px;
  height: 190px;
}
#equipeSoireePartieScoreJeux3 {
	position: absolute;
	top: 10px;
  height: 190px;
}
#equipeSoireePartieScoreJeux4 {
	position: absolute;
	top: 10px;
  height: 190px;
}
#equipeSoireePartieScoreJeux5 {
	position: absolute;
	top: 10px;
  height: 190px;
}
#equipeSoireePartieScoreJeux6 {
	position: absolute;
	top: 10px;
  height: 190px;
}


#equipeSoireePartieScore {
  font-size: 12px;
	position: absolute;
  color: #6c94ef;
	top: 60px;
  left: 260px;
  height: 140px;
	width: 140px;
  background-color:#000000;
}

#equipeSoireePartieScorePPM {
  font-size: 12px;
	position: absolute;
  color: #6c94ef;
	top: 60px;
  left: 150px;
  height: 140px;
	width: 140px;
  background-color:#000000;
}

.equipeSoireePartieScoreAchievement {
  font-size: 12px;
	position: absolute;
  color: #6c94ef;
	top: 60px;
  left: 0px;
  height: 140px;
	width: 250px;
  background-color:#000000;
}


#listParties {
	position: absolute;
  color: #6c94ef;
	left: 450px;
	top: 20px;
  height: 20px;
	width: 250px;
}

#equipeSoireePartieJeu1 {
	position: absolute;
  color: #6c94ef;
	left: 10px;
	top: 30px;
  height: 20px;
	width: 250px;
}
#equipeSoireePartieScore1 {
	position: absolute;
  color: #6c94ef;
	left: 10px;
	top: 90px;
  height: 150px;
	width: 250px;
}

#equipeSoireePartieJeu2 {
	position: absolute;
  color: #6c94ef;
	left: 300px;
	top: 30px;
  height: 20px;
	width: 250px;
}
#equipeSoireePartieScore2 {
	position: absolute;
  color: #6c94ef;
	left: 300px;
	top: 90px;
  height: 150px;
	width: 250px;
}

#equipeSoireeDureeJeu1 {
	position: absolute;
  color: #6c94ef;
	left: 10px;
	top: 30px;
  height: 20px;
	width: 250px;
}
#equipeSoireeDureeScore1 {
	position: absolute;
  color: #6c94ef;
	left: 10px;
	top: 90px;
  height: 150px;
	width: 250px;
}

#equipeSoireeDureeJeu2 {
	position: absolute;
  color: #6c94ef;
	left: 300px;
	top: 30px;
  height: 20px;
	width: 250px;
}
#equipeSoireeDureeScore2 {
	position: absolute;
  color: #6c94ef;
	left: 300px;
	top: 90px;
  height: 150px;
	width: 250px;
}
#equipeVictoiresSaisons {
	position: absolute;
  color: #6c94ef;
	left: 0px;
	top: 30px;
  height: 220px;
	width: 580px;
}

#equipeAlternatifPerf {
	text-align: left;
  border: 0px solid #505e5b;
  padding-TOP : 15px;
  font-size: 1.2em;
	position: absolute;
  color: #000000;
	left: 2px;
	top: 5px;
	height:200px;

}

.equipeStatsPalmares {
  text-align: center;
  position: absolute;
  font-size: 15px;
  padding-TOP : 0px;
  width: 140px;
  border: 0px solid #505e5b;
}

.equipeStatsPalmaresTitres {
  text-align: center;
  position: absolute;
  font-size: 15px;
  padding-TOP : 0px;

  width: 50px;
  border: 0px solid #505e5b;
}



#equipeJeuStats {
	text-align: left;
  font-size: 14px;
	position: absolute;
	left: 20px;
	top: 40px;
	width: 250px;
	height:200px;
}

#equipeJeuJoueurs {
	text-align: left;
  font-size: 14px;
	position: absolute;
	left: 300px;
	top: 40px;
	width: 250px;
	height: 200px;
}

.mediumLogos {
  width:70px;
  vertical-align: middle;
  padding-bottom:  100px;
}

.bigLogos {
  width:70px;
  vertical-align: middle;
  padding-bottom:  200px;
}

.generalboxes {
	position: absolute;
	color: #898889;
	border: solid;
	border-color: #316673;
	background-color:#00000010;
	border-width: 3px;
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
}

	#boxSearch{
		width : 1200px;
		height : 1050px;
		top: 200px;
		left: 5px;
	}

	.formButton
	{
		width : 100px;
		height : 30px;
		border-width: 1px;
		background-color: #000000;
		color : #ffffff;
		font-weight: 800;

	}

	#box1 {
		color:#a5cdd7;
	}

	#box2 {
		background-color:#00000050;
	}

	#box3 {
		height: 380px;
	}
	#box4 {

		height: 380px;
	}
	#box5 {
		height: 300px;
		width: 590px;
	}

	#box6 {
		height: 300px;
		width: 587px;
	}

	#box7 {
		height: 300px;
	}

	#box8 {

		height: 300px;
	}



	.withBorders {
		border-right-width: 3px;
		border-top-width: 3px;
		border-bottom-width: 3px;
		border-top-width: 3px;
	}

	#boxs1 {
		left: 20px;
		top: 200px;
	}

	#boxs2 {
		left: 612px;
		top: 200px;
	}

	#boxs3 {
		left: 20px;
		top: 458px;
	}

	#boxs4 {
		left: 612px;
		top: 458px;
	}

	#boxs5 {
		left: 20px;
		top: 715px;
	}

	#boxs6 {
		left: 612px;
		top: 715px;
	}

	#boxs7 {
		left: 20px;
		top: 970px;
	}

	#boxs8 {
		left: 612px;
		top: 970px;
	}

	#boxs9 {
		left: 20px;
		top: 1235px;
	}

	#boxs10 {
		left: 612px;
		top: 1235px;
	}

	#boxs11 {
		left: 20px;
		top: 1490px;
	}

	#boxs12 {
		left: 612px;
		top: 1490px;
	}

	#boxs13 {
		left: 20px;
		top: 1745px;
	}

	#boxs14 {
		left: 612px;
		top: 1745px;
	}

	#boxs15 {
		left: 20px;
		top: 2000px;
	}

	#boxs16 {
		left: 612px;
		top: 2000px;
	}

	#boxp1 {
		left: 150px;
		top: 250px;
		height:450px;
		z-index:0;
		border : none;
	}

	#boxp2 {
		left: 300px;
		top: 600px;
		height:450px;
		z-index:0;
		border : none;
	}

	#boxp3 {
		left: 20px;
		top: 630px;
		height: 480px;
	}

	#boxp4 {
		left: 612px;
		top: 630px;
		width:570px;
		top: 630px;
		height: 480px;
		text-align: left;
		overflow-y: scroll;
		scroll-behavior: auto;
		padding:10px;
	}

@media screen and (min-width: 1180px)
{

	#box1 {
		left: 300px;
		top: 200px;
	}

	#box2 {
		left: 613px;
		top: 200px;
	  border-left : none;
	}

	#box3 {
		left: 20px;
		top: 460px;
	  border : none;
	}

	#box4 {
		left: 613px;
		top: 460px;
	  border : none;
	}

	#box5 {
		left: 20px;
		top: 845px;
	}

	#box6 {
		left: 613px;
		top: 845px;
	}

	#box7 {

		border-top : none;
		border-right : none;
	}

	#box8 {
		left: 610px;
		top: 945px;
		border-top : none;
		border-left : none;
	}
	#box9 {
		left: 20px;
		top: 1240px;
	}

	#box10 {
		left: 615px;
		top: 1240px;
	}

}

@media screen and (max-width: 1180px)
{
  body {
  	width:640px;
  	font-size:                 20px;
    background-color:          #000000;
  }

  .mediumLogos {
    width:70px;
    vertical-align: top;
    padding-top:  100px;
  }
  .equipeLogos {
    padding-left: 0.3em;
    padding-right: 0.1em;
    padding-bottom:  0.2em;
    vertical-align: middle;
  }

    #equipeTitre {
      left: 10px;
      width: 90%;
    }

    #equipeStatsGenerales {
      left: 10px;
      width: 90%;
    }

    #box1 {
    	top: 200px;
      left: 160px;
			border-right-width: 3px;
    }
    #box2 {
    	top: 460px;
      left: 160px;
			border-top : none;
			border-bottom : none;
    }
    #box3 {
    	top: 715px;
      left: 160px;
			border-bottom : none;
    }
    #box4 {
    	top: 1100px;
      left: 160px;
			border-top : none;

    }
    #box5 {
    	top: 1485px;
      left: 160px;
    }
    #box6 {
    	top: 1795px;
      left: 160px;
			width: 590px;
    }
    #box7 {
    	top: 1745px;
      left: 160px;
    }
    #box8 {
    	top: 2000px;
      left: 160px;
			border-top : none;
    }
    #box9 {
    	top: 2320px;
      left: 160px;
    }
    #box10 {
    	top: 2580px;
      left: 160px;
    }


    #espacefin {
      top: 2450px;
      left: 10px;
    }

		#boxs1 {
			top: 200px;
			left: 160px;
		}
		#boxs2 {
			top: 460px;
			left: 160px;
		}
		#boxs3 {
			top: 720px;
			left: 160px;
		}
		#boxs4 {
			top: 980px;
			left: 160px;
		}
		#boxs5 {
			top: 1240px;
			left: 160px;
		}
		#boxs6 {
			top: 1500px;
			left: 160px;
		}
		#boxs7 {
			top: 1760px;
			left: 160px;
		}
		#boxs8 {
			top: 2020px;
			left: 160px;
		}

		#boxs9 {
			top: 2280px;
			left: 160px;
		}

		#boxs10 {
			top: 2540px;
			left: 160px;
		}

		#boxs11 {
			top: 2800px;
			left: 160px;
		}

		#boxs12 {
			top: 3060px;
			left: 160px;
		}

		#boxs13 {
			top: 3320px;
			left: 160px;
		}

		#boxs14 {
			top: 3580px;
			left: 160px;
		}

		#boxs15 {
			top: 3840px;
			left: 160px;
		}

		#boxs16 {
			top: 4100px;
			left: 2000px;
		}


		#boxp1 {
			top: 230px;
			left: 160px;
		}
		#boxp2 {
			top: 630px;
			left: 160px;
		}
		#boxp3 {
			top: 1030px;
			left: 160px;
		}
		#boxp4 {
			top: 1520px;
			left: 160px;
		}

}

.statsbox {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-width: 3px;
}


textarea, input, td, tr, table {
	color:                     #a5cdd7;
}


.titreMain {
	color:#a5cdd7;
	font-family: 'orbitron';
	font-size:35px;
}

.titreBoxF1 {
	color:#a5cdd7;
	font-family: 'orbitron';
	font-size:25px;
}


.blackForm {
  background-color:#322d25;
  color: #d8d5d8;
}

.tableMenu td, table {
  color: #d8d5d8;
}

.tableTitre td, table {
  color: #d8d5d8;
}

.TextBlue, a.TextBlue {
  color :                   #4183A9;
}
.TextGreen, a.TextGreen {
  color :                   #02A602;
}

.TextDarkGreen, a.TextDarkGreen {
  color :                   #397338;
}

.Textweight2, a.Textweight2 {
  color :                   #8ff792;
}
.Textweight3, a.Textweight3 {
  color :                   #e7f78f;
}
.Textweight4, a.Textweight4 {
  color :                   #f89741;
}
.Textweight5, a.Textweight5 {
  color :                   #f24f4a;
}

.TextOrange, a.TextOrange {
  color :                   #D88900;
}
.TextRed, a.TextRed {
  color :                   #C00000;
}
.TextPink, a.TextPink {
  color :                   #e30e9e;
}
.TextWhite, a.TextWhite {
  color :                   #FFFFFF;
}
.TextGrey, a.TextGrey {
  color :                   #7C7C7C;
}

.TextItalic, a.TextItalic {
  font-style :             italic;
}

.tableOverall td, table {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 20px;
  color: #fee93d;
  vertical-align: middle;
  height:58px;

}

#tableSearchGames td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
  color: #ffffff;
  vertical-align: middle;
}

#tableSearchGamesResuult td {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  vertical-align: middle;
}

#equipeStatsGenerales {
	top: 60px;
}

.menuHaut ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.menuHaut li a {
  display: inline;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}