/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/**** Est utilisé pour tous les types clients, excepté 15 ****/
/*-----------------------------------------------------------*/
::-moz-selection { background: yellow; }
::selection { background: yellow; }
/*-----------------------------------------------------------*/

/*------------------------------ GENERALITES ------------------------------*/
body {
	margin: 0;
	padding: 0 0 0 0px;
	background-color: white;
}

.contenu {
	float: left;
	width: auto;
    min-width: calc(100% - 40px - 40px);
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
    padding-bottom: 40px;
}

hr {
	border-bottom: none; 
	border-left: none; 
	border-right: none; 
	border-top: 1px solid #DDD; 
	margin: 10px 0 10px 0;
}

table { 
    border-collapse:collapse;
}

fieldset {
	border: none; 
	margin: 15px 0 10px 0;
	padding-left:10px; 
}
	fieldset .soustitre {
		padding-bottom: 10px;
		padding-top: 15px;
		padding-left: 2.5px;
	}
	.calculatrice {
		padding: 10px;
		border-radius:5px;
		background-color:#FFF !important;
		box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.5) !important;
	}
		.calculatrice legend {
		font-weight:bold;
		padding:30px 5px 0px 5px;
	}
	fieldset hr {
		margin-left: -10px;
	}
	fieldset .t {
		padding-left: 5px;
	}

u {
	text-decoration:none;
}

a {
	color: #4D4D4D;
	text-decoration: none;
}
	a:hover {
		text-decoration: none;
	}

blockquote:before, blockquote:after, q:before, q:after {
    content:"";
}
blockquote,q {
    quotes:"" "";
}

/* Classe de sous titre lorsqu'on est sur un fond blanc */
.soustitre span:before{
	content: '';
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	height: 1px;
	width: 95vw;
	background-color: #ededed;
	z-index:-1;
}

/* Classe de sous titre lorsqu'on est sur un fond gris */
.margetabonglet .soustitre span:before{
	content: '';
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	height: 1px;
	width: 91vw;
	background-color: #DDD;
	z-index:-1;
}
.margetabonglet .soustitre span{
	padding-right: 5px;
	background-color: #f6f6f6;
	position: relative;
	z-index: 0;
}
.soustitre a[href*=aide]{
	background: white;
}
/** Select simple **/
select {
	font-family: EmbeddedArimo, sans-serif;
	/* font-size: 10pt; */
	color: #4D4D4D;
	white-space: normal;
	/* margin: 0 10px 0 0; */
	margin:3px 3px 2px 0px;
    background-color: #ffffff;
    padding: 3px;
	border-radius:5px;
	border:1px solid #DDDBDC;
	outline: none;
}

/** Uniformisation du Select restant avec courrier + bcp de fonds colores - ds html - **/
select option{
	font-family: EmbeddedDejaVuSans, sans-serif!important;
	padding:3px !important;
	background-color:#ffffff;
}
	
/** Select large **/
pre > select {
    /* padding: 10px;     */
    padding: 4px;
	margin: 7px 0px;
	border-radius:5px;
}
pre > select > option, pre > select > optgroup > option {
    margin: 0!important;
	padding:5px;
}

/** Select multiple **/
select[multiple], select[size] {
    /*font-family: EmbeddedCousine, monospace!important;*/
	font-family: EmbeddedDejaVuSans, sans-serif!important;
}

input {
	font-size: 13px;
	color: #4D4D4D;
    /* margin: 0 3px 2px 0; */
    margin: 3px 3px 2px 0px;
	white-space: normal;
    padding: 4px 5px;
	border-radius:5px;
	border:1px solid #DDDBDC;

}
#recherche_nom_benef
{
	padding-right: 25px;
}
	input a img { /*Alignement des bulles menant vers l'aide*/
		margin-top:3px!important;
	}
	input[type="checkbox"],input[type="radio"],input[type="text"],input[type="file"] {
		vertical-align: middle;
	}
	input[type="Submit"], input[type="button"] {
		/* margin: 5px 10px 5px 0; 
		margin: 8px 8px 12px 0;*/
	}
	input[type="image"] {
		border: none !important;
		outline: none;
		margin: 0px;
		padding: 0px 5px 0 0;
	}
	input.hasDatepicker, input.datePicker {
		border: 0.5px solid grey;
		height: 20px;
		display: inline-block;
		padding: 2px 10px 2px 5px;
		border:1px solid #DDDBDC;
	}
	input[type="checkbox"] {
		margin: 0px 0px 5px 0px;
	}

textarea {
    font-size: 12px;
    color: #4D4D4D;
    margin: 0 3px 2px 0 !important;
    white-space: normal;
	background-color: #ffffff;
    line-height: 25px;
    padding-left: 5px;
	border-radius:5px;
	border:1px solid #DDDBDC !important;
	font-family: EmbeddedDejaVuSans, sans-serif;
	margin-bottom : -5px;
}

li  {
	list-style-type:none;
	}
	
/* ----- Classes t ----- */

/* Classes t sans retour à la ligne */
.t {
    font-size: 12px;
    color: #4D4D4D;
    font-weight: normal;
	line-height: 28px;
    /* margin-left: 2.5px; */
    padding: 0px 5px 0px 3px;
    width: auto;
		font-family: EmbeddedDejaVuSans, sans-serif;
}
	.t img, .t a img {
		vertical-align: middle;
	}
	.t ul { /* Utilisé dans la présentation des valideurs d'une remise dans le détail de cette dernière */
		padding-left: 10px;
		line-height: 15px;
	}
.tright {
    font-size: 12px;
    color: #4D4D4D;
    font-weight: normal;
    white-space: normal;
    margin-left: 2.5px;
    padding: 3px 5px 0px 0;
    text-align: right;
	width:auto;
	line-height:18px;
}
.tnowrap {
    font-size: 12px;
    color:#4D4D4D;
    font-weight:normal;
    white-space:nowrap;
    line-height:30px;
    margin-left: 2.5px;
    padding:0 5px 0 0;
}
.tri {
	font-size: 13px;
}

.label_compte { /* Utilisé pour donner un label à des champs de saisie en dessous */
				/* Exemple d'utilisation : Destinataires > Modification des domiciliations */
    font-size: 10px;
    color: #4D4D4D;
    font-weight: normal;
    padding: 3px 5px 0px 0;
    width: auto;
	line-height: 10px;
}

/* FIN Classes t sans retour à la ligne */

/******************/
/* Classes t gras */
/******************/
.bold {
    font-weight:bold;
    font-size: 12px;
    color:#4D4D4D;
    line-height:25px;
    margin-left: 2.5px;
    padding:0px 5px 0 0;
}
.tb {
    font-weight:bold;
    font-size: 12px;
    color:#4D4D4D;
    line-height:25px;
    margin-left: 2.5px;
    padding: 3px 5px 0 0;
}
.t2 { /* Champs obligatoires alignés à gauche dans le formulaire */
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    margin-left: 2.5px;
    padding: 3px 5px 0 0;
	width: auto;
}
.t2right { /* Champs obligatoires alignés à droite dans le formulaire */
	font-weight: bold;
	font-size: 12px;
	white-space: normal;
	margin-left: 2.5px;
	padding: 5px 5px 0px 0;
	text-align: right;
    width: auto;
	line-height:20px;
}
.t20 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 2.5px;
	line-height: 25px;
	padding: 0 5px 0 0;
    width: auto;
    white-space: normal;
}
.t20right {
	font-size: 12px;
	font-weight: bold;
	margin-left: 2.5px;
	white-space: normal;
	line-height: 25px;
	padding: 0 5px 0 0;
	text-align: right;
    width: auto;
}
/**********************/
/* FIN Classes t gras */
/**********************/

