@font-face{
	font-family: 'CaviarDreams';
    src: url('/polices/CaviarDreams.ttf');
}
@font-face{
	font-family: 'OpenSans';
    src: url('/polices/OpenSans-Regular-complete.woff');
}
@font-face{
	font-family: 'dusha';
    src: url('/polices/dusha-regular.woff');
}
@font-face{
	font-family: 'Nike Ithaca';
    src: url('/polices/Nike Ithaca.otf');
}
@font-face{
	font-family: 'My Puma';
    src: url('/polices/My Puma.ttf');
}
@font-face{
	font-family: 'San Antonio Spurs';
    src: url('/polices/San Antonio Spurs.ttf');
}

@font-face{
	font-family: 'Atlanta Hawks';
    src: url('/polices/Atlanta Hawks.ttf');
}

@font-face{
	font-family: 'Boston Celtics';
    src: url('/polices/Boston Celtics.ttf');
}
@font-face{
	font-family: 'Brooklyn Nets';
    src: url('/polices/Brooklyn Nets.ttf');
}
@font-face{
	font-family: 'Charlotte Hornets';
    src: url('/polices/Charlotte Hornets.ttf');
}
@font-face{
	font-family: 'Chicago Bulls';
    src: url('/polices/Chicago Bulls.ttf');
}
@font-face{
	font-family: 'Cleveland Cavaliers';
    src: url('/polices/Cleveland Cavaliers.ttf');
}
@font-face{
	font-family: 'Dallas Mavericks';
    src: url('/polices/Dallas Mavericks.ttf');
}
@font-face{
	font-family: 'Denver Nuggets';
    src: url('/polices/Denver Nuggets.ttf');
}
@font-face{
	font-family: 'Detroit Pistons';
    src: url('/polices/Detroit Pistons.ttf');
}
@font-face{
	font-family: 'Golden State Warriors';
    src: url('/polices/Golden State Warriors.ttf');
}
@font-face{
	font-family: 'Houston Rockets';
    src: url('/polices/Houston Rockets.ttf');
}
@font-face{
	font-family: 'Indiana Pacers';
    src: url('/polices/Indiana Pacers.ttf');
}
@font-face{
	font-family: 'Los Angeles Clippers';
    src: url('/polices/Los Angeles Clippers.ttf');
}
@font-face{
	font-family: 'Los Angeles Lakers';
    src: url('/polices/Los Angeles Lakers.ttf');
}
@font-face{
	font-family: 'Memphis Grizzlies';
    src: url('/polices/Memphis Grizzlies.ttf');
}
@font-face{
	font-family: 'Miami Heat';
    src: url('/polices/Miami Heat.ttf');
}@font-face{
	font-family: 'Milwaukee Bucks';
    src: url('/polices/Milwaukee Bucks.ttf');
}@font-face{
	font-family: 'Minnesota Timberwolves';
    src: url('/polices/Minnesota Timberwolves.ttf');
}@font-face{
	font-family: 'New Orleans Pelicans';
    src: url('/polices/New Orleans Pelicans.ttf');
}@font-face{
	font-family: 'New York Knicks';
    src: url('/polices/New York Knicks.ttf');
}@font-face{
	font-family: 'Oklahoma City Thunder';
    src: url('/polices/Oklahoma City Thunder.ttf');
}

@font-face{
	font-family: 'Philadelphia 76ers';
    src: url('/polices/Philadelphia 76ers.ttf');
}
@font-face{
	font-family: 'Phoenix Suns';
    src: url('/polices/Phoenix Suns.ttf');
}
@font-face{
	font-family: 'Portland Trail Blazers';
    src: url('/polices/Portland Trail Blazers.ttf');
}
@font-face{
	font-family: 'Sacramento Kings';
    src: url('/polices/Sacramento Kings.ttf');
}
@font-face{
	font-family: 'San Antonio Spurs';
    src: url('/polices/San Antonio Spurs.ttf');
}
@font-face{
	font-family: 'Toronto Raptors';
    src: url('/polices/Toronto Raptors.ttf');
}
@font-face{
	font-family: 'Utah Jazz';
    src: url('/polices/Utah Jazz.ttf');
}
@font-face{
	font-family: 'Washington Wizards';
    src: url('/polices/Washington Wizards.ttf');
}
@font-face{
	font-family: 'nba';
    src: url('/polices/nba.ttf');
}
@font-face{
	font-family: 'Houston Classic';
    src: url('/polices/Houston Classic.ttf');
}

