@keyframes nodeInserted {  
	from { opacity: 0.99; }
	to { opacity: 1; }  
}

@-ms-keyframes nodeInserted {  
	from { opacity: 0.99; }
	to { opacity: 1; }  
}

html {
	margin: 0;
	padding: 0;
	height: 100%;	
}

body {
	margin: 0;
	padding: 0;
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 100%;
	background-image: url(/commun/img/fond_ecran_1.jpg) ;
	background-repeat: no-repeat;
	background-size: cover;
/*	margin-right: 20px; */
}

body[data-root-user] {
	background-image: none ;
	background-color: yellow;
}

body[data-fake-user] {
    background-image: none ;
    background-color: red;
}

body[data-admin-user] {
    background-image: none ;
    background-color: deeppink;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
}

h1 {
	letter-spacing: -1px;
	font-size: 4.0em;
}

h2 {
	font-size: 2.5em;
}

h3 {
	font-size: 1.5em;
}
/*
p, ul, ol {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}
*/
abbr {
	border-bottom: 1px dotted;
}

blockquote {
	font-style: italic;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

hr.formSpacer {
	display: block;
}

hr.hiddenSpacer {
	display: block;
	border: none;
	margin-top: 10px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}

select.auto, input[type='text'].auto {
	min-width: 60px!important;
}

table.align-top tr > td {
	vertical-align: top!important;
}

/* Header */

#header {
	width: 100%;
	min-height: 100px;
	margin: 0 auto;
	text-align: center;
	border: none; 
}

.FormText {
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; */
	width: auto ;
	min-width: 195px ;
	border: 1px solid rgb(96,96,96) ;
}

.FormCB {
	border: 1px solid rgb(96,96,96) ;
}

.FormButton {
	border: 1px solid rgb(66,151,215) ;
	background: #2191c0 none 50% 50% repeat-x ;
	color: #eaf5f7 ;
	font-weight: normal ;
	cursor: pointer ;
}

.Right {
	text-align: right ;
}

.Left {
	text-align: left ;
}

.pointer {
	cursor: pointer ;
}

.description {
	font-style: italic ;
	font-weight: normal ;
	font-size: 0.75em;
	margin-left: 10px ;
}

.bg-white {
	background-color: white!important;
}

/* datepickers custom */
.datepicker-ui-month-year-only table.ui-datepicker-calendar {
	display: none;
}

/* AUTHENTICATION */

#syslogin													{ background: transparent; width: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: auto; padding: 0px; vertical-align: middle; z-index: 99999; display: flex; align-items: center; justify-content: center; }
/*
#sysauthbox													{ background: rgb(255,255,255); margin-left: auto; margin-right: auto; width: 600px; height: 400px; margin-top: 50px; vertical-align: middle; padding: 10px; display: flex; flex-direction: column; }
*/
#sysauthbox													{ background: rgb(255,255,255); width: 600px; height: 400px; padding: 10px; display: flex; flex-direction: column; }
#sysauthbox #auth_login_logo								{ flex: none; text-align: center; }
#sysauthbox #auth_login_zone								{ flex: 1; display: flex; flex-direction: column; }
#sysauthbox #auth_login_zone h2								{ flex: 1; display: flex; align-items: center; justify-content: center; }
#sysauthbox #auth_login_zone .tabsContainer					{ flex: none; }
#sysauthbox .loginForm .infoContainer						{ display: flex; margin-bottom: 3px; }
#sysauthbox .loginForm .labelContainer						{ flex: 1; }
#sysauthbox .loginForm .valueContainer						{ flex: 1; }
#sysauthbox .loginForm fieldset								{ border-width: 0; }
#sysauthbox .loginForm fieldset > legend					{ display: none; }
#sysauthbox .tabsContainer a,
#sysauthbox :any-link:-moz-focusring						{ outline-width: 0; }
#sysauthbox .authValidationMessage > div					{ margin-top: 20px; }
#sysauthbox .loginForm .FormButton							{ padding: 5px 15px; }

@media (max-width: 600px) {
  #sysauthbox {
    width: 100%;
    box-sizing: border-box;
  }
}

/* BOITES DE DIALOGUES */

