@font-face {
    font-family: 'NeonSans';
    src: url('./fonts/neon_sans/NeonSans.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NeonGlow';
    src: url('./fonts/neon_glow/NEON_GLOW.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.xdebug-var-dump { color: #888; } .xdebug-var-dump small:nth-child(2) { color: indianred; font-style: italic; } .xdebug-var-dump font { color: limegreen; }


:root {

	--orange-one: rgba(225,115,34,1);
	--red-one: rgba(225,75,34,1);
	--green-one: rgba(94,231,42,1);

	--color-bg-menu-one: rgba(25,25,25,1);
	--color-bg-menu-two: rgba(50,50,50,.75);
	--color-bg-menu-three: rgba(50,50,50,.25);

	--size-affiche-height: 220px;
	--size-affiche-width: calc(var(--size-affiche-height) * .7);
	--size-affiche-panneau-height: 300px;
	--size-affiche-panneau-width: calc(var(--size-affiche-panneau-height) * .7);

	--brad: .3rem;

	--keyframe-glow-ts-on: 0 0 60px rgba(0,0,0,1), 0 0 30px rgba(0,0,0,.9), 0 0 15px rgba(243,119,44,1), 0 0 10px rgba(243,119,44,.95), 0 0 5px rgba(243,119,44,.85);
	--keyframe-glow-ts-off: 0 0 60px rgba(0,0,0,1), 0 0 30px rgba(0,0,0,.9);
	--keyframe-borderGlow-ts-on: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 15px rgba(243,119,44,1), 0 0 10px rgba(243,119,44,.95), 0 0 5px rgba(243,119,44,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 15px rgba(243,119,44,1) inset, 0 0 10px rgba(243,119,44,.95) inset, 0 0 5px rgba(243,119,44,.85) inset;
	--keyframe-borderGlow-ts-off: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset;
	--keyframe-glow-color-on: #F3772C;
	--keyframe-glow-color-off: #B06131;

	--borderGlow-small-off: 0 0 10px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.3) inset, 0 0 5px rgba(0,0,0,.2) inset;
	--borderGlow-small-on: 0 0 10px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.2), 0 0 8px rgba(243,119,44,1), 0 0 5px rgba(243,119,44,.95), 0 0 3px rgba(243,119,44,.85), 0 0 10px rgba(0,0,0,.3) inset, 0 0 5px rgba(0,0,0,.2) inset, 0 0 8px rgba(243,119,44,1) inset, 0 0 5px rgba(243,119,44,.95) inset, 0 0 3px rgba(243,119,44,.85) inset;

	--borderColor-menu-actif: #5EE72A;
	--borderGlow-menu-actif: 0 0 15px rgba(0,0,0,.3), 0 0 8px rgba(0,0,0,.2), 0 0 10px rgba(71,201,21,1), 0 0 7px rgba(71,201,21,.95), 0 0 5px rgba(71,201,21,.85), 0 0 15px rgba(0,0,0,.3) inset, 0 0 8px rgba(0,0,0,.2) inset, 0 0 10px rgba(71,201,21,1) inset, 0 0 7px rgba(71,201,21,.95) inset, 0 0 5px rgba(71,201,21,.85) inset;
	--borderGlow-actif-small: 0 0 15px rgba(0,0,0,.3), 0 0 8px rgba(0,0,0,.2), 0 0 7px rgba(71,201,21,1), 0 0 5px rgba(71,201,21,.85), 0 0 15px rgba(0,0,0,.3) inset, 0 0 8px rgba(0,0,0,.2) inset, 0 0 7px rgba(71,201,21,1) inset, 0 0 5px rgba(71,201,21,.85) inset;

}
 
#baseSize { content: "no-mobile"; height: var(--size-affiche-height); width: var(--size-affiche-width); opacity: 0; }

.sc_btn {
	display: inline-block;
	height: 1.7rem;
	line-height: 1.8rem;
	background: #000;
	color: beige;
	text-align: center;
	border: solid 2px var(--keyframe-glow-color-off);
	border-radius: var(--brad);
	box-shadow: var(--borderGlow-small-off);
	cursor: pointer;
}

	.sc_btn:hover {
		border: solid 2px var(--keyframe-glow-color-on);
		box-shadow: var(--borderGlow-small-on);
	}


* {
	user-select: none;
	font-family: Source Code Pro;
	font-weight: 400;
	font-size: 18px;
}


.xdebug-error { color: black !important; }


.ui-dialog { z-index: 1000 !important ; }


body {
	display: block;
	width: 100vw;
	height: 100vh;
	background: rgb(0,0,0);
	background: url('../ress/brick-wall-dark.png'), linear-gradient(180deg, rgba(142,34,4,.6) 0%, rgba(142,34,4,.3) 20%, rgba(0,0,0,.8) 100%);
	overflow: hidden;
	position: relative;
}


/* Scrollbar */

	/* width */
	::-webkit-scrollbar {
		width: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: rgba(0,0,0,0);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: var(--green-one);
		border-radius: 5px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: var(--color-blue-two);
	}

/* --- */


/* Titre */

	#titre {
		display: block;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		margin-top: 12px;
		z-index: 800;
		vertical-align: middle;
		height: 90px;
	}

		#titre #titre_texte {
			display: inline-block;
			padding: 0 2rem;
			font-family: 'NeonGlow';
			font-size: 4rem;
			color: #F3772C;
			text-shadow: var(--keyframe-glow-ts-on);
			filter: blur(.5px);
			animation: 	flicker 20s ease infinite, flickerBorder 19s ease infinite;
			border-width: 2px;
			border-style: solid;
			border-color: var(--keyframe-glow-color-on);
			border-radius: 3rem .5rem;
			box-shadow: var(--keyframe-borderGlow-ts-on);
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}

	@keyframes flicker {

		0% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		0.1% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		0.8% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		0.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		1.2% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		1.3% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		2.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		2.2% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		2.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		2.4% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		2.8% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		2.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }

		30% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		30.1% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		30.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		30.5% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		30.7% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		30.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		32.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		31.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		32.2% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		32.3% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		34.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		34.2% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		34.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		35.4% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		35.6% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		35.7% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		35.9% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }

		60% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		60.1% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		60.8% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		60.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		61.2% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		61.3% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		62.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		62.2% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		62.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		62.4% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		62.8% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		62.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		63% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }

		85% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		85.1% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		85.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		85.5% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		85.7% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		85.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		87.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		86.9% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		87.2% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		87.3% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		89.1% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		89.2% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		89.3% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		90.4% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		90.6% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }
		90.7% { color: var(--keyframe-glow-color-off); text-shadow: var(--keyframe-glow-ts-off); }
		90.9% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }

		100% { color: var(--keyframe-glow-color-on); text-shadow: var(--keyframe-glow-ts-on); }

	}

	@keyframes flickerBorder {

		0% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		0.1% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		0.8% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		0.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		1.2% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		1.3% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		2.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		2.2% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		2.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		2.4% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		2.8% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		2.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }

		30% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		30.1% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		30.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		30.5% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		30.7% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		30.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		32.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		31.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		32.2% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		32.3% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		34.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		34.2% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		34.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		35.4% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		35.6% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		35.7% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		35.9% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }

		60% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		60.1% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		60.8% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		60.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		61.2% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		61.3% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		62.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		62.2% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		62.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		62.4% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		62.8% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		62.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		63% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }

		85% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		85.1% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		85.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		85.5% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		85.7% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		85.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		87.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		86.9% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		87.2% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		87.3% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		89.1% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		89.2% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		89.3% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		90.4% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		90.6% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }
		90.7% { border-color: var(--keyframe-glow-color-off); box-shadow: var(--keyframe-borderGlow-ts-off); }
		90.9% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }

		100% { border-color: var(--keyframe-glow-color-on); box-shadow: var(--keyframe-borderGlow-ts-on); }

	}

/* --- */


