/* Titres */
h1
{
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	margin: 70px 0px 40px 0px;
}

h2
{
	margin: 130px 0px 15px 0px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

h3
{
	margin: 30px 30px 15px 30px;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
}

h4
{
	margin: 60px 0px 30px 0px;
	text-align: left;
	font-size: 18px;
    font-weight: bold;
}

h4
{
	text-align: left;
	font-size: 15px;
    font-weight: bold;	
	margin: 20px 0px 10px 0px;
}

.title_1
{
	
}

.title_2
{
	font-weight: bold;
    display: block;
	text-align: center;
	font-size: 25px;
	margin: 40px 0px;
}

.title_3
{
	display: block;
    font-weight: bold;
	margin: 40px 0px 20px 0px;
	font-size: 20px;
}

/* Text */
.font-text
{
	display: block;
	padding: 20px;
	text-align: justify;
	line-height: 1.2;
}

.font-family-pacifico
{
	font-family: 'Pacifico', arial, sans-serif;
}
.font-family-roboto
{
	font-family: 'Roboto', arial, sans-serif;
}
.font-family-noto
{
	font-family: 'Noto', arial, sans-serif;
}
.font-family-rubikBurned
{
	font-family: 'Rubik Burned', arial, sans-serif;
}

.font-family-loveLight
{
	font-family: 'Love Light', arial, sans-serif;
}
.font-family-neonderthaw
{
	font-family: 'Neonderthaw', arial, sans-serif;
}
.font-family-silkscreen
{
	font-family: 'Silkscreen', arial, sans-serif;
}

.font-family-bungeeShade
{
	font-family: 'Bungee Shade', arial, sans-serif;
}
.font-family-rubikBeastly
{
	font-family: 'Rubik Beastly', arial, sans-serif;
}
.font-family-fasterOne
{
	font-family: 'Faster One', arial, sans-serif;
}
.font-family-creepster
{
	font-family: 'Creepster', arial, sans-serif;
}
.font-family-shizuru
{
	font-family: 'Shizuru', arial, sans-serif;
}
.font-family-sancreek
{
	font-family: 'Sancreek', arial, sans-serif;
}
.font-family-bonbon
{
	font-family: 'Bonbon', arial, sans-serif;
}
.font-family-emilysCandy
{
	font-family: 'Emilys Candy', arial, sans-serif;
}















.alinea_1
{
	text-indent: 20px;
}
.alinea_2
{
	text-indent: 40px;
}
/* Date */
.date
{
	font-style: italic;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 3px;
}
/* Color */
.date_white_light
{
	color: var(--gray-60);
}
.date_white_night
{
	color: var(--gray-40);
}




/* Colors */
.validate_white_light, .access-granted_white_light
{
	color: var(--green-70);
}
	.validate_white_night, .access-granted_white_night
	{
		color: var(--green-30);
	}
	
.error_white_light, .access-denied_white_light
{
	color: var(--red-70);
}
	.error_white_night, .access-denied_white_night
	{
		color: var(--red-30);
	}	

.wait_white_light, .access-waiting_white_light
{
	color: var(--orange-60);
}
	.wait_white_night, .access-waiting_white_night
	{
		color: var(--orange-40);
	}

/* ___Comptes___ */
.format_facture_debit_white_light
{
	color: var(--orange-60);
}
	.format_facture_debit_white_night
	{
		color: var(--orange-40);
	}
.format_facture_credit_white_light
{
	color: var(--orange-60);
}
	.format_facture_credit_white_night
	{
		color: var(--orange-40);
	}
	
.format_paiement_debit_white_light
{
	color: var(--red-55);
}
	.format_paiement_debit_white_night
	{
		color: var(--red-30);
	}
.format_paiement_credit_white_light
{
	color: var(--green-70);
}
	.format_paiement_credit_white_night
	{
		color: var(--green-30);
	}	
	
.format_ghost_white_light
{
	color: var(--blue-55);
}
	.format_ghost_white_night
	{
		color: var(--blue-30);
	}	

.format_debit_white_light
{
	color: var(--red-55);
}
	.format_debit_white_night
	{
		color: var(--red-30);
	}
.format_credit_white_light
{
	color: var(--green-70);
}
	.format_credit_white_night
	{
		color: var(--green-30);
	}



/* Opérations */
.operation_message
{
	display: block;
    padding: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 10px;
	border-radius: 0 5px 5px 0px;
    margin: 5px;
    font-size: 12px;
	font-weight: bold;
}

/* Colors */	
.error_message_white_light
{
	background-color: var(--red-10);
	border-color: var(--red-90);
	color: var(--red-90);
}
	.error_message_white_night
	{
		background-color: var(--red-90);
		border-color: var(--red-10);
		color: var(--red-10);
	}
	
.success_message_white_light
{
	background-color: var(--green-10);
	border-color: var(--green-90);
	color: var(--green-90);
}	

	.success_message_white_night
	{
		background-color: var(--green-70);
		border-color: var(--green-10);
		color: var(--green-10);
	}	
	
	
/* CGU */	
.update_cgu_white_light
{
	color: var(--blue-70);
}
	.update_cgu_white_night
	{
		color: var(--blue-30);
	}

/* Subjects */
.subject-bloc_preview
{
	display: inline-block;
    width: calc(100% - 10%);
	padding: 0px 10px;
    margin: 0px 5%;
    vertical-align: top;
    border-style: none solid;
    border-width: 1px;
}


/* Comments */
.comment-bloc
{
	display: block;
    margin: 70px 0px;
	width: 100%;
}

	.comment-text
	{
		display: inline-block;
		padding: 15px 10px;
		border-style: none none none solid;
		border-width: 1px;
		width: 100%;
		min-height: 80px;
		vertical-align: top;
	}
	
	@media (min-width:992px)
	{
		.comment-text
		{
			width: calc(100% - 150px);
			min-height: 170px;
		}
	}

.comment-bloc_btns
{
	width: 100%;
	margin-top: 10px;
	text-align: left;
}

	.comment-btn 
	{
		display: inline-block;
		border: solid 1px;
		border-radius: 30px;
		padding: 10px;
		margin: 5px 10px;
		cursor: pointer;
	}

.reply-bloc
{
	display: block;
    width: calc(100% - 5px);
	margin-left: 5px;
	padding: 10px;
   
}
	@media (min-width:992px)
	{
		.reply-bloc
		{
			width: calc(100% - 60px);
			margin-left: 60px;
		}
	}
	
	.reply-btn 
	{
		display: inline-block;
		border: solid 1px;
		border-radius: 30px;
		padding: 10px;
		margin: 5px 10px;
		cursor: pointer;
	}




.wow-spell
{
	font-style: italic;
}
	.wow-spell-color_white_light
	{
		color: var(--blue-70);
	}
	.wow-spell-color_white_night
	{
		color: var(--blue-30);
	}

.wow-mob
{
	font-weight: bold;
}
	.wow-mob-color_white_light
	{
		color: var(--red-70);
	}
	.wow-mob-color_white_night
	{
		color: var(--red-30);
	}





/* TC */
.dialogs_TC, .lines_TC
{
	vertical-align: top;
	
}

.dialogs_TC
{
	display: inline-block;
	width: 100%;
	margin: 20px 0px;
}
	@media (min-width:992px)
	{
		.dialogs_TC
		{
			display: inline-block;
			width: 400px;
		}
	}

.lines_TC
{
	display: inline-block;
	width: 100%;
	margin: 20px 0px;
}
	@media (min-width:992px)
	{
		.lines_TC
		{
			display: inline-block;
			width: calc(100% - 400px);
		}
	}