/*
.ui-dialog.uiDialog.uiAlert      							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiPrompt     							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiConfirm    							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiConfirm3    							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
.ui-dialog.uiDialog.uiProcessing 							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; }
*/
.ui-dialog.uiDialog.uiAlert      							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%) ; }
.ui-dialog.uiDialog.uiPrompt     							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%) ; }
.ui-dialog.uiDialog.uiConfirm    							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%) ; }
.ui-dialog.uiDialog.uiConfirm3    							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%) ; }
.ui-dialog.uiDialog.uiProcessing 							{ position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%) ; }

.ui-dialog.uiDialog div.ui-dialog-titlebar   				{ position: absolute; top: 5px; left: 5px; right: 5px; }
.ui-dialog.uiDialog div.ui-dialog-content    				{ margin-top: 40px; margin-bottom: 55px; padding: 5px 5px 5px 5px; }
.ui-dialog.uiDialog div:last-of-type.ui-dialog-content		{ margin-bottom: 0px; }
.ui-dialog.uiDialog div.ui-dialog-buttonpane 				{ position: absolute; bottom: 5px; left: 5px; right: 5px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.ui-dialog.uiDialog.uiFlexDialog																{ position: absolute; width: 400px; height: 200px; max-width: 100vw; max-height: 100vh; top: 50vh!important; left: 50vw!important; transform: translate(-50%, -50%); padding-top: 40px; box-sizing: border-box; display: flex; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .ui-dialog-title							{ padding: 5px; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .ui-icon									{ display: inline-block; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-buttonpane										{ padding-top: 0; }
.ui-dialog.uiDialog.uiFlexDialog .uiButtons button.uiSmallIcon									{ width: 21px!important; height: 20px!important; }

.ui-dialog.uiDialog.uiFlexDialog .ui-dialog-titlebar .ui-button-icon-only .ui-button-text,
.ui-dialog.uiDialog.uiFlexDialog .ui-dialog-titlebar .ui-button-icons-only .ui-button-text		{ display: none; }

.ui-dialog.uiDialog.uiFlexDialog .ui-dialog-titlebar .ui-button-icon-only .ui-icon,
.ui-dialog.uiDialog.uiFlexDialog .ui-dialog-titlebar .ui-button-icons-only .ui-icon				{ left: 0px; margin: 0px; top: 0px; }

.ui-dialog.uiDialog.uiFlexDialog																{ display: flex; flex-direction: column; max-width: 100vw; max-height: 100vh; padding: 0; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar											{ display: flex; align-items: stretch; position: static; float: none; flex: none; padding: 0; margin: 5px; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .ui-dialog-title							{ flex: 1 1 auto; order: 1; min-height: 0; border-bottom-width: 0px; padding-bottom: 0; line-height: 1em; display: flex; align-items: center; padding: 5px; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .uiButtons								{ flex: 0 0 auto; order: 2; display: flex; flex-direction: row; float: none; position: static; margin: 5px; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .uiButtons .ui-button					{ display: block; flex: 0 0 auto; position: static; margin: 0; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-titlebar .uiButtons .ui-button .ui-icon			{ position: static; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-content											{ display: block; position: static; float: none; overflow-y: auto; margin: 0; }
.ui-dialog.uiDialog.uiFlexDialog > .ui-dialog-buttonpane										{ display: block; position: static; float: none; flex: none; padding: 0; margin: 5px; padding-top: 5px; }

html.frontend .ui-dialog.uiDialog.uiFlexDialog.uiMaximized                     					{ transform: none!important; top: 0!important; left: 0!important; width: 100vw!important; height: 100vh!important; position: fixed!important; display: flex;}
html.frontend .ui-dialog.uiDialog.uiFlexDialog.uiMaximized > .ui-dialog-content					{ flex: 1; width: auto!important; }
html.frontend .uiDialog.uiFlexDialog button.ui-button,
html.frontend .uiDialog.uiFlexDialog button.ui-button.uiSmallIcon								{ min-width: 32px; min-height: 32px; text-align: center; }

/* layout */

#layout_header {
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
}

#layout_menu {
	position: fixed;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	top: 80px;
	bottom: 30px;
	left: 0px;
	border: none;
	vertical-align: top;
	box-sizing: border-box;
}

#layout_page {
	position: fixed;
	left: 200px;
	right: 0px;
	top: 80px;
	bottom: 30px;
	border: none;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
	overflow-y: auto;
	display: flex;
	justify-content: stretch;
}

html.ui-wrapped #layout_header { height: 36px; }
html.ui-wrapped #layout_menu   { display: none; }
html.ui-wrapped #layout_page   { left: 0px; top: 36px; }

.auth_required #layout_page { left: 0px; }

div.layout_table {
	width: 100%;
	height: 100%;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	box-sizing: border-box;
/*	table-layout: fixed; */
}
/*
div.layout_table td {
	padding: 0px;
	border: none;
}
*/
/* layout intérieur */
.uiLayout {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.uiLayoutList {
	max-height: 100%;
}

.uiLayoutEdit {
	flex: 1 ;
	display: flex;
	flex-direction: row;
	min-height: 0;
}

.blockEditContainer {
	width: 100%;
}

.uiLayoutEdit > .blockEditContainer {
	flex: 1;
	display: flex;
	flex-direction: row;
}

.uiLayoutEdit > .blockEditContainer > form {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.pageLayout {
	flex: 1;
}

/* free SQL editor */
#freesqlFieldset {
	height: calc(100% - 20px);
	display: flex;
	flex-direction: column;
}

#freesqlFieldset #freesqlEditor {
	flex: none;
}

#freesqlFieldset #freesqlMenu {
	flex: none;
}

#freesqlFieldset #freesqlResults {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}


/* menu */
#layer_menu {
	width: 200px;
	height: 100%;
}

/* header */
#layer_header { display: flex; }
#layer_header #layer_header_custom	{ flex: none ; }
#layer_header #layer_header_module	{ flex: 1 ; display: flex; align-items: center; justify-content: center; font-weight: bold; }
#layer_header #layer_header_toolbar { margin: 5px; display: flex; }
#layer_header #layer_header_toolbar img { margin-left: 10px; }
#layer_header_connect_as {
    position: absolute;
    right: 10px;
    top: 35px;
}

/* calque accueil */
#id_layer_accueil {
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	background-color: rgb(255,255,255);
	background-image: none;
	border-width: 1px;
}

#id_layer_accueil table.homeModules div.homeModule {
	text-align: center;
	height: 86px;
	cursor: pointer;
}

#id_layer_accueil table.homeModules div.homeModule div.homeModuleCode {
	height: 43px;
	font-size: 2em;
	font-weight: bold;
	padding-top: 10px;
	box-sizing: border-box;
}

#id_layer_accueil table.homeModules div.homeModule div.homeModuleNom {
	height: 43px;
	vertical-align: top;
	font-weight: normal;
	padding-top: 5px;
	box-sizing: border-box;
}