/* Menu.php */

	@media (min-width: 751px){
		#menu_mobile, #menu_mobile * { display: none; }
	}

	#menu {
		position: fixed;
		width: 120px;
		height: 90vh;
		background: var(--color-bg-menu-one);
		top: 0;
		left: 0;
		border-bottom-right-radius: 2em;
		border-right: solid var(--orange-one) 2px;
		border-bottom: solid var(--orange-one) 2px;
		box-shadow: .2em 0 1em var(--red-one), -1em -1em 1em -1em var(--red-one) inset;
		text-align: left;
		z-index: 999;
	}

		#menu .bouton_menu {
			display: inline-block;
			margin-left: 22px;
			margin-top: .5vh;
			width: 68px;
			height: 54px;
			max-height: 8vh;
			font-size: 28px;
			color: #ddd;
			background-color: rgba(0,0,0,1);
			border: solid 2px var(--keyframe-glow-color-off);
			border-radius: calc( var(--brad) * 3 );
			box-shadow: var(--keyframe-borderGlow-ts-off);
			cursor: pointer;
			transition: width .1s linear;
			text-align: center;
			vertical-align: middle;
			position: relative;
			overflow: hidden;
		}

			#menu .bouton_menu .icon_holder {
				display: inline-block;
				width: 67px;
				line-height: 54px;
				position: absolute;
				left: 0;
			}

			#menu .bouton_menu .bouton_menu_hidden_part {
				display: inline-block;
				position: absolute;
				left: 74px;
				width: 182px;
				line-height: 54px;
				font-size: inherit;
				font-variant: small-caps;
			}

				#menu #bouton_menu_login {
					font-size: 18px;
				}

				#menu #bouton_menu_recherche:hover {
					width: 320px;
				}

					#menu #bouton_menu_recherche .bouton_menu_hidden_part {
						width: 245px;
					}

					#menu #bouton_menu_recherche:has(input:focus){
						width: 320px;
					}

					#menu #bouton_menu_recherche input {
						outline: none;
						border: none;
						text-align: center;
						line-height: 2rem;
						border-radius: var(--brad);
						position: relative;
						top: -3px;
					}

		#menu .bouton_menu.bouton_menu_current_page {
			box-shadow: var(--borderGlow-menu-actif);
			border: solid 2px var(--borderColor-menu-actif);
		}

		#menu .bouton_menu:hover {
			box-shadow: var(--keyframe-borderGlow-ts-on);
			border: solid 2px var(--keyframe-glow-color-on);
			width: 260px;
		}

		#menu #menu_icons {
			position: absolute;
			bottom: 0;
			margin: 12px 0;
			width: 100%;
		}

		#menu #login_screen {
			display: none;
			min-width: 780px;
			width: 40vw;
			min-height: 370px;
			height: 40vh;
			background: rgba(25,25,25,.95);
			position: fixed;
			top: 30vh;
			left: 30vw;
			border: solid 2px var(--keyframe-glow-color-on);
			box-shadow: var(--keyframe-borderGlow-ts-on);
			border-radius: var(--brad);
			color: beige;
			z-index: 999;
		}

			#menu #login_screen #close_login_screen {
				color: beige;
				background: indianred;
				display: inline-block;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				border: solid 2px #000;
				border-radius: 30px;
				position: absolute;
				top: -1px;
				right: -1px;
				box-shadow: 0 0 5px #333;
				cursor: pointer;
			}

				#menu #login_screen #close_login_screen:hover { background: red; }
				#menu #login_screen #close_login_screen:active { background: coral; }

			#menu #login_screen table { width: 100%; height: 100%; }
			#menu #login_screen table td { width: 50%; height: 100%; text-align: center; vertical-align: top; }
			#menu #login_screen table tr td:first-child { border-right: solid 1px rgba(255,255,255,.5); }
			#menu #login_screen table tr td h2 { font-variant: small-caps; font-size: 1.8rem; }

			#menu #login_screen input {
				height: 2rem;
				margin: .3rem 0;
				border: none;
				border-radius: var(--brad);
				outline: none;
				text-align: center;
				font-variant: small-caps;
				font-size: 1.35rem;
			}

			#menu #login_screen input[type="checkbox"] { width: 20px; margin: 0 .5rem; }
			#menu #login_screen label { font-size: .8rem; position: relative; top: -13px; }

			#menu #login_button, #menu #signin_button {
				display: inline-block;
				width: 5rem;
				line-height: 2.5rem;
				font-variant: small-caps;
				font-size: 1.35rem;
				cursor: pointer;
				background: rgba(0,0,0,1);
				border: solid 2px var(--keyframe-glow-color-off);
				box-shadow: var(--keyframe-borderGlow-ts-off);
				border-radius: var(--brad);
				margin-top: .5rem;
			}

			#menu #login_button:hover, #menu #signin_button:hover {
				border: solid 2px var(--keyframe-glow-color-on);
				box-shadow: var(--keyframe-borderGlow-ts-on);
			}

			#menu #login_screen #login_error, #menu #login_screen #signin_status_error, #menu #login_screen #signin_status_valid {
				display: none;
				font-size: .8rem;
				background: rgba(255,255,255,.2);
				padding: .5rem;
				margin-top: .7rem;
				border-radius: var(--brad);
				border: solid 2px rgba(255,0,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 10px rgba(255,0,0,.95), 0 0 5px rgba(255,0,0,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 10px rgba(255,0,0,.95) inset, 0 0 5px rgba(255,0,0,.85) inset;
			}

			#menu #login_screen #signin_status_valid {
				border: solid 2px rgba(0,255,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 10px rgba(0,255,0,.95), 0 0 5px rgba(0,255,0,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 10px rgba(0,255,0,.95) inset, 0 0 5px rgba(0,255,0,.85) inset;
			}

			#menu #login_screen .signin_witness {
				display: inline-block;
				width: 14px;
				height: 14px;
				border-radius: 50%;
			}

			#menu #login_screen .signin_witness_red {
				background: rgba(255,0,0,.6);
				border: solid 2px rgba(255,0,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 10px rgba(255,0,0,.95), 0 0 5px rgba(255,0,0,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 10px rgba(255,0,0,.95) inset, 0 0 5px rgba(255,0,0,.85) inset;
			}

			#menu #login_screen .signin_witness_orange {
				background: rgba(243,128,37,.6);
				border: solid 2px rgba(243,128,37,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 10px rgba(243,128,37,.95), 0 0 5px rgba(243,128,37,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 10px rgba(243,128,37,.95) inset, 0 0 5px rgba(243,128,37,.85) inset;
			}

			#menu #login_screen .signin_witness_green {
				background: rgba(0,255,0,.6);
				border: solid 2px rgba(0,255,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.2), 0 0 10px rgba(0,255,0,.95), 0 0 5px rgba(0,255,0,.85), 0 0 20px rgba(0,0,0,.3) inset, 0 0 10px rgba(0,0,0,.2) inset, 0 0 10px rgba(0,255,0,.95) inset, 0 0 5px rgba(0,255,0,.85) inset;
			}

/* --- */


/* Corps.php */

	/* Scrollbar */

		/* width */
		#corps::-webkit-scrollbar {
			width: 0px;
			cursor: pointer;
		}

		/* Track */
		#corps::-webkit-scrollbar-track {
			background: rgba(0,0,0,0);
			cursor: pointer;
		}

		/* Handle */
		#corps::-webkit-scrollbar-thumb {
			background: rgba(0,0,0,0);
			border-radius: 0px;
			cursor: pointer;
		}

		/* Handle on hover */
		#corps::-webkit-scrollbar-thumb:hover {
			background: rgba(0,0,0,0);
			cursor: pointer;
		}

	/* //Scrollbar */

	#corps {
		position: fixed;
		display: inline-block;
		width: calc( 100vw - 175px );
		height: calc( 100vh - 150px );
		max-height: calc( 100vh - 150px );
		right: 0;
		bottom: 0;
		padding: 0 1em;
		margin: 0;
		overflow-y: auto;
		border-top-left-radius: 2em;
		border-left: solid var(--orange-one) 2px;
		border-top: solid var(--orange-one) 2px;
		box-shadow: .2em 0 1em var(--red-one), 1em 1em 1em -1em var(--red-one) inset;
		background: var(--color-bg-menu-one);
	}

		.liste_scroll_next, .liste_scroll_previous, .liste_refresh {
			display: inline-block;
			height: var(--size-affiche-height);
			width: var(--size-affiche-width);
			padding: 0;
			border-radius: calc(var(--brad) * 2);
			background: rgba(0,0,0,.3);
			transition: all linear 100ms;
			position: relative;
			cursor: pointer;
			margin: 0 8px;
			font-family: 'Nanum Gothic';
			line-height: calc( var(--size-affiche-height) * .85 );
			font-size: calc( var(--size-affiche-height) * .75 );
			color: rgba(255,255,255,.2);
		}

			.liste_scroll_next:hover, .liste_scroll_previous:hover, .liste_refresh:hover {
				color: rgba(255,255,255,.7);
				background: rgba(0,0,0,.8);
				transition: all linear 100ms;
			}

				.liste_scroll_previous::after, .liste_scroll_next::after, .liste_refresh::after {
					position: absolute;
					top: 0;
					left: 0;
					line-height: calc( var(--size-affiche-height) * .85 );
					width: var(--size-affiche-width);
					font-size: calc( var(--size-affiche-height) * .75 );
					font-weight: bold;
					text-align: center;
					font-family: 'Nanum Gothic';
					color: rgba(255,255,255,.2);
					cursor: pointer;
					transition: color linear 50ms;
				}

				.liste_scroll_previous::after 	{ content: "‹"; }
				.liste_scroll_next::after 		{ content: "›"; }
				.liste_refresh::after 			{ content: "↻"; }

					.liste_scroll_previous:hover::after, .liste_scroll_next:hover::after, .liste_refresh:hover::after { color: rgba(255,255,255,.7); transition: color linear 50ms; }
					.liste_scroll_previous:active::after, .liste_scroll_next:active::after, .liste_refresh:active::after { color: rgba(225,115,34,.7); text-shadow: 0 0 1rem rgba(225,75,34,.5); }

		.liste_serie {
			width: 100%;
			height: var(--size-affiche-height);
			padding: 0;
			margin: 0 0 5px 0;
			font-size: 0;
			left: 0;
			text-align: center;
		}

			.liste_serie .fiche_serie {
				display: inline-block;
				height: var(--size-affiche-height);
				width: var(--size-affiche-width);
				background-size: var(--size-affiche-width) var(--size-affiche-height);
				padding: 0;
				margin: 0 8px;
				opacity: 0;
				position: relative;
				filter: sepia(50%);
				border-radius: 7px;
			}

				.liste_serie .fiche_serie:hover {
					cursor: pointer;
					transform: scale(1.03);
					filter: none;
				}

			.liste_serie .list_element {
				opacity: 0;
			}

			.liste_serie .pinned_complete_elements {
				display: inline-block;
				height: var(--size-affiche-height);
				width: var(--size-affiche-width);
				padding: 0;
				margin: 0 8px;
				opacity: 0;
				position: relative;
			}

		.entete_liste_serie {
			display: inline-block;
			color: #fff;
			text-shadow: 0 0 .2em black, 0 0 .2em black, 0 0 .2em black;
			font-variant: small-caps;
			font-size: 24px;
			text-align: center;
			width: 100%;
			height: 1.5em;
			background: rgb(81,100,180);
			background: radial-gradient(circle, rgba(225,75,34,.45) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.25) 60%, rgba(225,115,34,.1) 100%);
			border-radius: 10px;
			margin-bottom: 5px;
			position: relative;
		}

			.entete_liste_serie::after , .entete_liste_serie::before {
				content: '';
				position: absolute;
				left: 0;
				width: 100%;
				height: 3px;
				background: radial-gradient(circle, rgba(225,115,34,.45) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.25) 60%, rgba(225,75,34,.1) 100%);
			}

			.entete_liste_serie::after { bottom: 0px; }
			.entete_liste_serie::before { top: 0px; }

		#cache_corps {
			display: none; /* sera affiché quand le panneau_serie sera déployé */
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2;
			background: rgba(50,50,50,.4);
			filter: drop-shadow(2px 4px 6px black);
		}