@font-face{
	font-family: 'Miami Vice';
    src: url('/polices/Miami Vice.ttf');
}

@font-face{
	font-family: 'Seattle Supersonics';
    src: url('/polices/Seattle Supersonics.ttf');
}

@font-face{
	font-family: 'Black Tiger';
    src: url('/polices/Black Tiger.ttf');
}
@font-face{
	font-family: 'NBA Action M';
    src: url('/polices/ActionNBACond-Medium-Web.woff');
}
@font-face{
	font-family: 'NBA Action L';
    src: url('/polices/ActionNBACond-Light-Web.woff');
}
@font-face{
	font-family: 'Roboto-Medium';
    src: url('/polices/Roboto-Medium.ttf');
}
@font-face{
	font-family: 'Roboto-Light';
    src: url('/polices/Roboto-Light.ttf');
}
@font-face{
	font-family: 'Roboto-Thin';
    src: url('/polices/Roboto-Thin.ttf');
}

.marquee {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    animation: marquee 5s linear infinite;
    animation-play-state: running;
}

.marquee span {
    font-size: 10vw;
    padding: 0 2vw;
}

@keyframes blink{
	0%{
		background-image: url(images/steph.jpg);
	}
	20%{
		background-image: url(images/james3.jpg);
	}
	35%{
		background-image: url(images/donc.jpg);
	}
	50%{
		background-image: url(images/anteto.jpg);
	}
	65%{
		background-image: url(images/hard.jpg);
	}
	80%{
		background-image: url(images/kawhi.jpg);
	}
	100%{
		background-image: url(images/kobe2.jpg);
	}

}
@-webkit-keyframes blink{
	0%{
		background-image: url(images/steph.jpg);
	}
	20%{
		background-image: url(images/james3.jpg);
	}
	35%{
		background-image: url(images/donc.jpg);
	}
	50%{
		background-image: url(images/anteto.jpg);
	}
	65%{
		background-image: url(images/hard.jpg);
	}
	80%{
		background-image: url(images/kawhi.jpg);
	}
	100%{
		background-image: url(images/kobe2.jpg);
	}

}
#presentation {
/*	height: 100%;
	width: auto;
	animation-name: blink;
  animation-duration: 40s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
  animation-play-state: running; 
  background-image: url(images/kobe2.jpg) */
  background-color: black
}


body{
	background-size: 100%;
  	background-color: ;
	color: white;
	font-family: Roboto-Light;
	}
footer{
	color:white;
	position: relative;
	margin-bottom: 150px;
}
.mdpoublie{
	Font-size: 30px;
	text-align: center;
}
.nmembre{
	Font-size: 30px;
	text-align: center;	
}
.account{
	text-align: left;
}
.account label{
	width: 300px;
	display: inline-block;
	vertical-align: top;
}
.account input, .account select{
		width: auto;
}
.log{
	Font-size: 50px;
}
.match{
	color: black;
	width: 33%;
}
#nbmatch{
	position: absolute;
	Font-size: 30px;
	Font-weight: bold;
	top: 325px;
	left: 65%;
	text-align: center;
	}
#trophee{
	position: absolute;
	left: 10%;
	right: 10%;
	Font-size: 30px;
	
}
#login{
	height: 80px;
	width: 400px;
	Font-size: 50px;
}
#mdp{
	height: 80px;
	width: 400px;
	Font-size: 50px;
}
#submit{
	height: 70px;
	width: 300px;
	Font-size: 40px;
	z-index: 20;
}
#Jourmatch{
	height: 60px;
	width: 300px;
	Font-size: 30px;
	text-align: center;
}
select{
	height: 40px;
	width: 200px;
	Font-size: 30px;
	text-align: center;
}
input[type = "date"]{
	height: 40px;
	width: 200px;
	Font-size: 30px;
	text-align: center;
	margin-top : 20px;
}
input[type = "number"]{
	height: 40px;
	width: 40px;
	Font-size: 30px;
	text-align: center;
	margin-top : 5px;
}
p{
	font-size: 22px;
}

.aligne{
	
	text-align: center;
}
#corps{
	font-size: 30px;
	}