/* style affichage principal */
div.fieldset.fieldset_principal,
fieldset.fieldset_principal {
	border: 1px solid rgb(64,90,103);
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
/*	font-size: 1.2em; */
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 100%;
/*	min-width: 95%; */
/*	height: 100%; */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	background-color: rgb(255,255,255);
	margin-top: 20px;
	color: #000000;
	box-sizing: border-box;
}

div.fieldset.fieldset_principal legend,
fieldset.fieldset_principal legend,
div.fieldset.fieldset_principal div.legend,
fieldset.fieldset_principal div.legend
 {
	color: rgb(55,59,101);
	text-align: left;
	font-weight: bold;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	text-transform: uppercase;
	font-size: 1.25em; 
	background-color: rgb(255,255,255);
	border-top: 1px solid rgb(64,90,103);
	border-left: 1px solid rgb(64,90,103);
	border-right: 1px solid rgb(64,90,103);
	border-bottom: 0px;
	margin-top: -20px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	width: -moz-fit-content;
	width: -webkit-fit-content;
}

.class-titre-rubrique {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
}

table.contenu_principal {
	width: 100%;
	height: 100%;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
/*	font-family: verdana, sans-serif; */
}

/* filtres */
fieldset.class-fieldset-crud-filtre {
	border: 1px solid rgb(64,90,103);
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
/*	font-size: 12px; */
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: block;
	background-color: rgb(255,255,255);
	margin-top: 20px;
	box-sizing: border-box;
}

fieldset.class-fieldset-crud-filtre div.legend
fieldset.class-fieldset-crud-filtre legend {
	color: rgb(55,59,101);
	text-align: left;
	font-weight: bold;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	text-transform: uppercase;
	font-size: 1.2em;
	background-color: rgb(255,255,255);
	border-top: 1px solid rgb(64,90,103);
	border-left: 1px solid rgb(64,90,103);
	border-right: 1px solid rgb(64,90,103);
	margin-top: -17px;
	padding-left: 5px;
	padding-right: 5px;
}