.t4 {
	line-height: 25px;
	margin-left: 2.5px;
	padding: 0 10px 0 0;
}
.t5rouge {
	font-size: 11px;
	font-weight: bold;
	color: #C11111;
	line-height:25px;
	margin-left: 2.5px;
	padding:0 10px 0 0;
	min-width:150px;
}
.t6 {
	font-weight: bold;
	font-style: italic;
	line-height: 25px;
	margin-left: 2.5px;
	padding: 0 10px 0 0;
}
.t7 {
	font-size: 13px;
	color: #FFBE00;
	line-height:25px;
	margin-left: 2.5px;
	padding:0 0 0 10px;
}
.t7rouge {
	font-size: 13px;
	color: #C11111;
	line-height:25px;
	margin-left: 2.5px;
	padding:0 0 0 10px;
}
.t7vert {
	font-size: 13px;
	color: #398331;
	line-height:25px;
	margin-left: 2.5px;
	padding:0 0 0 10px;
}

.tu {
	font-size: 12px;
	color: #4D4D4D;
	text-decoration: underline;
	line-height: 25px;
	margin-left: 2.5px;
	padding: 0 10px 0 0;
}
.pt {
	color: #4D4D4D;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	margin-left: 2.5px;
	padding: 5px 10px 0 0;
}
#tbody_hab_droits_comptes_body td.pt { /* Style utilisé pour uniformiser des tailles min de td */
	/* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
	box-sizing: border-box;
	min-width: 100px;
	padding: 5px 5px 0 5px;
}
.ptb {
	color: #4D4D4D;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	margin-left: 2.5px;
	line-height: 25px;
	padding: 0 10px 0 0;
	background-color:#f6f6f6;
}
#tbody_hab_droits_comptes_header td.ptb { /* Style utilisé pour uniformiser des tailles min de td */
	/* Ecran utilisateurs / habilitations : Tableau ayant entête flottante */
	box-sizing: border-box;
	min-width: 100px;
	max-width: 100px;
	padding: 0px 5px 0 5px;
}
.t_champs_complementaires {
	font-size: 12px;
    color: #abacaf;
    font-weight: bold;
    white-space: normal;
    line-height: 25px;
    margin-left: 2.5px;
    padding: 0px 15px 0 0;
    text-align: right;
	font-style: italic;
    width: auto;
}

.champaligntop {
    vertical-align: top;
    padding-top: 3px;
}
	.champaligntop a img {
		vertical-align: top;
		padding-top: 4px;
	}

.champalignbottom {
	vertical-align:bottom;
}
	.champalignbottom a img {
		padding-bottom: 5px;
	}

.logo {
	color: blue;
	font-size: 18px;
	font-weight: bold;
}

.comptage {
	font-size: 13px;
	font-weight: bold;
}
.societe {
	font-size: 12px;
	font-weight: bold;
}
.TitreSection2,.titresection2 { 
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
}
.TitreFax {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}
.MessageAccueil {
	font-weight: bold;
  font-size: 17px;
	padding-bottom: 30px;
	line-height:28px;
}
.MessageInformation {
	color: #4D4D4D;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
}
.MessageInformation2 {
	color: #C50077;
	font-weight: bold;
	font-size: 13px;
}
.MessageInformation3 {
	color: #4D4D4D;
	font-weight: bold;
	font-size: 12px;
}
.MessageVert {
    font-size: 12px;
	font-weight: bold;
}
.MessageRouge {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
}

.MessageUtilisation,.Messageutilisation,.messageutilisation  {
	font-size: 12px;
	font-style: italic;
	white-space: nowrap;
	padding-bottom: 10px;
	padding-right: 10px;
	line-height: 18px;
}
.messageutilisation div {
    margin:20px;
}
.messageutilisation label, .ml5 {
    margin-left:5px;
}
.messageutilisation input[type="checkbox"] {
    margin: 0;
}

.MessageImportant,.MessageConfirmation,.messageimportant {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
}
.MessageErreur {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 10px;   
}
.TitreContrat1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}

/* Affichage du contrat Exabanque et FTPbank */
.Messagefacturation, .messagefacturation {
    font-size: 12px;
    line-height: 25px;
	white-space: nowrap;
}

/* ------------ TABLEAUX -------------------- */

.ligne_releve_on {
	background-color: #ededed;
}
.ligne_on {
	background-color: #ededed;
	font-weight:bold !important;
}
.ligne_off {
	background-color: white;
}
.treso_ligne_on {
	background-color: #ededed;
}
.treso_ligne_off {
	background-color: white;
}
.treso_ligne_select {
	background-color: #A19FCB;
}
.treso_ligne_survol {
	background-color: #DBDBEC;
}
.treso_ligne_rouge {
	background-color: #C50077;
}
.treso_ligne_verte {
	background-color: #AEB208;
}
.rlv_societe {
	background-color: #F1F1F1;
}
.rlv_serveur {
	background-color: #F1F1F1;
}
.rlv_devise {
	background-color: white;
}
.rlv_perso {
	background-color: #F1F1F1;
}

.tab,.tab2 {
    color: #4D4D4D;
    font-size: 12px;
    padding:7px 15px 7px 15px;
    line-height: 15px;
	border: 1px solid #F9F9F9 !important;
	border-left:none!important;
	border-bottom:none !important;
}
.tab:last-child,.tab2:last-child
{
	border-right:none!important;
}
.tab_beneficaire {
	color:#4D4D4D;
	font-size: 12px;
	cursor: pointer;
	padding: 8px;
    line-height: 15px;
	border: 1px solid #F9F9F9 !important;
	font-weight:normal;
}
.tab_sans_color {
    font-size: 12px;
    padding: 3px;
    line-height: 15px;
	border: 1px solid #F1F1F1 !important;
}
.tabvert {
	color: green;
	font-size: 12px;
	padding: 3px;
    line-height: 15px;
	border: 1px solid #F1F1F1 !important;
}
.tabrouge {
	color: red;
	font-size: 12px;
	padding: 3px;
    line-height: 15px;
	border: 1px solid #F1F1F1 !important;
}
.tabbb {
	color:#4D4D4D;
	font-size: 9pt;
	padding: 3px;
    line-height: 15px;
	border: 1px solid #F1F1F1 !important;
}
.tabb {
	color:#4D4D4D;
	font-size: 12px;
	padding: 3px;
	font-weight: bold;
    line-height: 15px;
	padding:8px 15px 8px 15px;
	border: 1px solid #F1F1F1 !important;
}

/* Fiche sous forme de tableau */
/* Ecrans impactés : Détail du relevé débit de CB */
table.fiche-detail {	/* Propriété appliquée sur le tableau de la fiche détaillée */
	border: none! important;
}
	table.fiche-detail tbody {	/* Propriété appliquée sur le tableau de la fiche détaillée */
		border-collapse: collapse;
		background-color: white;
		font-size: 11px;
		line-height: 15px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
		margin-bottom: 15px;
	}
	table.fiche-detail td.ligne-entete { 	/* Première ligne du tableau qui contient généralement l'en-tête */
											/* Valeurs reprises de entetetab */
		color: #43424a !important;
		background-color: #ededed !important;
		font-family: 'Source sans pro';
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		padding: 10px;
	}
	table.fiche-detail td.colonne-entete { 	/* Colonne de gauche qui contient les libellés contenues dans les autres colonnes */
											/* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
		color:#4D4D4D;
		font-size: 12px;
		padding: 3px;
		line-height: 15px;
		padding: 7px 15px 7px 15px;
		white-space: nowrap;
		border-right: 1px solid #F1F1F1;
		border-bottom: 1px solid #F9F9F9;
	}
	table.fiche-detail td.cellule {	/* Cellule du tableau qui contient les valeurs */
									/* Valeur reprises de tab */
		color: #4D4D4D;
		font-size: 12px;
		padding: 7px 15px 7px 15px;
		line-height: 15px;
		border: 1px solid #F9F9F9;
		border-bottom: none;
	}