/* --- */


/* Serie.php */

	#entete_panneau_serie_admin {
		display: inline-block;
		text-align: left;
		width: calc(100% - 2em - 10px);
		margin: calc(1em - 5px);
		box-shadow: 0 0 .2em beige;
		border-radius: var(--brad);
		border: solid .1em #fff;
		background: rgba(105,105,105,1);
		padding: 5px;
		position: relative;
		z-index: 999;
	}

		#entete_panneau_serie_admin a {
			color: greenyellow;
			text-decoration: none;
			text-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
		}

			#entete_panneau_serie_admin a:hover { color: var(--orange-one); }

		#entete_panneau_serie_admin #set_ids_wrench {
			float: right;
			margin-right: 5px;
			color: greenyellow;
			text-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
			cursor: pointer;
		}

			#entete_panneau_serie_admin #set_ids_wrench:hover i { color: var(--orange-one); }

		#entete_panneau_serie_admin #admin_update_serie {
			float: right;
			margin-right: 10px;
			color: greenyellow;
			text-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
			cursor: pointer;
		}

			#entete_panneau_serie_admin #admin_update_serie:hover i { color: var(--orange-one); }

		#entete_panneau_serie_admin #toggle_admin_panel {
			float: right;
			margin-right: 10px;
			color: greenyellow;
			text-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
			cursor: pointer;
		}

			#entete_panneau_serie_admin #toggle_admin_panel:hover i { color: var(--orange-one); }

		#entete_panneau_serie_admin #input_admin_allocine {
			width: 60px;
			text-align: center;
			outline: none;
		}

		#entete_panneau_serie_admin #input_admin_imdb {
			width: 110px;
			text-align: center;
			outline: none;
		}

			#entete_panneau_serie_admin span > i {
				text-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
			}
			#entete_panneau_serie_admin span > .fa-circle-check {
				color: greenyellow;
			}
			#entete_panneau_serie_admin span > .fa-circle-question {
				cursor: pointer;
				color: darkorange;
			}

	#fiche_container_mobile {
		display: none;
	}

	#fiche_container {
		width: calc(100% - 2em);
		height: calc(100% - 2em);
		padding: 0 1em;
		text-align: center;
		overflow-y: auto;
	}

			/* Scrollbar */

				/* width */
				#fiche_container::-webkit-scrollbar {
					width: 8px;
					cursor: pointer;
				}

				/* Track */
				#fiche_container::-webkit-scrollbar-track {
					background: rgba(80,80,80,1);
					cursor: pointer;
				}

				/* Handle */
				#fiche_container::-webkit-scrollbar-thumb {
					background: var(--orange-one);
					border-radius: 8px;
					cursor: pointer;
				}

				/* Handle on hover */
				#fiche_container::-webkit-scrollbar-thumb:hover {
					background: var(--red-one);
					cursor: pointer;
				}

			/* //Scrollbar */

			#fiche_container code {
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				width: 100%;
				text-align: center;
				height: initial !important;
				max-height: initial !important;
			}

			#fiche_container .table_label {
				position: absolute;
				top: 0;
				left: 0;
				height: 27px;
				background: rgba(0,0,0,.5);
				padding: 0 .5rem;
				font-size: 1.2rem;
				border-bottom-right-radius: .4rem;
				border-top-left-radius: var(--brad);
				color: var(--orange-one);
			}

			#fiche_container #table_fiche_container {
				width: 1200px;
				min-width: 1200px;
				max-width: 1200px;
				margin: 0 auto 1rem;
				border-spacing: .4em;
			}

			#fiche_container #table_fiche_container tr td {
				box-shadow: 0 0 .2em beige;
				border-radius: var(--brad);
				border: solid .1em #fff;
				background: rgba(255,255,255,.5);
				padding: 0;
				position: relative;
			}

			#fiche_container #fiche_titre, #fiche_container_mobile #fiche_titre_mobile { /* TITRE */
				font-family: Impact;
				text-align: center;
				font-size: 1.2em;
				position: relative;
			}

				#fiche_titre i {
					font-family: Impact !important;
					color: rgba(0,0,0,.6);
				}

			#fiche_container #fiche_status, #fiche_status_mobile { /* STATUS */
				position: absolute;
				top: -3px;
				left: 0;
				width: calc(100% - 2px);
			}

				#fiche_container #fiche_status_texte, #fiche_status_texte_mobile {
					font-size: .8rem;
					display: inline-block;
					width: 100%;
					background: rgba(255,255,255,.6);
					border-radius: 5px;
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
					color: beige;
					text-shadow: 0 0 3px #000, 0 0 5px #000;
				}

					#fiche_container #fiche_status_texte.encours, #fiche_status_texte_mobile.encours {
						border: solid 1px limegreen !important;
						background: rgba(50,205,50,.75);
					}
					#fiche_container #fiche_status_texte.terminee, #fiche_status_texte_mobile.terminee {
						border: solid 1px darkorange !important;
						background: rgba(255,201,0,.75);
					}
					#fiche_container #fiche_status_texte.annulee, #fiche_status_texte_mobile.annulee {
						border: solid 1px orangered !important;
						background: rgba(242,54,16,.75);
					}

			#fiche_container #fiche_utilities, #fiche_utilities_mobile {
				position: absolute;
				bottom: 0;
				width: calc(100%);
				height:	50px;
				background: linear-gradient(to top, rgba(0,0,0,.7) 25%, rgba(0,0,0,0) 100%);
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				color: beige;
				padding-bottom: 10px;
			}

				#fiche_container #fiche_utilities .utilities, #fiche_utilities_mobile .utilities {
					display: inline-block;
					width: 50px;
					height: 45px;
					line-height: 45px;
					color: rgba(150,150,150,.5);
					border: solid 2px rgba(225,115,34,.5);
					border-radius: var(--brad);
					background: rgba(0,0,0,.5);
					box-shadow: var(--borderGlow-small-off);
					cursor: pointer;
					margin: 0 5px;
				}

					#fiche_container #fiche_utilities .utilities:hover, #fiche_utilities_mobile .utilities:hover {
						color: rgba(150,150,150,1);
						border: solid 2px rgba(225,115,34,1);
						background: rgba(0,0,0,1);
						box-shadow: var(--borderGlow-small-on);
					}

					#fiche_container #fiche_utilities .utilities:active, #fiche_utilities_mobile .utilities:active {
						color: var(--orange-one);
					}

				#fiche_container #fiche_utilities .utilities.active_utilities, #fiche_utilities_mobile .utilities.active_utilities {
					border: solid 2px rgba(94,231,42,.5) !important;
					color: rgba(94,231,42,.5) !important;
					box-shadow: var(--borderGlow-small-off) !important;
				}

					#fiche_container #fiche_utilities .utilities.active_utilities:hover, #fiche_utilities_mobile .utilities.active_utilities:hover {
						color: rgba(94,231,42,1) !important;
						border: solid 2px rgba(94,231,42,1) !important;
						background: rgba(0,0,0,1) !important;
						box-shadow: 0 0 10px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.2), 0 0 8px rgba(50,243,44,1), 0 0 5px rgba(50,243,44,.95), 0 0 3px rgba(50,243,44,.85), 0 0 10px rgba(0,0,0,.3) inset, 0 0 5px rgba(0,0,0,.2) inset, 0 0 8px rgba(50,243,44,1) inset, 0 0 5px rgba(50,243,44,.95) inset, 0 0 3px rgba(50,243,44,.85) inset !important;
					}

					#fiche_container #fiche_utilities .utilities.active_utilities:active, #fiche_utilities_mobile .utilities.active_utilities:active {
						color: rgba(150,150,150,1) !important;
					}

					

			#fiche_container #fiche_thumb { /* AFFICHE */
				width: var(--size-affiche-panneau-width);
				height: var(--size-affiche-panneau-height);
				background-size: var(--size-affiche-panneau-width) var(--size-affiche-panneau-height) !important;
				background-repeat: no-repeat;
				border-radius: var(--brad);
			}

			#fiche_container #table_fiche_container #td_synopsis { /* SYNOPSIS */
				vertical-align: top;
				max-height: calc(var(--size-affiche-panneau-height) * .75);
				position: relative;
			}

				#fiche_container #label_synopsis {
					border-bottom-right-radius: 0;
				}

				#fiche_container #fiche_synopsis { /* SYNOPSIS */
					display: inline-block;
					text-align: justify;
					width: calc(100% - 20px);
					height: auto;
					max-height: calc(var(--size-affiche-panneau-height) * .4);
					overflow-y: scroll;
					margin-top: 30px;
					padding: 2px 10px;
				}

				#fiche_container #fiche_genres {
					position: absolute;
					bottom: 2px;
					left: 0;
					width: 100%;
					height: calc(var(--size-affiche-panneau-height) * .1);
					max-height: calc(var(--size-affiche-panneau-height) * .1);
					line-height: calc(var(--size-affiche-panneau-height) * .1);
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient( to right, rgba(50,0,0,0), rgba(50,50,50,1), rgba(50,0,0,0)) 1;
					border-bottom: none; border-left: none; border-right: none;
					box-shadow: 0 -2px 5px rgba(102,102,102,.5);
					font-variant: small-caps;
					font-size: 1.4rem;
					color: #333;
				}

					#fiche_container #fiche_genres .span_genre {
						border: solid 1px #333;
						border-radius: var(--brad);
						box-shadow: 0 0 5px rgba(50,50,50,.7);
						padding: 0 5px 1px 5px;
						margin: 0 5px;
						position: relative;
						top: -2px;
					}

				#fiche_container #fiche_infos {
					position: absolute;
					top: 0;
					left: 0;
					width: calc( 100% - 122px );
					padding-left: 122px;
					height: 27px;
					max-height: 27px;
					line-height: 27px;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient( to right, rgba(50,0,0,0), rgba(50,50,50,1), rgba(50,0,0,0)) 1;
					border-top: none; border-left: none; border-right: none;
					box-shadow: 0 2px 5px rgba(102,102,102,.5);
					font-variant: small-caps;
					font-size: 0;
					color: #333;
					text-align: left;
				}

					#fiche_container #fiche_infos span {
						display: inline-block;
						position: relative;
						min-width: 100px;
						height: 27px;
						max-height: 27px;
						line-height: 27px;
						margin: 0;
						border-left: solid 1px #333;
						text-align: center;
						font-size: 1rem;
						padding: 0 5px !important;
					}
					#fiche_container #fiche_infos span:first-child { border-left: none; }
					#fiche_container #fiche_infos span:last-child { border-right: solid 1px #333 !important; }

			#fiche_container #table_fiche_container #td_notes { /* NOTES */
				height: calc(var(--size-affiche-panneau-height) * .15);
				max-height: calc(var(--size-affiche-panneau-height) * .15);
				text-align: center;
				position: relative;
			}

				#fiche_container #notes_container {
					display: inline-block;
					border-radius: var(--brad);
					width: 100%;
					height: calc(var(--size-affiche-panneau-height) * .15);
					max-height: calc(var(--size-affiche-panneau-height) * .15);
					position: absolute;
					top: 0px;
					left: 0px;
					text-align: center;
					background: rgba(0,0,0,.5);
					border-spacing: 0;
				}

					#fiche_container #notes_container table {
						height: calc(var(--size-affiche-panneau-height) * .15);
						max-height: calc(var(--size-affiche-panneau-height) * .15);
					}

					#fiche_container #notes_container td {
						background: none !important;
						border: none !important;
						border: none !important;
						border-top: none !important;
						border-bottom: none !important;
						border-radius: 0 !important;
						box-shadow: none !important;
						height: 100% !important;
						min-height: 100% !important;
						max-height: 100% !important;
					}

					#fiche_container #legende_notes { /* 110px de long */
						display: inline-block;
						width: 110px;
						max-width: 110px;
						position: absolute;
						top: 0;
						left: 0;
					}

						#fiche_container #legende_notes td {
							width: 34px;
							text-align: center;
							vertical-align: middle;
							height: calc(var(--size-affiche-panneau-height) * .15);
							max-height: calc(var(--size-affiche-panneau-height) * .15);
						}

						#fiche_container #legende_notes td > span {
							position: relative;
						}

						#fiche_container #legende_notes td span img {
							width: 30px;
							border: solid 2px black;
							background: #000;
						}

						#fiche_container #legende_notes span span {
							display: inline-block;
							width: 20px;
							height: 5px;
							border: solid 1px #000;
							border-radius: 5px;
							position: absolute;
							bottom: 0;
							left: 50%;
							transform: translateX(-50%);
						}

						#fiche_container #legende_notes #legende_sc span { background: tomato; }
						#fiche_container #legende_notes #legende_allocine span { background: gold; }
						#fiche_container #legende_notes #legende_imdb span { background: darkcyan; }

					#fiche_container #fiche_notes {
						display: inline-block;
						width: calc( 100% - 200px );
						height: calc(var(--size-affiche-panneau-height) * .15);
						max-height: calc(var(--size-affiche-panneau-height) * .15);
						padding: 2px 0;
						font-size: 0;
						text-align: center;
						position: absolute;
						top: 0;
						left: 112px;
					}

						#fiche_container #fiche_notes span {
							display: inline-block;
							width: 100%;
							height: 9px;
							border: solid 1px #000;
							border-radius: 5px;
							position: relative;
							margin-top: 2px;
						}

							#fiche_container #fiche_notes #note_sc { background: none; }
							#fiche_container #fiche_notes #note_allocine { background: none; }
							#fiche_container #fiche_notes #note_imdb { background: none; }

					#fiche_container #fiche_ma_note {
						width: 80px;
						min-width: 80px;
						height: calc(var(--size-affiche-panneau-height) * .15);
						max-height: calc(var(--size-affiche-panneau-height) * .15);
						font-variant: small-caps;
						text-align: center;
						font-size: 1.4rem;
						position: absolute;
						top: 0;
						right: -1px;
					}

						#fiche_container #fiche_ma_note #fiche_ma_note_1 {
							display: inline-block;
							width: 58px;
							max-width: 58px;
							min-width: 58px;
							padding: 0 10px;
							border: solid 1px #fff;
							border-radius: var(--brad);
							color: rgba(255,255,255,.5);
							cursor: pointer;
							height: calc(var(--size-affiche-panneau-height) * .15);
							max-height: calc(var(--size-affiche-panneau-height) * .15);
							line-height: calc(var(--size-affiche-panneau-height) * .15);
							position: relative;
							top: -1px;
						}

							#fiche_container #fiche_ma_note #fiche_ma_note_1:hover {
								color: beige;
								border: solid 1px var(--keyframe-glow-color-on);
							}
							#fiche_container #fiche_ma_note #fiche_ma_note_1:active {
								color: var(--orange-one);
							}


						#fiche_container #fiche_ma_note #fiche_ma_note_2 {
							display: inline-block;
							width: 58px;
							max-width: 58px;
							min-width: 58px;
							padding: 0 10px;
							border: solid 1px #fff;
							border-radius: var(--brad);
							color: rgba(255,255,255,.5);
							cursor: pointer;
							height: calc(var(--size-affiche-panneau-height) * .15);
							max-height: calc(var(--size-affiche-panneau-height) * .15);
							line-height: calc( (var(--size-affiche-panneau-height) * .15) / 2 );
							position: relative;
							top: -1px;
						}

							#fiche_container #fiche_ma_note #fiche_ma_note_2:hover {
								color: beige;
								border: solid 1px var(--keyframe-glow-color-on);
							}
							#fiche_container #fiche_ma_note #fiche_ma_note_2:active {
								color: var(--orange-one);
							}

								#fiche_container #fiche_ma_note #fiche_ma_note_2 #note_user {
									color: beige;
									position: relative;
									bottom: 1px;
								}

				#legend_dialog_note {
					display: inline-block;
					width: 87%;
					height: 15px;
					border: solid 1px #333;
					border-radius: 15px;
					margin: .6rem;
					background: linear-gradient(to right, red 0%, yellow 50%, green 100%);
					position: relative;
				}

					#legend_dialog_note::before {
						content: '0';
						position: absolute;
						left: -19px;
						top: -5px;
					}

					#legend_dialog_note::after {
						content: '10';
						position: absolute;
						right: -25px;
						top: -5px;
					}

					#legend_dialog_note .text_legend_note {
						display: inline-block;
						color: beige;
						text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
						margin: 0 10px;
						position: relative;
						top: -5px;
						visibility: hidden;
					}

				#dialog_note > div > .fa-star {
					color: beige;
					cursor: pointer;
				}
				#dialog_note > div > .fa-star:first-child {
					color: indianred !important;
				}

			#fiche_container #table_fiche_container tr:nth-child(4) td { /* EPISODES */
				height: calc(var(--size-affiche-panneau-height) * .2);
				min-height: calc(var(--size-affiche-panneau-height) * .2);
				text-align: center;
				position: relative;
			}

				#fiche_container #episodes_check_options {
					display: inline-block;
					line-height: 25px;
					border: solid 2px var(--keyframe-glow-color-off);
					border-bottom: none;
					border-left: none;
					border-top-right-radius: var(--brad);
					border-bottom-left-radius: var(--brad);
					font-size: 1rem;
					padding: .2rem 1rem;
					box-shadow: var(--borderGlow-small-off);
					background: rgba(0,0,0,.5);
					color: rgba(255,255,255,.5);
					position: absolute;
					left: 0;
					bottom: 0;
					cursor: pointer;
				}

					#fiche_container #episodes_check_options:hover {
						border: solid 2px var(--keyframe-glow-color-on);
						border-bottom: none;
						border-left: none;
						color: #fff;
					}

					#fiche_container #episodes_check_options:active {
						color: var(--orange-one);
					}

				#fiche_container #liste_episodes {
					width: 95%;
					max-width: 95%;
					max-height: 300px;
					overflow: auto;
					display: inline-block;
					margin:  2.8rem 0 1.2rem 2.5%;
					padding: .7rem 0;
					text-align: center;
				}

				/* Scrollbar */

					/* width */
					#fiche_container #liste_episodes::-webkit-scrollbar {
						width: 5px;
						cursor: pointer;
					}

					/* Track */
					#fiche_container #liste_episodes::-webkit-scrollbar-track {
						background: rgba(0,0,0,.1);
						cursor: pointer;
					}

					/* Handle */
					#fiche_container #liste_episodes::-webkit-scrollbar-thumb {
						background: var(--orange-one);
						border-radius: 5px;
						cursor: pointer;
					}

					/* Handle on hover */
					#fiche_container #liste_episodes::-webkit-scrollbar-thumb:hover {
						background: var(--red-one);
						cursor: pointer;
					}

				/* //Scrollbar */

					#fiche_container #serie_infos {
						display: inline-block;
						line-height: 1.9rem;
						width: 75%;
						min-width: 650px;
						text-align: center;
						border: solid 1px #444;
						border-radius: var(--brad);
						padding: 10px 5px;
						background: #f5eedc;
						color: #2e7db2;
						box-shadow: 0 0 5px #333, 0 0 15px #555, 0 0 10px #333 inset;
					}

						#fiche_container #serie_infos b {
							font-weight: bold;
						}

						#fiche_container #serie_infos_connexion {
							border: solid 1px var(--keyframe-glow-color-off);
							box-shadow: 0 0 5px rgba(243,119,44,.85), 0 0 10px rgba(243,119,44,.6);
							background-color: rgba(0,0,0,.5);
							border-radius: var(--brad);
							padding: 5px;
							color: beige;
							cursor: pointer;
						}

							#fiche_container #serie_infos_connexion:hover {
								border: solid 1px var(--keyframe-glow-color-on);
								box-shadow: 0 0 5px rgba(243,119,44,1), 0 0 10px rgba(243,119,44,.8);
							}
							#fiche_container #serie_infos_connexion:active {
								border: solid 1px var(--keyframe-glow-color-on);
								box-shadow: 0 0 5px rgba(243,119,44,1), 0 0 10px rgba(243,119,44,.8);
								background-color: rgba(0,0,0,.1);
								color: #2e7db2;
							}

					#fiche_container #serie_renouvelee {
						display: inline-block;
						width: 50%;
						min-width: 400px;
						text-align: center;
						border: solid 1px #444;
						border-radius: var(--brad);
						padding: 5px;
						background: #f5eedc;
						color: #2e7db2;
						box-shadow: 0 0 5px #333, 0 0 15px #555, 0 0 10px #333 inset;
						margin-left: 1rem;
					}

						#fiche_container #serie_renouvelee b {
							font-weight: bold;
						}

				#fiche_container .checkbox_episode {
					display: inline-block;
					position: relative;
					width: 74px;
					height: 36px;
					min-height: 36px;
					background-color: var(--color-bg-menu-three);
					line-height: 4rem;
					padding: 0 .1rem;
					margin: 0 .15rem;
					color: black;
					cursor: pointer;
					border: solid 1px rgba(0,0,0,0);
					border-radius: var(--brad);
					transition: background-color .1s linear;
				}

				#fiche_container .checkbox_episode:hover {
					background-color: var(--color-bg-menu-two);
					color: rgba(255,255,255,.5);
				}

				#fiche_container .checkbox_episode:active {
					border: solid 1px var(--orange-one);
					box-shadow: 0 0 5px var(--orange-one);
				}

					#fiche_container .checkbox_episode .checkbox_episode_num {
						width: 48px;
						font-size: 1.2rem;
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						left: 0;
						text-align: center;
					}

					#fiche_container .checkbox_episode .episode_checkbox {
						position: absolute;
						opacity: 0;
						cursor: pointer;
						height: 0;
						width: 0;
					}

					#fiche_container .checkbox_episode .checkmark {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						right: 6px;
						height: 22px;
						width: 22px;
						border-radius: 3px;
						background-color: rgba(255,255,255,.5);
					}

					#fiche_container .checkbox_episode:hover input ~ .checkmark {
						background-color: rgba(255,255,255,1);
					}

					#fiche_container .checkbox_episode input:checked ~ .checkmark {
						background-color: rgba(0,255,0,.4);
					}

					#fiche_container .checkbox_episode .checkmark:after {
						content: "";
						position: absolute;
						display: none;
					}

					#fiche_container .checkbox_episode:has( input:checked ) {
						border: solid 1px rgba(255,255,255,.7);
						box-shadow: 0 0 5px rgba(255,255,255,.7), 0 0 5px rgba(255,255,255,.7) inset;
					}

					#fiche_container .checkbox_episode_unchecked:not( .checkbox_episode:has(input:checked) ) {
						border: solid 1px rgba(255,0,0,.7);
						box-shadow: 0 0 5px rgba(255,0,0,.7), 0 0 5px rgba(255,0,0,.7) inset;
					}

					#fiche_container .checkbox_episode input:checked ~ .checkmark:after {
						display: block;
					}

					#fiche_container .checkbox_episode .checkmark:after {
						left: 7px;
						top: 0px;
						width: 7px;
						height: 16px;
						border: solid #fff;
						border-width: 0 2px 2px 0;
						-webkit-transform: rotate(36deg);
						-ms-transform: rotate(36deg);
						transform: rotate(36deg);
					}


					#fiche_container #list-seasons-holder {
						display: inline-block;
						position: absolute;
						top: 0;
						right: 0;
						width: calc(100% - 140px);
						max-width: calc(100% - 140px);
						min-height: 36px;
						height: 36px;
						text-align: left;
					}

					#fiche_container #liste_saisons {
						display: inline-block;
						border: solid 1px rgba(0,0,0,.8);
						border-top-right-radius: var(--brad);
						border-bottom-left-radius: var(--brad);
						position: absolute;
						top: 0;
						right: 0;
						width: calc(100% - 85px);
						min-height: 36px;
						height: 36px;
						z-index: 999;
						background: rgba(0,0,0,.5);
						text-align: center;
						padding-left: 85px;
					}

					#fiche_container #liste_saisons.small-list-seasons {
						width: auto;
						right: unset;
						border-top-right-radius: 0;
						border-bottom-right-radius: var(--brad);
						padding-right: 10px;
					}

						#fiche_container #liste_saisons::after {
							content: 'Saisons';
							position: absolute;
							top: 50%;
							left: 3px;
							transform: translateY(-50%);
							color: var(--orange-one);
							font-style: italic;
							padding-right: 8px;
						}

						#fiche_container #liste_saisons .fiche_saison {
							display: inline-block;
							text-align: center;
							border: solid 1px beige;
							border-radius: var(--brad);
							width: 34px;
							line-height: 28px;
							font-size: 1.2rem;
							margin: 0 3px;
							color: beige;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							cursor: pointer;
						}

						#fiche_container #liste_saisons .fiche_saison:hover {
							background-color: var(--color-bg-menu-two);
							color: rgba(255,255,255,.5);
						}

						#fiche_container #liste_saisons .fiche_saison:active {
							border: solid 1px var(--orange-one);
							box-shadow: 0 0 5px var(--orange-one);
						}

						#fiche_container #liste_saisons .current_season {
							background-color: var(--color-bg-menu-two);
							color: rgba(255,255,255,.5);
							border: 1px solid var(--borderColor-menu-actif) !important;
							box-shadow: var(--borderGlow-actif-small) !important;
						}

						#fiche_container #liste_saisons .season_all_seen {
							border: solid 1px rgba(255,255,255,.7);
							box-shadow: 0 0 5px rgba(255,255,255,.7), 0 0 5px rgba(255,255,255,.7) inset;
						}

						#fiche_container .btn_nav_saisons {
							display: inline-block;
							text-align: center;
							border: solid 1px beige;
							border-radius: var(--brad);
							width: 28px;
							line-height: 28px;
							font-size: 1.2rem;
							color: indianred;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							cursor: pointer;
						}

							#fiche_container .btn_nav_saisons:first-child {
								float: left;
								left: 3px
							}
							#fiche_container .btn_nav_saisons:last-child {
								float: right;
								right: 3px;
							}

						#fiche_container .empty_btn_nav_saisons {
							display: inline-block;
							width: 30px;
							line-height: 28px;
							font-size: 1.2rem;
							position: relative;
						}

							#fiche_container #empty_nav_left {
								float: left;
								left: 3px
							}
							#fiche_container #empty_nav_right {
								float: right;
								right: 3px;
							}

			#fiche_container #no_casting {
				display: inline-block;
				margin: 1.5rem 0;
			}

			#fiche_container #liste_casting:has( #no_casting ) {
				overflow: hidden;
				margin-top: 0;
			}

			#fiche_container #liste_casting {
				display: inline-block;
				width: 100%;
				max-height: 300px;
				overflow-y: scroll;
				margin-top: 1.5rem;
			}

				/* Scrollbar */

					/* width */
					#fiche_container #liste_casting::-webkit-scrollbar {
						width: 5px;
						cursor: pointer;
					}

					/* Track */
					#fiche_container #liste_casting::-webkit-scrollbar-track {
						background: rgba(0,0,0,.1);
						cursor: pointer;
					}

					/* Handle */
					#fiche_container #liste_casting::-webkit-scrollbar-thumb {
						background: var(--green-one);
						border-radius: 5px;
						cursor: pointer;
					}

					/* Handle on hover */
					#fiche_container #liste_casting::-webkit-scrollbar-thumb:hover {
						background: var(--red-one);
						cursor: pointer;
					}

				/* //Scrollbar */

				#fiche_container .div_actor {
					display: inline-block;
					position: relative;
					min-width: 48%;
					height: 100px;
					max-height: 100px;
					overflow: hidden;
					border: solid 1px rgba(50,50,50,.5);
					border-radius: var(--brad);
					margin: .25rem;
					position: relative;
					box-shadow: 0 0 5px rgba(0,0,0,.5), 0 0 15px rgba(0,0,0,.4);
					background: rgba(50,50,50,.9);
					color: beige;
				}

					#fiche_container .div_actor .thumb_actor {
						height: 100px;
						display: inline-block;
						border-right: solid 1px rgba(50,50,50,.5);
						border-top-left-radius: var(--brad);
						border-bottom-left-radius: var(--brad);
						float: left;
					}

					#fiche_container .div_actor .unknown_thumb {
						display: inline-block;
						width: 16.5%;
						height: 100px;
						line-height: 100px;
						text-align: center;
						position: absolute;
						top: 0;
						left: 0;
						border-right: solid 1px rgba(50,50,50,.5);
					}

					#fiche_container .div_actor .text_actor {
						display: inline-block;
						width: 80%;
						min-width: 80%;
						line-height: 50px;
						text-align: left;
						position: absolute;
						top: 0;
						left: 20%;
					}

					#fiche_container .div_actor .nom_actor {
						display: inline-block;
						width: 100%;
						font-weight: bold !important;
						font-variant: small-caps;
						font-size: 1.25rem;
						text-align: left;
					}

					#fiche_container .div_actor .role_actor {
						display: inline;
						width: 100%;
						font-variant: small-caps;
						font-size: 1.25rem;
						text-align: left;
					}

					#fiche_container .div_actor .search_btn_actor {
						display: inline-block;
						position: absolute;
						width: 30px;
						height: 30px;
						line-height: 30px;
						right: 2px;
						top: 2px;
						color: greenyellow;
						background: #555;
						box-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
						cursor: pointer;
						border: solid 1px #000;
						border-radius: 30px;
					}

						#fiche_container .div_actor .search_btn_actor:hover i { color: var(--orange-one); }

					#fiche_container .div_actor .admin_update_actor {
						display: inline-block;
						position: absolute;
						width: 30px;
						height: 30px;
						line-height: 30px;
						right: 2px;
						bottom: 2px;
						color: greenyellow;
						background: #555;
						box-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
						cursor: pointer;
						border: solid 1px #000;
						border-radius: 30px;
						opacity: .3;
					}

						#fiche_container .div_actor .admin_update_actor:hover { opacity: 1; }

						#fiche_container .div_actor .admin_update_actor:hover i { color: var(--orange-one); }

			#fiche_container #delete_casting { cursor: pointer; }
			#fiche_container #delete_casting:hover { color: white; }

			#dialog_admin_actor input {
				text-align: center;
				outline: none;
				border: none;
				border-radius: 5px;
				line-height: 2rem;
				width: 450px;
			}

				#dialog_admin_actor img {
					float: left;
					border-radius: 5px;
				}

				#dialog_admin_actor ul {
					list-style: none;
					padding: none;
					margin: none;
					max-height: 250px;
					overflow-y: auto;
				}

					#dialog_admin_actor ul > li > input {
						line-height: 2rem;
						width: 300px;
						margin: 2px 0;
						font-size: .8rem;
					}

					#dialog_admin_actor .daa_remove_role {
						display: inline-block;
						width: 25px;
						height: 25px;
						line-height: 25px;
						border-radius: 7px;
						margin-left: 7px;
						position: relative;
						top: 2px;
						background: red;
						cursor: pointer;
					}

						#dialog_admin_actor .daa_remove_role:hover { background: darkred; }
						#dialog_admin_actor .daa_remove_role:active { background: indianred; }

			#dialog_admin_maj input {
				text-align: center;
				outline: none;
				border: none;
				border-radius: 5px;
				line-height: 2rem;
				width: calc( 100% - 55px );
				font-variant: small-caps;
			}

			#dialog_admin_maj img {
				width: calc( var(--size-affiche-panneau-width) / 1.5 );
				height: calc( var(--size-affiche-panneau-height) / 1.5 );
				background-size: var(--size-affiche-panneau-width) var(--size-affiche-panneau-height) !important;
				background-repeat: no-repeat;
				border-radius: var(--brad);
			}

			#dialog_admin_maj button {
				font-variant: small-caps;
				width: 100%;
				line-height: 1.5rem;
				outline: none;
				border: solid 2px cadetblue;
				border-radius: var(--brad);
				background: #222;
				color: cadetblue;
				box-shadow: 0 0 5px cornflowerblue;
				cursor: pointer;
				transition: all linear .05s;
			}

				#dialog_admin_maj #btn_dam_thumb_submit { width: auto; }

				#dialog_admin_maj button:hover {
					color: cornflowerblue;
					border-color: cornflowerblue;
					box-shadow: 0 0 10px cornflowerblue;
					transition: all linear .05s;
				}

				#dialog_admin_maj button a {
					color: cadetblue;
					text-decoration: none;
				}

				#dialog_admin_maj fieldset {
					border-radius: var(--brad);
				}

					#dialog_admin_maj fieldset legend {
						font-variant: small-caps;
					}

				#dialog_admin_maj .input_dam_eps {
					width: 35px;
					line-height: 30px;
				}

					/* Chrome, Safari, Edge, Opera */
					#dialog_admin_maj input::-webkit-outer-spin-button, #dialog_admin_maj input::-webkit-inner-spin-button {
						-webkit-appearance: none;
						margin: 0;
					}

					/* Firefox */
					#dialog_admin_maj input[type=number] {
						-moz-appearance: textfield;
					}

					#dialog_admin_maj fieldset button {
						width: 35px;
					}