table.class-table-crud-filtre {
	width: 100%;
	height: 100%;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
/*	font-family: verdana, sans-serif; */
}

table.class-table-crud-filtre td {
/*	font-size: 11px; */
	border: none;
	padding: 2px;
}

table.class-table-crud-filtre select, table.class-table-crud-filtre input[type='text'] {
	min-width: 250px;
	width: auto;
/*	border: 1px solid rgb(64,90,103); */
/*	font-size: 11px; */
/*	font-family: verdana, sans-serif; */
}

table.class-table-crud-filtre input.date_filtre[type='text'], table.class-table-crud-filtre select.date_filtre {
	width: auto;
	min-width: 100px!important;
}

/* styles pour formulaires jForms */
.class-div-form {
	width: 80%;
	border: none;
}

.jforms-table td {
	text-align: left;
}

.formButtonsBlock {
	text-align: center;
	padding-top: 10px;
	display: flex;
	justify-content: center;
}

.jforms-ctrl-datetime,
.jforms-ctrl-date {
	width: 100%;
	border: 1px solid rgb(64,90,103);
}

.jforms-ctrl-textarea {
	width: 100%;
	resize: vertical;
	border: 1px solid rgb(64,90,103);
	box-sizing: border-box; 
}

.jforms-ctrl-input, .jforms-ctrl-menulist {
	border: 1px solid rgb(64,90,103);
}

.jforms-ctrl-input {
	width: 100%;
	box-sizing: border-box;
	padding-left: 5px;
}

.jforms-ctrl-secret {
	box-sizing: border-box;
	padding-left: 5px;
}

.jforms-ctrl-menulist {
	width: auto;
	min-width: 195px;
}

.jforms-required-star {
	color: rgb(255,0,0);
	font-weight: bold;
	padding-left: 2px;
}

.jforms-readonly {
	cursor: not-allowed;
}

.jforms-help {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(/commun/img/16x16/help.png);
}

form[id^='jforms_'] .formFieldValue .noneLink									{ display: inline-block; }
form[id^='jforms_'] .formFieldValue .jforms-ctrl-checkbox ~ .jforms-help		{ float: right; }
form[id^='jforms_'] .formFieldValue .uploadChoices ~ .jforms-help				{ float: right; }

.pageContainer											{ border-width: 0!important; flex: 1; }
.pageHead 												{ padding: 4px; font-size: 20px; margin-bottom: 10px; }

/* styles pour classes ponctuelles */