/* Tableau dont le contenu contient des actions */
/* Ecrans impactés : Remise à valider */
table.tableau-action { 	/* Propriété appliquée sur le tableau de la fiche détaillée */
						/* Valeurs reprises de tabt */
	border: none! important;
}
	table.tableau-action tbody {	/* Propriété appliquée sur le tableau de la fiche détaillée */
									/* Valeurs reprises de tabt */
		border-collapse: collapse;
		background-color: white;
		font-size: 11px;
		line-height: 15px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
		margin-bottom: 15px;
	}
	table.tableau-action td.ligne-entete,
	table.tableau-action th.ligne-entete { 	/* Première ligne du tableau qui contient généralement l'en-tête */
											/* Valeurs reprises de entetetab */
		color: #43424a !important;
		background-color: #ededed !important;
		font-family: 'Source sans pro';
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		padding: 10px;
	}
	table.tableau-action td.colonne-entete {	/* Colonne de gauche qui contient les libellés des valeurs contenues dans les autres colonnes */
												/* Valeur reprises de entecoltab puis amendées qui n'était utilisé que sur le détail relevés CB */
		color:#4D4D4D;
		font-size: 12px;
		padding: 3px;
		line-height: 15px;
		padding: 7px 15px 7px 15px;
		white-space: nowrap;
		border-right: 1px solid #F1F1F1;
		border-bottom: 1px solid #F9F9F9;
	}
	table.tableau-action td.cellule {	/* Cellule du tableau qui contient les valeurs */
										/* Valeur reprises de tab */
		color: #4D4D4D;
		font-size: 12px;
		padding: 7px 15px 7px 15px;
		line-height: 15px;
		border: 1px solid #F9F9F9;
		border-bottom: none;
	}
	table.tableau-action tr.ligne-total {	/* Ligne qui met en avant les données de total du tableau */
											/* Valeurs reprises de ligne_on */
		background-color: #f4f4f4;	
		font-weight: bold !important;
	}
	

/* Zone contenant des critères de recherche */
div.zone-criteres-recherche,
table.zone-criteres-recherche {	/*  */
								/* Valeurs reprises de margetabonglet et modifiées */
	padding: 10px 20px;
	background-color:#f6f6f6;
	border-radius: 8px 8px 8px 8px; 
	border:1px solid #fff;
	margin-top: 10px;
}

/* Zone contenant les option de paramétrage pour une sortie PDF */
/* Exemple écran : Variation par rubrique budgétaire */
.position_relative { /* A appliquer sur le parent pour que le tableau soit positionné correctement à la verticale, cf top de table.parametrage_export_pdf */
	position: relative;
}
table.parametrage_export_pdf { 
	position: absolute;
	z-index: 100;
	background-color: white;
	border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
	top: 35px;
}
	table.parametrage_export_pdf td.t { /* Gère le padding des textes dans le tableau */
		padding: 0px 10px;
		white-space: nowrap;
	}
	table.parametrage_export_pdf tr:first-child td { /* Gère le padding avant la croix de le bouton "Fermer" */
		padding-top: 5px;
	}
	table.parametrage_export_pdf tr:last-child td { /* Gère le padding en fin de tableau */
		padding-bottom: 5px;
	}

/* Complément de classe */	
.position_absolute { /* A appliquer sur l'enfant pour qu'il soit en absolue par rapport au parent */
	position: absolute!important;
}
	
/* Zone contenant les options de paramétrage d'un tableau de sortie */
/* Exemple écran : Agios > Comptes : fenetre d'option d'affichage, Variation par rubriques budgétaires */
#tab_param > table {
	border: 1px solid #ededed!important;
	background-color: white;
	border-radius: 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
}
	#tab_param > table tr td.t { /* Gère le padding des textes dans le tableau */
		padding: 0px 10px;
		white-space: nowrap;
	}
		#tab_param > table tbody tr td input[type="checkbox"] { /* Permet de gérer les checkboxes pour qu'elles soient bien alignées de la zone de paramétrage */
			margin-bottom: 3px;
		}
		#tab_param > table tbody tr td button[type="button"],
		#tab_param > table tbody tr td button[type="submit"] { /* Permet de gérer le bouton de fin pour qu'il soit placé au dessus de la zone de paramétrage */
			margin-bottom: 7px;
		}
	#tab_param > table tbody tr:first-child td { /* Gère le padding avant la croix de le bouton "Fermer" */
		padding-top: 5px;
	}
	#tab_param > table tbody tr:last-child td { /* Gère le padding en fin de tableau */
		padding-bottom: 5px;
	}

/* Zone contenant des boutons d'actions relatifs à la trésorerie */
/* Exemple écran : Variation par rubriques budgétaires, clic sur "Liquidités" */
table#tab_param_raccourci {
	position: absolute;
	margin: 0px;
	z-index: 100;
	background-color: white;
	border-radius: 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
}
	table.#tab_param_raccourci tbody tr:first-child td { /* Gère le padding avant la croix de le bouton "Fermer" */
		padding-top: 5px;
	}
	table.#tab_param_raccourci tr:last-child td { /* Gère le padding en fin de tableau */
		padding-bottom: 5px;
	}

/* Zone contenant les tableaux de reporting => Format Excel */
/* Ecran : Variation par rubrique budgétaire */
table#table_haut_g .treso_entetetab,
table#table_haut_d .treso_entetetab { /* Lignes d'en-tête des tableaux de reporting */
	color: white;
	background-color: #666;
	font-size: 12px;
	border:1px solid #f4f4f4;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

table#table_bas_g .treso_tab2,
table#table_bas_d .treso_tab2 { /* Cellules des tableaux de reporting */
	/* color: #4D4D4D; */
	font-weight: normal;
	font-size: 11px;
	min-width: 22px;
	border:1px solid #f4f4f4;
	padding: 3px 3px 3px 8px;
}

/*Palette de choix des couleurs*/
#cadre_palette {
    border: 1px solid #DDDBDC;
    padding: 5px;
    position: absolute;
    display: block;
    left: 153px;
	z-index: 9 !important;
    background-color:#FFFFFF;
    min-width: 481px;
    min-height: 135px;
}