/* --- */


/* Profil.php */

	#conteneur_profil {
		display: block;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

/* --- */


/* Communaute.php */

	#conteneur_communaute {
		display: block;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

		#conteneur_communaute .liste_communaute {
			display: inline-block;
			list-style: none;
			width: 200px;
			border: solid 1px var(--keyframe-glow-color-on);
			border-radius: var(--brad);
			box-shadow: var(--borderGlow-small-on);
			text-align: left;
			margin: 0;
			padding: 0;
			background: #444;
			vertical-align: top;
		}

			#conteneur_communaute .liste_communaute li {
				display: block;
				height: 55px;
				line-height: 55px;
				padding: 0;
				margin: 6px 0;
			}

				#conteneur_communaute .liste_communaute .li_membre_communaute {
					display: inline-block;
					width: calc(100% - 18px);
					border: solid 1px #222;
					border-radius: var(--brad);
					margin: 2px 7px;
					height: 58px;
					position: relative;
					background: #333;
					cursor: pointer;
				}

					#conteneur_communaute .liste_communaute .li_membre_communaute:hover {
						box-shadow: 0 0 5px #ddd;
					}

				#conteneur_communaute .liste_communaute li .titre_liste_communaute {
					display: inline-block;
					margin: 0 2.5%;
					padding: 0;
					font-variant: small-caps;
					text-align: center;
					border-bottom: solid 1px #222;
					border-radius: var(--brad);
					box-shadow: 0 0px 5px #000, 0 0px 10px #222 inset;
					width: 95%;
					background: #222;
				}

				#conteneur_communaute .liste_communaute li .cadre_avatar {
					display: inline-block;
					width: 50px;
					height: 50px;
					border-radius: var(--brad);
					padding: 4px;
				}

					#conteneur_communaute .liste_communaute li .cadre_avatar.cadre_1 { background: linear-gradient(120deg, rgba(230,154,0,1) 15%, rgba(228,221,56,1) 50%, rgba(230,154,0,1) 85%); }
					#conteneur_communaute .liste_communaute li .cadre_avatar.cadre_2 { background: linear-gradient(120deg, rgba(178,61,223,1) 15%, rgba(74,47,99,1) 50%, rgba(178,61,223,1) 85%); }
					#conteneur_communaute .liste_communaute li .cadre_avatar.cadre_3 { background: linear-gradient(135deg, rgba(0,79,150,1) 15%, rgba(61,143,223,1) 50%, rgba(0,79,150,1) 85%) }
					#conteneur_communaute .liste_communaute li .cadre_avatar.cadre_4 { background: linear-gradient(135deg, rgba(0,150,25,1) 15%, rgba(100,185,104,1) 50%, rgba(0,150,25,1) 85%); }
					#conteneur_communaute .liste_communaute li .cadre_avatar.cadre_5 { background: linear-gradient(135deg, rgba(131,131,131,1) 15%, rgba(255,255,255,1) 50%, rgba(131,131,131,1) 85%); }

					#conteneur_communaute .liste_communaute li .liste_communaute_avatar {
						display: inline-block;
						width: 50px;
						height: 50px;
						float: left;
						background-size: 50px 50px !important;
						border-radius: var(--brad);
						margin: 0;
						background: #000;
						position: relative;
					}

						#conteneur_communaute .liste_communaute li .liste_communaute_avatar.no_thumb {
							background-size: calc(75px / 2) calc(100px / 2) !important;
							background-repeat: no-repeat !important;
							background-position: 6.25px 0px !important;
						}

				#conteneur_communaute .liste_communaute li .liste_communaute_pseudo {
					display: inline-block;
					width: calc(100% - 53px);
					line-height: 58px;
					text-align: center;
					position: absolute;
					top: 0;
					left: 50px;
				}

