/*
#menu_header,
#logo {
	border: 1px solid;
}
*/

* {
	margin: 0;
}

img {
	border: none;
	vertical-align: middle;
}

body {
	background-color: #0C426F;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #707070;
}

h1 {
	font-size: 160%;
	line-height: 30px;
	margin: 15px 0 30px 0;
	padding: 10px 5px 15px 5px;
	display: flex;
}

h1 iconify-icon {
	margin-right: 10px;
}

h1,
h1 iconify-icon {
	color: #2179b4 !important;
}

h2 {
	color: #102D7D;
	text-align: center;
	margin: 40px 0;
	background-color: #E2E2E2;
	padding: 15px;
	border: solid 1px #d2d2d2;
	box-shadow: 1px 1px 10px #CCCCCC;
	border-radius: 10px;
}

h3 {
	color: #07AFCC;
	line-height: 30px;
	margin: 25px 0;
}

h4 {
	border-bottom: 1px dashed;
	color: #2179b4;
	font-size: 17px;
	line-height: 30px;
	margin: 10px 0;
}

h1 iconify-icon,
h2 iconify-icon,
h3 iconify-icon,
h4 iconify-icon {
	font-size: 200% !important;
	vertical-align: middle !important;
}

fieldset {
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-radius: 10px;
}

legend {
	color: #102D7D;
	font-weight: bold;
	line-height: 35px;
	margin: 15px;
	font-size: 150%;
}

.contenu {
	margin: 0 auto;
	max-width: 1000px;
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	.contenu {
		width: 99%;
	}
}

#contenu_middle {
	background-color: #EFEFEF;
	/*margin: 1px 0 -20px;*/
	padding: 10px 0 30px;
	width: 100%;
}

@media only screen and (max-width: 970px), only screen and (max-device-width: 970px) {
	#contenu_middle {
		/*margin-top: -49px;
		display: inline-flex;*/
	}
}

.logo {
	margin: 20px 0;
	text-align: center;
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.logo {
		margin: 5px;
	}

	.logo img {
		width: 350px;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 410px), only screen and (max-device-width: 410px) {
	.logo img {
		width: 300px;
	}
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	.logo img {
		width: 250px;
	}
}

.liste_table {
	border: 1px solid #B7B6B6;
	padding: 10px 5px;
	margin: 10px auto;
	min-height: 60px;
	position: relative;
	max-width: 95%;
	border-radius: 10px;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.liste_table {
		width: 99%;
	}
}

.liste_corps {
	margin: -50px 0 0 40px;
}

.liste_corps iconify-icon {
	margin-right: 5px !important;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.liste_corps {
		margin-bottom: 20px;
	}
}

.nom_et_prenom {
	font-size: 120%;
	font-weight: bold;
	color: #2798F7;
}

.la_section {
	display: block;
	margin: 10px 0;
}

.liste_corps iconify-icon {
	font-size: 200%;
	width: 20px;
	margin: 5px 0;
}

.liste_corps > div {
	width: 49%;
	float: left;
	margin-bottom: 5px;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
	.liste_corps > div {
		width: 100%;
	}
}

.liste_uss,
.liste_actions {
	position: absolute;
}

.liste_uss {
	font-weight: bold;
	margin-bottom: 5px;
	right: 5px;
	top: 5px;
}

.liste_actions {
	text-align: right;
	font-size: 200%;
	right: 5px;
	bottom: 5px;
}

@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	.liste_table {
		padding-top: 30px;
	}
}

.liste_icon {
	font-size: 300%;
}

.footer {
	color: #EAF1F7;
	line-height: 50px;
	margin-top: 20px;
	text-align: center;
}

select[name=select_tri] {
	max-width: 250px;
}

.accueil_dossiers_en_cours {
	max-height: 400px;
	overflow: auto;
}

.statut_brouillon {
	text-align: center;
	font-size: 120%;
}

.statut_brouillon iconify-icon {
	text-align: center;
	font-size: 150%;
}

/*********************
Erreur 404
*********************/
.bloc_404 {
	text-align: center;
	font-size: 200%;
	line-height: 200%;
}

@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	.bloc_404 img {
		width: 300px;
	}
}
/*********************
**********************
*********************/

/*
.loading_bloc {
	font-size: 30px;
	text-align: center;
	margin: 30px 0;
	color: #056616;
}
*/
.loading_bloc {
	font-size: 30px;
	text-align: center;
	color: #056616;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #EFEFEF;
	height: 100%;
	z-index: 1000;
}

.loading_bloc iconify-icon {
	font-size: 450%;
}

.loading_bloc_animation {
	font-size: 50px;
	margin: 35px 0;
}

.liste_acces {
	margin: 30px 70px;
	font-size: 20px;
}

.liste_acces li {
	margin-top: 15px;
}

.lien_desactive {
	opacity: 0.4;
}


/* tableau de la partie des thèmes */
.table_liste a {
	display: table;
	border-collapse: separate;
	border-spacing: 0 4px;
	margin: 0 auto;
	width: 100%;
	text-decoration: none;
}

.table_liste a > div {
	display: table-row;
	/* background-color: #EAE8E8; */
}