/*=============================================>>>>>
= .scrollable-container Table css =
===============================================>>>>>*/
/* Div qui encadre des tableaux */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
div.scrollable-container { /* Styles de la div qui définit le container */
	max-height: 450px;
	overflow-y: hidden;
	max-width: 840px;
	position: relative;
}
	div.scrollable-container * {
		box-sizing: border-box;
	}
	div.scrollable-container table { /* Au chargement initial de la page, le tableau est caché */
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		width: 100%;
		transition: none;
		display: none;
	}
		/* Classes ajoutés avec du JS pour afficher ou cacher l'overflow de .scrollable-container */
		/* En fonction des classes visible / hidden, afficher ou non le tableau */
		div.scrollable-container.hidden {
			overflow-y: none!important;
		}
		div.scrollable-container.hidden table {
			opacity: 0!important;
			visibility: hidden!important;
		}
		div.scrollable-container.visible {
			overflow-y: scroll!important;
			box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
		}
		/*=============================================>>>>>
		= Edge Only CSS =
		===============================================>>>>>*/
		@supports (-ms-ime-align: auto) {
			div.scrollable-container.visible { /*Retrait du boxshadow sur Edge car cause un décalage visuel horrible*/
				box-shadow: unset;
				border:1px solid #eee;
			}
		}
		/*= End of Edge Only CSS =*/
		/*=============================================<<<<<*/
		div.scrollable-container.visible table {
			opacity: 1!important;
			visibility: visible!important;
			display: table;
		}
			div.scrollable-container tbody tr.selected { /* Couleur de sélection lorsqu'on clique sur un tr dans nos tableaux */
				background: rgba(200,200,200,0.3);
			}
			div.scrollable-container tbody tr:hover { /* Couleur de hover lorsqu'on positionne la souris sur un tr dans nos tableaux */
				background: rgba(200,200,200,0.15);
				cursor:pointer;
			}
				/* thead */
				div.scrollable-container th:not(:first-child) {
					cursor:pointer;
				}
				div.scrollable-container th {
					position: sticky;
					z-index: 199;
					-webkit-position: sticky; /* Cette ligne est nécessaire pour Safari */
					position: -webkit-sticky; /* Cette ligne est nécessaire pour Safari */
					top: -1px;
				}
			
				/* tbody */
				div.scrollable-container td.tab:first-child{	/* Solves the overflow issue in the table */
					border-left: none!important;
				}
				div.scrollable-container td.tab:last-child { /* Solves the overflow issue in the table */
					border-right: none!important;
				}
				div.scrollable-container td:first-child{ 
				  width: 20px; /* La valeur est nécessaire pour ajuster la taille du champ */
				  box-sizing: border-box;
				}
					div.scrollable-container td.tab div.td-inner { /* Classe utilisée sur une div dans une td pour espacer deux éléments le premier à gauche et l'autre à droite */
						display: flex;
						justify-content: space-between;
						pointer-events: none;
					}
						div.scrollable-container div.td-inner span.icon-verrou { /* Utilisé pour ajouter des effets de souris sur les cadenas */
							pointer-events: auto;
						}

/* Container de la loupe et des boutons */
/* Ecran Modèles de virt int */
td label.afficher-plus { /* Styles du container */
  position: relative;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
	td label.afficher-plus .custom-checkbox { /* Styles du checkbox -> le cacher mais faire en sorte qu'il est clickable */
	  position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	  opacity: 0;
	  cursor: pointer;
	}
	td label.afficher-plus:hover .icon-voir-plus::before { /* Effet hover sur la loupe */
	  color: #43424a !important;
	}
	td label.afficher-plus #form_virint_bouton_afficher { /* Bouton afficher qui est hidden dans afficher-plus */
		position: absolute;
		top: 0;
	  left: 0;
	  opacity: 0;
	  max-width: 100%;
	  max-height: 100%;
	  color: transparent;
	}

/*= End of .scrollable-container Table css =*/
/* =============================================<<<<< */

						
/* Classes utilisées pour les protections : verrou-groupe = protection groupe et verrou-utilisateur = protection utilisateur */
/* Exemple d'écrans : Remise de VIRT INT / SEPA / DOM, Modèles de VIR INT */
span.icon-verrou.verrou-groupe,
span.icon-verrou.verrou-utilisateur {
	vertical-align: middle;
}
	span.icon-verrou.verrou-groupe::before {
		color: #7c7c7c;
		font-size: 18px;
	}
	span.icon-verrou.verrou-utilisateur::before {
		font-size: 18px;
	}

/*   */
div.error-msg {
  display: none;
	width: 100%;
}
div.search {
  width: 300px;
  max-width: 300px;
  margin-bottom: 10px;
}

/* Icônes de tri Ascendant et descandant dans le header du tableau */
.asc .no-pointer-events::before {
  content:'';
  position: absolute;
  top:50%;
	transform:translateY(-50%);
  background: url('../img/haut.gif');
  background-repeat: no-repeat;
  width: 10px;
  height: 15px;
}
.desc .no-pointer-events::before {
  content:'';
  position: absolute;
  top:50%;
	transform:translateY(-50%);
  background: url('../img/bas.gif');
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
}
/*=============================================>>>>>
= IE - Internet Explorer =
===============================================>>>>>*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width:0\0) {
	.asc .no-pointer-events::before {
	  content:'';
	  position: absolute;
		display: inline-block;
	  top:inherit;
		transform:none;
	  background: url('../img/haut.gif');
	  background-repeat: no-repeat;
	  width: 10px;
	  height: 15px;
	}
	.desc .no-pointer-events::before {
	  content:'';
	  position: absolute;
		display:inline-block;
	  top:inherit;
		transform:none;
	  background: url('../img/bas.gif');
	  background-repeat: no-repeat;
	  width: 20px;
	  height: 10px;
	}
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
	.asc .no-pointer-events::before {
	  content:'';
	  position: absolute;
		display:inline-block;
	  top:inherit;
		transform:none;
	  background: url('../img/haut.gif');
	  background-repeat: no-repeat;
	  width: 10px;
	  height: 15px;
	}
	.desc .no-pointer-events::before {
	  content:'';
	  position: absolute;
		display:inline-block;
	  top:inherit;
		transform:none;
	  background: url('../img/bas.gif');
	  background-repeat: no-repeat;
	  width: 20px;
	  height: 10px;
	}
}
/*= End of IE - Internet Explorer =*/
/*=============================================<<<<<*/

::-ms-clear { /* Suppression des champs X ajoutés dans les champs de saisie par certains navigateurs */
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}

/* Les boutons ou name=clear servent a vider le champ de saisi dans lequel ils sont inclus  */
/* Exemple d'ecran : Remise de Virements SEPA > Créer un ordre > Clic sur Chercheret saisir du texte dans le champ de recherche  */
button[name=clear] { /* Definit le style des boutons ou name=clear */
  width: 25px;
  height: 25px;
  position: relative;
	left: -34px;
  vertical-align: middle;
	text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
	outline:none;
	background: transparent;
	border: 0;
	cursor: pointer;
}
button[name=clear] .icon-croix:before { /* Permet d'ajuster la couleur et la taille de l'icomoon icon-croix dans le champ input precedent */
	font-size: 12px;
	padding-right: 0px;
	color: #969696;
	transition: 0.3s;
}
button[name=clear]:hover .icon-croix:before { /* Permet de changer la couleur au survol de l'icomoon icon-croix */
	color: #43424a;
}
.search input[type=text] { /* Ajoute du padding a droite dans le champs de saisie pour pouvoir y inclure la croix */
	padding-right:27px;
}
button[name=clear].adjust { /* Classe specifique utilisee pour positionner le bouton clear dans le champs imput le precedent dans le cas speficique ou le bouton clear est suivit d'un autre bouton */
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	left: unset;
}





.tabt{border:none!important;}
.tabt tbody{
	border-collapse: collapse;
	background-color:white;
	font-size: 11px;
    line-height: 15px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
    /*display:block;*/
	margin-bottom:15px;}
}
.tabt img {
    margin: 0;
    padding: 0;
}
.tabt input{
    margin: 0;
    /* padding: 0 5px 0 5px; */
}
.tabt td.t, .tabt td.t2, .tabt td.t20 {
    padding-left: 15px;
}
table #tab_tri{
	background-color:#ededed;
	border-radius:8px;
	padding:10px !important;
	margin-bottom:20px;
}

.htab {
    color:#4D4D4D;
    background-color:#d1e2fe;
    font-size: 12px;
	padding: 3px;
    line-height: 15px;
	border: 1px solid #F9F9F9 !important;
}
.entetetab span.t2{
	color:#43424a ;
}
.treso_entetetab, .entetetab,.entetetab2,.entetetab3,.entetetab222 {
	color: #43424a !important;
	background-color: #ededed !important;
	font-family: 'Source sans pro';
	font-size: 13px;
	font-weight: bold;
	text-align: center;
    padding: 10px;
	/*border:1px solid #f4f4f4;*/
}
.entetetab2 .no-pointer-events 
{
	pointer-events: none!important;
	margin-left: 5px;
}
	.treso_entetetab a,.entetetab a,.entetetab2 a,.entetetab3 a {
		color: #43424a !important;
		margin-right: 2px;
	}
	/* Forcer le style pour le lien du code opération du mvt B à rapprocher */
	.treso_entetetab a {
		color:#4D4D4D;
	}