/* --- */


/* Mes-series.php */

	#conteneur_mes_series {
		display: block;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

		#conteneur_mes_series #mes_series_options {
			text-align: left;
			position: relative;
			vertical-align: top;
			font-variant: small-caps;
		}

			#conteneur_mes_series #mes_series_options label {
				font-size: 1.2rem;
				position: relative;
				top: 2px;
			}

			#tri-series-button {
				width: 150px !important;
			}

			#filtre-series-button {
				width: 130px !important;
    			border-radius: 5px;
			}

			#filtre-series-nationalite-button, #filtre-series-genre-button, #filtre-series-status-button {
				border-top-left-radius: 5px;
    			border-bottom-left-radius: 5px;
			}

			#submit-filtre-nationalite, #submit-filtre-genre, #submit-filtre-status, #submit-filtre-annee {
				border-top-right-radius: 5px;
    			border-bottom-right-radius: 5px;
			}

			#add-filter {
				border-top-left-radius: 0 !important;
				border-bottom-left-radius: 0 !important;
			}

			#input-filtre-annee {
				width: 60px;
				padding-top: 5px;
				text-align: center;
			}

			#filter_list {
				text-align: left;
			}

				#filter_list li {
					display: inline-block;
				}

		#conteneur_mes_series #mes_series_resultats {
			text-align: center;
			margin: 0 auto;
			color: beige;
			padding: 9px;
		}

			#conteneur_mes_series #mes_series_resultats .fiche_serie {
				display: inline-block;
				height: calc( var(--size-affiche-height) * .9 );
				width: calc( var(--size-affiche-width) * .9 );
				background-size: calc( var(--size-affiche-width) * .9 ) calc( var(--size-affiche-height) * .9 );
				padding: 0;
				margin: 1px 4px;
				position: relative;
				filter: sepia(50%);
				border-radius: 7px;
				cursor: pointer;
			}

				#conteneur_mes_series #mes_series_resultats .fiche_serie:hover {
					transform: scale(1.03);
					filter: none;
				}

		#conteneur_mes_series #footer_mes_series {
			width: 100%;
			display: inline-block;
			text-align: center;
			position: absolute;
			bottom: -2rem;
			left: 50%;
			transform: translateX(-50%);
			height: 2rem;
			line-height: 2rem;
		}

			#conteneur_mes_series #footer_mes_series .mes_series_pagination {
				display: inline-block;
				width: 35px;
				line-height: 28px;
				border: solid 2px var(--keyframe-glow-color-off);
				border-radius: var(--brad);
				box-shadow: var(--borderGlow-small-off);
				margin: 0 .25rem;
				cursor: pointer;
			}

				#conteneur_mes_series #footer_mes_series .mes_series_pagination:hover {
					border: solid 2px var(--keyframe-glow-color-on);
					box-shadow: 0 0 10px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.2), 0 0 5px rgba(243,119,44,.95), 0 0 3px rgba(243,119,44,.85), 0 0 10px rgba(0,0,0,.3) inset, 0 0 5px rgba(0,0,0,.2) inset, 0 0 5px rgba(243,119,44,.95) inset, 0 0 3px rgba(243,119,44,.85) inset;
				}

				#conteneur_mes_series #footer_mes_series .mes_series_pagination.current_page {
					border: solid 2px var(--borderColor-menu-actif);
					box-shadow: var(--borderGlow-menu-actif);
				}