.table_liste a > div:hover {
	background-color: #FAFAFC;
	color: #000000;
}

.table_liste a > div > div {
	display: table-cell;
	vertical-align: middle;
}

.table_liste a .td_titre_search {
	position: absolute;
	color: #4D72DC;
	font-size: 120%;
}

.table_liste a .td_titre_search iconify-icon {
	font-size: 160%;
	margin: 5px;
}

.td_gauche_liste {
	font-weight: bold;
	color: #6A95C7;
	width: 5px;
	padding: 20px 10px  20px 20px;
	font-size: 200%;
}

.td_gauche_liste img {
	max-width: 80px;
}

.td_gauche_liste iconify-icon {
	font-size: 80px;
}

.td_droit_liste {
	padding: 20px 20px 20px 0;
}

/*.td_droit_liste, .td_gauche_liste {
	border: 1px solid #C9C9D2;
	border-radius: 10px;
}*/

.td_droit_liste, .td_gauche_liste {
	border-top: 1px solid #C9C9D2;
	border-bottom: 1px solid #C9C9D2;
}

.td_droit_liste {
	border-right: 1px solid #C9C9D2;
	border-radius: 0 10px 10px 0;
}

.td_gauche_liste {
	border-left: 1px solid #C9C9D2;
	border-radius: 10px 0 0 10px;
}

.td_search {
	padding-top: 40px;
}

.titre_document_dans_tableau {
	color: #9e0000;
	margin-bottom: 15px;
	font-size: 110%
}

.titre_document_dans_tableau,
.titre_dans_tableau {
	display: block;
	font-weight: bold;
}

.titre_dans_tableau {
	margin-bottom: 5px;
}

.titre_document_dans_tableau iconify-icon,
.titre_dans_tableau iconify-icon {
	font-size: 170%;
}

.description_dans_tableau {
	font-size: 90%;
	color: #9A9A9A;
}

.action_sur_liste {
	margin-top: -45px;
	font-size: 200%;
	float:right;
}

.action_sur_liste a {
	float: left;
	width: 35px;
}

.action_sur_liste .fa-mail-bulk iconify-icon {
	font-size: 80%;
	margin-top: -8px;
}

.action_sur_liste .fa-edit iconify-icon {
	font-size: 80%;
	margin-top: -12px;
}

.fil_ariane {
	margin: 20px 15px;
}

.fil_ariane_en_cours {
	font-weight: bold;
}

.liste_haut_droit {
	font-style: italic;
	float: right;
	/*text-align: right;*/
	color: #757575;
	display: table;
	margin: -15px 0 0 10px;
	min-height: 90px;
}

.liste_admins {
	margin: 30px auto 0 auto;
	width: 50%;
}

.liste_admins ul {
	margin: 30px 25px;
}

.liste_admins ul li {
	margin-bottom: 20px;
}

.degre_priorite {
	border: 1px solid #C1C1C1;
	width: 90%;
	background-color: #D1D1D1;
	font-weight: bold;
	font-size: 150%;
}

.degre_priorite_resultat {
	text-align: right;
	padding: 5px 15px;
}

.priorite_1 {
	background-color: #009923;
}

.priorite_2 {
	background-color: #5A9668;
}

.priorite_3 {
	background-color: #FF9763;
}

.priorite_4 {
	background-color: #E86161;
}

.priorite_5 {
	background-color: #C40000;
}

.degre_priorite,
.degre_priorite_resultat {
	border-radius: 10px;
}

.accueil_dossiers_en_cours .degre_priorite {
	width: 50%;
	font-size: 100%;
	margin: 10px 0;
}

.accueil_dossiers_en_cours .degre_priorite_resultat {
	padding: 2px 10px;
}

/*#blink_blink {
	background-color: darkgray;
	font-weight: bold;
}*/

.notif_ok {
	color: #0B8405;
}

.notif_ko {
	color: #C90035;
}

.liste_actions_suppression {
	color: #FF0000;
}

.liste_actions_modification {
	color: #188420;
}

.liste_actions_ajout_theme,
.liste_actions_ajout {
	color: #039696;
}

h2 .liste_actions_ajout {
	float: right;
}

.non_renseigne {
	color: #FF0000;
}

/*************************************
Bouton de scroll vers le haut de page
*************************************/
.scroll-btn {
	height: 30px;
	width: 30px;
	border: 2px solid #000;
	border-radius: 50%;
	background-color: #000;
	position: fixed;
	bottom: 45px;
	right: 15px;
	opacity: 0.5;
	z-index: 9999;
	cursor: pointer;
	display: none;
}

.scroll-btn .scroll-btn-arrow {
	height: 8px;
	width: 8px;
	border: 3px solid;
	border-right: none;
	border-top: none;
	margin: 12px 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	color: white;
}

.notouch .scroll-btn:hover { opacity: 0.8 }

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.scroll-btn {
		bottom: 8px;
		right: 8px;
	}
}
/*************************************
**************************************
*************************************/

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

ul.fiche_adherent li {
	margin: 15px;
}