.treso_tabt tbody {
    border-collapse: collapse;
    background-color: white;
    line-height: 15px;
	display:block;
	box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.1) !important;
}
	.treso_tabt img{
		margin: 0;
		padding: 0;
	}
/* Utilisé avec treso_tab2_b dans l'écran d'intégration des mouvements en trésorerie */
.treso_tab2{
	color: #4D4D4D;
	font-weight: normal;
	font-size: 13px;
	padding: 5px 15px 5px 15px;
    line-height: 15px;
	min-width: 22px;
	border:1px solid #f4f4f4;
}
/*=============================================>>>>>
= Table_haut/bas iframe =
===============================================>>>>>*/
/**
	* Styles corrigeant des paddings de la nouvelle ergo pour une tableau spécifique
	*
	* Ecrans concernés :
	* AMB Treasury > Rapports de Gestion > Trésorerie nette > Variation sur une période
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Rubrique budgétaire
	* AMB Treasury > Rapports de Gestion > Analyse des flux > Par Code Flux
	*/
	
table#table_bas_g .treso_entetetab,
table#table_bas_d .treso_entetetab,
table#table_haut_g .treso_entetetab,
table#table_haut_d .treso_entetetab { /* Concerne le l'entête du tableau */
  padding: 3px!important;
}
table#table_bas_g.treso_tabt tbody ,
table#table_bas_d.treso_tabt tbody ,
table#table_haut_g.treso_tabt tbody ,
table#table_haut_d.treso_tabt tbody  { /* Concerne le tbody du tableau */
																		/* Ecran AMB Treasury > Variation sur une période */
																		/* Utilisé pour remettre le comportement normal à une tbody */
	display: table-row-group;
	table-layout: fixed;
}

table#table_bas_g .treso_tab2,
table#table_bas_d .treso_tab2,
table#table_haut_g .treso_tab2,
table#table_haut_d .treso_tab2 { /* Concerne les td du tableau */
	padding: 3px!important;
}
table#table_bas_g .treso_tab2_sans_color,
table#table_bas_d .treso_tab2_sans_color,
table#table_haut_g .treso_tab2_sans_color,
table#table_haut_d .treso_tab2_sans_color { /* Concerne d'autre td du tableau */
  padding: 3px!important;
}
table#table_bas_g .treso_tab3,
table#table_bas_d .treso_tab3,
table#table_haut_g .treso_tab3,
table#table_haut_d .treso_tab3 { /* Concerne d'autre td du tableau */
  background-color: #eee;
  color: #c40 ;
	padding: 3px!important;
}
table#table_bas_g .weekend,
table#table_bas_d .weekend,
table#table_haut_g .weekend,
table#table_haut_d .weekend {
	background-color: #778899;
	color: white;
}
table#table_bas_g .previ_du_jour,
table#table_bas_d .previ_du_jour,
table#table_haut_g .previ_du_jour,
table#table_haut_d .previ_du_jour {
  background-color: #ffd;
  color: #4D4D4D;
}
/*= End of Table_haut/bas iframe =*/
/*=============================================<<<<<*/

#dv_scroll .treso_tab2:first-child
{
	width: 20px;
	box-sizing: border-box;
}
#dv_scroll .treso_tab2:first-child input 
{
	margin: 0;
}	
	.treso_tab2 li,.marge_li li {
		margin-left: 15px;
		list-style-type:none;
		color:#c5062c;
		line-height: 16px;
	}
	
/* Utilisé pour les mouvements bancaires à rapprocher */
.treso_tab2_b {
	color: #c40;
	font-size: 13px;
	padding: 5px 15px 5px 15px;
    line-height: 15px;
	font-weight: bold;
}
	/* Forcer le style pour le lien du code operation du mvt B a  rapprocher */
	.treso_tab2_b a {
		color: #c40;
	}	

	
.action 
{
	font-size: 12px;
	text-decoration: underline;
}	
/* Style de header commun */
#header_tableau * {
	box-sizing:border-box;
}
#header_tableau {
	box-shadow: 0 0px 16px rgba(0,0,0,.1);
	border-bottom: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px 8px 0px 0px !important;
	margin-top: 15px;
	width: auto !important;
	background-color: #ffffff;
	position:relative;
	padding: 13px;
	font-family:'Source sans pro';
	font-size:12px;
	line-height:22px;
	color:#43424a;
}
#releve-icons2{
	position:absolute;
	right:20px;
}
#trier{
	text-align:left;
	line-height:18px !important;
	font-size:11px;
	padding:0px 10px;
	width:500px;
	/* position:absolute; */
	margin-top:-8px;
}
.txt-trier{
	color:#9a9a9a;
	font-style:italic;
}

#title_solde2 {    
	text-transform: uppercase;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
#title_solde2 h3 {
	margin: 0;
}
/*Conteneur de pagination + trier*/
#sous-header{
	background-color:#FFF;
	box-shadow: 0 0px 16px rgba(0,0,0,.1);
	padding:15px 0px 15px 0px;
	display: flex;
	justify-content: space-between;
}
#pagination{
	margin-top:7px;
}
#pagination span 
{
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	color:#4D4D4D;
	margin-right:10px;
}
a.pagination{
	text-decoration: none!important;
	position: relative;
	padding: 4px 7px;
	margin-left: -1px;
	color:#4D4D4D!important;
	background-color: #fff;
	border: 1px solid #dee2e6;
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	max-height: 20px;
}
a.pagination:hover,
a.pagination.current  
{
	color: #43424a!important;
	background: #ededed; 
}
a.pagination.current 
{
	font-weight: bold;
}
a.pagination.disabled 
{
	pointer-events: none;
	color: #ccc!important;
}
a.pagination.disabled.hide 
{
	display: none;
}
a.pagination:nth-of-type(1)
{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
a.pagination:nth-last-of-type(1)
{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
	margin-right:10px;
}
#pagination input[type=text]
{
	text-align: right;
	min-width: 55px;
  box-sizing: border-box;
	margin-right:10px;
}
#dv_scroll .treso_entetetab, 
#dv_scroll .entetetab,
#dv_scroll .entetetab2,
#dv_scroll .entetetab3,
#dv_scroll .entetetab222 {
	position: sticky;
	position: -webkit-sticky;
	top:0px;
}
.scroll 
{
	border:1px solid #eee;
}
.total 
{
	color: #4D4D4D;
	font-weight: bold;
	background: #ededed;
}
#pagination-footer 
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/**/
#releve-table-header{
	padding: 10px 10px 10px 292px;
    /* border: 1px solid #BABABA; */
    background-color: #ffffff;
	font-family:'Source sans pro';
	font-size:14px;
    text-transform: uppercase;
}
#releve-table-header tbody {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
}
#releve-table-header tbody tr{
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#releve-icons tbody tr{
	flex-direction:row;
	justify-content:space-around;
}

table.header-dernier-solde-print  tbody  #releve-table-header{	
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
    display:block;
    border-radius: 8px 8px 0px 0px!important;
	width:auto !important;}
	
table.header-dernier-solde-print  tbody  #releve-table-header table #releve-icons {	
    box-shadow: none;
	margin-left:180px !important;}

