/* Profil Identity */


/*
BLOC
	Sous Bloc
		Pseudo
		Icons
		Roles
	Sous Bloc
		Avatar


*/

.profil-bloc
{
	display: inline-block;
}

.profil-blocSize_1
{
	max-width: 250px;
}
	
.profil-blocInfos
{
	display: inline-block;
	vertical-align: top;
}	
	
	.profil-blocInfos_0
	{
		width: 50px;
		font-size: 15px;
	}
	
	.profil-blocInfos_1
	{
		width: 150px;
		font-size: 15px;
	}

	.profil-blocInfos_2
	{
		width: 200px;
		font-size: 20px;
	}

	.profil-blocInfos_3
	{
		width: 250px;
		font-size: 25px;
		margin: auto;
	}
	
		.profil-pseudo
		{
			font-weight: bold;
			width: 100%;
		}
		
			.profil-pseudoFormat_1
			{
				text-align: left;
			}
			
			.profil-pseudoFormat_2
			{
				text-align: center;
			}
			
			.profil-pseudoFormat_3
			{
				text-align: center;
			}
			
			@media (min-width:992px)
			{
				.profil-pseudoFormat_1
				{
					text-align: center;
				}
				
			}	
			
			
		.profil-icons_bloc
		{
			display: flex;
			width: 100%;
		}
			
			.profil-iconsFormat_1
			{
				align-items: center;
				justify-content: flex-start;
			}
			
			.profil-iconsFormat_2
			{
				align-items: center;
				justify-content: space-around;
			}
			
			.profil-iconsFormat_3
			{
				align-items: center;
				justify-content: space-around;
			}
			
			
			@media (min-width:992px)
			{
				.profil-iconsFormat_1
				{
					justify-content: space-around;
				}
				
			}	
			
			
			.profil-icons, .profil-icons_text
			{
				font-weight: bold;
				width: 30px;
				vertical-align: sub;
			}

			.profil-icon_gender
			{
				padding: 5px;
				border-radius: 5px;
			}
			
			

	

