:root
{
	/*  Effets  */
	--background-white-light : linear-gradient(90deg, rgb(210 210 210), rgb(230 230 230), rgb(210 210 210));
		--background-white-night : linear-gradient(84deg, #303030, #222222, #343434);
	
	--background-green-70-reverse : linear-gradient(90deg, var(--green-55) 0%, var(--green-70) 95%, var(--green-55) 100%);
	--background-green-70 : linear-gradient(90deg, var(--green-55) 0%, var(--green-70) 5%, var(--green-55) 100%);
	--background-green-30-reverse : linear-gradient(90deg, #a9ff8d 0%, #62ff46 95%, #a9ff8d 100%);
	--background-green-30 : linear-gradient(90deg, #a9ff8d 0%, #62ff46 5%, #a9ff8d 100%);
	
	--background-red-71 : linear-gradient(224deg, #680000, #2c0000);
	--background-red-70-reverse : linear-gradient(90deg, var(--red-55) 0%, var(--red-70) 95%, var(--red-55) 100%);
	--background-red-70 : linear-gradient(90deg, var(--red-55) 0%, var(--red-70) 5%, var(--red-55) 100%);
	--background-red-31 : linear-gradient(224deg, rgb(255 102 102), rgb(255 60 60));
	--background-red-30-reverse : linear-gradient(90deg, var(--red-10) 0%, var(--red-30) 95%, var(--red-10) 100%);
	--background-red-30 : linear-gradient(90deg, var(--red-10) 0%, var(--red-30) 5%, var(--red-10) 100%);
	
	--background-blue-70-reverse : linear-gradient(90deg, var(--blue-55) 0%, var(--blue-70) 95%, var(--blue-55) 100%);
	--background-blue-70 : linear-gradient(90deg, var(--blue-55) 0%, var(--blue-70) 5%, var(--blue-55) 100%);
	--background-blue-30-reverse : linear-gradient(90deg, var(--blue-10) 0%, var(--blue-45) 95%, var(--blue-10) 100%);
	--background-blue-30 : linear-gradient(90deg, var(--blue-10) 0%, var(--blue-45) 5%, var(--blue-10) 100%);
	
	

	/*  Colors  */
	--font-white-light : rgb(65 65 65);
		--font-white-night : rgb(193 193 193);
	--gray-100_90 : rgb(0 0 0 / 90%);
	--gray-100_40 : rgb(0 0 0 / 40%);
	--gray-100_20 : rgb(0 0 0 / 20%);
	--gray-100_10 : rgb(0 0 0 / 10%);
	--gray-100 : rgb(0 0 0);
	--gray-90 : rgb(15 15 15);
	--gray-70 : rgb(70 70 70);
	--gray-60 : rgb(100 100 100);
	--gray-40 : rgb(150 150 150);
	--gray-30 : rgb(180 180 180);
	--gray-10 : rgb(220 220 220);
	--gray-0 : rgb(255 255 255);
	--gray-0_10 : rgb(255 255 255 / 10%);
	--gray-0_20 : rgb(255 255 255 / 20%);
	--gray-0_40 : rgb(255 255 255 / 40%);	
	--gray-0_90 : rgb(255 255 255 / 90%);
	
	--blue-90 : rgb(0 15 25);
	--blue-70 : rgb(0 40 60);
	--blue-55 : rgb(0 90 150);
	--blue-45 : rgb(60 180 255);
	--blue-30 : rgb(100 200 255);
	--blue-10 : rgb(180 225 255);
	
	--purple-90 : rgb(10 0 25);
	--purple-70 : rgb(30 0 60);
	--purple-55 : rgb(60 0 150);
	--purple-45 : rgb(120 60 255);
	--purple-30 : rgb(150 100 255);
	--purple-10 : rgb(210 180 255);

	--red-90 : rgb(40 0 0);
	--red-70 : rgb(80 0 0);
	--red-55 : rgb(150 0 0);
	--red-45 : rgb(255 20 20);
	--red-30 : rgb(255 100 100);
	--red-10 : rgb(255 180 180);
	
	--pink-90 : rgb(40 0 30);
	--pink-70 : rgb(80 0 70);
	--pink-55 : rgb(140 0 150);
	--pink-45 : rgb(230 20 250);
	--pink-30 : rgb(240 100 250);
	--pink-10 : rgb(255 180 250);
	
	--green-90 : rgb(0 40 0);
	--green-70 : rgb(0 80 0);
	--green-55 : rgb(0 150 0);
	--green-45 : rgb(20 255 20);
	--green-30 : rgb(100 255 100);
	--green-10 : rgb(180 255 180);
	
	--orange-60 : rgb(205 105 0);
	--orange-40 : rgb(255 155 0);
	






/* Icons */



	
/* --- --- ---	
	
		--color-white-light : #424242;
			--color-white-night : rgb(193 193 193);
		
		
		--color-wait-white-light : rgb(204 102 0);
			--color-wait-white-night : rgb(255 153 0);
		
	
		--color-error-white-light : rgb(104 0 0);
			--color-error-white-night : rgb(255 102 102);
		
		
		--color-success-white-light : rgb(0 151 0);
			--color-success-white-night : rgb(51 255 51);
		
		
		--color-validate-white-light : rgb(0 151 0);
			--color-validate-white-night : rgb(51 255 51);
			
	
		--color-date-white-light : grey;
			--color-date-white-night : rgb(120 120 120);	
		
	
		--color-male-white-light : rgb(0 51 102);
			--color-male-white-night : rgb(153 204 255);
		
		--color-female-white-light : rgb(153 51 51);
			--color-female-white-night : rgb(242 150 153);
			
		--color-maf-white-light : rgb(51 0 51);
			--color-maf-white-night : rgb(180 153 201);	
			
	
		--color-1-white-light : rgb(150 210 255);
			--color-1-white-night : rgb(10 40 60);
		
		--color-1-actif-white-light : rgb(230 245 255);
			--color-1-actif-white-night : rgb(0 20 30);		
			

		--color-2-white-light : rgb(150 210 255);
			--color-2-white-night : rgb(10 40 60);
		
		--color-2-actif-white-light : rgb(230 245 255);
			--color-2-actif-white-night : rgb(0 20 30);	
			
		
			--color-3-white-night : rgb(0 116 193);
		
			
	
	
		--background-0-white-light : rgb(0 0 0);
			--background-0-white-night : #303030;
			
		--background-0-actif-white-light : rgb(220 220 220);
			--background-0-actif-white-night : rgb(24 24 24);
			
		--background-0-hover-white-light : rgb(0 0 0);
			--background-0-hover-white-night : rgb(65 65 65);

		--border-0-1-white-light : rgb(68 68 68);	
			--border-0-1-white-night : rgb(68 68 68);	
	
		--border-0-2-white-light : white;	
			--border-0-2-white-night : black;
		
	
		--background-1-white-light : rgb(0 33 56);
			--background-1-white-night : rgb(40 120 160);
			
		--background-1-actif-white-light : rgb(0 19 32);
			--background-1-actif-white-night : rgb(168 220 255);	
			
		--background-1-hover-white-light : rgb(0 19 32);
			--background-1-hover-white-night : rgb(168 220 255);	
		

		--background-2-white-light : rgb(0 55 95);
			--background-2-white-night : rgb(82 194 255);
		
		--background-2-actif-white-light : rgb(0 30 50);
			--background-2-actif-white-night : rgb(188 228 255);	
		
		--background-2-hover-white-light : rgb(0 40 67);
			--background-2-hover-white-night : rgb(168 220 255);
		
	
		--background-3-hover-white-light : rgb(180 180 180);
		
	
		--background-positif-white-light : linear-gradient(90deg, #169100 0%, #092e00 5%, #169100 100%);
			--background-positif-white-night : linear-gradient(90deg, #a9ff8d 0%, #62ff46 5%, #a9ff8d 100%);
		--background-positif-reverse-white-light : linear-gradient(90deg, #169100 0%, #092e00 95%, #169100 100%);
			--background-positif-reverse-white-night : linear-gradient(90deg, #a9ff8d 0%, #62ff46 95%, #a9ff8d 100%);
			
		--background-negatif-white-light : linear-gradient(90deg, #740000 0%, #260000 5%, #740000 100%);
			--background-negatif-white-night : linear-gradient(90deg, #ff8d8d 0%, #ff4646 5%, #ff8d8d 100%);
		--background-negatif-reverse-white-light : linear-gradient(90deg, #740000 0%, #260000 95%, #740000 100%);
			--background-negatif-reverse-white-night : linear-gradient(90deg, #ff8d8d 0%, #ff4646 95%, #ff8d8d 100%);

		--background-neutre-white-light : linear-gradient(90deg, #004c74 0%, #001926 5%, #004c74 100%);
			--background-neutre-white-night : linear-gradient(90deg, #8dd8ff 0%, #46bfff 5%, #8dd8ff 100%);
		--background-neutre-reverse-white-light : linear-gradient(90deg, #004c74 0%, #001926 95%, #004c74 100%);
			--background-neutre-reverse-white-night : linear-gradient(90deg, #8dd8ff 0%, #46bfff 95%, #8dd8ff 100%);
		
		--background-disconnection-white-light : linear-gradient(224deg, rgb(255 102 102), rgb(255 60 60));
			--background-disconnection-white-night : linear-gradient(224deg, #680000, #2c0000);
		
		--background-female-white-light : rgb(255 106 132);
			--background-female-white-night : rgb(127 0 22);
		--background-female-1-white-light : rgb(255 141 161);
			--background-female-1-white-night : rgb(209 0 36);
		--background-female-2-white-light : rgb(255 76 107);
			--background-female-2-white-night : rgb(81 0 14);
		
		--background-male-white-light : rgb(43 157 255);
			--background-male-white-night : rgb(0 87 161);
		--background-male-1-white-light : rgb(91 179 255);
			--background-male-1-white-night : rgb(0 66 123);
		--background-male-2-white-light : rgb(0 137 255);
			--background-male-2-white-night : rgb(0 36 67);
			
		--background-ftm-white-light : rgb(103 130 255);
			--background-ftm-white-night : rgb(46 0 165);
		--background-ftm-1-white-light : rgb(143 163 255);
			--background-ftm-1-white-night : rgb(60 0 255);
		--background-ftm-2-white-light : rgb(58 93 255);
			--background-ftm-2-white-night : rgb(22 0 83);
			
		--background-mtf-white-light : rgb(255 134 197);
			--background-mtf-white-night : rgb(169 0 88);
		--background-mtf-1-white-light : rgb(255 170 214);
			--background-mtf-1-white-night : rgb(209 0 109);
		--background-mtf-2-white-light : rgb(255 94 178);
			--background-mtf-2-white-night : rgb(83 0 43);

		--background-maf-white-light : rgb(193 115 255);
			--background-maf-white-night : rgb(92 0 165);
		--background-maf-1-white-light : rgb(211 155 255);
			--background-maf-1-white-night : rgb(110 0 197);
		--background-maf-2-white-light : rgb(178 80 255);
			--background-maf-2-white-night : rgb(36 0 65);
			
		--background-bloc-semi-transparent-white-light : rgb(255 255 255 / 20%);	
			--background-bloc-semi-transparent-white-night : rgb(0 0 0 / 20%);	
			
		--background-front-bar-white-light : rgb(0 70 0);	
			--background-front-bar-white-night : rgb(20 160 20);
		--background-back-bar-white-light : white;	
			--background-back-bar-white-night : rgb(20 20 20);
			
		--background-copy-white-light : rgb(200 200 200);
			--background-copy-white-night : rgb(87 87 87);
			
		--background-name-collection-white-light : rgb(0 15 25);
			--background-name-collection-white-night : rgb(0 15 25);
			
	
		--border-collection-white-light: rgb(0 75 125);
			--border-collection-white-night: rgb(0 75 125);
	*/	
}


.background_white_light
{
	background: var(--background-white-light);
}
	.background_white_night
	{
		background: var(--background-white-night);
	}

.color_white_light
{
	color: var(--font-white-light);
}
	.color_white_night
	{
		color: var(--font-white-night);
	}









/*

10		= 255 180 180
90		= 60 0 0

40 - 60


60 0 0



*/



/*

.no_back
{
	background-color: transparent !important;
}

.back_color
{
	display: inline-block;
	padding: 10px;
}

.blue_10
{
	color: var(--green-10);
	background-color: var(--green-90);
}

.blue_90
{
	color: var(--green-90);
	background-color: var(--green-10);
}


.blue_30
{
	color: var(--green-30);
	background-color: var(--green-70);
}

.blue_70
{
	color: var(--green-70);
	background-color: var(--green-30);
}



.blue_45
{
	color: var(--green-45);
	background-color: var(--green-55);
}

.blue_55
{
	color: var(--green-55);
	background-color: var(--green-45);
}

*/






/*
	---[ Boutons ]---
___Select___	
___Submit___
___Tags___
___Page___
___Onglets___
___Actions___

	---[ Texte ]---
___Base___

	---[ Genres ]---
___Homme___
___Femme___






background-color: rgb(0 36 56);
*/
/* ---[ Texte ]--- */
/* ___Base___ */

/* ___Date___ */


/* ___CGU___ */
.update_cgu_white_light
{
	color: var(--color-1-white-night);
}
	.update_cgu_white_night
	{
		color: var(--color-1-white-light);
	}




/* ---[ Boutons ]--- */

/* ___Select___ */
.btn_select_white_light
{
	border-color: var(--border-0-1-white-light) var(--border-0-2-white-light)  var(--border-0-2-white-light) var(--border-0-1-white-light);
}
	.btn_select_white_light:hover
	{
		border-color: var(--border-0-1-white-light) var(--border-0-2-white-night) var(--border-0-2-white-night) var(--border-0-1-white-light);
	}
	.btn_select_actif_white_light
	{
		background-color: var(--background-0-actif-white-light);
		border-color: var(--border-0-1-white-light) var(--border-0-2-white-night) var(--border-0-2-white-night) var(--border-0-1-white-light);
	}	
.btn_select_white_night
{
	border-color: var(--border-0-1-white-night) var(--border-0-2-white-night) var(--border-0-2-white-night) var(--border-0-1-white-night);
}
	.btn_select_white_night:hover
	{
		border-color: var(--border-0-1-white-night) var(--border-0-2-white-light) var(--border-0-2-white-light) var(--border-0-1-white-night);
	}
	.btn_select_actif_white_night
	{
		background-color: var(--background-0-actif-white-night);
		border-color: var(--border-0-1-white-night) var(--border-0-2-white-light) var(--border-0-2-white-light) var(--border-0-1-white-night);
	}






	

/* ___Sondages____ */
.answer_white_light
{
	background-color: var(--background-1-white-light);
}
.answer_white_night
{
	
}
.answer_white_night:hover
{
	background-color: var(--background-0-hover-white-night);
}
.answer_actif_white_night
{
	background-color: var(--background-1-white-night);
	color: var(--color-1-white-night);
	border-color: var(--color-1-white-night);
}

.number_answer_white_light
{
	
}
.number_answer_white_night
{
	background-color: var(--background-0-white-night);
	color: var(--color-white-night);
	border-color: var(--color-white-night);
}
.number_answer_actif_white_night
{
	background-color: var(--background-0-white-night);
	color: var(--color-white-night);
	border-color: var(--color-1-white-night);
}






	
	.dino_gender_male_white_light
	{
		border-color : var(--color-male-white-light);
	}	
	.dino_gender_male_white_night
	{
		border-color : var(--color-male-white-night);
	}	
	
	.dino_gender_female_white_light
	{
		border-color : var(--color-female-white-light);
	}
	.dino_gender_female_white_night
	{
		border-color : var(--color-female-white-night);
	}
	
	.dino_gender_unselected
	{
		border-color : transparent;
	}
	
	/* AFFICHES */
	.name_collection_white_light
	{
		color : var(--color-white-light);
		background-color: var(--background-name-collection-white-light);
		border-color: var(--border-collection-white-light);
	}
		.name_collection_white_night
		{
			color : var(--color-white-night);
			background-color: var(--background-name-collection-white-night);
			border-color: var(--border-collection-white-night);
		}
		
	.img_collection_white_light
	{
		border-color: var(--border-collection-white-light);
	}
		.img_collection_white_night
		{
			border-color: var(--border-collection-white-night);
		}	
		
	/* NOTES */
	.bloc_note_white_light
	{
		background-color: var(--background-bloc-semi-transparent-white-light);
	}
		.bloc_note_white_night
		{
			background-color: var(--background-bloc-semi-transparent-white-night);
		}
	
	.front_barNote_white_light
	{
		background-color: var(--background-front-bar-white-light);
	}
		.front_barNote_white_night
		{
			background-color: var(--background-front-bar-white-night);
		}
	
	.back_barNote_white_light
	{
		background-color: var(--background-back-bar-white-light);
	}
		.back_barNote_white_night
		{
			background-color: var(--background-back-bar-white-night);
		}
	
	/* COPY */
	.copy_white_light
	{
		background: var(--background-copy-white-light);
	}
		.copy_white_night
		{
			background: var(--background-copy-white-night);
		}
	
	
	
	
	
	



























.gender_color_male_white_light 
{
   color: #004d8f;
}
	.gender_background_male_white_light 
	{
		background-color: #2b9dff;
	}
		.gender_background_male_white_light:hover, .gender_background_actif_male_white_light
		{
			background-color: #95ceff;
		}
	.gender_border_male_white_light 
	{
		border-color: #5bb3ff #0089ff #0089ff #5bb3ff;
	}
		.gender_border_male_white_light:hover, .gender_border_actif_male_white_light
		{
			border-color: #002443 #00427b #00427b #002443;
		}
.gender_color_male_white_night 
{
   color: #83c6ff;
}
	.gender_background_male_white_night 
	{
		background-color: #0057a1;
	}
		.gender_background_male_white_night:hover, .gender_background_actif_male_white_night
		{
			background-color: #002b4f;
		}
	.gender_border_male_white_night 
	{
		border-color: #00427b #002443 #002443 #00427b;
	}
		.gender_border_male_white_night:hover, .gender_border_actif_male_white_night
		{
			border-color: #0089ff #5bb3ff #5bb3ff #0089ff;
		}	
		
/* FTM */		
.gender_color_ftm_white_light 
{
   color: #192b7f;
}
	.gender_background_ftm_white_light 
	{
		background-color: #6782ff;
	}
		.gender_background_ftm_white_light:hover, .gender_background_actif_ftm_white_light
		{
			background-color: #a8b7ff;
		}
	.gender_border_ftm_white_light 
	{
		border-color: #8fa3ff #3a5dff #3a5dff #8fa3ff;
	}
		.gender_border_ftm_white_light:hover, .gender_border_actif_ftm_white_light 
		{
			border-color: #160053 #3c00e1 #3c00e1 #160053;
		}
.gender_color_ftm_white_night 
{
   color: #9980ff;
}
	.gender_background_ftm_white_night 
	{
		background-color: #2e00a5;
	}
		.gender_background_ftm_white_night:hover, .gender_background_actif_ftm_white_night
		{
			background-color: #19005b;
		}
	.gender_border_ftm_white_night 
	{
		border-color: #3c00e1 #160053 #160053 #3c00e1;
	}
		.gender_border_ftm_white_night:hover, .gender_border_actif_ftm_white_night 
		{
			border-color: #653aff #978fff #978fff #653aff;
		}		

/* MAF */
.gender_color_maf_white_light 
{
   color: #550099;
}
	.gender_background_maf_white_light 
	{
		background-color: #c173ff;
	}
		.gender_background_maf_white_light:hover, .gender_background_actif_maf_white_light
		{
			background-color: #dcb1ff;
		}
	.gender_border_maf_white_light 
	{
		border-color: #d39bff #b250ff #b250ff #d39bff;
	}
		.gender_border_maf_white_light:hover, .gender_border_actif_maf_white_light
		{
			border-color: #240041 #6e00c5 #6e00c5 #240041;
		}
.gender_color_maf_white_night 
{
   color: #c884ff;
}
	.gender_background_maf_white_night 
	{
		background-color: #5c00a5;
	}
		.gender_background_maf_white_night:hover, .gender_background_actif_maf_white_night
		{
			background-color: #2f0055;
		}
	.gender_border_maf_white_night 
	{
		border-color: #6e00c5 #240041 #240041 #6e00c5;
	}
		.gender_border_maf_white_night:hover, .gender_border_actif_maf_white_night
		{
			border-color: #b250ff #d39bff #d39bff #b250ff;
		}		
		
/* MTF */
.gender_color_mtf_white_light 
{
   color: #c30066;
}
	.gender_background_mtf_white_light 
	{
		background-color: #ff86c5;
	}
		.gender_background_mtf_white_light:hover, .gender_background_actif_mtf_white_light  
		{
			background-color: #ffc2e2;
		}
	.gender_border_mtf_white_light 
	{
		border-color: #ffaad6 #ff5eb2 #ff5eb2 #ffaad6;
	}
		.gender_border_mtf_white_light:hover, .gender_border_actif_mtf_white_light 
		{
			border-color: #53002b #d1006d #d1006d #53002b;
		}
.gender_color_mtf_white_night 
{
   color: #ff8cc8;
}
	.gender_background_mtf_white_night 
	{
		background-color: #a90058;
	}
		.gender_background_mtf_white_night:hover, .gender_background_actif_mtf_white_night  
		{
			background-color: #53002b;
		}
	.gender_border_mtf_white_night 
	{
		border-color: #d1006d #53002b #53002b #d1006d;
	}
		.gender_border_mtf_white_night:hover, .gender_border_actif_mtf_white_night 
		{
			border-color: #ff5eb2 #ffaad6 #ffaad6 #ff5eb2;
		}		
		
/* Femme */		
.gender_color_female_white_light 
{
   color: #97293c;
}
	.gender_background_female_white_light 
	{
		background-color: #ff6a84;
	}
		.gender_background_female_white_light:hover, .gender_background_actif_female_white_light  
		{
			background-color: #ffacbb;
		}
	.gender_border_female_white_light 
	{
		border-color: #ff8da1 #ff4c6b #ff4c6b #ff8da1;
	}	
		.gender_border_female_white_light:hover, .gender_border_actif_female_white_light
		{
			border-color: #51000e #d10024 #d10024 #51000e;
		}	
.gender_color_female_white_night 
{
   color: #ff96a8;
}
	.gender_background_female_white_night 
	{
		background-color: #7f0016;
	}
		.gender_background_female_white_night:hover, .gender_background_actif_female_white_night  
		{
			background-color: #4d000d;
		}
	.gender_border_female_white_night 
	{
		border-color: #d10024 #51000e #51000e #d10024;
	}	
		.gender_border_female_white_night:hover, .gender_border_actif_female_white_night
		{
			border-color: #ff4c4c #ff8da1 #ff8da1 #ff4c4c;
		}










/* 
--- --- --- --- --- 
--- --- --- ---
	SPECIALS
--- --- 
*/

/* White */
.transparent
{
	background-color: transparent;
}

	
	
	


	




/* 
--- --- 
	SPECIALS
--- --- --- ---
--- --- --- --- --- 
--- --- --- ---
	GENRES
--- --- 
*/

/* White */


/* 
--- --- 
	GENRES
--- --- --- ---
--- --- --- --- --- 
--- --- --- ---
	BOUTONS
--- --- 
*/

/* === White === */
			

/* Bouton Cancel */	




	




/* Categories */
.categories_white_light
{
	border-color: #444444 black black #444444;
}
	.categories_actif_white_light, .categories_white_light:hover
	{
		border-color: #444444 white white #444444;
	}

.categories_white_night
{
	border-color: #444444 white white #444444;
}
	.categories_actif_white_night, .categories_white_night:hover
	{
		border-color: #444444 black black #444444;
	}
	
	
	





/* 
--- --- 
	BOUTTONS
--- --- --- ---
--- --- --- --- --- 
--- --- --- ---
	ROLES
--- --- 
*/

/* White */


/* 
--- --- 
	ROLES
--- --- --- ---
--- --- --- --- --- 
--- --- --- ---
	FORUM
--- --- 
*/

/* White */
.sujet_white_light:hover
{
	background-color: #f5f5f5;
}
	.sujet_white_night:hover
	{
		background-color: #1e1e1e;
	}







/* Selection */
.selecttest 
{
	display: inline-block;
    width: 100%;
    max-width: 160px;
    vertical-align: top;
    padding: 15px 10px 0px 10px;
    cursor: pointer;
	margin: 10px;
	min-height: 140px;
	border: solid 5px;
}	
	
	.jjj
	{
		font-weight: bold;
	}

	.jjj div
	{
		z-index: 1;
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		height: 110px;
	}






.background_action_neutre_white_light, .background_tags_white_light
{
	background-color: rgb(0 36 56);
}
		.background_tags_actif_white_light
		{
			background-color: rgb(0 75 116);
			font-weight: bold;
		}

	.background_action_neutre_white_night, .background_tags_white_night
	{
		background-color: rgb(134 212 255);
	}
		.background_tags_actif_white_night
		{
			background-color: rgb(0 165 255);
			font-weight: bold;
		}

.background_action_negatif_white_light
{
	background-color: rgb(98 0 0);
}	
	.background_action_negatif_white_night
	{
		background-color: rgb(52 0 0);
	}
.background_action_positif_white_light
{
	background-color: rgb(0 78 8);
}		
	.background_action_positif_white_night
	{
		background-color: rgb(0 60 6);
	}











.background_cancel_white_light, .background_remove_white_light
{
	background: linear-gradient(0deg, rgb(30 30 30), rgb(60 60 60), rgb(30 30 30));
}
	.background_cancel_white_night, .background_remove_white_night
	{
		background: linear-gradient(0deg, rgb(80 80 80), rgb(50 50 50), rgb(80 80 80));
	}






/* Fond */
.background_btn_white_light
{
	background: linear-gradient(90deg, rgb(210 210 210), rgb(230 230 230), rgb(210 210 210));
}
	.background_btn_white_night
	{
		background: linear-gradient(84deg, #303030, #222222, #343434);
	}
	
.background_superior_white_light, .select_liste_white_light:hover, .select_liste_active_white_light
{
	background-color: rgb(255 255 255 / 70%);
}
	.background_superior_white_night, .select_liste_white_night:hover, .select_liste_active_white_night
	{
		background-color: rgb(50 50 50);
	}

.background_inferior_white_light, .select_liste_white_light
{
	background-color: rgb(255 255 255 / 30%);
}
	.background_inferior_white_night, .select_liste_white_night
	{
		background-color: rgb(0 0 0 / 50%);
	}
	

	
	



	
	
	
/* Input Calendrier */
.input_calendrier_white_night::-webkit-calendar-picker-indicator
{
	filter: invert(100%);
}	
	
/* Couleur du texte */



.color_inverse_white_night
{
	color: var(--color-white-light);
}
	.color_inverse_white_light
	{
		color: var(--color-white-night);
	}
	
.color_action_neutre_white_light, .color_action_neutre_inverse_white_night
{
	color: #003b66;
}
	.color_action_neutre_white_night, .color_action_neutre_inverse_white_light
	{
		color: #c1c1c1;
	}	

.color_btn_white_light:hover, .color_inverse_white_night:hover
{
	color: black;
}
	.color_btn_white_night:hover, .color_inverse_white_light:hover
	{
		color: white;
	}
	
.credit_white_light
{
	color: #03a100;
}
	.credit_white_night
	{
		color: #03d300;
	}

.debit_white_light
{
	color: #ab0000;
}
	.debit_white_night
	{
		color: #ff6262;
	}	
	
.facture_white_light
{
	color: #cd6700;
}
	.facture_white_night
	{
		color: #ffb76e;
	}		
	
.fantome_white_light
{
	color: #8b8b8b;
}
	.fantome_white_night
	{
		color: #818181;
	}		
	
	

/* Bordures */	
.border_white_light
{
	border-color: rgb(150 150 150);
}
	.border_white_night
	{
		border-color: rgb(100 100 100);
	}

.border_btn_white_light
{
	border-color: white #444444 #444444 white;
}
	.border_btn_white_night
	{
		border-color: #444444 black black #444444;
	}	
	
.border_btn_white_light:hover, .border_btn_active_white_light
{
	border-color: black #444444 #444444 black;
}
	.border_btn_white_night:hover, .border_btn_active_white_night
	{
		border-color: #444444 white white #444444;
	}	
	
	
/* === Blue === */
/* Fond */
.background_blue_light, .background_btn_blue_light
{
	background: linear-gradient(90deg, rgb(210 230 255), rgb(230 230 255), rgb(210 230 255));
}
	.background_blue_night, .background_btn_blue_night
	{
		background: linear-gradient(90deg, #000d1e, #001632, #000d1e);
	}
	
.background_superior_blue_light, .select_liste_blue_light:hover, .select_liste_active_blue_light
{
	background-color: rgb(188 227 255);
}
	.background_superior_blue_night, .select_liste_blue_night:hover, .select_liste_active_blue_night
	{
		background-color: rgb(8 29 52);
	}

.background_inferior_blue_light, .select_liste_blue_light
{
	background-color: rgb(255 255 255 / 50%);
}
	.background_inferior_blue_night, .select_liste_blue_night
	{
		background-color: rgb(0 0 0 / 50%);
	}

.background_submit_blue_light
{
	background: linear-gradient(0deg, #002a5e, #00254a, #001956);
}
	.background_submit_blue_night
	{
		background: linear-gradient(0deg, rgb(130 210 255), rgb(110 200 255), rgb(130 210 255));
	}	
	
.background_cancel_blue_light
{
	background: linear-gradient(0deg, #002a5e, #00254a, #001956);
}
	.background_cancel_blue_night
	{
		background: linear-gradient(0deg, rgb(150 170 195), rgb(170 170 195), rgb(150 170 195));
	}	
	
/* Couleur du texte */
.color_blue_light, .color_inverse_blue_night
{
	color: #001844;
}
	.color_blue_night, .color_inverse_blue_light
	{
		color: #99e3ff;
	}
	
.color_btn_blue_light:hover
{
	color: #000c1a;
}
	.color_btn_blue_night:hover
	{
		color: #c6e7ff;
	}	

/* Bordures */	
.border_blue_light
{
	background-color: rgb(188 227 255);
}
	.border_blue_night
	{
		background-color: rgb(2 21 42);
	}

.border_btn_blue_light
{
	border-color: #8ecfff #1b5985 #1b5985 #8ecfff;
}
	.border_btn_blue_night
	{
		border-color: #004999 #000c1a #000c1a #004999;
	}	
	
.border_btn_blue_light:hover, .border_btn_active_blue_light
{
	border-color: #1b5985 #8ecfff #8ecfff #1b5985;
}
	.border_btn_blue_night:hover, .border_btn_active_blue_night
	{
		border-color: #000c1a #004999 #004999 #000c1a;
	}	
	
	
/* === Red === */
/* Fond */
.background_red_light, .background_btn_red_light
{
	background: linear-gradient(90deg, rgb(255 210 210), rgb(255 230 230), rgb(255 210 210));
}
	.background_red_night, .background_btn_red_night
	{
		background: linear-gradient(90deg, #160000, #280000, #160000);
	}
	
.background_superior_red_light, .select_liste_red_light:hover, .select_liste_active_red_light
{
	background-color: rgb(255 180 180);
}
	.background_superior_red_night, .select_liste_red_night:hover, .select_liste_active_red_night
	{
		background-color: rgb(52 12 12);
	}

.background_inferior_red_light, .select_liste_red_light
{
	background-color: rgb(255 255 255 / 50%);
}
	.background_inferior_red_night, .select_liste_red_night
	{
		background-color: rgb(0 0 0 / 50%);
	}

.background_submit_red_light
{
	background: linear-gradient(0deg, #160000, #280000, #160000);
}
	.background_submit_red_night
	{
		background: linear-gradient(0deg, rgb(255 210 210), rgb(255 230 230), rgb(255 210 210));
	}	
	
.background_cancel_red_light
{
	background: linear-gradient(0deg, #160000, #280000, #160000);
}
	.background_cancel_red_night
	{
		background: linear-gradient(0deg, rgb(195 150 150), rgb(195 170 170), rgb(195 150 150));
	}		
	
/* Couleur du texte */
.color_red_light, .color_inverse_red_night
{
	color: #440000!important;
}
	.color_red_night, .color_inverse_red_light
	{
		color: #bd9797!important;
	}
	
.color_btn_red_light:hover
{
	color: #ffdcdc;
}
	.color_btn_red_night:hover
	{
		color: #120000;
	}	

/* Bordures */	
.border_red_light
{
	border-color: rgb(150 0 0);
}
	.border_red_night
	{
		border-color: rgb(100 0 0);
	}

.border_btn_red_light
{
	border-color: #ff9898 #a94949 #a94949 #ff9898;
}
	.border_btn_red_night
	{
		border-color: #742c2c #120000 #120000 #742c2c;
	}	
	
.border_btn_red_light:hover, .border_btn_active_red_light
{
	border-color: #a94949 #ff9898 #ff9898 #a94949;
}
	.border_btn_red_night:hover, .border_btn_active_red_night
	{
		border-color: #120000 #742c2c #742c2c #120000;
	}