.fiche_adherent iconify-icon {
	font-size: 200%;
	width: 40px !important;
}
/*************************************
**************************************
*************************************/

.fgaac_print {
	display: none;
}

#liste_adherents .hidden_adherents,
#liste_adherents #loader_adherents {
	display: none;
}

/******************************
Animation du spinner
******************************/
	.loading_bloc iconify-icon {
		animation-name: spin;
		animation-duration: 3000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		font-size: 350%;
	}

	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(360deg);
		}
	}
/******************************
*******************************
******************************/

/******************************
Pages SAAM
******************************/
	.page_saam p {
		margin: 10px 0;
	}

	.mon_code_eligbilite {
		text-align: center;
		margin-top: 25px;
		font-size: 200%;
	}

	.mon_code_eligbilite > div {
		margin-top: 25px;
		font-size: 150%;
		color: red;
	}
/******************************
*******************************
******************************/

/******************************
Statistiques
******************************/
	.bloc_statistiques {
		width: 100%;
		display: inline-block;
	}

	.bloc_statistiques_ss {
		width: 49%;
		display: inline-flex;
		float: left;
		margin: 0 5px;
	}

	@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
		.bloc_statistiques_ss {
			width: 48%;
			margin: 0 7px;
		}
	}

	@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
		.bloc_statistiques_ss {
			width: 98%;
		}
	}

	.bloc_statistiques_ss_col_1 {
		float: left;
		width: 84%;
	}

	@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
		.bloc_statistiques_ss_col_1 {
			width: 78%;
		}
	}

	@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
		.bloc_statistiques_ss_col_1 {
			width: 74%;
		}
	}

	.bloc_statistiques_ss_col_2 {
		font-weight: bold;
		background-color: #DBEDFF;
		width: 15%;
		float: right;
	}

	@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
		.bloc_statistiques_ss_col_2 {
			width: 16%;
		}
	}

	.bloc_statistiques_ss_col_1, .bloc_statistiques_ss_col_2 {
		border: 1px solid #CCCCCC;
		margin: 1px;
		padding-left: 5px;
		line-height: 30px;
	}
/******************************
*******************************
******************************/

/******************************
Partie des simulateurs
******************************/
	.table_simus,
	.resultat_simu {
		text-align: center;
		table-layout: fixed;
		width: 100%;
		border-spacing : 0;
		border-collapse : collapse;
	}

	@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
		.resultat_simu {
			display: block;
			overflow: auto;
		}
	}

	.resultat_simu {
		margin-bottom: 20px;
	}

	.table_simus tr:first-child,
	.resultat_simu tr:first-child,
	.resultat_simu tr td:first-child {
		font-weight: bold;
	}

	.resultat_simu tr td:first-child {
		width: 105px;
	}

	.resultat_simu td {
		border: 1px solid #9E9E9E;
	}

	.table_simus td {
		padding: 10px;
	}

	.resultat_simu td {
		padding: 2px;
	}

	.table_simus td,
	.resultat_simu td {
		border: 1px solid #9E9E9E;
	}

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

/******************************
Compteur du minuteur
******************************/
	.div_minuteur {
		text-align: center;
		position: fixed;
		top: 0;
		right: 0;
	}

	.loading_bloc iconify-icon,
	.div_minuteur iconify-icon {
		animation-name: spin;
		animation-duration: 3000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	.loading_bloc iconify-icon {
		font-size: 350%;
	}

	.div_minuteur iconify-icon {
		font-size: 6em;
	}

	.span_compteur_minuteur {
		position: fixed;
		line-height: 1.8em;
		margin-left: -1.95em;
		margin-top: 0.18em;
		width: 1.8em;
		text-align: center;
		font-size: 2.8em;
	}

	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(360deg);
		}
	}
/******************************
*******************************
******************************/

/******************************
Liste des USS
******************************/
	.titre_de_l_uss {
		font-weight: bold;
	}

	.titre_de_l_uss,
	.liste_des_uss,
	.liste_des_uss li {
		margin: 10px 0;
	}

	.titre_de_l_uss i,
	.liste_des_uss li i {
		font-size: 70%;
		opacity: 0.4;
	}

	#affichage_liste_uss iconify-icon {
		font-size: 150%;
	}
/******************************
*******************************
******************************/

/******************************
Les popups
******************************/
	/* Le conteneur du popup */
	.popup {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.5);
	}

	/* Contenu du popup */
	.popup-content {
		background-color: white;
		margin: 20px auto;
		padding: 20px;
		border: 1px solid #888888;
		width: 80%;
		max-width: 600px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.3);
		border-radius: 10px;
	}

	@media only screen and (max-width: 680px), only screen and (max-device-width: 680px) {
		.popup-content {
			padding: 0;
			width: 100%;
		}
	}

	/* Le bouton fermer */
	.close {
		color: #AAAAAA;
		float: right;
		font-size: 28px;
		font-weight: bold;
		margin: -20px -15px;
	}

	@media only screen and (max-width: 680px), only screen and (max-device-width: 680px) {
		.close {
			margin: 10px 5px 0 0;
		}
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
/******************************
*******************************
******************************/