/* --- */


/* Watchlist.php */

	#conteneur_watchlist {
		display: block;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

		#conteneur_watchlist h1 {
			font-size: 1.5rem;
			text-align: left;
		}

		#conteneur_watchlist #watchlist_series {
			text-align: left;
			margin: 0 auto;
			color: beige;
			padding: 9px;
		}

			#conteneur_watchlist #watchlist_series .fiche_serie {
				display: inline-block;
				height: calc( var(--size-affiche-height) * .9 );
				width: calc( var(--size-affiche-width) * .9 );
				background-size: calc( var(--size-affiche-width) * .9 ) calc( var(--size-affiche-height) * .9 );
				padding: 0;
				margin: 1px 4px;
				position: relative;
				filter: sepia(50%);
				border-radius: 7px;
				cursor: pointer;
			}

				#conteneur_watchlist #watchlist_series .fiche_serie:hover {
					transform: scale(1.03);
					filter: none;
				}

/* --- */


/* Recherche.php */

	#conteneur_recherche {
		color: beige;
		padding: .5rem;
	}

		#conteneur_recherche #input_search {
			min-width: 250px;
			width: 25rem;
			height: 2.5rem;
			line-height: 2.5rem;
			outline: none;
			border: none;
			border-radius: var(--brad);
			text-align: center;
		}

		#conteneur_recherche #submit_input_search {
			display: inline-block;
			margin: 0 .5rem;
			width: 2.5rem;
			height: 2.5rem;
			line-height: 2.5rem;
			border: solid 1px var(--keyframe-glow-color-off);
			box-shadow: var(--borderGlow-small-off);
			border-radius: var(--brad);
			text-align: center;
			cursor: pointer;
		}

		#conteneur_recherche #submit_input_search:hover {
			border: solid 1px var(--keyframe-glow-color-on);
		}

		#conteneur_recherche #submit_input_search:active {
			border: solid 1px var(--keyframe-glow-color-on);
			box-shadow: var(--borderGlow-small-on);
		}

		#conteneur_recherche #entete_search_result {
			display: inline-block;
			margin: 1rem 0;
		}

			#conteneur_recherche #entete_search_result #search_result_query {
				display: inline;
				font-style: italic;
				color: lightgreen;
			}

			#conteneur_recherche #entete_search_result #search_no_result {
				display: inline;
				font-weight: bold;
				color: #CB4B4B;
			}

		#conteneur_recherche #entete_search_result_series {
			display: inline-block;
			padding: .5rem 0 0;
			color: var(--orange-one);
			font-size: 1.25rem;
		}

		#conteneur_recherche #conteneur_resultats {
			display: inline-block;
			width: 100%;
		}

			#conteneur_recherche #conteneur_resultats .fiche_serie {
				display: inline-block;
				height: var(--size-affiche-height);
				width: var(--size-affiche-width);
				background-size: var(--size-affiche-width) var(--size-affiche-height);
				padding: 0;
				margin: 0 2.5px 0 2.5px;
				position: relative;
				filter: sepia(50%);
				border-radius: 7px;
			}

			#conteneur_recherche #conteneur_resultats .fiche_serie:hover {
				cursor: pointer;
				transform: scale(1.03);
				filter: none;
			}

			#conteneur_recherche #conteneur_resultats .lien_acteur {
				display: inline-block;
				margin: 5px 0;
				padding: 1rem;
				width: 20rem;
				text-align: center;
				cursor: pointer;
				border: solid 1px var(--keyframe-glow-color-off);
				border-radius: var(--brad);
				background: rgba(0,0,0,1);
				box-shadow: var(--borderGlow-small-off);
				color: beige;
				text-decoration: none;
			}

			#conteneur_recherche #conteneur_resultats .lien_acteur:hover {
				border: solid 1px var(--keyframe-glow-color-on);
			}

			#conteneur_recherche #conteneur_resultats .lien_acteur:active {
				border: solid 1px var(--keyframe-glow-color-on);
				box-shadow: var(--borderGlow-small-on);
			}