.profil-blocPicture
{
	text-align: center;
}
	
	.profil_picture-bloc
	{
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	
	.profil-blocPicture_0
	{
		margin: 0px 10px 0px 5px;
		width: 30px;
		height: 30px;
		float: left;
	}
		.profil_picture-format_0
		{
			border-radius: 5px;
		}
			.profil_picture-format_0 img
			{
				border-radius: 30px;
			}
	
	
	
	.profil-blocPicture_1
	{
		margin: 0px 10px 0px 5px;
		width: 50px;
		height: 50px;
		float: left;
	}
		.profil_picture-format_1
		{
			border-radius: 5px;
		}
			.profil_picture-format_1 img
			{
				border-radius: 30px;
			}
	@media (min-width:992px)
	{
		.profil-blocPicture_1
		{
			margin: 10px 25px 5px 25px;
			width: 100px;
			height: 100px;
			float: none;
		}
			.profil_picture-format_1
			{
				border-radius: 5px;
			}
				.profil_picture-format_1 img
				{
					border-radius: 30px;
				}
	}	
	
	.profil-blocPicture_2
	{
		margin: 10px 25px 0px 25px;
		width: 150px;
		height: 150px;
	}
		.profil_picture-format_2
		{
			border-radius: 5px;
		}
			.profil_picture-format_2 img
			{
				border-radius: 20px;
			}
	@media (min-width:992px)
	{
		
	}
	
	
	
	.profil-blocPicture_3
	{
		margin: 10px 25px 0px 25px;
		width: 200px;
		height: 200px;
	}
		.profil_picture-format_3
		{
			border-radius: 20px;
		}
			.profil_picture-format_3 img
			{
				border-radius: 50px;
			}
	@media (min-width:992px)
	{
		
	}

	
		
		.profil_picture-bloc_state
		{
			box-shadow: 0px 0px 12px -5px black;
		}	
		
		.profil_picture-bloc img
		{
			width: 100%;
			height: 100%;
			box-shadow: 0px 0px 5px 0px black;
		}
		
		




/* Colors */
/* 
- Roles
*/
.role_admin_white_light
{
	color: #6e0000;
}

	.role_admin_white_night
	{
		color: var(--red-45);
	}

.role_member_white_light
{
	color: #424242;
}

	.role_member_white_night
	{
		color: #cfcfcf;
	}

/* 
- States
*/
.online_white_light
{
	background-color: #007c00fa;
}
	.online_white_night
	{
		background-color: #00d500fa;
	}
	
.busy_white_light
{
	background-color: #8b0000;
}
	.busy_white_night
	{
		background-color: #ff1313;
	}

.absent_white_light
{
	background-color: #e78000;
}
	.absent_white_night
	{
		background-color: #ff872f;
	}

.offline_white_light
{
	background-color: #686868;
}
	.offline_white_night
	{
		background-color: #b1b1b1;
	}







/* ---[ Genres ]--- */
/* ___Homme___ */
.gender_male_white_light
{
	color: var(--blue-55);
	background-color: var(--blue-10);
	border-color: var(--blue-10) var(--blue-30) var(--blue-30) var(--blue-10);
	/*
	color: var(--color-male-white-light);
	background-color: var(--background-male-white-light);
	border-color: var(--background-male-1-white-light) var(--background-male-2-white-light) var(--background-male-2-white-light) var(--background-male-1-white-light);*/
}
	.gender_male_white_light:hover, .gender_male_actif_white_light
	{
		color: var(--blue-55);
		background-color: var(--blue-30);
		border-color: var(--blue-30) var(--blue-10) var(--blue-10) var(--blue-30);
		/*
		color: var(--color-male-white-light);
		background-color: var(--background-male-1-white-light);
		border-color: var(--background-male-2-white-night) var(--background-male-1-white-night) var(--background-male-1-white-night) var(--background-male-2-white-night);*/
	}
	.gender-svg_male_white_light .f, .gender-svg_male_white_light .e
	{
		stroke: var(--blue-55);
		fill: var(--blue-55);
	}

.gender_male_white_night
{
	color: var(--blue-10);
	background-color: var(--blue-70);
	border-color: var(--blue-70) var(--blue-90) var(--blue-90) var(--blue-70);
}
	.gender_male_white_night:hover, .gender_male_actif_white_night
	{
		color: var(--blue-10);
		background-color: var(--blue-90);
		border-color: var(--blue-90) var(--blue-70) var(--blue-70) var(--blue-90);
	}
	.gender-svg_male_white_night .f, .gender-svg_male_white_night .e
	{
		stroke: var(--blue-45);
		fill: var(--blue-45);
	}
	
/* ___Femme___ */
.gender_female_white_light
{
	color: var(--red-55);
	background-color: var(--red-10);
	border-color: var(--red-10) var(--red-45) var(--red-30) var(--red-10);
}
	.gender_female_white_light:hover, .gender_female_actif_white_light, .profil-color_female_white_light
	{
		color: var(--red-55);
		background-color: var(--red-30);
		border-color: var(--red-30) var(--red-10) var(--red-10) var(--red-30);
	}
	.gender-svg_female_white_light .f, .gender-svg_female_white_light .e
	{
		stroke: var(--red-55);
		fill: var(--red-55);
	}
.gender_female_white_night
{
	color: var(--red-10);
	background-color: var(--red-70);
	border-color: var(--red-70) var(--red-90) var(--red-90) var(--red-70);
}
	.gender_female_white_night:hover, .gender_female_actif_white_night, .profil-color_female_white_night
	{
		color: var(--red-10);
		background-color: var(--red-90);
		border-color: var(--red-90) var(--red-70) var(--red-70) var(--red-90);
	}
	.gender-svg_female_white_night .f, .gender-svg_female_white_night .e
	{
		stroke: var(--red-45);
		fill: var(--red-45);
	}
	
	
/* ___MtF___ */
.gender_mtf_white_light
{
	color: var(--pink-55);
	background-color: var(--pink-10);
	border-color: var(--pink-10) var(--pink-30) var(--pink-30) var(--pink-10);
}
	.gender_mtf_white_light:hover, .gender_mtf_actif_white_light, .profil-color_mtf_white_light
	{
		background-color: var(--pink-30);
		border-color: var(--pink-30) var(--pink-10) var(--pink-10) var(--pink-30);
	}
	.gender-svg_mtf_white_light .f, .gender-svg_mtf_white_light .e
	{
		stroke: var(--pink-55);
		fill: var(--pink-55);
	}
.gender_mtf_white_night
{
	color: var(--pink-45);
	background-color: var(--pink-70);
	border-color: var(--pink-70) var(--pink-90) var(--pink-90) var(--pink-70);
}
	.gender_mtf_white_night:hover, .gender_mtf_actif_white_night, .profil-color_mtf_white_night
	{
		background-color: var(--pink-90);
		border-color: var(--pink-90) var(--pink-70) var(--pink-70) var(--pink-90);
	}
	.gender-svg_mtf_white_night .f, .gender-svg_mtf_white_night .e
	{
		stroke: var(--pink-45);
		fill: var(--pink-45);
	}
	
/* ___FtM___ */
.gender_ftm_white_light
{
	color: var(--purple-55);
	background-color: var(--purple-10);
	border-color: var(--purple-10) var(--purple-30) var(--purple-30) var(--purple-10);
}
	.gender_ftm_white_light:hover, .gender_ftm_actif_white_light, .profil-color_ftm_white_light
	{
		background-color: var(--purple-30);
		border-color: var(--purple-30) var(--purple-10) var(--purple-10) var(--purple-30);
	}
	.gender-svg_ftm_white_light .f, .gender-svg_ftm_white_light .e
	{
		stroke: var(--purple-55);
		fill: var(--purple-55);
	}
.gender_ftm_white_night
{
	color: var(--purple-45);
	background-color: var(--purple-70);
	border-color: var(--purple-70) var(--purple-90) var(--purple-90) var(--purple-70);
}
	.gender_ftm_white_night:hover, .gender_ftm_actif_white_night, .profil-color_ftm_white_night
	{
		background-color: var(--purple-90);
		border-color: var(--purple-90) var(--purple-70) var(--purple-70) var(--purple-90);
	}
	.gender-svg_ftm_white_night .f, .gender-svg_ftm_white_night .e
	{
		stroke: var(--purple-45);
		fill: var(--purple-45);
	}
	
/* ___MaF___ */
.gender_maf_white_light
{
	color: var(--gray-55);
	background-color: var(--gray-10);
	border-color: var(--gray-10) var(--gray-30) var(--gray-30) var(--gray-10);
}
	.gender_maf_white_light:hover, .gender_maf_actif_white_light, .profil-color_maf_white_light
	{
		background-color: var(--gray-30);
		border-color: var(--gray-30) var(--gray-10) var(--gray-10) var(--gray-30);
	}
	.gender-svg_maf_white_light .f, .gender-svg_maf_white_light .e
	{
		stroke: var(--gray-60);
		fill: var(--gray-60);
	}
.gender_maf_white_night
{
	color: var(--gray-40);
	background-color: var(--gray-70);
	border-color: var(--gray-70) var(--gray-90) var(--gray-90) var(--gray-70);
}
	.gender_maf_white_night:hover, .gender_maf_actif_white_night, .profil-color_maf_white_night
	{
		background-color: var(--gray-90);
		border-color: var(--gray-90) var(--gray-70) var(--gray-70) var(--gray-90);
	}	
	.gender-svg_maf_white_night .f, .gender-svg_maf_white_night .e
	{
		stroke: var(--gray-40);
		fill: var(--gray-40);
	}





/* Format Share Member */
.userShare-bloc
{
	border-style: none none none solid;
    border-width: 5px;
	margin-top: 50px;
	padding: 0px 15px;
}


/* Avatar */
.bloc_avatar
{
	display: block;
	margin: 10px;
	box-shadow: 0px 0px 12px -5px black;
}

.bloc_avatar img
{
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 5px 0px black;
}
/* Nav FC */
.nav_avatar
{
	width: 60px;
	height: 60px;
    margin-top: -10px;
}


	
	
.bloc_user
{
	padding: 5px 0px;
	border-radius: 15px 0px 0px 15px;
}

	.bloc_user:hover
	{
		background-color: rgb(255 255 255 / 10%);
	}