.treso_tab2_sans_color {
	font-size: 11px;
	padding: 3px;
    line-height: 15px;
    border: 1px solid #f4f4f4;
}

/* Case en gras écrit en petit */
.tabpb {
	color: #4D4D4D;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
    padding: 3px;
    line-height: 15px;
}

/* Utilisee pour l'en-tete dans le tableau des arbitrages lorsqu'elle est haute (transfert present) */
.entetetabnew, .entetetabnewp { /* Données reprises de treso_tab2 + supprimer les données dans feuilles des applications */
    /* background-image:none !important; */
	/* color:white; */
    /* font-size: 8pt; */
    /* font-weight: bold; */
    /* text-align:center; */
    /* padding:3px; */
    /* line-height: 15px; */
	color: #43424a !important;
	background-color: #ededed !important;
	font-family: 'Source sans pro';
	font-size: 13px;
	font-weight: bold;
	text-align: center;
    padding: 10px;
	font-weight: normal;
	min-width: 22px;
	border:1px solid #f4f4f4;
	padding: 3px 5px 3px 5px;
}
	.entetetabnew a,.entetetabnewp a{
		color:white !important;
		margin-right: 2px;
	}

/* --------- Gestion de trésorerie -------- */
/* Attention à garder les "tr" et "td" qui sont d'une importance capitale */
tr.treso_date_courante td {
	font-weight: bold;
}
tr.treso_line_on {
	background-color: #E888D8;
}
    /*--------------------------*/
td.treso_inv_transfert {
	background-color: #EEDBE9;
}
td.treso_inv_date_courante {
	font-weight: bold;
}
td.treso_inv_line_on {
	background-color: #E888D8;
}
    /* Communes au deux fichiers */
td span.treso_montant_transfert {
	font-weight: bold;
}

.treso_liste_releves_manquants {
    margin: 8px;
}

/* Au survol d'une case de solde dans le tableau des arbitrages */
.over {
	cursor : pointer;
}

/* Lignes ancien et nouveau soldes lors du détails des mvts pr une case */
.treso_nouveau_ancien_solde {
	font-weight: bold;
	background-color: #f0f0f0;
}

.cumul_mouvements {
	font-weight: bold;
	font-style: italic;
}

/* ------------ ONGLETS -------------------- */
.titre_onglet_actif, .titre_onglet_actif_1, .titre_onglet_actif_2, .titre_onglet_actif_3, .titre_onglet_actif_4, .titre_onglet_actif_5,
.titre_onglet_actif_6, .titre_onglet_actif_type1, .titre_onglet_actif_type2, .titre_onglet_actif_type5 {
	float:left;
	background-color:#F6F6F6;
	color:#4d4d4d;
	font-size:14px;
	font-family:'Source sans pro';
	font-weight:bold;
	height:39px;
	text-align:center;
	border:1px solid #f1f1f1;
	padding:0px 25px 0px 25px;
	white-space:nowrap;
	line-height:35px;
	border-radius: 8px 8px 0px 0px;
	margin-top:10px;
}

.titre_onglet_inactif,.titre_onglet_inactif_2 {
	float: left;
	padding:5px 25px 5px 25px;
	font-size: 14px;
	height: 20px;
    line-height: 18px;
	text-align: center;
	cursor: pointer;
	border:1px solid #f1f1f1;
	border-bottom:none;
	margin-top:20px;
	width: auto;
	font-family:'Source sans pro';
}

.onglet_actif {
	background-color:#F6F6F6;
	border:1px solid #f1f1f1;
	padding:5px;
	float:left;
}

/* ------------ ONGLETS RELEVES DE COMPTES ---------------- */
.titre_onglet_r_actif {
	background-color:white;
	background-image: url('../img/4/4_onglet_r_actif_146_1.gif');
	color:#4D4D4D;
	font-size:12px;
	font-weight:bold;
	width:146;
	height:34;
	text-align:center;
}
/* .titre_onglet_r_inactif { */
/* background-image: url('../img/0/0_onglet_r_inactif_146.gif'); */
/* font-family: EmbeddedDejaVuSans, sans-serif; */
/* color:#0074A0; */
/* font-size:12px; */
/* width:146px; */
/* height:32px; */
/* text-align:center; */
/* font-weight:normal; */
/* } */
/* .titre_onglet_r_inactif a { */
/* font-weight:normal; */
/* text-decoration:none; */
/* } */
/* .titre_onglet_r_inactif a:hover { */
/* color:#213161; */
/* font-weight:bold; */
/* text-decoration:none; */
/* } */
.onglet_r_actif {
	background-color:white;
	border: 1px solid #CCC;
	padding: 5px;
}

/* ------------ BOUTONS -------------------- */
.bouton,.bouton54,.bouton100,.bouton146,.bouton165,.bouton180,.bouton210,.bouton260,.bouton400 {	
	width: auto;
	height: 30px;
    background-color:#ffffff;
	font-size: 13px;
	font-family:'Source sans pro';
	padding: 0 15px 0 15px;
	border-radius:8px;
	white-space: nowrap;
	cursor: pointer !important;
	margin-right:8px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	outline:none;
}
.bouton_on,.bouton54_on,.bouton100_on,.bouton146_on,.bouton165_on,.bouton180_on,.bouton210_on,.bouton260_on,.bouton400_on {
	width: auto;
	height: 30px;
	font-size: 13px;
	font-family:'Source sans pro';
	padding: 0 15px 0 15px;
	border-radius:8px;
	white-space: nowrap;
	cursor: pointer !important;
	margin-right:8px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	outline:none;	
}
.bouton54_desactive, .bouton100_desactive, .bouton180_desactive {
    width: auto;
    height: 30px;
    font-family:"Source sans pro";
    font-size: 13px;
    padding: 0px 15px 1px;
    white-space: nowrap;
    opacity: 0.5;
	margin-right:8px;

}

.jws_button_normal {
	border-width: 1px;
	border-color: #CCC;
    width: 100px;
	height: 30px;
	color: #4D4D4D;
	font-family:"Source sans pro";
	font-size: 13px;
	padding: 0px 15px;
	outline:none;
}
.jws_button_hover {
	border-width: 1px;
	width: 100px;
	height: 30px;
	color: #4D4D4D;
	font-family:"Source sans pro";
	font-size: 13px;
	padding:0px 15px;
	outline:none;
}
.BoutonInactif {
    border: 0;
    width:100;
    height:20;
    color: #4D4D4D;
    font-family:"Source sans pro";
    font-size: 13px;
}

.bouton_rech {
    cursor: pointer;
    padding-left: 5px;
    width:35;
    font-family:"Source sans pro";
    font-size: 13px;
	outline:none;
}

.bouton_envoyer {
	width: auto;
	height:30px;
	font-family:"Source sans pro";
	font-size: 13px;
	white-space: nowrap;
	padding:0 15px 0 15px !important;
	border:0px!important;
	border-radius:8px;
	margin-right:8px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	outline:none;	
}
.bouton_envoyer_on {
	cursor:pointer !important;
	width:auto;
	height:30px;
	font-family:"Source sans pro";
	font-size: 13px;
	white-space: nowrap;
	padding:0 15px 0 15px !important;
	border:0px!important;
	border-radius:8px;
	margin-right:8px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	outline:none;	
}

/* ------------ CARTES PARAMETRES --------------*/
.CP {
	/* font-family: EmbeddedCousine, monospace; */
	font-size: 13px;
	border-left-width: 0;
}
.CP2 {
	/* font-family: EmbeddedCousine, monospace; */
	font-size: 13px;
	border: 0;
}
.carte0 {
	background-Color:#effaff;
	border: 1px solid #FF9900;
	border-collapse: collapse;
}
.carte1 {
	background-color: #FDFEBA;
	text-align: center;
	/* font-family: EmbeddedCousine, monospace; */
	font-size: 11pt;
}
.carte2 {
	background: #FDFEBA;
	text-align:center;
}


