header 
	{
	background-color: black;			
	width : 100% ;
	height : 100px ;
	margin-top : -2% ;
	}
	
	
#footer 
	{
	background-image:  url("../images/footer.jpg") ;
	color : white ;
	text-align : right ;
	padding-top : 50px ;
	padding-bottom : 1%;
	padding-right : 1% ;
	margin-bottom : 0% ;
	}
	
#logofoot
	{
	width : 90px ;
	float : left ;
	padding-top : 5px ;
	padding-left : 5px ;
	}
	
	h1 
	{
	color : white ;
	font-size : 300% ;
	text-align : center;
	padding-top : 15px ;
	width : 100% ;
	}

a
	{
	color : purple ;
	}
	
/*////////CSS Page 1///////////////*/


	
.etoile
	{
	width : 4%;
	}

#notation
	{ 
	padding : 5px;
	margin-top : 5%;
	margin-right: auto ;
	margin-left: auto ;
	border :1px solid black ;
	width : 90% ;
	font-size : 125% ;
	opacity : 0.8;
	background-color : #FFFFFF;
	display : none ;
	}
	
#jspage1
	{
	width : 100% ;
	text-align : center ;
	font-size : 125% ;
	background-color : #888; 
	color : white ;
	border : 1px black solid ;
	padding-top : 1%;
	padding-bottom : 1%;
	opacity : 0.9 ;
	margin-top: 5%;
	font-family : Avanta Garde ;
	font-weight : bold ;	
	}	

#imgweb
	{
	width : 5% ;
	float : right;
	}


#bodyp1 
	{
	background-image :url("../images/joueur2.jpeg") ;
	background-repeat : repeat-y ;
	background-attachment : fixed ;
	background-size : cover ;
	}
	



#tableau1
	{
	border-collapse : collapse;
	width : 100% ;
	margin-bottom : 2%;
	background-color : #000000;
	font-size : 135% ;
	}

#envoyer
	{
	float : right ;
	margin-top : -5%;
	margin-right :2% ;
	width : 15%;
	font-size : 75%;
	}

.tableau1
	{
	border :1px solid black ;
	width : 20% ;
	text-align : center ;
	padding-bottom : 15px ;
	}
	
	
#expfb
	{ 
	padding : 5px;
	margin-top : 5%;
	margin-right: auto ;
	margin-left: auto ;
	border :1px solid black ;
	width : 90% ;
	font-size : 125% ;
	opacity : 0.8;
	background-color : #DDDDDD;
	}

	
#stadep1
	{
	display: block;
	width : 90% ; 
	margin-right : auto ;
	margin-left : auto ;
	margin-top: 5% ;
	}
	
	
	
	
/*////////CSS Page 2///////////////*/	

#bodyp2
	{
	background-image :url("../images/arbitre.jpg") ;
	background-repeat : repeat-y ;
	background-attachment : fixed ;
	background-size : cover ;
	}


#tableau2
	{
	margin-bottom : 0% ;
	border : solid black 1px ;
	width : 100% ;
	text-align : center ;
	padding : 10px ;
	font-size : 125% ;	
	background-color : #000000;
	opacity : 0.85;
	}
	
.listep2
	{
	width : 100% ;
	text-align : center ;
	color : green ;
	font-size : 100% ;
	}
	


	
.blocp2
	{	
	margin-top : 2% ;
	padding : 1% ;
	width : 98%;
	font-size : 125% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	display : none ;
	}



#tableauscore	
	{
	text-align : center ;
	width : 95% ;
	border : black 1px solid ;
	margin : auto;
	}
	
.tableauscore	
	{
	text-align : center ;
	border : black 1px solid ;
	margin : auto;
	border-collapse : collapse ;
	padding : 1px ;
	}

.info
	{
	width : 3% ;
	float : right ;
	margin-top : -3% ;
	}

#terrainimg
	{	
	display : block ;
	margin : auto ;
	}

.boutonp2
	{
	width : 100% ;
	text-align : center ;
	font-size : 125% ;
	background-color : #888; 
	color : white ;
	border : 1px black solid ;
	padding-top : 1%;
	padding-bottom : 1%;
	opacity : 0.9 ;
	margin-bottom: 1%;
	font-family : Avanta Garde ;
	font-weight : bold ;
	}


/*////////////////////CSS Page 3/////////////////////////*/

#bodyp3
	{
	background-image :url("../images/bodyp3.jpg") ;
	background-repeat : repeat-y ;
	background-attachment : fixed ;
	background-size : cover ;
	}

#logonfl

	{
	margin-top : 2% ;
	padding : 2% ;
	width : 95%;
	font-size : 125% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	}


#NFL
	{
	display : inline-block ;
	width : 20% ;
	margin-left : 40%;
	opacity : 1 ;
	}

#pNFL
	{
	width : 40% ;
	margin-bottom : 2% ;
	margin-top : 2% ;
	margin-left :28%;
	padding : 2% ;
	font-size : 125% ;	
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	text-align : center ;
	}

.parap3
	{
	margin-top : 2% ;
	padding : 2% ;
	width : 95%;
	font-size : 125% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	}