#session {
	margin-left: auto;
	margin-right: auto;
 	color: black;
 	padding: 25px 10px;
 	text-align: center;
}
#jerseymod{
	background-size: 100%;
	width: 130px;
	height: 133px;
	background-repeat: no-repeat;
	Font-weight: bold;
	position: absolute;
	top: 4px;
	left: 42%;
	padding-top: 38px;
	padding-left: 10px;
	font-size: 18px;
	text-align: center;
}
#jerseylc{
	background-size: 100%;
	width: 130px;
	height: 133px;
	background-repeat: no-repeat;
	Font-weight: bold;
	position: absolute;
	top: 4px;
	left: 50%;
	padding-top: 38px;
	padding-left: 10px;
	font-size: 18px;
	text-align: center;
}
#jerseymvp{
	background-size: 200%;
	width: 500px;
	height: 1000px;
	background-repeat: no-repeat;
	Font-weight: bold;
	position: absolute;
	top: 50px;
	left: 15px;
	padding-top: 38px;
	padding-left: 5px;
	font-size: 22px;
	text-align: center;
	opacity : 0;
	
}

#jerseymow{
	background-size: 100%;
	width: 130px;
	height: 133px;
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
	left: 22%;
	padding-top: 38px;
	padding-left: 10px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
#jerseymom{

	background-size: 100%;
	width: 130px;
	height: 133px;
	background-repeat: no-repeat;
	Font-weight: bold;
	position: absolute;
	top: 4px;
	left: 62%;
	padding-top: 38px;
	padding-left: 5px;
	font-size: 22px;
	text-align: center;

}
#jerseymom br, #jerseymow br, #jerseymod br{
	height: 5px;
}
#conteneur1,#conteneur3,#conteneur5,#conteneur7,#conteneur9,#conteneur11{
		    display: flex;
    justify-content: space-between;
     align-items: center;
    font-size: x-large;
} 

#detaildiv{
		    display: flex;
    justify-content: space-around;
     align-items: flex-start;
    font-size: x-large;	
}
#conteneur,#conteneur2, #conteneur4, #conteneur6, #conteneur8, #conteneur10,#conteneur12{
		    display: flex;
    justify-content: space-around;
     align-items: center;
    font-size: x-large;
}
table{

	border-collapse: collapse;
}
#general{
	position: relative;
	margin: 0 auto;
}
#general td, #general th{
	Font-size: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;

	}
#general td{
	Font-weight: normal;	
}
#general tf{
	Font-size: 20px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
}
#general th, #general tf{
	Background-color: ;
	
}
#general caption{
	Background-color: ;
}
#general tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#general tr:nth-child(even){ background-color:white;}

#generalplayoff{
	position: relative;
	width: 800px;
}
#generalplayoff td, #generalplayoff th{
	Font-size: 26px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;

	}
#generalplayoff tf{
	Font-size: 20px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
}
#generalplayoff th, #generalplayoff tf{
	Background-color: ;
}
#generalplayoff caption{
	Background-color: ;
}
#generalplayoff tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#generalplayoff tr:nth-child(even){ background-color:white;}

#jour{
	position: relative;
}
#jour td, #jour th{
	Font-size: 22px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
		}
#jour td{
	Font-weight: normal;	
}
#jour th{
	Background-color: ;
}
#jour caption{
	Background-color: ;
}
#jour tr:nth-child(odd){ background-color: #EFEFEF;}
#jour tr:nth-child(even){ background-color:white;}
#week{
	position: relative;}					 
#week td, #week th{
	Font-size: 22px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	}
#week td{
	Font-weight: normal;	
}
#week th{
	Background-color: ;
}
#week caption{
	Background-color: ;
}
#week tr:nth-child(odd){ background-color: #EFEFEF;}
#week tr:nth-child(even){ background-color:white;}
#chooseweek {
	 height: 40px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #chooseweek {
        height: 48px;
    }
}
#choosemonth {
	 height: 52px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #choosemonth {
        height: 53px;
    }
}
#mois{
	position: relative;
}
#mois td, #mois th{
	Font-size: 22px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	}
#mois th{
	Background-color: ;
}
#mois td{
	Font-weight: normal;	
}
#mois caption{
	Background-color: ;
}
#mois tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#mois tr:nth-child(even){ background-color:white;
					 }

#tendance{
	
	width: 940px;
	overflow: scroll;
}
#tendances td, #tendances th{
	Font-size: 26px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	min-height: 200px;
	width: 100px;
	}
#tendances th{
	Background-color: ;
}
#tendances td{
	Font-weight: normal;
}
#tendances caption{
	Background-color: ;
}
#tendances tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#tendances tr:nth-child(even){ background-color:white;
					 }



#ratioparteam{
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;
	max-width: 940px;
}
#ratioparteam td, #ratioparteam th, #ratioparteam tf {
	Font-size: 26px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 2px solid ;
	Font-weight: bold;
	width: 100px;
	min-width: 100px;
	overflow: auto;
	}