/* Carte d'authentification */
.chiffre, .message_carte {
	font-size: 12pt;
	font-weight: bold;
}
.carte_authent_0 {
	border-collapse: collapse;
}
.carte_authent_1 {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.carte_authent_2 {
	background: white;
	text-align:center;
}
.red-option {
	background-color: #e00000; /* Background rouge */
	color:#fff;	/* Ecriture blanche */
}
.vert {
    font-size: 13px;
}
.rouge {
	color: red;
	font-size: 13px;
}
.orange {
	color: #F81;
	font-size: 13px;
}

/* Utilisé dans les prévisions par code */
/* Remplacé par les classes de treso_tab2 */
/* .treso_tab3 { */
    /* background-image: none !important; */
	/* font-size: 11px; */
	/* padding: 3px; */
    /* line-height: 15px; */
	/* width: 22px; */
/* } */
.treso_tab3 { /* Utilisé dans les prévisions par code (Variation par rubriques budgétaires) */
	/* color: #4D4D4D; */
	font-weight: normal;
	font-size: 11px;
	min-width: 22px;
	border:1px solid #f4f4f4;
	padding: 3px 3px 3px 8px;
}
	.treso_tab3:hover {
		color: #000;
	}

#tab_param .t {
    padding-left: 5px;
}

.tabul {
	font-size: 12px;
	color:#4D4D4D;
	font-weight:normal; 
	white-space:normal;
	line-height:25px;
	margin-left: 15px;
}

ul.liste_infos {
    list-style-type:disc;
    list-style-position:inside;
    padding:0 5px;
    margin:0;
}

.trace-table {
    background-color: #FFFFFF;
    border: 1px solid #c4c4c4;
    margin-top: 20px;
    font-size: 13px;
    color: #4D4D4D;
    float: left;
    line-height: 23px;
}
.trace-table tr td {
    padding: 10px;
}

/* Element qui ne doit pas apparaitre en temps normal lors de l'impression */
.print_only {
	display: none;
}

.total_remise {
    color: #4D4D4D;
    font-size: 12px;    
    white-space: nowrap;
    padding-left: 30px;
    padding-bottom:8px;
}
a img {
    padding-top:0px;
    padding-bottom:0px;
    padding-right:5px;
    padding-left:0px;
    border: none;
	vertical-align:bottom;
}
.tab_onglet table tr,table td{
	padding: 0 2.5px;
}
.tableau_iframe table tr,table td{
    padding:0;
}
.contenu_body {
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 74px;
    width: 1024px;
}
.contenu_colore {
    height: 100px;
    min-width: 1104px;
    text-align: center;
    width: 100%;
}
.contenu_colore_titre {
    color: white;
    font-size: 23px;
    padding-top: 35px;
}
.contenu_head {
    height: 110px;
    margin: auto;
    width: 1024px;
    padding-left: 40px;
    padding-right: 40px;
}

.lost_card_title {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}
.lost_pwd_title {
    font-size: 14px;
	/*font-family:"Source sans pro";*/
	line-height:18px;
}
.lsv1 {
    margin-bottom: 29px;
    margin-right: 37px;
    max-height: 500px;
    max-width: 500px;
    padding-left: 220px;
}
.lsv2 {
    margin-right: 37px;
    max-height: 500px;
    max-width: 500px;
    padding-left: 220px;
}
.txt_i_colore {
    font-size: 12px;
    font-style: italic;
}

.txt_insc {
    color: #3B3E46;
    font-size: 12px;
}

.welcome {
    font-weight: bold;
    font-size: 18px;
    color: #3B3E46;
	font-family:"Source sans pro";
	line-height:25px;
}
.hist_action {
    position: absolute; 
    z-index: 102; 
    float:right; 
    margin-left: 70px;
    margin-top: -41px;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #d4d4d4;
}
.hist_action input{
    margin-right: 5px;
}
.histo_form {
    padding: 5px;
    float: left;
}
.liste_etapes li{
    margin-left:  30px;
}

.espaceaccueil {
    padding-top:20px;
}

.margetabonglet{
	padding: 30px;
	background-color:#f6f6f6;
	border-radius: 0px 8px 8px 8px; 
	border:1px solid #fff;
}
.tabul ul{
	padding-left: 20px;
}
.tabnoborder {
    color:#4D4D4D;
    border-collapse: collapse;
    background-color: white;
    font-size: 12px;
    padding: 3px;
    border:none;
    line-height: 15px;
}
.tabnoborder img {
    margin: 0;
    padding: 0;
}
.contenumotdepasse {
    padding:15px;
}
.linkedin_logo,.viadeo_logo {
    font-weight:normal;
    margin-left:5px;
    font-size:8pt;
    border: 0;
    display: inline-block;
    vertical-align: bottom;
}
.linkedin_logo:hover,.viadeo_logo:hover {
    text-decoration: underline;
}
.t_logo_linkedin {
    font-size: 13px;
	font-family: EmbeddedDejaVuSans, sans-serif;
	color:#9a9a9a!important;
}
.liste-insc {
    padding-left:30px;
}
.hist_imprimer {
	position: absolute;  
	left: 0px; 
	top: 41px; 
	z-index: 102
}
.hist_imprimer input {
    margin-top: 5px;
}
.profil_interface {
    position:absolute;
    float:right;
    margin-left:470px;
	margin-top: -110px;
    height: auto;
    padding: 10px;
}
.profil_interface td.t {
    line-height: 25px !important;
}
.arrow-border {
    cursor: pointer;
    border: none;
}
.fieldset-table tr td {
    padding-bottom: 2px;
}
.td_arrow_container {
    padding-right: 10px;
    padding-top: 10px;
}
/* .info_bulle { */
    /* border: 1px solid black; */
    /* color: firebrick; */
    /* background-color: #FFFFCC; */