/* --- */


/* Acteur.php */

	#conteneur_acteur {
		display: block;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

		#conteneur_acteur #acteur_fiche {
			display: inline-block;
			width: 100%;
			height: 175px;
			line-height: 175px;
			text-align: left;
		}

			#conteneur_acteur #acteur_portrait {
				display: inline-block;
				width: 120px;
				height: 175px;
				border-radius: var(--brad);
				background-size: cover !important;
				background-repeat: no-repeat !important;
				float: left;
			}

				#conteneur_acteur #acteur_portrait.no_thumb {
					background-position: 0 -20px !important;
				}

			#conteneur_acteur #acteur_nom {
				display: inline-block;
				font-size: 1.8rem;
				padding: 0 2rem;
			}

		#conteneur_acteur #acteur_series {
			display: inline-block;
			width: 100%;
			text-align: left;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			#conteneur_acteur #acteur_series .fiche_serie {
				display: inline-block;
				height: calc( var(--size-affiche-height) * .9 );
				width: calc( var(--size-affiche-width) * .9 );
				background-size: calc( var(--size-affiche-width) * .9 ) calc( var(--size-affiche-height) * .9 );
				padding: 0;
				margin: 1px 4px;
				position: relative;
				filter: sepia(50%);
				border-radius: 7px;
				cursor: pointer;
			}

				#conteneur_acteur #acteur_series .fiche_serie:hover {
					transform: scale(1.03);
					filter: none;
				}

			.acteur_series_table { margin: 15px 0; }
			.acteur_series_table:first-child { margin-top: 0; }
			#conteneur_acteur #acteur_series .acteur_series_table { width: 100%; background: #222; border-radius: var(--brad); }
				#conteneur_acteur #acteur_series .acteur_series_table tr:first-child { height: 30px; }
				#conteneur_acteur #acteur_series .acteur_series_table tr:first-child td:first-child { width: calc( var(--size-affiche-width) * .9 ); }
				#conteneur_acteur #acteur_series .acteur_series_table td { text-align: left; }
					#conteneur_acteur #acteur_series .acteur_series_table td span { font-family: Candara; font-variant: small-caps; }
				#conteneur_acteur #acteur_series .acteur_series_table tr:first-child td:last-child { vertical-align: top; }

					#conteneur_acteur #acteur_series .acteur_series_titre {
						color: coral;
						text-shadow: 0 0 5px chocolate;
						background: #222 !important;
						display: inline-block;
						width: 100%;
						text-align: center !important;
						box-shadow: 0 0 3.6px beige;
						border: solid 1px beige;
						border-radius: var(--brad);
						margin-top: 3px;
					}

					#conteneur_acteur #acteur_series .acteur_series_role {
						display: inline-block;
						text-shadow: 0 0 5px chocolate;
						display: inline-block;
						width: 100%;
						text-align: center;
					}