.noWrap    												{ white-space: nowrap!important; }
.preWrap   												{ white-space: pre-wrap!important; }
.uppercase 												{ text-transform: uppercase!important; }
.capitalize   											{ text-transform: capitalize!important; }
.center         										{ text-align: center!important; }
.not-allowed   											{ cursor: not-allowed!important; }
.help		   											{ cursor: help!important; }
.clickable												{ cursor: pointer!important; }
.left   												{ text-align: left!important; }
.right   												{ text-align: right!important; }
.vertical-align-top   									{ vertical-align: top!important; }
.display-none   										{ display: none; }
.floatRight                 							{ float: right!important; }
.floatLeft                  							{ float: left!important; }
.striked												{ text-decoration: line-through!important; }
.grayed													{ color: gray!important; }
.red													{ color: red!important; }
.green                      							{ color: green!important; }
.blue                       							{ color: blue!important; }
.orange													{ color: orange!important; }
.bold													{ font-weight: bold!important; }
.top													{ vertical-align:top!important; }
.middle													{ vertical-align:middle!important; }
.no_result												{ color: rgb(160,160,160)!important; }
.no_overflow											{ white-space: normal!important; width: auto!important; }
.title													{ font-weight: bold!important; text-decoration: underline!important; }
.nota													{ font-style: italic!important; font-size: 0.85em!important; }
.borderDotted											{ border: 1px dotted rgb(0,0,0); }
.class-link 											{ cursor: pointer ; }
.full_width												{ width: 100%!important; }
.clear                      							{ clear: both; }
.spacer                     							{ height: 5px; }
.class-semi-opaque          							{ opacity: 0.5; -webkit-filter: grayscale(100%); filter: alpha(opacity=50) gray url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.hidden                     							{ display: none; }
.pseudohidden											{ position: absolute!important; left: -99999px!important; }
.invisible                  							{ visibility: hidden; }
.underline                  							{ text-decoration: underline!important; }
.italic		                							{ font-style: italic!important; }
.noSelectable               							{ user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.fullWidth												{ width: 100%; }
.readOnly												{ background-color: lightgray!important; background-image: none!important; }
.flex													{ flex: 1; }
.flexSpacer												{ flex: 1; }
.flexH													{ display: flex; flex-direction: row; overflow: hidden!important }
.flexV													{ display: flex; flex-direction: column; overflow: hidden!important }
.width200												{ width: 200px!important; }
.width500												{ width: 500px!important; }
.noOverflow												{ overflow: hidden!important; }

/* Flexbox */

#layout_page div.uiScrollableV							{ overflow-y: auto; }
#layout_page div.uiScrollableH							{ overflow-x: auto; }


/* Gestion des permissions */

col.listGRP, col.listUSR          						{ width: 30%; }
div.permGroupItem                 						{ cursor: pointer; padding: 5px; }
div.permGroupItem:hover           						{ font-weight: normal; /* background-color: yellow; */ }
div.permGroupItem.selected        						{ /* font-weight: bold; color: rgb(153,0,51); background-color: rgb(249,250,194); */ }
col.listAutorisations             						{ width: 100%; }
td.listGRP, td.listUSR            						{ vertical-align: top; }
td.listAutorisations              						{ vertical-align: top; }
td.listAutorisations label        						{ display: inline-block; flex: 1; }
td.listAutorisations label.allow  						{ font-weight: bold; color: green; }
td.listAutorisations label.forbid 						{ font-weight: bold; color: red; }
div.separator                     						{ line-height: 0px; border-style: solid; border-color: black; border-width: 1px 0; margin: 2px 0; }
td.listAutorisations .formButtons 						{ text-align: center; }
form.autorisationsForm > div.class-autorisation > div	{ border: 0; min-height: 15px; display: flex; align-items: center; padding: 5px; }

#layout_page #permOnglets												{ display: flex; flex-direction: column; flex: 1; overflow: hidden; }

#layout_page #permOngletGRP,
#layout_page #permOngletUSR            									{ flex: 1; padding-left: 0.25em; padding-right: 0.25em; }

#layout_page #permOngletEC,
#layout_page #permOngletHC	            								{ flex: 1; display: flex; flex-direction: column; }

#layout_page #permOnglets .listGRP,
#layout_page #permOnglets .listUSR            							{ flex: 3; }
#layout_page #permOnglets .listAutorisations							{ flex: 7; padding-left: 5px; padding-right: 5px; }
#layout_page #permOnglets .actionName									{ padding: 5px; }
#layout_page #permOnglets .actionDiv									{ display: flex; flex-direction: row; align-items: center; margin: 2px; }
#layout_page #permOnglets .actionDiv label								{ flex: 1;  align-items: center; }
#layout_page #permOnglets .actionDiv label.allow						{ font-weight: bold; color: green; }
#layout_page #permOnglets .actionDiv label.forbid						{ font-weight: bold; color: red; }
#layout_page #permOnglets .actionDiv .actionSpan						{ flex: none;  align-items: center; display: flex; flex-direction: row; align-items: center; padding: 2px; }
#layout_page #permOnglets .actionDiv .actionSpan input[type='radio']	{ margin: 0; margin-right: 3px; }

#layout_page form.autorisationsForm										{ flex: 1; display: flex; flex-direction: column; overflow-y: hidden; }

/* Boites de dialogue modales de jQueryUI */

div.ui-jqdialog                    						{ position: fixed; width: 800px; }

div.ui-jqdialog td.CaptionTD       						{ width: 30%; }
div.ui-jqdialog td.DataTD          						{ width: 70%; }
div.ui-jqdialog td.DataTD .FormElement 					{ width: 95%; }
div.ui-jqdialog td.DataTD textarea.FormElement 			{ resize: vertical; }

/* Pied-de-page page d'authentification */

div.auth-footer				               				{ margin: 0; padding: 2px;  box-sizing: border-box; position: absolute; bottom: 0px; width: 100%; text-align: center; }

/* Sticky footer : http://ryanfait.com/sticky-footer/ */

div.sticky-wrapper										{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; box-sizing: border-box; }
div.sticky-footer-virtual								{ margin: 0; height: 30px; }
div.sticky-footer										{ margin: 0; height: 30px; padding: 2px;  box-sizing: border-box; display: flex; flex-direction: row; align-items: center; }
div.sticky-footer-information							{ text-align: center; font-size: 10px; font-weight: bold; margin-left: 3px; margin-right: 3px; flex: 1; }

/* Autorisations */

form.autorisationsForm                                  { font-size: 1em; }
#permGestionTypes, .permGestionTypes                    { text-align: right; margin-bottom: 5px; }
form.autorisationsForm span.profilPreview               { text-decoration: underline; background-color:yellow; }
form.autorisationsForm button[type='submit']			{ margin-bottom: 5px; }
form.autorisationsForm span.actionSpan					{ flex: none; white-space: nowrap; } 

table#permissionsEffectives                             { border: 1px solid black; border-spacing: 0; border-collapse: collapse; table-layout: fixed!important; width: 100%; }
table#permissionsEffectives th                          { border: 1px solid black; table-layout: fixed; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 210px; text-align: left; vertical-align: bottom; padding-bottom: 10px; }
table#permissionsEffectives th div                      { transform: rotate(-90deg); position: relative; transform-origin: 10px center; width: 200px; height: 20px; margin-left: 50%; left: -10px; text-align: left;  }
table#permissionsEffectives td                          { border: 1px solid black; padding: 2px; overflow: hidden; text-overflow: ellipsis; }
table#permissionsEffectives td.out-of-context           { background: lightgray; }
table#permissionsEffectives tr.odd                      { background-color: #D3D8F9; }
table#permissionsEffectives tr.even                     { background-color: #B0B8F9; }

/* Gestion utilisateurs/groupes par administrateur */

#ugAdminGestion 										{ height: 100%; display: flex; flex-direction: column; }
#ugAdminGestion .divOnglets								{ flex: 1; display: flex; flex-direction: column; }
#ugAdminGestion .divOnglets > ul						{ flex: none; }
#ugAdminGestion .divOnglet                              { flex: 1; display: flex; flex-direction: column; padding-left: 0; padding-right: 0; overflow: hidden; }

table#ugAppartenance                                    { /* border: 1px solid black; */ border-spacing: 0; border-collapse: collapse; table-layout: fixed!important; width: 100%; }
table#ugAppartenance th                                 { /* border: 1px solid black; */ table-layout: fixed; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 210px; text-align: left; vertical-align: bottom; padding-bottom: 10px; }
table#ugAppartenance th div                             { transform: rotate(-90deg); position: relative; transform-origin: 10px center; width: 200px; height: 20px; margin-left: 50%; left: -10px; text-align: left;  }
table#ugAppartenance td                                 { /* border: 1px solid black; */ padding: 2px; overflow: hidden; text-overflow: ellipsis; }
table#ugAppartenance td.out-of-context                  { background: lightgray; }
/*
table#ugAppartenance tr.odd                             { background-color: #D3D8F9; }
table#ugAppartenance tr.even                            { background-color: #B0B8F9; }
*/
/* Attachement de documents */

div.uploadChoices                                       { display: inline-block; }
div.uploadChoices a                                     { cursor: pointer; }

/* Champs autocomplete jQuery générés par Jelix Forms */
input.jforms-ctrl-input.ui-autocomplete-input.searching { background-image: url(/commun/img/ajax_loader_16x16_FFFFFF.gif); background-position: 100% 0px; background-repeat: no-repeat; } 
input.jforms-ctrl-input.ui-autocomplete-input.noResult  { background-color: #FF7777; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header 										{ margin-bottom: 8px; }
.ui-timepicker-div dl 														{ text-align: left; }
.ui-timepicker-div dl dt 													{ float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd 													{ margin: 0 10px 10px 40%; }
.ui-timepicker-div td 														{ font-size: 0.9em; }
.ui-tpicker-grid-label 														{ background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide									{ display: none; }

.ui-timepicker-rtl															{ direction: rtl; }
.ui-timepicker-rtl dl 														{ text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt													{ float: right; clear: right; }
.ui-timepicker-rtl dl dd 													{ margin: 0 40% 10px 10px; }

.ui-timepicker-div.ui-timepicker-oneLine 									{ padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt 								{ display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label 			{ display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl 								{ text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div 						{ display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before 	{ content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before 	{ content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before		{ display: none; }

/* css for jQueryUI slider */
.ui-slider.ui-slider-horizontal a.ui-slider-handle 		{ cursor: ew-resize; }
.ui-slider.ui-slider-vertical   a.ui-slider-handle 		{ cursor: ns-resize; }
.ui-slider.slider_length                           		{ display: inline-block; width: calc(100% - 80px); margin-top: 3px; }
.ui-slider.slider_length + .slider_length_value    		{ vertical-align: top; margin-left: 20px; width: 80px; }

/* css for Dropzone */
.dz-preview												{ display: none; }
.dz-default												{ display: inline-block; }

img.info2Link											{ width: 16px; height: 16px; }
img.info2ShowLink										{ background-image: url('/commun/img/node_open.png'); }
img.info2HideLink										{ background-image: url('/commun/img/node_close.png'); }

/* Onglet Stagiaire dans la fiche d'inscription */

#formStagiaireOnglet ul.jforms-choice                				{ list-style-type: none; }
#formStagiaireOnglet span.jforms-item-controls						{ display: block; margin: 4px; margin-left: 40px; }
#formStagiaireOnglet span.jforms-item-controls label.jforms-label	{ display: inline-block; width: 30%; }
#formStagiaireOnglet span.jforms-item-controls span.jforms-label	{ display: inline-block; width: 30%; }
#formStagiaireOnglet .jforms-ctrl-input								{ width: 68%; padding-left: 5px; box-sizing: border-box; }

.divOnglets .formTable																			{ border-spacing: 0; }

.blockEditContainer																				{ flex: 1; display: flex; flex-direction: column; min-height: 0; }
.blockEditContainer	> form																		{ flex: 1; display: flex; flex-direction: column; min-height: 0; }
.blockEditContainer .divOnglets																	{ flex: 1; display: flex; flex-direction: column; min-height: 0; }
.blockEditContainer .divOnglets .formTable														{ width: 100%; border-spacing: 0; }
.blockEditContainer .divOnglets > * 															{ flex: none; }
.blockEditContainer .divOnglets > .divOnglet													{ flex: 1; overflow-y: scroll }

.blockEditContainer .cartouchesContainer														{ display: flex; }
.blockEditContainer .emptyCartouche																{ flex: 1; min-width: 0; text-align: right; margin-right: 5px; }

.blockEditContainer .stagiaireCartouche															{ flex: 1; min-width: 0; }
.blockEditContainer .stagiaireCartouche_Photo													{ width: 80px; height: 100px; float: left; }
.blockEditContainer .stagiaireCartouche_Photo > img												{ max-width: 72px; max-height: 128px; }
.blockEditContainer .stagiaireCartouche_NomComplet												{ font-weight: bold; font-size: 1.5em; }
.blockEditContainer .stagiaireCartouche_Id														{ font-weight: bold; font-size: 1.2em; font-style: italic; }
.blockEditContainer .stagiaireCartouche_Email													{ font-size: 1.1em; }
.blockEditContainer .stagiaireCartouche_DateNaissance											{ font-size: 1.0em; }

.blockEditContainer .utilisateurCartouche														{ flex: 1; min-width: 0; }
.blockEditContainer .utilisateurCartouche_Photo													{ width: 80px; height: 100px; float: left; }
.blockEditContainer .utilisateurCartouche_Photo > img											{ max-width: 72px; max-height: 128px; }
.blockEditContainer .utilisateurCartouche_NomComplet											{ font-weight: bold; font-size: 1.5em; }
.blockEditContainer .utilisateurCartouche_Email													{ font-size: 1.1em; }
.blockEditContainer .utilisateurCartouche_DateNaissance											{ font-size: 1.0em; }

.blockEditContainer .campagneCartouche															{ flex: 1; min-width: 0; text-align: right; margin-right: 5px; }
.blockEditContainer .campagneCartouche_Nom														{ font-weight: bold; font-size: 1.5em; }
.blockEditContainer .campagneCartouche_Dates													{ font-size: 1.2em; font-style: italic; }

.blockEditContainer .formationCartouche															{ flex: 1; min-width: 0; text-align: right; margin-right: 5px; }
.blockEditContainer .formationCartouche_Code													{ font-weight: bold; font-size: 1.5em; }
.blockEditContainer .formationCartouche_Nom														{ font-weight: bold; font-size: 1.2em; font-style: italic; }
.blockEditContainer .formationCartouche_NbHeures												{ font-size: 1.1em; }
.blockEditContainer .formationCartouche_Structure												{ font-size: 1.0em; }

.blockEditContainer .seminaireCartouche															{ flex: 1; min-width: 0; text-align: right; margin-right: 5px; }
.blockEditContainer .seminaireCartouche_Code													{ font-weight: bold; font-size: 1.5em; }
.blockEditContainer .seminaireCartouche_Num														{ font-weight: bold; font-size: 1.2em; font-style: italic; }
.blockEditContainer .seminaireCartouche_NbJours													{ font-size: 1.1em; }
.blockEditContainer .seminaireCartouche_NbHeures												{ font-size: 1.1em; }
 
 
/* Statut d'une inscription */
 
.inscriptionStatutContainer .inscriptionStatut									{ font-weight: normal; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.inscriptionStatutContainer .inscriptionStatutIcon								{ display: inline-block; width: 16px; height: 16px; border: 1px solid gray; margin-left: 5px; outline-width: 0; }
.inscriptionStatutContainer span.simplecolorpicker.icon							{ border: 1px solid gray; margin-left: 5px; width: 16px; height: 16px; }
.inscriptionStatutContainer span.simplecolorpicker.icon:focus					{ outline: none; }
.inscriptionStatutContainer span.simplecolorpicker.icon:after					{ content: ''; }
span.simplecolorpicker.picker > .color											{ width: 16px; height: 16px; }
.inscriptionStatutContainer.readonly span.simplecolorpicker.icon				{ cursor: default; }
.inscriptionStatutContainer .inscriptionStatutValue								{ display: none!important; }

.jqcTable .inscriptionStatutIcon												{ display: inline-block; width: 16px; height: 16px; border: 1px solid gray; }
.jqcTable .inscriptionStatutIcon + .inscriptionStatutIcon						{ margin-left: 1px; }
 
/* Email */

#uiDialogEmail																	{ display: flex; overflow: hidden; }

/* Exports */
.ui-dialog.uiDialog.uiFlexDialog.uiDialogExport > .ui-dialog-buttonpane			{ display: flex; flex-direction: row; justify-content: flex-end; }
.uiDialogExport	.emailMode														{ display: flex; flex-direction: row; flex: 1; }
.uiDialogExport	.emailLabel														{ flex: 1; align-items: center; display: flex; padding-left: 40px; padding-right: 10px; background: transparent url(/commun/img/ic_email_generic.png) 9px 50% no-repeat; cursor: pointer; }

/* Context Menu */

.ui-widget-content .context-menu-item											{ display: block; height: 24px; background-position: 4px 50%!important; background-repeat: no-repeat; background-color: transparent; }
.ui-widget-content .context-menu-item.ui-state-hover							{ border-width: 0!important; cursor: pointer; background-repeat: no-repeat; }
.ui-widget-content .context-menu-item.ui-state-hover.jq-disabled				{ background-color: transparent; background-repeat: repeat; background-image: none; cursor: default; color: unset; font-weight: normal; }
.ui-widget-content .context-menu-item.jq-not-selectable							{ background-color: transparent; background-repeat: repeat; }
.ui-widget-content .context-menu-item > span									{ height: 24px; align-items: center; display: flex; margin-left: 5px; }
.ui-widget-content .context-menu-item.context-menu-separator					{ height: auto; }
.ui-widget-content .context-menu-item.context-menu-separator > span				{ height: auto; }
.ui-widget-content .context-menu-item.context-menu-icon-user					{ background-image: url(/commun/img/ic_utilisateur.png);  }
.ui-widget-content .context-menu-item.context-menu-icon-exit					{ background-image: url(/commun/img/ic_logout.png); }
.ui-widget-content .context-menu-item.context-menu-icon-mystruct				{ background-image: url(/commun/img/ic_structure.png);  }
.ui-widget-content .context-menu-item.context-menu-icon-myaccount				{ background-image: url(/commun/img/ic_config.png);  }
.ui-widget-content .context-menu-item.context-menu-icon-swap					{ padding-left: 2px; }
.ui-widget-content .context-menu-item.context-menu-icon-me						{ padding-left: 2px; font-weight: bold; }
.ui-widget-content .context-menu-item.context-menu-icon-me.ui-state-hover		{ padding-left: 2px; font-weight: bold; }

.context-menu-item.context-menu-hover											{ background: transparent; }

/* Docusign */

#myDocusignLink																	{ background-image: url(/commun/img/docusign/docusign_pending_0.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; width: 32px; height: 32px; display: inline-block; margin-left: 10px; }
#myDocusignLink.signingRequired													{ background-image: url(/commun/img/docusign/docusign_pending_1.png); }