#pNFC
	{
	width : 40% ;
	display : inline-block ;
	float : right ;
	margin-bottom : 2% ;
	margin-top : 1% ;
	padding : 2% ;
	font-size : 125% ;	
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	text-align : center ;
	}

#pAFC
	{
	width : 40% ;
	display : inline-block ;
	float : left ;
	margin-bottom : 2% ;
	margin-top : 2% ;
	padding : 2% ;
	font-size : 125% ;	
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	text-align : center ;
	}


#logonfc
	{
	width : 30% ;
	float : right ;
	margin-bottom : 2% ;
	margin-right : 5% ;
	}

#logoafc
	{
	width : 30% ;
	float : left ;
	margin-bottom : 2% ;
	margin-left : 5% ;
	}



#p1,#p2,#p3
	{
	display : none
	}

#fleche 
	{
	display : inline-block ;
	width : 2% ;
	float :right ;

	}

#boutonp3
	{
	width : 100% ;
	height : 60px;
	text-align : center ;
	font-size : 125% ;
	background-color : #888; 
	color : white ;
	border : 1px black solid ;
	padding-top : 1%;
	padding-bottom : 1%;
	opacity : 0.9 ;
	margin-bottom: 1%;
	font-family : Avanta Garde ;
	font-weight : bold;
	}


/*///////////css pour la page 4////////////////////////////////////*/

#bodyp4
	{
	background-image : url("../images/bodyp4.jpg"); 
	background-repeat : repeat-y ;
	background-attachment : fixed ;
	background-size : cover ;
	}



#parap4
	{
	margin-top : 2% ;
	padding : 2% ;
	width : 95%;
	font-size : 125% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	}

.logop4
	{
	width : 70px ;
	height : 50px;
	}


#tableAFC
	{
	background-color : #fbaa99;
	font-size : 125%;
	height : 50px;
	border : solid 1px black;
	}

#tableNFC
	{
	background-color : #80cee1;
	font-size : 125%;
	height : 50px;
	border : solid 1px black;
	}


.lg2p4
	{
	background-color : #ddd;
	font-size : 100%;
	height : 50px;
	border : solid 1px black;
	}

.lg3
	{
	height : 100px;
	border : solid 1px black;
	}


.tableteam

	{
	width : 100% ;
	text-align : center ;
	border-collapse : collapse ;
	border : solid 1px black ;
	background-color : #EEEEEE;
	opacity : 0.9 ; 
	}

.colonne
	{
	border : solid 1px black;
	}


/*///////////css pour la page 6///////////////////////////////////////////////*/

#bodyp6
	{
	background-color: #111111;
	}

#h1attaque
	{
	width : 100% ;
	background-color : purple ;
	border : solid black 1px;
	}

#h1defense, #h1spéciale
	{
	width : 100% ;
	background-color : purple ;
	border : solid black 1px;
	margin-top : 5% ;
	}



#slider, #slider2, #slider3
	{
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
	}

#slide,	#slide2, #slide3
	{
	height : 600px ;
	margin : auto ;
	}
	
	

#precedent,#suivant, #precedent2, #suivant2, #precedent3, #suivant3
	{
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 0;
    position: absolute;
    font-size: 100px;
    color: rgba(220, 220, 220, 0.8);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
	}

#precedent, #precedent2, #precedent3
	{
    left: 0;
	}

#suivant, #suivant2,#suivant3 
	{
    right: 0;
	}
	
#slider:hover #precedent,
#slider:hover #suivant 
	{
    opacity: 1;
	}

#slider2:hover #precedent2,
#slider2:hover #suivant2 
	{
    opacity: 1;
	}

#slider3:hover #precedent3,
#slider3:hover #suivant3 
	{
    opacity: 1;
	}

.para6
	{
	width : 45% ;
	background-color : #eee ;
	border : solid black 1px;
	font-size : 150%; 
	padding : 1% ;
	margin : 1%;
	display : block ;
	}

.boutonp6
	{
	width : 47% ;
	background-color : #999 ;
	border : solid black 1px;
	font-size : 150%; 
	padding : 1% ;
	margin : 1%;
	}

.back
	{
	width :  15%;
	background-color : purple ;
	color : white ;
	padding : 1% ;
	}

/*//////////////////////CSS WEBOGRAPGIE//////////////////////////*/



#body7
	{
	background-image :url("../images/stade.jpg") ;
	background-repeat : repeat-y ;
	background-attachment : fixed ;
	background-size : cover ;
	}

#titrewebo
	{
	margin-top : 2% ;
	padding : 2% ;
	width : 95%;
	font-size : 155% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	text-align : center ;
	}
	
.cadre
	{
	margin-top : 2% ;
	padding : 2% ;
	width : 95%;
	font-size : 125% ;	
	margin-bottom : 2% ;
	border : solid black 1px ;
	opacity : 0.85 ;
	background-color : #EEEEEE; 
	}


.blocpweb
	{
	display : none ;
	text-align :center;
	}

.lien
	{
	color:black ;
	}


.boutonpweb
{
	width : 100% ;
	background-color : #999 ;
	border : solid black 1px;
	font-size : 150%; 
	padding : 1% ;
	margin : 1%;
	font-family : Avanta Garde ;
}