.tableau_visu_sessions_td_gauche {
	border-bottom: 1px solid #f1f1f1;
}

.tableau_visu_sessions_td_droit {
	border-bottom: 1px solid #f1f1f1;
}

.historique_session {
	opacity: 0.5;
}

.tableau_visu_presence {
	display: flex;
	flex-wrap: wrap;
}

.tableau_visu_presence > div {
	/* display: flex; */
	margin: 10px 0;
	padding: 0 0 15px 0;
}

.tableau_visu_presence > div ul {
	margin: -20px 0 -20px -45px;
	list-style: none;
}

/********************************************
LISTE DES ACTIONS SUR LA PAGE D'UNE SESSION
********************************************/
	.tableau_visu_actions {
		display: inline-flex;
		float: right;
	}

	.tableau_visu_actions a {
		text-decoration: none;
		padding: 10px;
	}

	.tableau_visu_sessions_suppr a {
		color: #FF0000;
	}

	h2 .tableau_visu_sessions_suppr a {
		margin-top: -37px;
		font-size: 80%;
	}

	.tableau_visu_sessions_modif a {
		color: #188420;
	}
/********************************************
*********************************************
********************************************/

.tableau_visu_sessions_td_gauche {
	width: 25%;
}

.tableau_visu_sessions_td_droit {
	color: #676565;
	width: 72%;
}

.tableau_visu_sessions_td_droit iconify-icon {
	font-size: 200%;
	vertical-align: middle;
}

@media only screen and (max-width: 680px),
only screen and (max-device-width: 680px) {
	.tableau_visu_sessions_td_gauche,
	.tableau_visu_sessions_td_droit {
		width: 98%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

.div_liste_formateurs {
	width: 99%;
	border: 1px solid #D4D4D4;
	font-size: 90%;
	padding: 15px 10px;
	margin-bottom: 10px;
	border-radius: 15px;
}

@media only screen and (max-width: 900px),
only screen and (max-device-width: 900px) {
	.div_liste_formateurs {
		width: auto;
		padding: 15px 10px 70px 10px;
	}
}

.div_liste_formateurs_icone {
	display: inline-flex;
	float: left;
	font-size: 150%;
}

.div_liste_formateurs_nom {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
}

@media only screen and (max-width: 680px),
only screen and (max-device-width: 680px) {
	.div_liste_formateurs_nom {
		display: contents;
	}
}

.div_liste_formateurs_mails {
	float: right;
}

@media only screen and (max-width: 900px),
only screen and (max-device-width: 900px) {
	.div_liste_formateurs_mails {
		position: absolute;
		right: 50px;
	}
}

@media only screen and (max-width: 680px),
only screen and (max-device-width: 680px) {
	.div_liste_formateurs_mails {
		margin-top: 15px;
	}
}

.div_liste_formateurs_mails iconify-icon a {
	margin-right: 60px;
}

.recu_signature_grise {
	opacity: 0.4;
	color: #BDBDBD;
}

.div_liste_formateurs_mails .mail_marqueur_0,
.div_liste_formateurs_mails .mail_marqueur_1,
.div_liste_formateurs_mails .recu_signature_grise,
.div_liste_formateurs_mails .recu_signature_formateur {
	margin: -17px 5px 0 10px;
}

.mail_formateur {
	font-style: italic;
	font-size: 60%;
}

/****************************
Bloc des signatures dans visu
****************************/
	.bloc_visu_globale {
		display: flex;
	}

	.bloc_visu:first-of-type {
		margin-right: 10px;
	}

	.bloc_visu {
		border: 1px solid #FF9898;
		border-radius: 10px;
		width: 49%;
		float: left;
		padding: 10px;
	}

	.bloc_visu_titre {
		padding: 15px 5px;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		text-decoration: underline;
		color: #F26522;
	}

	.bloc_visu_contenu {
		text-align: center;
		width: auto;
	}

	@media print {
		.bloc_visu_contenu img {
			width: 300px;
		}
	}

	@media only screen and (max-width: 980px),
	only screen and (max-device-width: 980px) {
		.bloc_visu {
			width: 47%;
			margin: 7px;
		}
	}

	@media only screen and (max-width: 760px),
	only screen and (max-device-width: 760px) {
		.bloc_visu_globale {
			display: block;
		}

		.bloc_visu {
			width: 95%;
		}
	}

	@media only screen and (max-width: 620px),
	only screen and (max-device-width: 620px) {
		.bloc_visu {
			width: 93%;
		}
	}

	@media only screen and (max-width: 400px),
	only screen and (max-device-width: 400px) {
		.bloc_visu {
			width: 91%;
		}
	}
/****************************
*****************************
****************************/

.donnees_historique_stagiaires li,
.liste_de_resultats_actions_historique {
	color: #1904C9;
}

.donnees_historique_stagiaires li ol li,
.donnees_historique_stagiaires li a {
	color: #B3B2B2;
}

.tableau_listing_participants {
	width: 100%;
	color: #B3B2B2;
	border-collapse:collapse
}

.tableau_listing_participants tr td,
.tableau_listing_participants tr th {
	border-bottom: 1px solid #F1F1F1;
}

.tableau_listing_participants th {
	color: #000000;
	text-align: left;
}

.tableau_listing_participants td,
.tableau_listing_participants th {
	padding: 7px 2px;
}

.tableau_listing_participants tr td:nth-child(1),
.tableau_listing_participants tr td:nth-child(2) {
	color: #1904C9;
}

.tableau_listing_participants tr td:nth-child(3) {
	color: #869b00;
}

.tableau_listing_participants tr td:nth-child(4) li {
	margin-left: -15px;
}

.lien_retour_gauche,
.lien_retour_droit {
	text-decoration: none;
}

.lien_retour_droit {
	float: right;
}

@media only screen and (max-width: 720px),
only screen and (max-device-width: 720px) {
	.lien_retour_droit {
		float: none;
		width: 100%;
		margin-top: 10px;
		display: block;
	}
}

/*************************************
FICHE STAGIAIRE
*************************************/
	.infos_stagiaire {
		font-size: 110%;
		list-style: none;
	}

	ul.infos_stagiaire li {
		margin: 15px;
	}

	.infos_stagiaire iconify-icon {
		font-size: 190%;
		width: 40px !important;
		vertical-align: middle;
	}
/*************************************
**************************************
*************************************/

#message_rafraichir_la_page {
	border: 1px solid #FF6363;
	box-shadow: 1px 1px 20px #BEBEBE;
	border-radius: 10px;
	padding: 10px;
	background-color: #FFFFFF;
	max-width: 50%;
	position: fixed;
	top: 15px;
	left: 15px;
}

#comptage_des_checkbox {
	border: 1px solid #008C3B;
	box-shadow: 1px 1px 20px #BEBEBE;
	border-radius: 10px;
	padding: 10px;
	background-color: #DBDBDB;
	max-width: 50%;
	position: fixed;
	bottom: 15px;
	left: 15px;
	text-align: center
}

