@media (max-width: 750px){

	* {
		font-size: 18px;
	}

	:root {
		--size-affiche-height: 110px;
		--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);
	}

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

	body {
		background: var(--color-bg-menu-one);
		position: fixed;
		top: 0;
		left: 0;
		height: 100dvh;
		min-height: 100dvh;
		width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
		overflow: unset;
	}

	#titre {
		height: 60px;
		margin-top: unset;
	}

		#titre #titre_texte {
			font-size: 2rem;
			filter: blur(0px);
			border-radius: 3rem 3rem .5rem .5rem;
			top: 7.5px;
			transform: unset;
		}

	#corps {
		position: fixed;
		width: 100dvw;
		height: calc(100dvh - 60px);
		max-height: unset;
		top: calc( 60px );
		left: 0;
		border-radius: 0;
		border: none;
		box-shadow: unset;
		padding: 0;
		right: unset;
		bottom: unset;
		overflow-y: auto;
		overflow-x: hidden;
		padding: unset;
	}

	.liste_serie .fiche_serie, .liste_scroll_next, .liste_scroll_previous, .liste_refresh, .liste_serie .pinned_complete_elements {
		margin: 3px;
		filter: unset;
	}

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

		.liste_serie.two_rows {
			height: calc(var(--size-affiche-height) * 2.1);
		}
		.liste_serie.one_row {
			height: calc(var(--size-affiche-height) * 1.05);
		}

	.liste_serie .fiche_serie:hover {
		transform: unset;
	}


	/* ----- MENU.PHP ----- */

		#menu, #menu * { display: none !important; }

		#menu_mobile {
			display: inline-block;
			width: 100dvw;
			height: auto;
			background: #222;
			color: beige;
			text-align: center;
			z-index: 999;
			position: relative;
			margin-bottom: 45px;
			margin-top: 2px;
		}

			#menu_mobile #menu_mobile_blind {
				padding: 3dvw 1.5dvw;
				display: none;
			}

			#menu_mobile #menu_mobile_handle {
				display: inline-block;
				font-variant: small-caps;
				width: 100dvw;
				height: 40px;
				position: absolute;
				left: 0;
				bottom: -40px;
			}

			#menu_mobile #menu_mobile_handle::before {
				content: '';
				position: absolute;
				left: 0;
				top: -2px;
				width: 100%;
				height: 3px;
				background: linear-gradient(to right, transparent 0%, transparent 3%, chocolate 30%, chocolate 70%, transparent 97%, transparent 100%);
			}

				#menu_mobile #menu_mobile_handle #mmh_text {
					display: inline-block;
					line-height: 40px;
					width: 50%;
					background: #111;
					font-size: 1.2rem;
					vertical-align: top;
					border: solid 2px chocolate;
					border-top: solid 1px transparent;
					border-bottom-left-radius: calc(var(--brad) * 2);
					border-bottom-right-radius: calc(var(--brad) * 2);
					position: relative;
					top: -2px;
				}

					#menu_mobile #menu_mobile_handle #mmh_text i {
						color: chocolate;
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
					}
					#menu_mobile #menu_mobile_handle #mmh_text i:first-child { left: 10px; }
					#menu_mobile #menu_mobile_handle #mmh_text i:last-child { right: 10px; }

					#menu_mobile #menu_mobile_handle #notification_mark {
						display: inline-block;
						width: 8px;
						height: 8px;
						background: red;
						box-shadow: 0 0 5px indianred, 0 0 3px #000 inset;
						border-radius: 8px;
						position: absolute;
						top: 25%;
						left: 68%;
						transform: translateX(-50%);
						opacity: 0;
					}

			#menu_mobile hr {
				border-color: chocolate;
				width: 75%;
				box-shadow: 0 0 10px coral;
			}

			#menu_mobile .bouton_menu_mobile {
				display: inline-block;
				width: 14dvw;
				line-height: 14dvw;
				height: 14dvw;
				border: solid 2px chocolate;
				border-radius: var(--brad);
				margin: 2dvw;
				color: beige;
				box-shadow: 0 0 10px coral;
				text-shadow: 0 0 5px indianred;
			}

				#menu_mobile .bouton_menu_mobile .icon_holder {
					display: inline-block;
					position: relative;
				}

					#menu_mobile #menu_mobile_blind #notification_mark_messages {
						display: inline-block;
						width: 8px;
						height: 8px;
						background: red;
						box-shadow: 0 0 5px indianred, 0 0 3px #000 inset;
						border-radius: 8px;
						position: absolute;
						top: 25%;
						right: -50%;
						transform: translateX(-50%);
						opacity: 0;
					}

			#menu_mobile #input_search_holder_mobile {
				display: none;
				width: 100%;
			}

				#menu_mobile #input_search_menu_mobile {
					display: inline-block;
					width: 80%;
					line-height: 2rem;
					text-align: center;
					font-variant: small-caps;
					font-size: 1.2rem;
					outline: none;
					border: none;
					border-radius: var(--brad);
				}

				#menu_mobile #submit_input_search_mobile {
					width: 33px;
					line-height: 33px;
					border: solid 2px chocolate;
					border-radius: var(--brad);
					margin-left: -8px;
				}

	/* ----- //////// ----- */


	/* ----- SERIE.PHP ----- */

		#entete_panneau_serie_admin {
			display: none;
		}

		#fiche_container {
			display: none;
			padding: 0;
			margin: 0;
		}

		#fiche_container_mobile {
			display: block;
			width: 100%;
			margin:	0;
			padding: 0;
			text-align: center;
			position: sticky;
			margin-top: -30px;
		}

			#fiche_container_mobile #table_fiche_container_mobile {
				width: 100%;
				margin: 0;
				border-spacing: .4em;
				border-collapse: separate;
			}

				#fiche_container_mobile #table_fiche_container_mobile 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;
				}

				/* ----- TITRE ----- */

					#fiche_container_mobile #td_titre_mobile {
						background: #222 !important;
						color: chocolate;
					}

						#fiche_container_mobile #fiche_titre_mobile {
							font-size: 1em !important;
							padding: 5px 0;
							color: inherit;
						}

							#fiche_container_mobile #fiche_titre_mobile i {
								font-family: inherit;
								font-size: .95em;
								color: inherit;
							}

				/* ----- ///// ----- */


				/* ----- AFFICHE ----- */

					#fiche_container_mobile #fiche_thumb_mobile {
						/* width = height x 0.7 */
						width: 52dvw;
						height: calc( 52dvw / 7 * 10 );
						background-size: 52dvw calc( 52dvw / 7 * 10 ) !important;
						background-repeat: no-repeat;
						border-radius: var(--brad);
					}

						#fiche_container_mobile #fiche_status_mobile {
						}

							#fiche_container_mobile #fiche_status_texte_mobile {
							}

				/* ----- /////// ----- */


				/* ----- SYNOPSIS / INFOS ----- */

					#fiche_container_mobile #td_synopsis_mobile {
						padding: 0 5px !important;
						font-family: Calibri;
					}

						#fiche_container_mobile #fiche_infos_mobile {
							font-family: inherit;
							font-size: 0px !important;
							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;
						}

							#fiche_container_mobile #fiche_infos_mobile span {
								display: inline-block;
								font-family: inherit;
								font-variant: small-caps;
								width: calc((90% - 3px) / 3);
								border-right: 1px solid #555;
							}

								#fiche_container_mobile #fiche_infos_mobile span:first-child {
									width: 10% !important;
								}

								#fiche_container_mobile #fiche_infos_mobile span:last-child {
									border: none;
								}

						#fiche_container_mobile #fiche_genres_mobile {
							font-family: inherit;
							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;
						}

							#fiche_container_mobile #fiche_genres_mobile .span_genre {
								font-family: inherit;
								font-variant: small-caps;
								padding: 0 5px;
							}

						#fiche_container_mobile #fiche_synopsis_mobile {
							width: calc( 100% - 2px );
							text-align: justify;
							font-family: inherit;
							line-height: 18px;
							padding: 3px 0;
							/*padding: 3px 5px 3px 0;
							max-height: 8rem;
							overflow-y: auto;*/
						}

				/* ----- //////////////// ----- */


				/* ----- NOTES ----- */

					#fiche_container_mobile #td_notes_mobile {
						background: none !important;
						border-color: transparent !important;
						box-shadow: none !important;
					}

					#fiche_container_mobile #td_notes_mobile table {
						margin: -50px auto;
						border-spacing: 0 5px;					
					}

						#fiche_container_mobile #td_notes_mobile table tr td {
							padding: 0;
							margin: 0;
							font-size: 1px;
							border: solid 1px #fff !important;
							box-shadow: 0 0 3px #fff !important;
						}

					#fiche_container_mobile .legend_notes_mobile {
						display: inline-block;
						font-size: 0px;
						width: 35dvw !important;
						height: 15dvw !important;
						max-height: 15dvw !important;
						position: relative;
					}

						#fiche_container_mobile .legend_notes_mobile img {
							width: 15dvw !important;
							border-radius: var(--brad);
							position: absolute;
							top: 0;
							left: 0;
						}

						#fiche_container_mobile .legend_notes_mobile .note_holder_mobile {
							display: inline;
							width: 20dvw !important;
							height: 15dvw !important;
							line-height: 15dvw !important;
							position: absolute;
							top: 0;
							left: 0;
							margin-left: 15dvw;
							font-size: 20px;
							font-family: Impact;
						}

							#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .note_mobile {
								display: inline-block;
								width: 35px;
								position: absolute;
								top: -5px;
								left: 10px;
								text-align: left;
								vertical-align: top;
								font-size: 25px;
								text-align: center;
							}
								#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .note_mobile.green {
									color: limegreen !important;
									text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
								}
								#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .note_mobile.orange {
									color: orange !important;
									text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
								}
								#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .note_mobile.red {
									color: indianred !important;
									text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
								}

							#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .separator_note_mobile {
								display: inline-block;
								position: absolute;
								background: #555;
								width: 15dvw;
								height: 2px;
								top: 32px;
								right: -6px;
								border-radius: 5px;
								transform: rotate(-45deg);
								box-shadow: 0 0 3px #000;
							}

							#fiche_container_mobile .legend_notes_mobile .note_holder_mobile .echelle_note_mobile {
								display: inline-block;
								transform: rotate(-45deg);
								position: absolute;
								bottom: -15px;
								right: 6px;
							}

							#fiche_container_mobile .legend_notes_mobile .note_holder_mobile span {
								font-family: inherit;
							}

					#fiche_container_mobile #ma_note_1_mobile {
						display: inline-block;
						width: 15dvw !important;
						height: 15dvw;
						line-height: 7.5dvw;
						font-family: Impact;
						font-variant: small-caps;
						font-size: 1.0rem;
						position: absolute;
						font-family: Source Code Pro;
						font-weight: bold;
						top: 0;
						left: 0;
						background: #333;
						border-radius: var(--brad);
						text-shadow: 0 0 2px gold, 0 0 2px gold, 0 0 2px gold;
					}

					#fiche_container_mobile #ma_note_2_mobile {
						display: inline-block;
						width: 35dvw !important;
						height: 15dvw;
						line-height: 15dvw;
						font-family: Impact;
						font-variant: small-caps;
						font-size: 1.5rem;
						font-family: Source Code Pro;
						font-weight: bold;
						position: absolute;
						top: 0;
						left: 0;
						background: #333;
						border-radius: var(--brad);
						letter-spacing: 2px;
						text-shadow: 0 0 2px gold, 0 0 2px gold, 0 0 2px gold, 0 0 2px gold, 0 0 2px gold;
					}

				/* ----- ///// ----- */


				/* ----- NOTES_USER ----- */

					#td_note_user h1 {
						font-family: Calibri;
						font-weight: bold;
						margin-bottom: 0;
					}

					#td_note_user .rating-slider-container {
						display: inline-block;
						width: 100%;
						vertical-align: top;
						margin-bottom: 10px;
					}

						#td_note_user .rating-slider-container code {
							font-family: Impact;
							display: inline-block;
							width: 7dvw;
							position: relative;
							top: -5px;
						}

							#td_note_user .rating-slider-container code:first-of-type { text-align: right; }
							#td_note_user .rating-slider-container code:last-of-type { text-align: left; }

					#td_note_user #ratingSlider {
						-webkit-appearance: none;
						appearance: none;
						width: 80dvw;
						height: 25px;
						border-radius: 10px;
						background: linear-gradient(to right, rgba(255,0,0,.8) 0%, rgba(255,255,0,.8) 35%, rgba(255,255,0,.8) 65%, rgba(35,190,0,.8) 100%);
						margin-top: 10px;
						margin-bottom: 20px;
					}

						#td_note_user #ratingSlider::-webkit-slider-thumb {
							-webkit-appearance: none;
							appearance: none;
							width: 35px; /* Increased size for better touch control */
							height: 35px; /* Increased size for better touch control */
							background: transparent;
							cursor: pointer;
							border: solid 5px #555;
							border-radius: 10px;
						}

						#td_note_user #ratingSlider::-moz-range-thumb {
							width: 35px; /* Increased size for better touch control */
							height: 35px; /* Increased size for better touch control */
							background: transparent;
							cursor: pointer;
							border: solid 5px #555;
							border-radius: 10px;
						}

					#td_note_user #ratingValue {
						display: inline-block;
						width: calc(80dvw - 35px);
						line-height: 40px;
						text-align: left;
					}

						#td_note_user #ratingValue #ratingValueBubble {
							position: relative;
							top: unset;
							display: inline-block;
							width: 30px;
							line-height: 30px;
							text-align: center;
							border-radius: 3dvw;
							background: #000;
							color: antiquewhite;
							left: calc(-4dvw + ( calc( ( 80dvw - 35px ) / 10 ) * 5 ) );
						}

							#td_note_user #ratingValue #ratingValueBubble::after {
								content: "";
								margin: 0;
								padding: 0;
								font-size: 0;
								position: absolute;
								top: 28px;
								left: 15px;
								transform: translateX(-50%);
								display: inline-block;
								width: 0px;
								height: 0px;
								border: solid 10px transparent;
								border-top-color: black;
							}

					#td_note_user #rating-user-submit {
						display: inline-block;
						width: auto;
						line-height: 2.3rem;
						margin-top: 5px;
						padding: 0 10px;
						background-color: rgba(120,120,120,1);
						border: solid 1px chocolate;
						border-radius: var(--brad);
					}

						#td_note_user #rating-user-submit:active {
							box-shadow: 0 0 5px coral;
						}

				/* ----- ////////// ----- */


				/* ----- SAISONS ----- */

					#saisons_mobile_entete {
						display: inline-block;
						width: 100%;
						border-radius: var(--brad);
						font-size: 0;
					}

						#saisons_mobile_entete span {
							display: inline-block;
							font-variant: small-caps;
							font-size: 25px;
							line-height: 2.4rem;
						}

							#saisons_mobile_entete span .fa-solid {
								margin: 0 5px;
								font-size: 16px;
							}

						#saisons_mobile_entete #saison_precedente_mobile {
							width: calc( 40% - 1px );
							background: rgba(0,0,0,.3);
							border-right: solid 1px rgba(0,0,0,.5);
						}

						#saisons_mobile_entete #saison_encours_mobile {
							width: 20%;
							font-family: Calibri;
						}

						#saisons_mobile_entete #saison_suivante_mobile {
							width: calc( 40% - 1px );
							background: rgba(0,0,0,.3);
							border-left: solid 1px rgba(0,0,0,.5);
						}

							#saisons_mobile_entete #saison_precedente_mobile:hover, #saisons_mobile_entete #saison_suivante_mobile:hover { color: chocolate; }
							#saisons_mobile_entete #saison_precedente_mobile:active, #saisons_mobile_entete #saison_suivante_mobile:active { color: coral; }

						#saisons_mobile_entete #saison_precedente_mobile.inactive, #saisons_mobile_entete #saison_suivante_mobile.inactive { color: #888; }
						#saisons_mobile_entete #saison_precedente_mobile.inactive:hover, #saisons_mobile_entete #saison_suivante_mobile.inactive:hover { color: #888; }
						#saisons_mobile_entete #saison_precedente_mobile.inactive:active, #saisons_mobile_entete #saison_suivante_mobile.inactive:active { color: #888; }

				/* ----- /////// ----- */


				/* ----- ÉPISODES ----- */

					#fiche_container_mobile #saisons_episodes_mobile {
						display: inline-block;
						width: calc( 100% - 20px );
						padding: 10px;
						text-align: center;
						background: #222;
						border-bottom-left-radius: var(--brad);
						border-bottom-right-radius: var(--brad);
					}

					#fiche_container_mobile .blank_void_filler {
						display: inline-block;
						position: relative;
						width: 20dvw;	max-width: 20dvw;
						height: 20dvw;	max-height: 20dvw;
						line-height: 4rem;
						margin: .8dvw;
						border: solid 1px rgba(0,0,0,0);
					}

					#fiche_container_mobile .checkbox_episode {
						display: inline-block;
						position: relative;
						width: 20dvw;	max-width: 20dvw;
						height: 20dvw;	max-height: 20dvw;
						background-color: rgba(150,150,150,1);
						line-height: 4rem;
						margin:  .8dvw;
						color: black;
						border: solid 1px rgba(0,0,0,0);
						border-radius: var(--brad);
						transition: background-color .1s linear;
					}

						#fiche_container_mobile .checkbox_episode .checkbox_episode_num, #fiche_container_mobile .blank_void_filler .checkbox_episode_num {
							display: inline-block;
							aspect-ratio: 1 / 1;
							width: 100%;
							line-height: unset;
							font-size: 30px;
							text-align: center;
							font-family: Lato;
						}

						#fiche_container_mobile .checkbox_episode .episode_checkbox {
							position: absolute;
							opacity: 0;
							cursor: pointer;
							height: 0;
							width: 0;
							font-size: 0px;
							opacity: 0;
						}

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

						#fiche_container_mobile .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_mobile #serie_renouvelee {
						display: inline-block;
						text-align: center;
						border: solid 1px #444;
						border-radius: var(--brad);
						padding: 10px 20px;
						background: #f5eedc;
						color: #2e7db2;
						box-shadow: 0 0 5px #333, 0 0 15px #555, 0 0 10px #333 inset;
					}

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

					#fiche_container_mobile #serie_infos {
						display: inline-block;
						text-align: center;
						width: 95%;
						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_mobile #serie_infos b {
							font-weight: bold;
						}

						#fiche_container_mobile #serie_infos_connexion {
							display: inline-block;
							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;
							margin: 5px 0;
							color: beige;
							cursor: pointer;
						}

							#fiche_container_mobile #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_mobile #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_mobile #check_season {
						display: inline-block;
						width: auto;
						line-height: 2.3rem;
						margin-top: 5px;
						padding: 0 10px;
						background-color: rgba(120,120,120,1);
						border: solid 1px chocolate;
						border-radius: var(--brad);
					}

						#fiche_container_mobile #check_season:active {
							box-shadow: 0 0 5px coral;
						}

				/* ----- //////// ----- */


				/* ----- CASTING ----- */

					#fiche_container_mobile #entete_casting_mobile {
						display: inline-block;
						width: 100%;
						line-height: 40px;
						font-size: 22px;
						background: rgba(0,0,0,.3);
						position: relative;
						color: black;
					}

						#fiche_container_mobile #entete_casting_mobile:hover { color: chocolate; }
						#fiche_container_mobile #entete_casting_mobile:active { color: coral; }

						#fiche_container_mobile #entete_casting_mobile i {
							position: absolute;
							top: 50%;
							transform: translateY(-50%);
							margin: 0;
							padding: 0;
							font-size: 23px;
						}

							#fiche_container_mobile #entete_casting_mobile i:first-child { left: 5%; }
							#fiche_container_mobile #entete_casting_mobile i:last-child { right: 5%; }

					#fiche_container_mobile #liste_casting_mobile {
						display: inline-block;
						width: calc( 100% - 10px );
						padding: 5px;
						text-align: center;
					}

						#fiche_container_mobile #liste_casting_mobile table {
							border-spacing: 0px;
							width: 100%;
							margin-top: 5px;
							line-height: 34px;
							position: relative;
						}

						#fiche_container_mobile #liste_casting_mobile table:first-child { margin-top: 0; }

							#fiche_container_mobile #liste_casting_mobile table tr td {
								border-radius: 0;
								text-align: left;
								padding-left: 10px;
								box-shadow: none;
								font-family: Calibri;
							}

							#fiche_container_mobile #liste_casting_mobile table tr td:first-child {
								width: 20dvw;
							}

							#fiche_container_mobile #liste_casting_mobile table tr:first-child td:first-child { /* CELL HAUT GAUCHE */
								border-top-left-radius: var(--brad);
								font-variant: small-caps;
								border-bottom: none;
								background: #222;
								color: cornsilk;
								text-align: center;
								padding-left: 0;
							}

							#fiche_container_mobile #liste_casting_mobile table tr:first-child td:last-child { /* CELL HAUT DROITE */
								border-top-right-radius: var(--brad);
								overflow: hidden;
								border-left: none;
								border-bottom: none;
								font-variant: small-caps;
							}

							#fiche_container_mobile #liste_casting_mobile table tr:last-child td:first-child { /* CELL BAS GAUCHE */
								border-bottom-left-radius: var(--brad);
								font-variant: small-caps;
								background: #222;
								color: cornsilk;
								text-align: center;
								padding-left: 0;
							}

							#fiche_container_mobile #liste_casting_mobile table tr:last-child td:last-child { /* CELL BAS DROITE */
								border-bottom-right-radius: var(--brad);
								overflow: hidden;
								border-left: none;
								font-variant: small-caps;
								font-style: italic;
								border-top-color: #222;
							}

							#fiche_container_mobile #liste_casting_mobile table .search_btn_actor {
								display: inline-block;
								position: absolute;
								width: 30px;
								height: 30px;
								line-height: 30px;
								top: 1px;
								right: 1px;
								color: greenyellow;
								background: rgba(75,75,75,.8);
								box-shadow: 0 0 5px #000, 0 0 10px rgba(0,0,0,.5);
								cursor: pointer;
								border: solid 1px #000;
								border-radius: 30px;
								text-align: center;
							}

					#fiche_container_mobile #no_casting {
						display: block;
						width: 100%;
						background: rgba(205,92,92,.5);
						border-radius: var(--brad);
						padding: 10px 0;
					}

				/* ----- /////// ----- */


				/* ----- COMMUNAUTÉ ----- */

					#fiche_container_mobile #entete_communaute_mobile {
						display: inline-block;
						width: 100%;
						line-height: 40px;
						font-size: 22px;
						background: rgba(0,0,0,.3);
						position: relative;
						color: black;
						margin-bottom: 5px;
					}

					#fiche_container_mobile .div_communaute_mobile_member {
						display: inline-block;
						width: 95%;
						height: 68px;
						border: solid 1px black;
						border-radius: var(--brad);
						margin: 0 auto 5px;
						background: #222;
						position: relative;
					}

						#fiche_container_mobile .div_communaute_mobile_member .cadre_avatar {
							display: inline-block;
							width: 50px;
							height: 50px;
							border-radius: var(--brad);
							padding: 4px;
							box-shadow: 0 0 8px 2px black;
							margin: 0;
							position: absolute;
							left: 5px;
							top: 5px;
						}

							#fiche_container_mobile .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%); }
							#fiche_container_mobile .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%); }
							#fiche_container_mobile .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%) }
							#fiche_container_mobile .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%); }
							#fiche_container_mobile .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%); }

						#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_avatar_mobile {
							display: inline-block;
							width: 50px;
							height: 50px;
							background-size: 50px 50px !important;
							border-radius: var(--brad);
							margin: 0;
							background: #000;
							position: relative;
						}

							#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_avatar_mobile.no_thumb {
									background-size: calc(75px / 2) calc(100px / 2) !important;
									background-repeat: no-repeat !important;
									background-position: 6.25px 0px !important;
								}

						#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_pseudo_mobile {
							display: inline-block;
							width: calc( 100% - 30% - 63px );
							color: beige;
							position: absolute;
							font-family: Arial;
							line-height: 34px;
							height: 34px;
							left: 73px;
							top: 0;
							font-variant: small-caps;
						}

						#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_episode_mobile {
							display: inline-block;
							width: calc( 100% - 30% - 63px );
							color: beige;
							position: absolute;
							font-family: Arial;
							line-height: 34px;
							height: 34px;
							background: rgba(255,0,0,.2);
							left: 73px;
							top: 34px;
							border-top-left-radius: var(--brad);
							border-top-right-radius: var(--brad);
						}

						#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile {
							position: absolute;
							top: 0;
							right: 3px;
							width: 30%;
							height: 68px;
						}

							#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span {
								display: inline-block;
								font-family: Calibri;
								font-variant: small-caps;
								color: beige;
								line-height: calc( 68px / 4 );
								height: calc( 68px / 4 );
								max-height: calc( 68px / 4 );
								margin: 0;
								padding: 0;
								position: absolute;
							}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_years_mobile {
									top: calc( 68px / 4 * 0 );
									left: 0;
									width: 40px;
									text-align: right;
								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_months_mobile {
									top: calc( 68px / 4 * 1 );
									left: 0;
									width: 40px;
									text-align: right;
								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_days_mobile {
									top: calc( 68px / 4 * 2 );
									left: 0;
									width: 40px;
									text-align: right;
								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_hours_mobile {
									top: calc( 68px / 4 * 3 );
									left: 0;
									width: 40px;
									text-align: right;
								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_years_text_mobile {
									top: calc( ( 68px / 4 * 0 ) - 2px );
									right: 0;
									width: 54px;
									text-align: left;
									font-family: Source Code Pro;

								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_months_text_mobile {
									top: calc( ( 68px / 4 * 1 ) - 2px );
									right: 0;
									width: 54px;
									text-align: left;
									font-family: Source Code Pro;

								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_days_text_mobile {
									top: calc( ( 68px / 4 * 2 ) - 2px );
									right: 0;
									width: 54px;
									text-align: left;
									font-family: Source Code Pro;

								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile .span_hours_text_mobile {
									top: calc( ( 68px / 4 * 3 ) - 2px );
									right: 0;
									width: 54px;
									text-align: left;
									font-family: Source Code Pro;

								}

								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.grey { color: grey; }
								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.beige { color: beige; }
								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.gold { color: goldenrod; }
								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.purple { color: deeppink; }
								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.blue { color: cornflowerblue; }
								#fiche_container_mobile .div_communaute_mobile_member .liste_communaute_time_mobile span.green { color: lightseagreen; }


				/* ----- ////////// ----- */

		/* ----- DIALOGS ----- */

			#dialog_note, #dialog_admin_actor, #dialog_admin_maj, #dialog_admin_delete_casting { display: none; }

		/* ----- /////// ----- */

	/* ----- ///////// ----- */


	/* ----- ACTEUR.PHP ----- */

		#conteneur_acteur #acteur_fiche {
			text-align: left;
			position: relative;
		}

			#conteneur_acteur #acteur_portrait {
				float: unset;
			}

			#conteneur_acteur #acteur_nom {
				display: inline-block;
				width: calc( 100% - 125px );
				font-family: Candara;
				color: coral;
				text-shadow: 0 0 5px chocolate;
				padding: unset;
				word-wrap: break-word;
				line-height: 40px;
				vertical-align: top;
				text-align: center;
				position: absolute;
				top: calc( 175px / 2 );
				right: 0;
				transform: translateY(-50%);
			}

	/* ----- ////////// ----- */


	/* ----- LOGIN.PHP ----- */

		#login_container {
			text-align: center;
			color: beige;
		}

			#login_container h2 {
				font-family: Impact;
				font-variant: small-caps;
				font-size: 2rem;
				letter-spacing: 2px;
				color: chocolate;
				margin-top: 0;
				margin-bottom: 10px;
			}

			#login_container hr {
				border-color: chocolate;
				width: 90%;
				box-shadow: 0 0 10px coral;
			}

			#login_container input {
				line-height: 2rem;
				outline: none;
				border: none;
				border-radius: var(--brad);
				text-align: center;
				margin: 3px;
				width: 90%;
				font-variant: small-caps;
				font-size: 1.3rem;
			}

			#login_container #signin_username_mobile, #login_container #signin_password_mobile, #login_container #signin_email_mobile { width: calc( 90% - 20px ); }

				#login_container input::placeholder { color: #555; }

			#login_container #auto_login_holder {
				display: inline-block;
				width: 100%;
				height: 30px;
				line-height: 30px;
				position: relative;
				vertical-align: top;
				margin: 15px 0;
			}

				#login_container input[type="checkbox"] {
					width: 30px;
					height: 30px;
					margin: 0 .5rem;
					top: 0;
					vertical-align: bottom;
				}

				#login_container label {
					display: inline-block;
					height: 30px;
					line-height: 30px;
					top: 0;
					vertical-align: middle;
				}

			#login_container * {
				font-family: Calibri;
			}

			#login_container #login_button_mobile, #login_container #signin_button_mobile {
				display: inline-block;
				width: 5rem;
				line-height: 2.5rem;
				font-variant: small-caps;
				font-size: 1.35rem;
				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;
			}

			#login_container #login_error_mobile, #login_container #signin_status_error_mobile, #login_container #signin_status_valid_mobile {
				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;
			}

			#login_container #signin_status_valid_mobile {
				font-variant: small-caps;
				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;
			}

			#login_container .signin_witness {
				display: inline-block;
				width: 14px;
				height: 14px;
				border-radius: 50%;
				position: relative;
				top: 2px;
			}

			#login_container .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;
			}

			#login_container .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;
			}

			#login_container .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;
			}

	/* ----- ///////// ----- */


	/* ----- LOGOUT.PHP ----- */

		#logout_container {
			text-align: center;
			color: beige;
		}

			#logout_container button {
				font-size: 1.6rem;
				margin: 1rem;
				outline: none;
			}

	/* ----- ////////// ----- */


	/* ----- PROFIL.PHP ----- */

		#conteneur_profil {
			width: calc( 100% - 10px );
			padding: 0 !important;
		}

			#conteneur_profil #entete_profil {
				width: calc(100dvw - 10px);
				height: 135px;
				padding: 0;
				text-align: left;
				position: relative;
				border-collapse: collapse;
			}

				#conteneur_profil #entete_profil .message_box_opener {
					display: inline-block;
					font-family: Calibri;
					font-variant: small-caps;
					font-size: 17px;
					border: solid 2px cornflowerblue;
					border-radius: var(--brad);
					padding: 0 9px;
					color: deepskyblue;
					margin-top: 10px;
					line-height: 31px;
				}

					#conteneur_profil #entete_profil .message_box_opener:active {
						box-shadow: 0 0 5px deepskyblue, 0 0 5px deepskyblue inset;
					}

					#conteneur_profil #entete_profil .message_box_opener i {
						font-size: 16px;
						color: cornflowerblue;
					}

				#conteneur_profil #entete_profil hr {
					border-color: #000;
					box-shadow: none;
					opacity: .5;
				}

				#conteneur_profil #entete_profil td { text-align: center; }

				#conteneur_profil #entete_profil .cadre_avatar {
					display: inline-block;
					width: 25dvw;
					height: 25dvw;
					border-radius: var(--brad);
					padding: calc(25dvw * 8 / 100);
					box-shadow: 0 0 8px 2px goldenrod;
					margin: 0;
				}

					.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%); }
					.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%); }
					.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%) }
					.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%); }
					.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_profil .points_1 { color: rgba(230,154,0,1); }
					#conteneur_profil .points_2 { color: rgba(178,61,223,1); }
					#conteneur_profil .points_3 { color: rgba(61,143,223,1); }
					#conteneur_profil .points_4 { color: rgba(0,150,25,1); }
					#conteneur_profil .points_5 { color: beige; }

				#conteneur_profil #entete_profil .profil_avatar_mobile {
					display: inline-block;
					width: 25dvw;
					height: 25dvw;
					border-radius: var(--brad);
					margin: 0;
					background: #000;
					position: relative;
				}

					#conteneur_profil #entete_profil .profil_avatar_mobile.no_thumb {
						background-size: calc(25dvw * .75) calc(25dvw) !important;
						background-repeat: no-repeat !important;
						background-position: calc(25dvw * 25 / 100 / 2) 0px !important;
					}

				#conteneur_profil #entete_profil #profil_pseudo {
					display: inline-block;
					width: 100%;
					font-family: Calibri;
					font-size: 32px;
					letter-spacing: 1px;
					vertical-align: top;
					text-align: center;
					color: chocolate;
					font-weight: bold;
				}

					#conteneur_profil #entete_profil .time_value {
						display: inline-block;
						margin-right: 1px;
						width: 34%;
						text-align: right;
						margin-right: 2%;
					}

					#conteneur_profil #entete_profil .time_text {
						display: inline-block;
						margin-left: 1px;
						position: relative;
						top: -1px;
						font-variant: small-caps;
						width: 40%;
						text-align: left;
						margin-left: 2%;
					}

					#conteneur_profil #entete_profil .profil_header_desc {
						color: grey;
						font-variant: small-caps;
						position: relative;
						top: -1px;
						text-decoration: underline;
						text-underline-offset: 3px;
					}

						#conteneur_profil #entete_profil .profil_header_desc.desc_1 { text-decoration-color: rgba(230,154,0,1); }
						#conteneur_profil #entete_profil .profil_header_desc.desc_2 { text-decoration-color: rgba(178,61,223,1); }
						#conteneur_profil #entete_profil .profil_header_desc.desc_3 { text-decoration-color: rgba(61,143,223,1); }
						#conteneur_profil #entete_profil .profil_header_desc.desc_4 { text-decoration-color: rgba(0,150,25,1); }
						#conteneur_profil #entete_profil .profil_header_desc.desc_5 { text-decoration-color: beige; }

		#conteneur_profil hr {
			border-color: chocolate;
			box-shadow: 0 0 5px coral;
		}

	/* ----- ////////// ----- */


	/* ----- COMMUNAUTÉ.PHP ----- */

		#conteneur_communaute .liste_communaute {
			width: 95%;
			margin: 5px 0;
		}

	/* ----- ////////////// ----- */


	/* ----- MESSAGES.PHP ----- */

		#conteneur_messages {
			width: calc( 100% - 10px );
			margin: 0 auto;
			padding: 0 !important;
		}

			#conteneur_messages #message_header {
				display: inline-block;
				width: 100%;
				text-align: center;
			}

			#conteneur_messages #search_message {
				display: inline-block;
				width: 92%;
				line-height: 2.3rem;
				background-color: beige;
				border: solid 1px chocolate;
				border-radius: var(--brad);
				font-variant: small-caps;
				text-align: center;
				outline: none;
			}

			#conteneur_messages #conversations_list {
				min-height: 30dvh;
				list-style: none;
				color: beige;
				padding: 0;
				border: solid 2px #111;
				border-radius: var(--brad);
				box-shadow: 0 0 5px #000 inset, 0 0 5px 2px #222;
			}

				#conteneur_messages #conversations_list li {
					margin: 6px;
					padding: 3px 5px;
					text-align: center;
					font-family: Calibri;
					font-variant: small-caps;
					border-radius: var(--brad);
				}

				#conteneur_messages #conversations_list #no_conversations {
					font-style: italic;
					background: #333;
					color: #888;
				}

					#conteneur_messages #conversations_list .messages_conversations {
						background: #333;
					}

						#conteneur_messages #conversations_list .messages_conversations table {
							width: 100%;
							table-layout: auto;
						}

							#conteneur_messages #conversations_list .messages_conversations table .conv_avatar {
								width: 0%;
							}

								#conteneur_messages #conversations_list .messages_conversations table .conv_avatar .cadre_avatar {
									display: inline-block;
									width: 12dvw;
									height: 12dvw;
									border-radius: var(--brad);
									padding: calc(12dvw * 8 / 100);
									box-shadow: 0 0 8px 2px goldenrod;
									margin: 0;
								}

								#conteneur_messages #conversations_list .messages_conversations table .conv_avatar .messages_avatar_mobile {
									display: inline-block;
									width: 12dvw;
									height: 12dvw;
									border-radius: var(--brad);
									margin: 0;
									background: #000;
									position: relative;
								}

									#conteneur_messages #conversations_list .messages_conversations table .conv_avatar .messages_avatar_mobile.no_thumb {
										background-size: calc(12dvw * .75) calc(12dvw) !important;
										background-repeat: no-repeat !important;
										background-position: calc((12dvw - (12dvw * .75)) / 2) 0px !important;
									}

							#conteneur_messages #conversations_list .messages_conversations table .conv_pseudo_date {
								width: 100%;
								position: relative;
							}

								#conteneur_messages #conversations_list .messages_conversations table .conv_pseudo_date span:first-of-type {
									color: chocolate;
									font-variant: normal;
									font-family: Segoe UI, Roboto, Calibri;
									font-weight: bold;
									margin-left: 5px;
									float: left;
								}

								#conteneur_messages #conversations_list .messages_conversations table .conv_pseudo_date span:last-of-type {
									color: #888;
									font-variant: normal;
									font-size: 14px;
									font-family: Segoe UI, Roboto, Calibri;
									position: absolute;
									top: -5px;
									right: -4px;
								}

							#conteneur_messages #conversations_list .messages_conversations table .conv_msg {
								display: table;
								table-layout: fixed;
								width: 100%;
								text-align: left;
							}

								#conteneur_messages #conversations_list .messages_conversations table .conv_msg span {
									display: table-cell;
									width: calc(100% - 5px);
									padding-left: 5px;
									font-variant: normal;
									font-family: Segoe UI, Roboto, Calibri;
									font-size: 15px;
									text-align: left;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
								}

									#conteneur_messages #conversations_list .messages_conversations table .conv_msg span b {
										color: #888;
										font-style: normal;
										font-family: Segoe UI, Roboto, Calibri;
										font-size: 15px;
									}

									#conteneur_messages #conversations_list .messages_conversations table .conv_msg span i {
										color: cornflowerblue;
										font-size: 15px;
									}

									#conteneur_messages #conversations_list .messages_conversations table .conv_msg span i.fa-envelope {
										color: indianred;
										font-size: 15px;
									}

	/* ----- //////////// ----- */


	/* ----- RECHERCHE.PHP ----- */

		#conteneur_recherche #input_search {
			min-width: unset;
			width: calc( 100% - 3.5rem );
		}

		#conteneur_recherche #submit_input_search {
			margin-right: 0;
		}

		#conteneur_recherche #conteneur_resultats .lien_acteur {
			width: calc( 95% - 2rem );
			position: relative;
			left: 50%;
			transform: translateX(-50%);
		}

	/* ----- ///////////// ----- */


	/* ----- MESSAGE FRAME ----- */

		#message_frame {
			display: none;
			width: calc( 100dvw - 4px );
			height: calc( 100dvh - 60px );
			position: fixed;
			bottom: 0;
			right: 0;
			background: #334;
			font-family: Segoe UI, Roboto, Calibri;
			text-align: center;
			border: solid 2px #223;
			box-shadow: 0 -5px 10px cornflowerblue, 0 -5px 10px rgba(0,0,0,.99);
		}

			#message_frame #message_redacter {
				width: calc(80dvw - 33px);
				height: 22px;
				line-height: 22px;
				padding: 7.5px 10px;
				outline: none;
				border: solid 2px cornflowerblue;
				border-radius: var(--brad);
				overflow: auto;
				background: #222;
				color: white;
				font-family: Segoe UI, Roboto, Calibri;
				font-size: 18px;
				font-weight: normal;
				font-style: normal;
				position: absolute;
				bottom: 3px;
				left: 5px;
				resize: none;
			}

				#message_frame #message_redacter:focus {
					border-color: darkcyan;
				}

			#message_frame #send_message_btn {
				color: cornflowerblue;
				width: calc(20dvw - 13px);
				height: 37px;
				line-height: 37px;
				border: solid 2px cornflowerblue;
				border-radius: var(--brad);
				position: absolute;
				bottom: 3px;
				right: 5px;
				background: #222;
				outline: none;
			}

				#message_frame #send_message_btn:active, #message_frame #send_message_btn:focus {
					color: darkcyan;
					border-color: darkcyan;
					background: #333;
				}

			#message_frame #messages_display {
				display: inline-block;
				width: calc( 95dvw - 10px );
				height: calc( 100dvh - 60px - 22px - 15px - 4px - 3px - 3px - 10px - 10px );
				background: #111;
				box-shadow: 0 0 5px cornflowerblue, 0 0 10px darkcyan inset;
				position: absolute;
				top: 5px;
				left: 50%;
				transform: translateX(-50%);
				border-radius: var(--brad);
				padding: 0 0 5px 0;
				overflow-y: auto;
				overflow-x: hidden;
				font-size: 0;
			}

				#message_frame #messages_display #panel_control {
					position: absolute;
					top: 5px;
					right: 5px;
				}

					#message_frame #messages_display #panel_control i { font-size: 35px; color: indianred; }

				/* Scrollbar */

					/* width */
					#message_frame ::-webkit-scrollbar {
						width: 0px;
					}

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

					/* Handle */
					#message_frame ::-webkit-scrollbar-thumb {
						background: cornflowerblue;
						border-radius: 5px;
					}

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

				/* --- */

				#message_frame #interlocuter_summary {
					display: inline-block;
					margin: 15px;
				}

					#message_frame #interlocuter_summary .cadre_avatar {
						display: inline-block;
						width: 20dvw;
						height: 20dvw;
						border-radius: var(--brad);
						padding: calc(20dvw * 8 / 100);
						box-shadow: 0 0 8px 2px goldenrod;
						margin: 0;
					}

					#message_frame #interlocuter_summary .chat_avatar_mobile {
						display: inline-block;
						width: 20dvw;
						height: 20dvw;
						border-radius: var(--brad);
						margin: 0;
						background: #000;
						position: relative;
					}

						#message_frame #interlocuter_summary .chat_avatar_mobile.no_thumb {
							background-size: calc(20dvw * .75) calc(20dvw) !important;
							background-repeat: no-repeat !important;
							background-position: calc(20dvw * 25 / 100 / 2) 0px !important;
						}

					#message_frame #interlocuter_summary #summary_pseudo {
						display: inline-block;
						width: 100%;
						font-family: Segoe UI, Roboto, Calibri;
						font-size: 25px;
						letter-spacing: 1px;
						vertical-align: top;
						text-align: center;
						color: chocolate;
						font-weight: bold;
						margin-top: 3px;
					}

					#message_frame #interlocuter_summary hr {
						display: inline-block;
						width: 80dvw;
						border-color: #222;
						box-shadow: none;
					}

					/* ----- */

					#message_frame .group_line_holder {
					    font-size: 0;
					}

					#message_frame .line_holder {
					    display: inline-block;
    					width: 100%;
					}

					#message_frame .chat_message_right_side {
						display: inline-block;
						max-width: calc( 80% - 10px - 18px );
						font-family: Segoe UI, Roboto, Calibri;
						font-size: 16px;
						color: beige;
						text-align: left;
						margin-top: 2px;
						margin-bottom: 2px;
						margin-right: 5px;
						border-top-left-radius: 15px;
						border-top-right-radius: 5px;
						border-bottom-right-radius: 5px;
						border-bottom-left-radius: 15px;
						padding: 7px 9px 7px 9px;
						background: #0A3B5D;
						position: relative;
						float: right;
					}

						#message_frame .chat_message_time_right {
							display: none;
							width: calc( 100% - 10px );
							line-height: 12px;
							padding: 0 10px 0 0;
							text-align: right;
							font-size: 12px;
							color: #666;
						}

						#message_frame .group_line_holder .line_holder:first-of-type .chat_message_right_side { border-top-right-radius: 15px; }
						#message_frame .group_line_holder .line_holder:last-of-type .chat_message_right_side { border-bottom-right-radius: 15px; }

					#message_frame .chat_message_left_side {
						display: inline-block;
						max-width: calc( 80% - 10px - 18px );
						font-family: Segoe UI, Roboto, Calibri;
						font-size: 16px;
						color: beige;
						text-align: left;
						margin-bottom: 2px;
						margin-left: 5px;
						margin-top: 2px;
						border-top-left-radius: 5px;
						border-top-right-radius: 15px;
						border-bottom-right-radius: 15px;
						border-bottom-left-radius: 5px;
						padding: 7px 9px 7px 9px;
						background: #3D4347;
						float: left;
					}

						#message_frame .chat_message_time_left {
							display: none;
							width: calc( 100% - 10px );
							padding: 0 0 0 10px;
							text-align: left;
							font-size: 12px;
							color: #666;
						}

						#message_frame .group_line_holder .line_holder:first-of-type .chat_message_left_side { border-top-left-radius: 15px; }
						#message_frame .group_line_holder .line_holder:last-of-type .chat_message_left_side { border-bottom-left-radius: 15px; }

					/* ----- */

					#message_frame .chat_message_date {
						display: inline;
						font-family: Segoe UI, Roboto, Calibri;
						font-size: 14px;
						color: #666;
						margin: 10px auto;
						background: #111;
						position: relative;
						padding: 0 8px;
					}

						#message_frame .chat_message_date::after {
							content: "";
							display: inline-block;
							width: 80dvw;
							height: 1px;
							background: #444;
							margin: 0;
							padding: 0;
							position: absolute;
							top: 12px;
							left: 50%;
							transform: translateX(-50%);
							z-index: -1;
						}

					/* ----- */

					#message_frame #sender_witness {
						color: cornflowerblue;
						width: calc( 100% - 10px );
						padding: 0 3px 0 0;
						text-align: right;
						margin: 2px 0;
					}


	/* ----- ///////////// ----- */


}