/*
	Noir : #14140F
	Dorée : #F1B400
	Rouge : #FE3900
	Blanc : #FFFDF8

*/
:root { 
	--vh: 1vh;
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  body { }
}
body{
	background-color: #14140F;
}

#contenu
{
	height: 100dvh;
	width: 100%;
	
	position: absolute;
	z-index: 0;
	
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: none;       /* Firefox */
  	-ms-overflow-style: none;
}

/*Template blocs*/
	.carteXL{
		height: 70vh;
		width: calc(70vh / 1.55);
		
		margin-left: calc(50% - 70vh / 1.55 / 2);
		align-self: center;
		min-height: 70vh;
		border-radius: calc(70vh / 1.55 * 0.035);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);

		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	/*CarteMatch*/
		.ligueMatch{
			width: 100%;
		}
		.ligueMatch__titre{
			display: flex;
			align-items: center;
		}
		.ligueMatch__titre img{
			height: 30px;
			width: auto;

			margin: 0px 15px;

			border-radius: 1px;
		}
		.ligueMatch__titre p{
			color:#FFFDF8;
			font-weight: bold;
		}
		#listeMatchs{
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			overflow: scroll;
			scrollbar-width: none;       /* Firefox */
  			-ms-overflow-style: none;
		}
		.ligneMatchs{
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			flex-wrap: wrap;
		}
		.ligneMatchs .carteL:nth-child(1){
			margin-left: 0;
		}
		.ligneMatchs .carteL:nth-last-child(1){
			margin-right: 0;
		}
		.ligneMatchs .carteM:nth-child(1){
			margin-left: 0;
		}
		.ligneMatchs .carteM:nth-last-child(1){
			margin-right: 0;
		}
		.ligneMatchs .carteS:nth-last-child(1){
			margin-right: 0;
		}

	/*CarteJoueur*/
		.listeJoueurs{
			width: 60%;

			margin-left: 20%;		
		}
		.ligneJoueurs{
			width: 100%;

			display: flex;
			justify-content:center;
		}
	/*CarteJoueur*/

	/*CarteTicket*/
		.ligneJoueur__titre{
			margin-left: 10%;
		}
		.ligneTickets{
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;
			overflow: scroll;
			scrollbar-width: none;       /* Firefox */
  			-ms-overflow-style: none;
		}
		.ligneTickets .carteL{
			margin-left: 10px;
			margin-bottom: 20px;
		}
		.ligneTickets .carteM{
			margin-left: 25px;
		}
		.ligneTickets .carteS{
			margin-left: 15px;
		}
	/*CarteTicket*/

	/*Autres*/
		.bouton{
		}
		.bouton:disabled{
		}
		.bouton--seul{
		}
		.blocInfo{
			width: 40%;
			height: 100px;

			margin: 30px 30%;
			position: relative;
		}
	/*Autres*/	
/*Template blocs*/

/*template*/
	/*Burger*/
		.menu {
			width: 100%;
			height: 100%;
		}

		#menu__pp{
			margin-top: 30%;
			margin-bottom: 25px;
		}

		.menu p{
			margin-bottom: 75px;

			color: #FFFDF8;
			font-size: 48px;
			font-weight: 1000;
		}

		#menu__btnConnexion{
			width: 30%;

			margin-top: 20%;
			margin-bottom: 50px;
		}

		#bouton--deconnexion{
			width: 20%;
		}
	/*Burger*/
	/*header*/
		#header__left
		{
			height: 100%;
			width: 25%;
		}
		/*switch*/
			#switch{
				width: 25%;
			}
		/*switch*/

		#header__burger
		{
			width: 25%;
		}
		#header__burger__king{
			width: 40%;
			margin-right: 30%;
		}
		#switch p{
			font-size: 16px;
		}
	/*header*/

	/*footer*/
		.footer__div{
			height: 100;
			width: 20%;
			display: flex;
			justify-content: space-around;
		}
		.footer__div--left{
			left: 0;
			margin-left: 25%;
		}
		.footer__div--right{
			right: 0;
			margin-right: 25%;
		}
	/*footer*/
/*template*/

/*accueil*/
/*accueil*/

/*connexion*/

	.carteCo__header{
		border-radius: calc(70vh / 1.55 * 0.035);
	}
	#carteCo__header__dispo{
		font-size: 8px;
		position: relative;
		z-index: 3;
	}
	.carteCo__list{
		overflow-y: hidden;
		color:#14140F;
	}
	.carteCo__footer p{
		color:#14140F;
	}
/*connexion*/

/*tickets*/
	#barreTri{
		width: 20%;

		margin-left: 40%;
	}

/*Compte*/
	#compte__blocBtn{
		width: 30%;

		margin: 20px 35%;

		display: flex;
		justify-content:space-between;
	}

	.compte__vitrine{
		width: 75%;

		position: relative;
		margin: 40px 12.5%;

		display: flex;
		background: rgba(255, 255, 255, 0.05); /* léger voile pour la vitrine */
		backdrop-filter: blur(8px); /* verre dépoli, effet moderne */
		border-radius: 1rem;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
	}

	.compte__vitrine__titre{
		width: 30%;

		left: 35%;
	}

	.compte__vitrine__content{
		justify-content: center;
		overflow-y: hidden;
	}

	.compte__vitrine__content .carteL:nth-child(1){
		margin-left: 0; /*jsp pk 15%*/
	}

	.compte__vitrine__content .carteL:nth-child(3){
		margin-right: 0; /*jsp pk 15%*/
	}

	.compte__vitrine__btn{
		width: 20%;
		left: 40%;
	}

	/*Bibliotheque*/
		.bibliotheque__vitrine{
			width: 60%;

			position: relative;
			margin: 0 20%;
			margin-top: 40px;
		}

		.bibliotheque__vitrine__titre{
			width: 30%;

			left: 35%;
		}
	/*Bibliotheque*/
/*Compte*/