/* --- */


/* Parametres.php */

	#conteneur_parametres {
		display: block;
		text-align: left;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
		position: relative;
	}

		#conteneur_parametres h1 {
			text-align: left;
			color: var(--orange-one);
		}

		#conteneur_parametres hr {
			border: none;
			border-top: solid 1px var(--orange-one);
			box-shadow: 0 0 5px #888;
		}

		.toggle_holder {
			display: inline-block;
			height: 50px;
			vertical-align: middle;
			position: relative;
		}

			.toggle_holder .checkbox {
				display: none;
			}

			.toggle_holder .checkbox:checked + .label {
				background-color: forestgreen;
			}

			.toggle_holder .checkbox:checked + .label:after {
				transform: translateX(30px);
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
				border-top-right-radius: 20px;
				border-bottom-right-radius: 20px;
			}

			.toggle_holder .label {
				display: inline-block;
				height: 34px;
				width: 64px;
				background-color: gray;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				border-radius: 30px;
				cursor: pointer;
				border: solid 2px #222;
				box-shadow: 0 0 5px #333, 0 0 5px #333 inset;
				transition: all ease-in-out .15s;
			}

				.toggle_holder .label:after {
					content: "";
					height: 20px;
					width: 20px;
					background-color: beige;
					position: absolute;
					top: 5px;
					left: 5px;
					border: solid 2px #555;
					box-shadow: 0 0 5px #333, 0 0 5px #333 inset;
					border-radius: 20px; 
					border-top-left-radius: 20px;
					border-bottom-left-radius: 20px;
					border-top-right-radius: 0px;
					border-bottom-right-radius: 0px;
					transition: all ease-in-out .15s;
				}

			.toggle_holder .toggle_visible_text_label {
				color: var(--orange-one);
				line-height: 50px;
				margin-left: 75px;
			}

/* --- */


/* Admin.php */

	#conteneur_admin {
		display: block;
		width: 90%;
		text-align: center;
		margin: 0 auto;
		color: beige;
		padding: .5rem;
	}

		#conteneur_admin .admin_panel_show {
			display: inline-block;
			width: 500px;
			text-align: center;
			padding: 1rem;
			background: #000;
			border-radius: var(--brad);
			margin: .5rem;
			box-shadow: 0 0 5px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,.5);
		}

			#conteneur_admin .admin_panel_show h1 {

			}

			#conteneur_admin .admin_panel_show input {
				min-width: 250px;
				width: 25rem;
				height: 2.5rem;
				line-height: 2.5rem;
				outline: none;
				border: solid 1px var(--keyframe-glow-color-off);
				box-shadow: var(--borderGlow-small-off);
				border-radius: var(--brad);
				text-align: center;
			}

				#conteneur_admin .admin_panel_show input:focus {
					border: solid 1px var(--keyframe-glow-color-on);
					box-shadow: var(--borderGlow-small-on);
				}

			#conteneur_admin .admin_panel_show #new_show_id, #conteneur_admin .admin_panel_show #update_show_id {
				min-width: 8rem;
				width: 5rem;
			}

			#conteneur_admin .admin_panel_show button {
				display: inline-block;
				margin-top: .5rem;
				font-size: 1.3rem;
				border: solid 1px var(--keyframe-glow-color-off);
				border-radius: var(--brad);
				background: rgba(0,0,0,1);
				box-shadow: var(--borderGlow-small-off);
				color: beige;
				padding: 5px 15px;
				cursor: pointer;
			}

			#conteneur_admin .admin_panel_show button:hover {
				border: solid 1px var(--keyframe-glow-color-on);
			}

			#conteneur_admin .admin_panel_show button:active {
				border: solid 1px var(--keyframe-glow-color-on);
				box-shadow: var(--borderGlow-small-on);
			}

		#conteneur_admin #update_list {
			display: inline-block;
			position: relative;
		}

			#conteneur_admin #update_list select {
				min-width: 25rem;
				width: 25rem;
				border: none;
				border-radius: var(--brad);
				height: 49px;
				outline: none;
			}

				#conteneur_admin #update_list select option {
					min-width: 25rem;
					width: 25rem;
					max-width: 25rem;
				}

		#conteneur_admin #delete_list {
			display: inline-block;
			position: relative;
		}

			#conteneur_admin #delete_list select {
				min-width: 25rem;
				width: 25rem;
				border: none;
				border-radius: var(--brad);
				height: 49px;
				outline: none;
			}

				#conteneur_admin #delete_list select option {
					min-width: 25rem;
					width: 25rem;
					max-width: 25rem;
				}

		#conteneur_admin #members_list, #conteneur_admin #members_score {
			display: inline-block;
			position: relative;
			width: 15rem;
		}

			#conteneur_admin #members_list select {
				min-width: 15rem;
				width: 15rem;
				border: none;
				border-radius: var(--brad);
				height: 49px;
				outline: none;
			}

				#conteneur_admin #members_list select option {
					min-width: 15rem;
					width: 15rem;
					max-width: 15rem;
				}

		#conteneur_admin #panel_members {
			visibility: hidden;
			display: inline-block;
			width: 90%;
			height: fit-content;
			text-align: center;
			padding: 1rem;
			background: #000;
			border-radius: var(--brad);
			margin: .5rem;
			box-shadow: 0 0 5px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,.5);
		}

			#conteneur_admin #panel_members table {
				width: 100%;
			}

				#conteneur_admin #panel_members table tr td:first-child {
					width: 35%;
					text-align: left;
				}

			#conteneur_admin #panel_members #admin_members_list_pseudo {
				font-size: 1.5rem;
				color: var(--keyframe-glow-color-on);
				text-shadow: 0 0 5px var(--borderGlow-small-on), 0 0 15px var(--borderGlow-small-on);
			}

			#conteneur_admin #panel_members select {
				min-width: 10rem;
				width: 10rem;
				border: none;
				border-radius: var(--brad);
				height: 49px;
				outline: none;
				text-align: center;
			}

/* --- */


/* jQuery UI */

	.ui-menu .ui-menu-item {
		font-variant: small-caps;
	}

	.ui-selectmenu-text {
		font-variant: small-caps;
	}

	.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
		font-variant: small-caps;
	}

	.ui-controlgroup .ui-controlgroup-label span {
		font-size: 100% !important;
	}

	.ui-checkboxradio-radio-label .ui-icon-background {
		display: none;
	}

	.ui-checkboxradio-icon-space {
		display: none;
	}

	.ui-checkboxradio-radio-label {
		padding-top: 9px !important;
	}

	.ui-selectmenu-menu .ui-menu {max-height: 200px;}

	.ui-tooltip {
		max-width: 400px !important;
		text-align: justify;
	}

/* --- */