.actions_signatures {
	margin: -20px 5px 0 0;
	font-size: 200%;
}

.icon_acces_fiche {
	color: #448FFF;
}

.lien_qrcode {
	font-size: 35px;
	text-align: right;
	margin-top: 25px;
}

.tableau_visu_sessions_lien_papier {
	margin: 10px;
	text-align: right;
}

.tableau_visu_sessions_lien_papier a {
	color: #B1B1B1;
	text-decoration: none;
}

.tableau_visu_sessions_lien_papier iconify-icon {
	font-size: 200%;
}

#signatures_electroniques {
	margin-top: 100px;
}

/*************************************
LIEN POUR ENVOI DES MAILS AUX INSCRITS
*************************************/
	.lien_vers_envoi_email {
		margin-left: 10px;
	}

	.lien_vers_envoi_email a {
		text-decoration: none;
		color: #C1C1A5;
		font-size: 90%;
	}

	.lien_vers_envoi_email iconify-icon {
		font-size: 200%;
	}
/*************************************
**************************************
*************************************/

.declarer_absence_stagiaire,
.declarer_presence_stagiaire {
	opacity: 0.3;
}

.declarer_absence_stagiaire {
	color: #FF0000;
}

.declarer_presence_stagiaire {
	color: #21932D;
}

.liste_de_resultats_stagiaire_absent {
	opacity: 0.4;
	border: 2px solid #FF0000 !important;
}

/*********************************
***ICONE BESOIN EN HEBERGEMENTS***
*********************************/
	.hebergement_traite {
		color: #027102;
	}

	.hebergement_non_traite {
		color: #FF0000;
	}
/*********************************
**********************************
*********************************/