#ratioparteam th,#ratioparteam tf {
	Background-color: ;
}
#ratioparteam caption{
	Background-color: ;
}
#ratioparteam tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#ratioparteam tr:nth-child(even){ background-color:white;
					 }
#tendfixe th{
	Background-color: ;
}
#tendfixe td, #tendfixe th{
		Font-size: 26px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
	height: 30px;
	width: 100px;
}
#tendfixe tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#tendfixe tr:nth-child(even){ background-color:white; }

#tendfixea {
	top: 393px;
	position: absolute;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #tendfixea {
        top: 410px;
    }
}
#tendfixeb {
	height: 86px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #tendfixeb {
        height: 84px;
    }
}

#tousresultat table{
	overflow-x: scroll;
}
#tousresultats thead{
	position: relative;
}

#tousresultats td, #tousresultats th{
	margin: auto;
	Font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
	}
#tousresultat tfoot{
	position: relative;
	margin-top: 1000px;
	margin: auto;	
}
#tousresultats tf{
	Font-size: 20px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
}
#tousresultats th, #tousresultats tf{
	Background-color: ;
}
#tousresultats caption{
	Background-color: ;
}
#tousresultats tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#tousresultats tr:nth-child(even){ background-color:white;
					 }
#tousresultats tbody{
	position: relative;
}
#tousresultatsdetail table{
	float: left	;
	display: inline;
}
#tousresultatsdetail thead{
	position: relative;

}
#tousresultatsdetail td, #tousresultatsdetail th{
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
	height: 80px;
	width: 70px;
	}
#tousresultatsdetail tfoot{
	position: relative;
	margin-top: 1000px;
	margin: auto;	
}
#tousresultatsdetail tf{
	Font-size: 20px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid ;
	Font-weight: bold;
}
#tousresultatsdetail th, #tousresultatsdetail tf{
	Background-color: ;
}
#tousresultatsdetail caption{
	Background-color: ;
}
#tousresultatsdetail tr:nth-child(odd){ background-color: #EFEFEF;
					  }
#tousresultatsdetail tr:nth-child(even){ background-color:white;
					 }
#tousresultatsdetail tbody{
	position: relative;
}
/*tfoot{
	position: relative;
	width: 930px;
	margin-top: 1000px;
	
	
}*/
 td, th{
	border: 2px solid #A65B1A;
	text-align: center;
	color: black;
	}
th {
	Background-color: #A65B1A;
	color: #FFFFFF;
	}

floatable {
 z-index: 9999;
 position: fixed;
 top: 0;
}

caption{
	Font-size: 30px;
	Font-weight: bold;
	Background-color: #A65B1A;
	color: #FFFFFF;
}

tr:nth-child(odd){ background-color:#FEFEE2;
					  }
tr:nth-child(even){ background-color:#F0E5CC;
					 }
.classlive{
	display: flex;
	align-items: left;
	font-size: x-large;
	}
#premier{
	color: black ;/* #ffd700 */
	}
h1{
text-align: left;
}
input
{
height: 30px;
width: 250px;
}
img{
	width: 70%;
	max-width: 100%;
	height : auto;
	}
#at{
	color: blue;
	}	
#hometeam{
	width: 200px;
	Font-size: 25px;
	}
#awayteam{
	width: 200px;
	Font-size: 25px;
	}
#heures{
		    display: flex;
    justify-content: center;
     align-items: center;
    font-size: x-large;
    flex-direction : row;
    } 
img[alt="AwinTrop"]{
	border: 8px #00FF00 inset;
    } 
img[alt="HwinTrop"]{
	border: 8px #00FF00 inset;
	}
img[alt="AloseTrop"]{
	opacity: 0.2;
	border: 8px white;
	}    
img[alt="HloseTrop"]{
	opacity: 0.2;
	border: 8px white;
	}
  

.newsticker {
      color : white;
        list-style-type: none;
        border: 1px dashed #fff;
        background: #050c44;
        padding: 3px;
        margin: 0;
}



h1{
	text-align: center;
	}

	

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: ;
    z-index: 100;
}


/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #87CEEB;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1500px) {
	.topnav{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 130px;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1500px) {

  }
  ul.topnav.responsive li {
	  margin-left: auto;
    margin-right: auto;
    padding-right : 50px ;
  }
  ul.topnav.responsive li a {
   display: inline-block;
    color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 14px 16px;
    padding-right: 20px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 50px;
  }