/* } */
.date-hour {
    font-size: 12px;
    color:#4D4D4D;
    font-weight:normal;
    padding-right: 20px;
}
.num-abonne {
    font-size: 12px;
    font-weight: bold;
}
.t-usage {
    font-size: 12px;
    font-weight: bold;
}
.underline-link {
    text-decoration: underline !important;
}
.multi-line-label {
    line-height: 18px !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.img_nb_va {
	border: none;
	vertical-align: middle;
}
.show_title {
	cursor: help;
}

/* Favorite star icon */
.fav-star {
    background-position: center center;
    width: 18px !important;
    height: 16px !important;
    background-repeat: no-repeat;
    position: absolute !important;
    margin-left: -25px;
    margin-top: 2px;
    cursor: pointer;
    line-height: auto !important;
    font-size: auto !important;
}

/* Favorite star icon on menu */
.box-menu .fav-star {
    margin-left: -15px;
    margin-top: 1px;
}

/* Favorite star icon example div */
.fav-star-example {
    color: #43424A;
    font-size: 12px !important;
    width: 100%;
    float: left;
}

/* Favorite star icon example div inner elements */
.fav-star-example * {
    display: inline-block;
    vertical-align: middle;
}

/* Favorite star icon example div span */
.fav-star-example span {
    position: absolute;
    margin-left: 3px;
    margin-top: 17px;
}

.fav-star-example > .widget-tooltip-point {
    margin-top: 15px !important;
}

/* select[name="operator"] , select[name="solde_type"] { */
	/* position: relative !important; */
	/* top: -1px !important; */
/* } */

/* Firefox */
/* @-moz-document url-prefix() { */
	/* select[name="operator"] , select[name="solde_type"] { */
		/* position: relative !important; */
		/* top: 0px !important; */
		/* height: 22px !important; */
		/* padding-top: 0px; */
	/* } */
/* } */

/* Chrome */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {  */
	/* select[name="operator"] , select[name="solde_type"] { */
		/* position: relative !important; */
		/* top: 0px !important; */
		/* height: 21px !important; */
		/* padding-top: 0px; */
	/* } */
/* } */

/* IE */
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { */
	/* select[name="operator"] , select[name="solde_type"] { */
		/* position: relative !important; */
		/* top: 0px !important; */
		/* height: 21px !important; */
	/* } */
/* } */

/*---------------------- Select2 (select avec champ de recherche) ----------------------*/
.select2-container .select2-choice > .select2-chosen, 
.select2-results .select2-result-label, 
.select2-results ul > li {
    /* font-family: EmbeddedDejaVuSans, sans-serif!important; */
    font-size: 12px !important;
}

.fack_select_optgroup .select2-result-label {
    background-color: white !important;
    color: #000000 !important;
    /* font-family: EmbeddedDejaVuSans, sans-serif!important; */
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: bold !important;
    padding: 8px !important;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    /* font-family: EmbeddedDejaVuSans, sans-serif!important; */
    font-size: 12px !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
}

.select2-results .select2-highlighted {
    background-color: #f2f2f2 !important;
    color: #4d4d4d !important;
}

.select2-container .select2-choice, .select2-dropdown-open .select2-choice {
    background-image: none !important;
    background-color: inherit !important;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #aaa !important;
}

.select2-search input {
    border: 1px solid #aaa !important;
}

.select2-drop-active {
    border-left: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
}
.select2-drop {
    color: #4d4d4d !important;
}
.select2-container .select2-choice .select2-arrow b {
    background-position: 0 0 !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #aaa !important;
    border-radius: unset !important;
}
.select2-drop.select2-drop-above, .select2-drop {
    box-shadow: none !important;
}
.select2-container.select2-drop-above .select2-choice {
    border-radius: unset !important;
}
/*---------------------- Fin Select2 (select avec champ de recherche) ----------------------*/
/*=============================================>>>>>
= actionBar =
===============================================>>>>>*/
/* Styles de la barre d'action avec les boutons importants */
/* Exemple �cran : utilisateurs/habilitations */
#actionBar { 
  display: none;
  position: fixed;
  background: white;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
}
#actionBar .TitreSection1 { /* Styles li�es � l'ent�te de page dans la barre d'action */
  margin-left:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#actionBar .TitreSection1 .SpanSpace {
  margin:0 0 0 5px;
}
/*= End of actionBar =*/
/*=============================================<<<<<*/

/*=============================================>>>>>
= Scroll To top =
===============================================>>>>>*/
/* Styles li�es au bouton scroll to top */
/* Example d'�cran : Utilisateurs/habilitations */
#scrollTop {
  display: none;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  bottom:15px;
  right: 15px;
  padding: 6px 8px;
  cursor:pointer;
  border-radius:5px;
  color:white;
  transition: 0.3s;
}
#scrollTop .icon-top:before 
{
	color:white;
	font-size: 18px;
}
/*= End of Scroll To top =*/
/*=============================================<<<<<*/

/* .t3 { */
/* color: green; */
/* font-family: EmbeddedDejaVuSans, sans-serif; */
/* font-size: 12px; */
/* line-height:25px; */
/* margin-left: 2.5px; */
/* padding:0 10px 0 0; */
/* } */
/* .t5 { */
	/* font-weight: bold; */
	/* color: #FFBE00; */
	/* line-height:25px; */
	/* margin-left: 2.5px; */
	/* padding:0 10px 0 0; */
	/* min-width:150px; */
/* } */
/* .t5vert { */
	/* font-size: 11px; */
	/* font-weight: bold; */
	/* color: #398331; */
	/* line-height:25px; */
	/* margin-left: 2.5px; */
	/* padding:0 10px 0 0; */
	/* min-width:150px; */
/* } */
/*=============================================>>>>>
= releve_compte_chart =
===============================================>>>>>*/
/* Styles li�es aux graphiques */
/* Exemple d'�cran :AMB Factory > relev� de comptes > Afficher une graphique */
.highcharts-legend-item rect{
  display: block;
}
.legend-symbol-bar, .legend-symbol-line {
  position : relative;
  top : 2px;
  border-radius: 2px;
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right:5px
}
.highcharts-legend-item-hidden .legend-symbol-bar {
  background-color: #cccccc !important;
}
.ui-tooltip {
  border: 1px solid #CCC !important;
}
/*= End of releve_compte_chart =*/
/*=============================================<<<<<*/

/*=============================================>>>>>
= Smart select =
===============================================>>>>>*/
input#form_virsepa_nom_beneficiaire { /* Définition des styles du champ de saisie du nom du beneficiaire */
	box-sizing:border-box;
	width: 250px;
	max-width: 250px;
	padding-right: 27px;
	outline: none;
}
input#form_lcr_tire,
input#form_lcr_identifiant,
input#form_virsepa_nom_beneficiaire,
input#form_lcr_tire:focus,
input#form_lcr_identifiant:focus,
input#form_virsepa_nom_beneficiaire:focus { /* Enlever le contour bleu du champ saisie de l'autocomplete */
outline:none;
}
/* Champ où apparait le select avec les suggestions en fonction e la saisie de l'utilisateur */
/* Exeple d'ecran : Remise de Virements SEPA > Créer un ordre : Saisir un nom de bénéficiaire */
#dest2 { /* Positionnement du container des suggestions */
	top:14px;
	left: 0px;
	box-sizing:border-box;
	z-index: 1;
}
	#dest2 select.select { /* Définition des styles du select */
		box-sizing:border-box;
		border:1px solid #DDDBDC;
		border-top: white;
		outline:none;
		width: 250px;
		max-width: 250px;
		outline:none;
		border-radius: 0 0 5px 5px;
	}
		#dest2 select.select option:hover {
			box-shadow: 0 0 10px 100px #DDDBDC inset;
		}
		#dest2 select:focus { /* Enlever le contour bleu du select de l'autocomplete */
			outline:none;
		}
.w-100 { /* A appliquer pour donner la width la max width d'un élément de 100% */
	max-width: 100%;
	width: 100%;
}
.w-100 #dest2 select.select { /* Pour le champ d'autocomplétion */
	max-width: 100%;
	width: 100%;
}

/*----------- Mozilla Only CSS -----------*/
@-moz-document url-prefix() {

}
/*----------- IE Only CSS -----------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}
/*----------- EDGE Only CSS -----------*/
@supports (-ms-ime-align: auto) {

}
/*----------- Safari -----------*/
/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { 
	@media {
		textarea,
		select,
		input[type="text"],
		button[type="button"],
		button[type="submit"] {
	  	/* -webkit-appearance: none; */
	  	/* border-radius: 0; */
		}
	}
}
/*= End of Smart select =*/
/*=============================================<<<<<*/

.nowrap {
	white-space: nowrap;
}


.soustitre_tab_solde_previsionnel_et_equilibrage { /* Utilisé pour mettre en forme l'écran Solde Prévisionnels et Equilibrages */
	font-family: 'Source sans pro';
    font-size: 13px;
    font-weight: bold;
}

/* Mise en forme du champ "Voir banque" sur les mouvements de remises */
/* Ex. : Remise de Virement SEPA > Remise : Afficher un ordre */
#fieldset_adresse_banque {
	margin:0;
	left: 525px !important;
}
#fieldset_adresse_banque table{
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.25);
	margin-left: 7px;
}
#fieldset_adresse_banque table td.t{
    padding-left: 10px;
}