*, html
{
	padding: 0;
	margin: 0;
}

html,
body
{
	width: 100%;
	height: 100%;
	font-family: Calibri, Arial, Sans serif;
	color: White;
	overflow: hidden;
/*	background-color: green; */
}

ul
{
	list-style-type: none;
}

.jqx-widget-content[class*="jqx-splitter"]
{
	background: inherit;
}

.screen-frame .jqx-fill-state-disabled
{
	cursor: default;
	opacity: 0.55;
	color: gray;
}

#idApplet
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

/* used for temporarily exposing elements in the jquery actualHeight plugin */
/* since this is a temporary class we can override using important */
.temp-show{position: absolute !important; visibility: hidden !important; display: block !important;}

.shadow 
{
	box-shadow: 2px 2px 6px #222;
	-moz-box-shadow: 2px 2px 6px #222;
	-webkit-box-shadow: 2px 2px 6px #222;
}

.screenWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.ouverturePDF
{
	background-color: #0072C5;
	color: #FFFFFF;
	left: 25px;
	padding: 20px;
	position: absolute;
	text-decoration: none;
	top: 100px;
	transition: background-color 0.2s;
}

.ouverturePDF:hover
{
	background-color: #2699EC;
	transition: background-color 0.2s;
}

#oxui-loginPanel
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.oxSaisieTexte .oxy-Entete
{
	background: white;
}

.oxSaisieTexte .oxy-IconeEntete
{
	display: none;
}

.oxSaisieTexte:not(.desactive) > .oxy-Entete:hover
{
	box-shadow: inherit;
}

.bdd,
.bddErreurs
{
	width: 400px;
	position: relative;
	padding: 15px 0;
	cursor: pointer;
	margin: 10px 40px;
	-moz-user-select: none;
	background-color: #B770FF;
	letter-spacing: 1px;
}

.bdd
{
	text-indent: 100px;
	border-radius: 10px;
	background: #fcad26 none repeat scroll 0 0;
	color: #fff;
	transition: all 0.3s;
	text-transform: uppercase !important;
	font-weight: 700;
}

.bdd:hover
{
	background-color: #f27935;
}

.bdd::before
{
	position: absolute;
	text-indent: 18px;
	line-height: 2.2;
	font-size: 140%;
	width: 60px;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff none repeat scroll 0 0;
	border-radius: 10px 0 0 10px;
	color: #fcad26;
}

.bdd::after
{
	position: absolute;
	content: "";
	transition: all 0.3s ease 0s;
	background: #fff none repeat scroll 0 0;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 55px;
	margin: -10px 0 0 -10px;
	transform: rotate(45deg);
	z-index: 1;
}

.bdd:active::before
{
  color: #2cd892;
}

.bdd:active::after
{
  left: 60px;
}

.bdd:active
{
  background: #2cd892 none repeat scroll 0 0;
}

.bddErreurs::before,
.bddErreurs:active::before
{
	color: #F44336;
}

.bddErreurs
{
	background: #F44336;
	overflow: hidden;
	cursor: not-allowed;
}

.bddErreurs:hover
{
	background: #d32f2f;
}

.bddErreurs::after
{
	background: #fff;
	content: "";
	height: 155px;
	left: -75px;
	opacity: .2;
	position: absolute;
	top: -50px;
	transform:  rotate(35deg);
	transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 0;
}

.bddErreurs:hover::after
{
	left: 110%;
	transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.bdd.doc-certificat4{background-color:#fcad26}
.bdd.doc-certificat4:hover{background-color:#f27935}
.bdd.doc-certificat4:before{color:#f27935}
.bdd.doc-certificat4:active{background:#2cd892}
.bdd.doc-certificat4:active::before{color:#2cd892}
.bdd.sys-enveloppe{background-color:#9C27B0}
.bdd.sys-enveloppe:hover{background-color:#7B1FA2}
.bdd.sys-enveloppe:before{color:#7B1FA2}
.bdd.sys-enveloppe:active{background:#2cd892}
.bdd.sys-enveloppe:active::before{color:#2cd892}
.bdd.sys-favicon-oxyad{background-color:#795548}
.bdd.sys-favicon-oxyad:hover{background-color:#5D4037}
.bdd.sys-favicon-oxyad:before{color:#5D4037}
.bdd.sys-favicon-oxyad:active{background:#2cd892}
.bdd.sys-favicon-oxyad:active::before{color:#2cd892}
.bdd.calen-agenda-contact3{background-color:#2196F3}
.bdd.calen-agenda-contact3:hover{background-color:#1976D2}
.bdd.calen-agenda-contact3:before{color:#1976D2}
.bdd.calen-agenda-contact3:active{background:#2cd892}
.bdd.calen-agenda-contact3:active::before{color:#2cd892}
.bdd.vote-resultat-ok3{background-color:#E91E63}
.bdd.vote-resultat-ok3:hover{background-color:#C2185B}
.bdd.vote-resultat-ok3:before{color:#C2185B}
.bdd.vote-resultat-ok3:active{background:#2cd892}
.bdd.vote-resultat-ok3:active::before{color:#2cd892}
.bdd.batiments-batiment7{background-color:#00BCD4}
.bdd.batiments-batiment7:hover{background-color:#0097A7}
.bdd.batiments-batiment7:before{color:#0097A7}
.bdd.batiments-batiment7:active{background:#2cd892}
.bdd.batiments-batiment7:active::before{color:#2cd892}
.bdd.database-base-de-donnees1{background-color:#607D8B}
.bdd.database-base-de-donnees1:hover{background-color:#455A64}
.bdd.database-base-de-donnees1:before{color:#455A64}
.bdd.database-base-de-donnees1:active{background:#2cd892}
.bdd.database-base-de-donnees1:active::before{color:#2cd892}
.bdd.transports-route1{background-color:#43A047}
.bdd.transports-route1:hover{background-color:#2E7D32}
.bdd.transports-route1:before{color:#2E7D32}
.bdd.transports-route1:active{background:#2cd892}
.bdd.transports-route1:active::before{color:#2cd892}
.bdd.doc-dossier13{background-color:#FF5722}
.bdd.doc-dossier13:hover{background-color:#E64A19}
.bdd.doc-dossier13:before{color:#E64A19}
.bdd.doc-dossier13:active{background:#2cd892}
.bdd.doc-dossier13:active::before{color:#2cd892}

.mdpOublie
{
	margin-left: 65px;
	color: #acacac;
	cursor: pointer;
}

#popup .ecran
{
	background: none repeat scroll 0 0 #FFFFFF;
}

.erreurDeValidation
{
	border: 2px red solid !important;
	background-color: #f4bbbb !important;
}

/*-- login mobile ------------------------------------------*/

#oxui-loginPanel.mobile .left,
#oxui-loginPanel.mobile .emplacementBdd
{
	width: 100%;
	height: 40%;
	top: auto;
	bottom: 0;
	text-align: center;
}

#oxui-loginPanel.mobile #marque
{
	font-size: 80px;
	margin-top: 10px;
	display: inline-block;
}

#oxui-loginPanel.mobile .right
{
	width: 100%;
	height: 60%;
	left: auto;
}

#oxui-loginPanel.mobile #oxui-loginForm
{
	left: auto;
	width: 100%;
	top: 70%;/*calc(50% + 50px);*/
}

#oxui-loginPanel.mobile #information,
#oxui-loginPanel.mobile #dateHeure,
#oxui-loginPanel.mobile #oxui-logo,
#oxui-loginPanel.mobile #logo
{
	display: none;
}

#oxui-loginPanel.mobile p
{
	margin-left: 10px;
}

#oxui-loginPanel.mobile #username,
#oxui-loginPanel.mobile #password
{
	width: 70%;
	font-size: 16px;
}

#oxui-loginPanel.mobile /* #oxui-btnOpenConnexion */
{
	position: absolute;
	right: 20px;
	left: auto;
	margin-top: 0;
}

#oxui-loginPanel.mobile .emplacementBdd .bdd,
#oxui-loginPanel.mobile .emplacementBdd .bddErreurs
{
	float: inherit;
	width: auto;
	margin: 10px 20px;
}

/*----------------------------------------------------------*/

#oxui-loginPanel .emplacementBdd,
#oxui-loginPanel .left
{
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 100%;
}

#oxui-loginPanel .emplacementBdd
{
	display: none;
	overflow: auto;
	background-color: #666666;
}

#oxyad
{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
}

#oxui-preferences .oxyLoader
{
	width: calc(100% - 20px);
	border-top: 2px solid;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#oxui-preferences #version
{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 60px;
	left: 5px;
}

.oxui-login-error
{
	width: 400px;
	display: none;
	overflow: auto;
	scrollbar-base-color: #1b3646;
}

.oxui-login-error ul
{
	padding: 4px;
	list-style: none;
	overflow: hidden;
}

.oxui-login-error ul h3
{
	font-weight: bold;
	margin: 4px 0;
	color: #FFFF66;
}

#oxui-loginPanel .oxui-login-error
{
	position: absolute;
	left: 22px;
	top: 50px;
}

#oxui-mainPanel .oxui-login-error
{
	background-color: rgba(0, 0, 0, 0.2);
	border: 3px solid #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#dateHeure
{
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 140px;
	height: 60px;
	text-align: center;
}

#dateHeure .heure
{
	font-size: 1.5em;
	line-height: 30px;
}

#oxui-loginPanel .right
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	transition: margin-left 0.5s;
	overflow: hidden;
}

.diaggradientback, .diaggradientfront 
{ 
	display: none;
}

#selectionLogin
{
	position: absolute;
	width: 440px;
	height: 400px;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-left: -235px;
	margin-top: -200px;
}

.flouLogin
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	filter: blur(2px);
	border-radius: 20px;
}

#oxui-loginForm img
{
	width: 220px;
	margin-left: 90px;
}

.mobile #selectionLogin
{
	width: 100%;
	height: 100%;
	top: inherit;
	left: inherit;
	margin-left: inherit; /* half width of the spinner gif */
	margin-top: inherit; /* half height of the spinner gif */
}
 
#oxui-loginForm,
#typeLogin,
#zoneConnexionWebmail
{
	position: relative;
	float: left;
	width: 400px;
	height: 330px;
	cursor: default;
	overflow: auto;
	-moz-user-select: none;
	padding: 15px 20px;
}

#typeLogin div
{
	margin-top: 25px;
}

#typeLogin div#role
{
	max-height: 400px;
	overflow: auto;
}

#typeLogin h1
{
	background-color: #f27935;
	font-family: arial;
	font-size: 20px;
	text-indent: 10px;
	color: white;
}

#typeLogin ul
{
	text-indent: 20px;
	list-style-type: none;
}

#typeLogin li
{
	background-color: #3b4148;
	margin: 2px 0 2px;
	line-height: 40px;
	cursor: pointer;
}

#typeLogin li li
{
	text-indent: 60px;
}

#typeLogin li:hover
{
	animation-duration: 10s;
	animation-name: changementCouleur;
}

@keyframes changementCouleur
{
	from { background-color: #45AACC; }

	5% { background-color: #9BE6FF; }

	10% { background-color: #45AACC; }

	to { background-color: #45AACC; }
}

#typeLogin li:active
{
	animation-duration: 0.1s;
	animation-name: activationSelectionLogin;
}

@keyframes activationSelectionLogin
{
	from { box-shadow: 0 0 0 black inset; }

	to { box-shadow: 0 0 20px black inset; }
}

#typeLogin .dateLimite
{
	float: right;
	padding-right: 20px;
}

#retourEcranConnexion
{
	position: absolute;
	margin-top: -18px;
	font-size: 30px;
	cursor: pointer;
}

#retourEcranConnexion:hover
{
	color: #f27935;
}

#oxui-logo  
{
	margin-left: 5px;
	width: 112px;
	height: 98px;
	float: left;
	background-image: url('../../Images/Interface/logo-connexion.png');
	background-repeat: no-repeat;
}

#information
{
	font-size: 3em;
	padding-top: 10px;
	padding-left: 125px;
	height: 83px;
}

#information span
{
	position: relative;
	left: 57px;
	top: -25px;
}

.desactive
{
	opacity: 0.5;
	filter: alpha(opacity=50); 
}

#de
{
	font-size: 60%;
	opacity: 0.5;
}

#compte
{
	font-size: 90%;
	color: White;
	opacity: 0.7;
}

#oxui-loginForm label
{
	margin-top: 10px;
}

#oxui-loginForm label,
#oxui-loginForm input,
#zoneConnexionWebmail label,
#zoneConnexionWebmail input
{
	width: 350px;
	display: block;
}

#oxui-loginForm input,
#zoneConnexionWebmail input
{
	border: 0;
	line-height: 30px;
	text-indent: 10px;
	background-color: #3b4148;
	border-radius: 0px 3px 3px 0px;
	font-family: "Open Sans";
	font-size: 20px;
	color: white;
	margin-bottom: 1em;
	padding: 0 16px;
	width: 235px;
	height: 40px;
}

#oxui-loginForm .checkbox
{
	display: none;
}

.checkbox:checked + svg .path-moving
{
	-webkit-transition: stroke .4s,stroke-dasharray .4s,stroke-dashoffset .4s cubic-bezier(.3,.8,.6,1.5);
	transition: stroke .4s,stroke-dasharray .4s,stroke-dashoffset .4s cubic-bezier(.3,.8,.6,1.5);
	stroke-dasharray: 25 90;
	stroke-dashoffset: 0;
}

.path-moving,
.path-back
{
	fill: none;
	stroke: #2cd892;
	stroke-width: 3px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.path-moving
{
	-webkit-transition: stroke .4s,stroke-dasharray .4s,stroke-dashoffset .4s;
	transition: stroke .4s,stroke-dasharray .4s,stroke-dashoffset .4s;
	stroke: #ffffff;
	stroke-dasharray: 110;
	stroke-dashoffset: -32;
}

#oxui-loginForm .check
{
	margin: 10px 40px;
}

#oxui-loginForm svg
{
	float: left;
	margin-right: 10px;
}

#version
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 5px 0;
	width: 140px;
}

#flouHeure
{
	position: absolute;
	background-color: black;
	bottom: 10px;
	filter: blur(2px);
	width: 180px;
	height: 100px;
	left: 10px;
	opacity: 0.5;
}

.mobile #username,
.mobile #password
{
	height: 25px;
}

#oxui-mainPanel
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: none;
	overflow: hidden;
}

#oxui-maincontent
{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

#horizontal
{
	background: transparent;
	float: left;
	width: 100%;
	height: 100%;
}

#oxui-maincontent > .scrollable
{
	position: absolute;
	height: 100%;
}

#oxui-maincontent .children .scrollbar
{
	float: right;
	margin-right: -10px;
	width: 10px;
}

.Error 
{
	display: none;
}

#oxui-footer
{
	display: none;
}

#chemin
{
	background-color: #46B6DB;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 10px;
}

/*----------------------------------------------------------*/
/*					Progress bar de session					*/
/*----------------------------------------------------------*/
#progressbar
{
	width: 40px;
	height: 8px;
	margin: 2px auto;
	background-color: white;
	border: 1px solid #808080;
}

#progressbar .progress
{
	width: 0px;
	height: 100%;
	margin: 0;
}

/*-----------------------------------------------------------*/
/*							Alarmes							 */
/*-----------------------------------------------------------*/

/*#oxui-alarms*/
/*{*/
	/*height: 100%;*/
	/*overflow: hidden;*/
	/*float: left;*/
	/*margin-left: 50px;*/
/*}*/

/*#oxui-alarms .btnPrevious*/
/*{*/
	/*height: 100%;*/
	/*width: 50px;*/
	/*float: left;*/
/*}*/

/*#oxui-alarms .btnNext*/
/*{*/
	/*height: 100%;*/
	/*width: 50px;*/
	/*float: right;*/
/*}*/

/*#oxui-alarms ul*/
/*{*/
	/*list-style-type: none;*/
	/*float: left;*/
/*}*/

/*#oxui-alarms li*/
/*{*/
	/*float: left;*/
	/*width: 100px;*/
	/*height: 100%;*/
	/*padding: 10px 5px;*/
	/*text-decoration: none;*/
	/*font-size: .8em;*/
	/*display: none;*/
	/*overflow: hidden;*/
	/*cursor: pointer;*/
/*}*/

/*#oxui-alarms li:hover*/
/*{*/
	/*background-color: #22a7ff;*/
/*}*/

/*#oxui-alarms li p:hover*/
/*{*/
	/*animation-duration: 10s;*/
	/*animation-name: releve;*/
/*}*/

/*@keyframes releve*/
/*{*/
	/*from { margin-top: 0; }*/

	/*10% { margin-top: -40px }*/

	/*to { margin-top: -40px; }*/
/*}*/

/*#oxui-alarms li span*/
/*{*/
	/*display: block;*/
	/*width: 41px;*/
	/*height: 25px;*/
	/*padding: 3px 0 4px;*/
	/*text-align: center;*/
	/*font-size: 1.3em;*/
	/*margin: auto;*/
/*}*/

/*#oxui-alarms li span.sys-infobulle2:before*/
/*{*/
	/*display: block;*/
	/*font-size: 40px;*/
	/*line-height: 24px;*/
	/*position: absolute;*/
/*}*/

/*.mobile #oxui-alarms li*/
/*{*/
	/*width: 50px;*/
	/*padding-top: 5px;*/
/*}*/

/*.mobile #oxui-alarms li p*/
/*{*/
	/*background-size: 80%;*/
	/*background-position: 5px 0;*/
/*}*/

/*.mobile #oxui-alarms li a*/
/*{*/
	/*display: none;*/
/*}*/

#oxui-mobile .oxui-counter
{
	float: right;
}

.mobile .toast-container
{
	right: 0;
	top: 0;
	width: 100%;
}

.mobile .toast-item
{
	border: 0 none;
	padding: 0;
}

.mobile .toast-item .toast-item-image,
.mobile .toast-item .toast-item-close
{
	display: none;
}

.mobile .toast-item p
{
	margin: 0 0 0 20px;
}

.toast-container span.sys-infobulle2:before
{
	content: "";
}

/*----------------------------------------------------------*/
/*							Menu   							*/
/*----------------------------------------------------------*/

.menu
{
	-moz-user-select: none;
	font-family: sans-serif;
}

.menuBandeau li
{
	overflow: auto;
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	list-style-type: none;
}

#oxui-menu,
#oxui-intercalaires,
#oxui-arbre,
#oxui-list
{
	float: left;
	height: 100%;
	display: none;
}

#oxui-menu .title,
#oxui-intercalaires .title
{
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	height: 21px;
}

#oxui-menu .overflow,
#oxui-intercalaires .overflow
{
	height: 100%;
	overflow: hidden;
	float: left;
}

.listeMenusSup
{
	position: absolute;
	background-color: #1A74B0;
	width: 200px;
	margin-top: 42px;
	float: left;
	display: none;
	z-index: 10000000;
}

.listeMenusSup li
{
	padding: 2px 5px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.listeMenusSup li[title="Alertes"]
{
	background-color: #ffc600;
}

.listeMenusSup li[title="Alertes"]:hover
{
	background-color: #ffd43e;
}

.listeMenusSup li:hover
{
	background-color: #0171c3;
	transition: background-color 0.2s;
}

.ui-effects-wrapper
{
	display: none !important;
}

/*----------------------------------------------------------*/
/*							Metro   						*/
/*----------------------------------------------------------*/

.search input[type=text]
{
	background-image: url('../../Images/magnifier.png');
	background-repeat: no-repeat;
	width: 324px;
	padding-left: 24px;
	margin-bottom: 5px;
	height: 20px;
	border: 0;
}

.mini .search input[type=text]
{
	width: 176px;
}

.container
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.navigation
{
	height: 100px;
	width: 410px;
	display: none;		/* �l�ment d�sactiv� */
}

.mini .navigation
{
	width: 250px;
}

.identifieur1
{
	background-color: #1c74ae;
	overflow: auto;
	padding: 5px 0;
}

.identifieur2
{
	background-color: #1c74ae;
	height: 6px;
	width: 70px;
}

.mini .identifieur2
{
	width: 45px;
}

.search
{
	position: absolute;
	margin-left: 52px;
}

.mini .search
{
	margin-left: 50px;
}

/*#oxui-metro .objects
{
	position: absolute;
	display: none;		/* �l�ment d�sactiv� */
/*	width: 410px;
	bottom: 0px;
	top: 140px;
}

#oxui-metro .mini .objects
{
	width: 250px;
}

#oxui-metro .previous
{
	height: 29px;
	width: 29px;
	background-image: url('../../Images/ActionsBlanches/dossier-retour.png');
	margin-top: 28px;
	margin-left: 39px;
	float: left;
}

#oxui-metro .previous:active
{
	background-image: url('../../Images/ActionsPressees/dossier-retour.png');
}

#oxui-metro .mini .previous
{
	margin-left: 10px;
}

#oxui-metro .next
{
	height: 29px;
	width: 29px;
	background-image: url('../../Images/ActionsBlanches/dossier-suivant.png');
	margin-top: 28px;
	float: left;
}

#oxui-metro .next:active
{
	background-image: url('../../Images/ActionsPressees/dossier-suivant.png');
}

#oxui-metro .currentObject
{
	margin: 5px 10px;
	height: 70px;
	width: 250px;
	background-color: #DB562C;
	border: 2px solid white;
	float: left;
	overflow: hidden;
}

#oxui-metro .mini .currentObject
{
	width: 150px;
}

#oxui-metro .children
{
	position: absolute;
	overflow: hidden;
	width: 100%;
	margin-left: 42px;
	top: 30px;
	bottom: 15%;
}

#oxui-metro .mini .children
{
	top: 25px;
}

#oxui-metro .child
{
	height: 60px;
	width: 334px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	background-color: #643DC0;
	border: 2px solid transparent;
	overflow: hidden;
}

#oxui-metro .mini .child
{
	margin-left: 8px;
	width: 186px;
	height: 50px;
}

#oxui-metro .children .scrollable
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#oxui-metro .child.selected
{
	border: 2px solid white;
	margin-left: inherit;
	background-color: #1c74ae;
	border-left: #1c74ae;
}*/

.affichagePleinEcran
{
	width: 21px;
	height: 21px;
	float: right;
	margin-right: 2px;
	background-image: url('../../Images/Interface/plein-ecran.png');
}

#idFrame
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	z-index: 0;
}

#oxui-pdfView-header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
}

#oxui-pdfView
{
	position: absolute;
	top: 60px;
	left: 0;
	bottom: 0;
	width: 100%;
}

#oxui-pdfView-full
{
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 900;
}

#oxui-pdfView embed, #oxui-pdfView-full embed
{
	height: 100%;
	width: 100%;
}
.title .filtre
{
	margin-left: 10px;
}

.mettreCourant,
.chargerObjet
{
	background: url("../../Images/actionsBlanches/ouvrirDossier.png") no-repeat;
}

.remonterHierarchie
{
	background: url("../../Images/actionsBlanches/fermerDossier.png") no-repeat;
}

.currentObject img
{
	margin: 5px;
	float: left;
}

.currentObject a
{
	margin-top: 5px;
	float: left;
	width: 190px;
}

.mini .currentObject a
{
	width: 90px;
}

#pdf
{
	width: 100%;
	height: 100%;
}

#bloquageRetArr
{
	width: 0;
	height: 0;
	border: transparent;
	background: transparent;
}

/*----------------------------------------------------------*/
/*							Arbre   						*/
/*----------------------------------------------------------*/

#tree
{
	position: relative;
	margin: 0 10px;
	padding-top: 5px;
	overflow: auto;
	background-color: #f3f3f3;
}

#tree .oxNoeud
{
	color: gray;
}

.arbre
{
	position: relative;
	float: left;
	width: 400px;
	height: 100%;
	overflow: hidden;
}

.arbre .titre
{
	height: 21px;
	cursor: pointer;
	overflow: hidden;
	line-height: 18px;
	margin: 12px 10px;
	padding-left: 5px;
	background-color: #0195FF;
}

#contenuElementArbre .actionsHorizontales
{
	margin-top: 5px;
}

.masque
{
	width: 350px;
	overflow: hidden;
}

.masque #nbElementsArbres
{
	margin-left: 10px;
}

.masque #nbElementsArbres:after
{
	content: " \e9l\e9ment(s)";
}

.masque #reinitialiserFiltre
{
	border: 0;
	font-family: Arial;
	font-weight: bold;
	color: white;
	margin-left: 5px;
	cursor: pointer;
	border-radius: 5px;
	background-color: #343434;
	padding: 2px 4px 0;
}

.masque #reinitialiserFiltre:hover
{
	color: white;
	background-color: #0195FF;
}

.masque #reinitialiserFiltre:active
{
	color: black;
	background-color: green;
}

#contenuElementArbre .filtre,
#oxui-outlook .filtre {
	margin: 10px 0 0 10px;
	text-indent: 5px;
	border: 2px #0270C5 solid;
}

.surbrillanceArbre
{
	background-color: #343C34;
}

.popup .surbrillanceArbre
{
	background-color: #4FBEFF;
}

.toast-item li
{
	list-style-type: none;
}

span.fancytree-checkbox,
span.fancytree-checkbox:hover
{
	width: 20px;
	height: 20px;
	background-position: inherit;
	background-image: url('../../Images/Interface/caseOcto-vide.png');
}

.fancytree-partsel span.fancytree-checkbox,
.fancytree-partsel span.fancytree-checkbox:hover
{
	background-position: inherit;
	background-image: url('../../Images/Interface/caseOcto-on.png');
}

.fancytree-selected span.fancytree-checkbox,
.fancytree-selected span.fancytree-checkbox:hover
{
	background-position: inherit;
	background-image: url('../../Images/Interface/caseOcto-cochee.png');
}

ul.fancytree-container
{
	height: 96%;
	overflow: visible;
	background-color: inherit;
	border: inherit;
	outline: none;
	margin: 0;
	padding: 0;
}

span.fancytree-expander
{
	background: inherit;
	cursor: default;
}

:not(.non-etendable) > span.fancytree-expander
{
	padding: 1px;
	text-indent: 2px;
	cursor: pointer;
	font-family: 'etendeur';
	font-size: 13px;
	line-height: 16px;
}

:not(.non-etendable) > span.fancytree-expander:before
{
	content: "\e90c";
}

:not(.non-etendable) > span.fancytree-expander:hover
{
	opacity: 0.7;
}

:not(.non-etendable) > span.fancytree-expander:active
{
	opacity: 0.5;
}

.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander,
.fancytree-exp-el span.fancytree-expander
{
	line-height: 11px;
	text-indent: 4px;
	transform: rotate(90deg);
}

ul.fancytree-container span.fancytree-title:hover
{
	background-color: #F2F7FD;
	border-color: #F2F7FD;
	border-radius: 0;
	color: #343434;
	filter: inherit;
}

span.fancytree-node.fancytree-active span.fancytree-title
{
	background: #3169C6/* !important*/;
	border-radius: 0;
	border-color: #3169C6;
	color: white;
	outline: none;
}

span.fancytree-focused span.fancytree-title
{
	outline: none;
}

span.fancytree-active .fancytree-title:hover,
span.fancytree-active.fancytree-focused .fancytree-title,
span.fancytree-selected .fancytree-title:hover,
span.fancytree-selected.fancytree-focused .fancytree-title
{
	filter: inherit;
}

span.fancytree-title
{
	color: white;
	font-size: 16px;
	line-height: 17px;
	-moz-user-select: none;
}

.popup .oxTitre
{
	color: white;
	font-size: 16px;
	line-height: 17px;
}

.ui-fancytree li:first-child
{
	margin-top: 5px;
}

.ui-fancytree li:last-child
{
	margin-bottom: 5px;
}

.ui-fancytree .svg
{
	font-size: 17px;
	line-height: 19px;
	margin: 0 0 0 5px;
}

.ox-etendeur
{
	line-height: 16px !important;
}

.ox-etendeur::before
{
	content: "\e90c" !important;
	font-size: 13px;
}

/*----------------------------------------------------------*/
/*							Screens   						*/
/*----------------------------------------------------------*/

.traitement
{
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	transition: width 0.5s;
}

.screens
{
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 60px;
}

#pdfjs
{
	position: absolute;
	top: 70px;
}

#oxui-arbre .screens
{
	left: 420px;
	margin-top: 10px;
}

.screen-frame
{
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.screen-wrapper
{
	position: absolute;
	overflow: hidden;
	margin-top: 4px;
	width: 100%;
	height: 28px;
}

.screen-wrapper ul
{
	position: absolute;
	list-style-type: none;
}

.screen-wrapper ul li
{
	height: 25px;
	margin: 3px 1px 0 1px;
	padding: 0 8px;
	background-color: transparent;
	cursor: pointer;
	float: left;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: transparent;
	border-radius: 5px 5px 0 0;
	-moz-user-select: none;
}

.screen-wrapper ul li.selected
{
	margin-top: 3px;
	background-color: #e67b36;
	border-top-color: #e67b36;
	cursor: pointer;
}

#popup .screen-wrapper ul li:not(.selected)
{
	border-top: 5px solid #BEBEBE;
}

.screen-frame [data-oxattribut=PdfPage]
{
	height: 100%;
	overflow: hidden;
}

.screen-frame [multiple] option
{
	text-indent: 5px;
}

[data-id=oxui-pdfview-header]
{
	height: 60px;
}

.screen-frame .k-grouping-header
{
	line-height: 22px;
	padding: 0 10px;
}

.screen-frame .k-grid-header .k-header
{
	padding: 0 10px;
	font-size: 0.8em;
}

#popupChoixGenerateur,
#popupAvertissement
{
	background-color: #555555;
	box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
	height: 30px;
	left: calc(50% - 100px);
	top: calc(50% - 25px);
	padding: 10px;
	position: absolute;
	width: 200px;
	z-index: 1001;
}

#popupAvertissement
{
	width: 400px;
	height: 120px;
}

.messagePopup
{
	margin-top: 20px;
}

.iconeMessagePopup
{
	float: left;
	font-size: 80px;
	margin: 10px;
}

#obturateur
{
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#popupChoixGenerateur > input,
#popupAvertissement > input
{
	background-color: #000000;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	height: 30px;
	margin: 0 18px;
	padding: 5px;
}

#popupAvertissement > input
{
	float: right;
}

#popupChoixGenerateur > input:hover,
#popupAvertissement > input:hover
{
	font-style: italic;
	color: gray;
}

#progressionEnvoieFichier
{
	position: absolute;
	bottom: 50px;
	left: 20%;
	width: 60%;
	z-index: 100;
	color: black;
	margin: auto;
	padding: 15px;
	cursor: default;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	line-height: inherit;
	-moz-user-select: none;
	background-color: #CFECA1;
	box-shadow: 0 0 10px #3C7821 inset;
}

#selectionFichierPourChrome
{
	position: absolute;
	width: 260px;
	background-color: gray;
	margin-left: calc(50% - 130px);
	margin-top: 200px;
	padding: 20px;
}

.screen-frame .bouton
{
	cursor: pointer;
}

.screen-frame .bouton:hover
{
	opacity: 0.8;
}

.screen-frame .bouton:active
{
	color: #414549;
	opacity: 1;
}

.ql-container.ql-snow
{
	color: black;
}

#parametrageImg form
{
	display: table;
	margin: 0 auto;
}

#parametrageImg form div
{
	display: table-row;
}

#parametrageImg #choixImage 
{
	width: 80px;
	margin: 40px 5px;
	border-radius: 4px;
}

#parametrageImg #choixImage:hover
{
	background-color: #2d8fc4;
	border-color: #2d8fc4;
}

#parametrageImg #zoneImg
{
	width: 160px;
	height: 100px;
	vertical-align: middle;
	display: table-cell;
}

#parametrageImg #zoneImg img
{
	width: 160px;
}

#parametrageImg form label,
#parametrageImg form input
{
	display: table-cell;
	margin-bottom: 5px;
}
  
#parametrageImg form label
{
	width: 80px;
	padding-right: 5%;
	text-align: right;
	vertical-align: middle;
}
  
#parametrageImg form input
{
	width: 160px;
	height: 23px;
	border: 1px solid #c7c7c7;
}

#parametrageImg > input
{
	float: right;
	margin: 5px;
}

#parametrageImg #alignement
{
	width: 162px;
	height: 23px;
	/* border: 1px solid #c7c7c7; */
}

.gallerieImgOxyad .img
{
	width: 100px;
	margin: 5px;
}

.gallerieImgOxyad .img:hover
{
	filter: hue-rotate(120deg);
}

/*----------------------------------------------------------*/
/*							Liste   						*/
/*----------------------------------------------------------*/

.employee-details ul
{
	list-style: none;
	font-style: italic;
	margin-bottom: 20px;
}

.employee-details label
{
	display: inline-block;
	width: 90px;
	font-style: normal;
	font-weight: bold;
}

#contenuElementTableau .k-grid
{
	height: 85%;
}

#contenuElementTableau #panneauTableau
{
	height: 100%;
}

.k-grouping-header,
.k-tabstrip .k-tabstrip-items
{
	text-align: left;
}

.k-grid td
{
	font-family: Arial;
	font-size: 0.7em;
	padding: 1px 5px;
}

.k-arrow-down
{
	background-position: 0 -32px;
}

#panneauEcran
{
	position: absolute;
	width: 100%;
	overflow-y: auto;
}

#panneauEcran.screens
{
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}

.popup table
{
	color: #FFFFFF;
}

.couper div
{
	background-color: lightcyan;
}

/*----------------------------------------------------------*/
/*							Actions   						*/
/*----------------------------------------------------------*/

.emplacementActions
{
	width: 100%;
	height: 50px;
	background-color: #0270C5;
}

.actionsHorizontales
{
	height: 50px;
	padding-left: 5px;
	background-color: #0270C5;
}

.actions
{
	height: 50px;
	float: left;
	padding-left: 5px;
}

.actions.utilisateur
{
	float: right;
}

.actions ul
{
	background-color: rgba(0, 0, 0, 0.6);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	display: none;
	position: absolute;
	top: 32px;
	width: 140px;
	z-index: 300;
}

.actions li
{
	cursor: pointer;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	list-style: none outside none;
}

.actions li:first-child
{
	margin-left: 10px;
}

.actions > li
{
	/* border: 2px solid; */
	border-radius: 20px;
	font-size: 25px;
	height: 40px;
	line-height: 40px;
	text-indent: 8px;
	width: 40px;
}

.actions > li::before
{
	padding-right: 5px;
}

.actions > li.boutonTexte
{
	width: inherit;
	padding-right: 6px;
	border: 2px solid;
	margin-top: 3px;
	font-size: 16px;
	line-height: 26px;
	font-family: Calibri,Arial,Sans serif;
	border-radius: 30px;
	height: 30px;
	margin-top: 8px;
}

.actions.utilisateur > li,
#actionsUtilisateur .actions > li
{
	background-position: 3px center;
	background-repeat: no-repeat;
	background-size: 22px auto;
}

#actionsUtilisateur .actions > li.notSvg:hover
{
	background-color: #0270C5;
}

.actions.utilisateur > li.notSvg:hover
{
	background-color: #0270C5;
}

.actions > li:hover
{
	background-color: white;
	border-color: white;
	color: #0270C5;
}

.actions > li:hover:active
{
	width: 32px;
	height: 32px;
	color: #26FF00;
	text-indent: 8px;
	line-height: 30px;
	margin: 3px 3px 0 -2px;
	background-color: transparent;
}

.actions li li
{
	height: auto;
	line-height: 20px;
	padding: 4px;
	width: 132px;
	margin-top: 0;
	color: white;
	font-size: 14px;
	text-indent: 6px;
	font-family: tahoma,arial,helvetica;
}

.actions li li:before
{
	content: "";
}

.actions li li:hover
{
	background-color: #7A7A7A;
}

.actions .sublevel
{
	display: none;
	clear: both;
}

.divInfini
{
	width: 5000px;
}

.contextMenu
{
	position: fixed;
}

.deploiement
{
	width: 7px;
	height: 7px;
	margin: 7px;
	float: left;
	background-image: url('../../Images/Interface/deploiement.png');
}

.repli
{
	background-image: url('../../Images/Interface/repli.png');
}

.libelleMenu
{
	float: left;
}

.actions > .SqlGroup
{
	text-indent: 3px;
}

.actions > .SqlGroup:before
{
	content: "SQL";
	font-size: 14px;
}

.actions > .AdminGroup.inactif
{
	opacity: 0.2;
}

.actions > .HelpAction::before
{
	content: "?";
	font-family: microsoft sans serif;
	font-size: 20px;
	line-height: 28px;
}

.actions > .HelpAction
{
	text-indent: 8px;
}

.actions > .SendAction.sys-fleche4
{
	transform: scaleX(-1);
}

.actionsHorizontales ul li:hover ul
{
	display: block;
}

.actions > .ClipboardGroup,
.actionsHorizontales ul li.ClipboardGroup
{
	background-image: url('../../Images/actionsBlanches/encours.png');
	background-repeat: no-repeat;
}

.actions > .ClipboardGroup:active,
.actionsHorizontales ul li.ClipboardGroup:active
{
	background-image: url('../../Images/ActionsPressees/encours.png');
}

/*----------------------------------------------------------*/
/*							Saisie   						*/
/*----------------------------------------------------------*/

.popup
{
	width: 400px;
	height: 300px;
	font-size: 14px;
	text-align: left;
}

.ui-dialog .ui-dialog-content.popup
{
	overflow: hidden;
}

.popup #contenu
{
	overflow: hidden;
}

.popup .imgStatus
{
	float: left;
	font-size: 150px;
}

.popup input
{
	margin-bottom: 5px;
	padding-bottom: 1px;
	width: 100%;
}

.popup input.multi
{
	width: calc(50% - 50px);
	float: left;
}

.popup .critereRecherche input
{
	width: 220px;
}

.critereRecherche > *
{
	float: left;
	margin: 0 5px;
}

.popup .critereRecherche .date.jqx-widget-content
{
	background-color: #D8D8D8;
}

.popup .critereRecherche .date.jqx-widget-content input
{
	background-color: #D8D8D8;
}

.popup .critereRecherche .date.valeur2
{
	float: right;
	margin: 5px 49px 0;
}

.popup .critereRecherche .valeur2
{
	float: right;
	margin: 0 85px;
}

.popup .recherche
{
	width: 100%;
	margin-bottom: 20px;
	color: gray;
}

.popup .filtre
{
	color: gray;
}

.popup .k-grouping-header
{
	font-size: 10px;
}

.popup .k-header,
.popup .k-grid-header,
.popup .k-toolbar,
.popup .k-grouping-header,
.popup .k-tooltip,
.popup .k-pager-wrap,
.popup .k-button,
.popup .k-draghandle
{
	background-color: #1F234A;
	color: white;
}

.popup .k-state-active,
.popup .k-state-active:hover,
.popup .k-active-filter
{
	background-color: #434CA0;
	border-color: #0E1026;
}

.popup .k-grid table
{
	background-color: #01669A;
}

.popup .k-alt,
.popup tr
{
	background-color: #0470AE;
}

.popup td.k-state-selected
{
	background: inherit;
}

.popup tr.k-state-selected,
.popup .k-state-selected a
{
	background-color: #008CFF;
}

.popup div.selectionnable,
.popup div.selectionne
{
	overflow: auto;
	color: white;
	height: 314px;
	background: #45AACC;
	-moz-user-select: none;
}

.popup .selectionnable
{
	float: left;
	width: 100%;
}

.popup .selectionnable .ox-enteteTab,
.popup .selectionne .ox-enteteTab
{
	background-color: #005875;
}

.selectionnable .ui-fancytree,
.selectionne .ui-fancytree
{
	overflow: auto;
}

.popup .selectionnable.multi
{
	width: calc(50% - 50px);
	clear: left;
	height: 314px;
}

.selectionnable .fancytree-container
{
	margin: 0;
	text-align: left;
}

.gestionSelection
{
	position: absolute;
	left: calc(50% - 50px);
	height: 100%;
	margin-left: 4px;
}

.popup .selectionnable td,
.popup .selectionne td
{
	line-height: 16px;
}

#vider,
.popup .ajouter,
.popup .monter,
.popup .descendre,
.popup .supprimer
{
	border: 3px solid;
	border-radius: 20px;
	cursor: pointer;
	font-size: 18px;
	height: 30px;
	line-height: 28px;
	margin: 5px;
	text-indent: 6.3px;
	width: 30px;
}

#vider:hover,
.popup .ajouter:hover,
.popup .monter:hover,
.popup .descendre:hover,
.popup .supprimer:hover
{
	height: 34px;
	line-height: 35px;
	margin-left: 4px;
	text-indent: 7.5px;
	width: 34px;
}

#vider:active,
.popup .ajouter:active,
.popup .monter:active,
.popup .descendre:active,
.popup .supprimer:active
{
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #009ACE;
}

.popup .monter:hover,
.popup .descendre:hover
{
	line-height: 32px;
	margin: 3px;
	text-indent: 8.5px;
}

.popup .monter:hover
{
	margin-bottom: -2px;
}

.popup .descendre:hover
{
	margin-top: -2px;
}

.actions .MoveUpAction
{
	transform: rotate(180deg);
}

.popup .ajouter
{
	font-size: 16px;
	line-height: 30px;
	margin-top: 50px;
	text-indent: 8px;
}

.popup .ajouter:hover
{
	margin-left: 3px;
	margin-top: 48px;
	text-indent: 10px;
}

.popup .supprimer
{
	bottom: 50px;
	font-size: 16px;
	line-height: 28px;
	position: absolute;
	text-indent: 8px;
}

.popup .supprimer:hover
{
	bottom: 48px;
	line-height: 32px;
	margin-left: 3px;
	text-indent: 10px;
}

#vider
{
	float: left;
	text-indent: 6px;
}

#vider.multi
{
	margin-left: 51%;
}

#vider:hover
{
	line-height: 32px;
	margin: 3px;
	text-indent: 8px;
}

#vider.multi:hover
{
	margin-left: calc(51% - 2px);
}

.popup .descendre,
.popup .supprimer
{
	transform: rotate(180deg);
}

.popup div.selectionne
{
	width: calc(48.5% - 50px);
	float: right;
	height: 324px;
	margin-top: -20px;
}

.selectionne
{
	background-color: #3169C6;
}

.popup .selectionne ul
{
	height: 100%;
	font-size: 16px;
	cursor: pointer;
	text-align: left;
	list-style: none outside none;
}

.popup .selectionne li
{
	height: 20px;
	padding: 2px;
	transition: background 0.2s ease 0s;
}

.popup .selectionne li:hover
{
	background-color: #7CB8CC;
	transition: background 0s ease 0s;
}

.popup .selectionne li
{
	margin-left: 5px;
	vertical-align: top;
	white-space: nowrap;
}

.rangement
{
	float: right;
	margin-top: 135px;
	margin-left: 1.5%;
}

textarea
{
	resize: none;
}

#contenu textarea
{
	width: 770px;
	height: 400px;
}

.popup .empToutSelectionner
{
	width: calc(50% - 50px);
	background-color: #45AACC;
	margin-top: 24px;
	padding-bottom: 2px;
	display: none;
}

.empToutSelectionner .ox-caseACocher
{
	line-height: 18px;
}

.ui-dialog .ui-dialog-buttonpane button.indisponible
{
	background-color: #4F407C;
	color: #B7B7B7;
}

.ui-dialog .ui-dialog-buttonpane button:focus
{
	outline: none;
}

.no-close .ui-dialog-titlebar-close
{
	display: none;
}

#divAppletSignature
{
	float: left;
	margin: 10px 0 0 15px;
}

#signature
{
	width: 500px;
	color: white;
	margin: auto;
	padding: 10px;
	z-index: 1002;
	overflow: auto;
	cursor: default;
	position: relative;
	-moz-user-select: none;
	background-color: #009ACE;
}

#titreSignature
{
	text-align: center;
}

#signature .rafraichir,
#signature .afficherCertificat
{
	float: left;
	display: none;
	cursor: pointer;
	margin: 12px 0 0 10px;
}

#boutonSigner
{
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	margin-top: 14px;
	margin-left: 10px;
	background: url("../../Images/ActionsBlanches/rediger.png");
}

#codePin
{
	float: left;
	margin-top: 20px;
	margin-left: 165px;
	width: 100px;
}

#boutonSigner:active
{
	background: url("../../Images/ActionsPressees/rediger.png");
}

#documentASigner
{
	width: 100%;
	float: left;
	margin-top: 10px;
}

/*----------------------------------------------------------*/
/*							Calendrier 						*/
/*----------------------------------------------------------*/

.popup .jqx-calendar.jqx-widget-content
{
	border: none;
}

.popup .jqx-calendar *
{
	font-family: arial !important;
	font-size: 14px;
}

.popup .jqx-widget-content.jqx-calendar-column-header
{
	border: inherit;
}

.popup .jqx-calendar-column-cell
{
	color: black;
}

.popup .jqx-icon-arrow-left,
.popup .jqx-icon-arrow-right
{
	background-image: inherit;
	border: 2px solid;
	border-radius: 20px;
	height: 19px;
	line-height: 22px;
	text-indent: 3px;
	width: 18px;
}

.popup .jqx-icon-arrow-left:before,
.popup .jqx-icon-arrow-right:before
{
	content: "\e919";
	font-family: Fleches;
	font-size: 16px;
}

.popup .jqx-icon-arrow-left
{
	transform: rotate(180deg);
}

.popup .jqx-icon-arrow-left:hover,
.popup .jqx-icon-arrow-right:hover
{
	color: gray;
}

.popup .jqx-icon-arrow-left:active,
.popup .jqx-icon-arrow-right:active
{
	color: forestgreen;
}

.popup .jqx-icon-arrow-left,
.popup .jqx-icon-arrow-right,
.popup .jqx-icon-arrow-left:active,
.popup .jqx-icon-arrow-right:active
{
	background-image: inherit;
}

.popup #calendarTitleViewdate
{
	background-color: lightgray;
}

.popup .jqx-calendar-title-content
{
	color: #515967;
	font-size: 20px;
}

.popup .jqx-calendar-cell
{
	font-weight: bold;
}

.popup .jqx-calendar-cell-othermonth
{
	color: #B3BAC7 !important;
}

.popup .jqx-calendar-cell-selected
{
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0px, rgba(255, 255, 255, 0) 100%);
	background-color: #008CFF;
	border: none;
}

.popup .jqx-calendar-cell-today
{
	background-color: inherit;
	border: inherit;
	color: #FF0000;
}

/*.popup .jqx-fill-state-hover
{
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0px, rgba(255, 255, 255, 0) 100%);
	background-color: inherit;
	border: none;
}*/

/*----------------------------------------------------------*/
/*							Outlook   						*/
/*----------------------------------------------------------*/

#oxui-outlook
{
	height: 100%;
	display: none;
}

/*#horizontal
{
	top: 42px;
}*/

#vertical
{
	background: transparent;
	float: right;
}

#oxui-outlook #menu
{
	width: 400px;
	height: 100%;
	float: left;
	font-size: 14px;
	-moz-user-select: none;
}

#oxui-outlook #menu li
{
	clear: both;
}

/*#menuAccordeon
{
	font-family: sans-serif;
	-moz-user-select: none;
	overflow: hidden;
	font-size: 14px;
	color: white;
}

#menuAccordeon li
{
	list-style-type: none;
	padding-left: 5px;
	text-align: left;
	cursor: pointer;
}

#menuAccordeon ul > li
{
  clear: both;
}*/

#oxui-outlook #arbre
{
	margin-top: 5px;
	text-align: left;
	height: auto;
}

#oxui-outlook #arbre .ul.fancytree-container
{
	margin: 0;
}

#oxui-outlook #grid
{
	height: inherit;
	border: 0;
}

#oxui-outlook #selection
{
	overflow: hidden;
	height: 50%;
}

#oxui-outlook #ecran
{
	position: relative;
}

.ui-accordion .ui-accordion-content
{
	background: #DAF1F7;
	color: #293135;
	margin: 0 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
	background: #3F00FF;
}

.k-splitbar-horizontal .k-icon
{
	position: relative;
	margin-bottom: 10px;
}

.k-splitter .k-scrollable
{
	overflow: inherit;
}

.k-splitbar-horizontal .k-collapse-next
{
	margin-top: -10px;
}

.ui-accordion .ui-accordion-header
{
	margin: 10px 10px 0;
	overflow: hidden;
}

.ui-accordion .ui-accordion-header a
{
	background: #CC65CE;
	color: #FFCBFF;
	font-size: 14px;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
	background-image: none;
	color: white;
}

/*----------------------------------------------------------*/
/*						Traditionnel   						*/
/*----------------------------------------------------------*/

#oxui-traditionnel
{
	display: none;
}

#menuTraditionnel
{
	position: absolute;
	width: 100%;
	background: linear-gradient(90deg, #679acf, #98ccfe);
	border-radius: 5px;
	height: 40px;
	text-align: center;
}

.menuApp
{
	float: left;
	border-right: 1px solid white;
	text-align: center;
	margin: 7px 45px 0px 0px;
}

.menuApp:hover
{
	color: white;	
}

.nomModule
{
	display: block;
	cursor: default;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	line-height: 25px;
}

#contenuElementArbre,
#contenuElementTableau
{
	position: absolute;
	width: 100%;
	height: calc(100% - 42px);
	top: 42px;
	background-image: url("../../Images/Logo.png");
	background-repeat: no-repeat;
	background-position: center;
}

.menuBandeau,
#oxui-traditionnel #menu						/* obsol�te dans la nouvelle version */
{
	position: absolute;
	overflow: auto;
	display: none;
	clear: both;
	width: 100%;
	background: #3991EA;
	font-family: sans-serif;
	-moz-user-select: none;
	font-size: 14px;
	color: white;
	top: 42px;
	z-index: 1000000;
}

#menu li
{
	list-style-type: none;
	cursor: pointer;
	padding: 0 5px;
	overflow: auto;
}

#menu li.selectionnable:hover,
.menuBandeau li:hover
{
	background-color: #e67b36/*#4CA5FF*//*FFA64C*/;
}

.module
{
	float: left;
	/*width: 200px;*/
	/*padding: 10px;*/
}

.menuBandeau .mTraitement
{
	float: left;
	overflow: hidden;
	font-size: 30px;
}

.mTraitement span
{
	display: block;
	text-align: center;
}

.mTraitement .nomTraitement
{
	font-size: 12px;
}

.module ul
{
	border-right: 2px solid white;
	overflow: auto;
	padding: 0 10px;
	margin-top: 10px;
}

.module div
{
	text-align: center;
	border-right: 2px solid white;
	padding: 0 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}

.module .module
{
	clear: both;
	width: 170px;
	padding: 0 0 10px 10px;
}

.module .module .nomModule
{
	font-size: 14px;
}

#ongletsIntercalaires
{
	overflow: auto;
}

#contenuElement #tree
{
	height: 100%;
}

#oxui-traditionnel #contenuElementTableau .scrollable
{
	position: absolute;
}

.k-widget
{
	border: 0;
}

.menuConnexion
{
	padding: 10px;
	background-color: #0171c3;
	display: none;
}

.menuConnexion div
{
	margin-bottom: 5px;
	cursor: pointer;
}

.menuConnexion .svg
{
	margin-right: 10px;
}

/*----------------------------------------------------------*/
/*							Onglets							*/
/*----------------------------------------------------------*/

#entete
{
	width: 100%;
	height: 42px;
	float: left;
	overflow: hidden;
	-moz-user-select: none;
}

#logoEntete:before
{
	content: "\e900";
	float: right;
	font-family: SystemeRef;
	font-size: 200px;
	line-height: 40px;
	margin-right: -10px;
}

#entete #compte,
#entete #logoEntete
{
	float: right;
}

#entete #scrollable
{
	width: 500000px;
}

#entete .actif
{
	background: #e67b36;
}

.menu li,
#entete li						/* obsol�te avec la nouvelle version */
{
	float: left;
	height: 22px;
	padding: 10px;
	cursor: pointer;
	font-size: 13px;
	line-height: 20px;
	margin-right: 1px;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
	font-family: Calibri,Arial,Sans serif;
}

.menu li:hover,
#entete li:hover						/* obsolète avec la nouvelle version */
{
	background-color: #e67b36;
	color: white;
}

#entete li.Alertes
{
	background-color: #ffc600;
	color: #4a4a4a;
}

/*----------------------------------------------------------*/
/*						Préférences							*/
/*----------------------------------------------------------*/

#oxui-preferences
{
	position: fixed;
	background-color: #1A74B0;
	text-align: center;
	display: none;
	width: 200px;
	height: 100%;
	z-index: 1000000;
	right: 0px;
	top: 42px;
	padding-left: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

.conteneurPref
{
	height: calc(100% - 100px);
	overflow: auto;
}

#oxui-preferences img
{
	margin-top: 10px;
}

#oxui-preferences .login
{
	font-size: 20px;
	font-weight: bold;
}

.menuUtilisateur
{
	margin-top: 20px;
	text-align: left;
	border-top: 2px solid;
	cursor: pointer;
	padding-bottom: 10px;
}

.menuUtilisateur li
{
	padding: 5px;
	transition: background-color 0.4s ease;
}

.menuUtilisateur li:first-child
{
	padding-top: 15px;
}

.menuUtilisateur li:hover
{
	background-color: #3c89c2;
	transition: background-color 0.4s ease;
}

.menuUtilisateur li span
{
	margin-right: 5px;
}

.typeThemes
{
	width: calc(100% - 20px);
	border-top: 2px solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

#libGestAlarmes
{
	width: calc(100% - 20px);
	border-top: 2px solid;
	padding-top: 10px;
}

#activationAlarmes
{
	margin: 10px 60px 20px;
}

#oxui-preferences select
{
	margin: 10px auto;
	display: block;
	width: 100px;
}

#oxui-preferences select *
{
	display: block;
}

#oxui-preferences #telechargerOxyLoader,
#oxui-preferences #telechargerOxyClient
{
	color: white;
	outline: none;
	font-size: 25px;
	text-decoration: none;
	transition: opacity 0.4s ease;
	margin-left: -15px;
}

#oxui-preferences #telechargerOxyLoader:hover,
#oxui-preferences #telechargerOxyClient:hover
{
	opacity: 0.75;
	transition: opacity 0.4s ease;
}

#btnFermerPreferences
{
	width: 48px;
	height: 48px;
	float: right;
	margin: 10px;
	background-image: url('../../Images/refuser.png');
}

#entete #compte
{
	display: inline-block;
	float: right;
	height: 30px;
	width: 32px;
	margin: 6px 10px 0 10px;
	cursor: pointer;
	text-align: center;
	color: white;
	font-size: 30px;
	background-repeat: no-repeat;
}

@keyframes rotation
{
	from { transform: rotate(0deg) }
	to { transform: rotate(360deg); }
}

#preferencesUtilisateur
{
	top: 50px;
	right: 10px;
	width: 150px;
	height: 80px;
	opacity: 0.6;
	padding: 10px;
	display: none;
	z-index: 10000;
	position: fixed;
	background-color: Black;
}

#preferencesUtilisateur:focus
{
	display: block;
}

#preferencesUtilisateur span
{
	width: 100%;
	display: block;
	cursor: pointer;
}

#preferencesUtilisateur span:hover
{
	background-color: Gray;
}

#preferencesUtilisateur span:First-Child
{
	margin-top: 30px;
}

/*----------------------------------------------------------*/
/*							Recherche						*/
/*----------------------------------------------------------*/

.bulle
{
	float: left;
	margin: 5px;
	padding: 5px;
	height: 320px;
	overflow: auto;
}

.bulle.et
{
	background-color: #0FAFFF/*#FF3838*/;
}

.bulle.ou
{
	background-color: #2151FF/*#3838FF*/;
}

.nouvelleBulle,
.bulle .plus,
.choixTables,
.enregistrement,
.chargement
{
	background-color: white;
	border: 2px solid black;
	padding: 2px 9px 3px;
	cursor: pointer;
	clear: both;
	color: black;
	float: left;
	margin: 10px 15px;
}

#raz
{
	background-color: #E73713;
	float: right;
	line-height: 24px;
	margin: 10px 15px;
	width: 100px;
	cursor: pointer;
	font-weight: bold;
	color: white;
}

.choixTables select#table
{
	padding-right: 10px;
}

.nouvelleBulle:hover,
.bulle .plus:hover
{
	background-color: Black;
	color: White;
}

.enregistrement,
.chargement
{
	clear: inherit;
}

.enregistrement
{
	float: right;
}

#listeRequetesEnregistrees
{
	display: none;
}

.bulle .type
{
	width: 60%;
	float: left;
	color: black;
	line-height: 20px;
	margin: 15px;
	overflow: auto;
	cursor: url("../../Images/Curseurs/rafraichir.png"), pointer;
	text-align: center;
	-moz-user-select: none;
}

.critereRecherche
{
	width: 95%;
	float: left;
	margin: 5px;
	padding: 5px;
	background-color: White;
}

.critereRecherche select,
.critereRecherche input:not(.jqx-widget-content)
{
	margin: 5px;
	width: 200px;
	background-color: #D8D8D8;
}

.largeurMax
{
	width: 100%;
	overflow: auto;
}

.critereRecherche .supprimer,
.critereRecherche .aide,
.largeurMax .supprimer
{
	background-color: Black;
	line-height: 20px;
	text-indent: 2px;
	cursor: pointer;
	margin: 4px;
	width: 20px;
	height: 20px;
	float: right;
}

.largeurMax .supprimer
{
	margin: 5px;
}

.bulle .supprimer:hover,
.critereRecherche .aide:hover
{
	background-color: White;
	color: Black;
}

#aideContextuelle
{
	background: white;
	border: 1px solid #0171C3;
	color: black;
	display: none;
	max-width: 150px;
	max-height: 300px;
	overflow: auto;
	padding: 5px;
	position: absolute;
	z-index: 100;
}

#aideContextuelle li
{
	cursor: pointer;
	list-style: none;
	padding: 5px;
}

#aideContextuelle li:hover
{
	background: #d4d4d4;
}

/*------------------------------------------------------------*/
/*							Propri�t�s							*/
/*------------------------------------------------------------*/

#autorisations
{
	list-style-type: none;
	background-color: #3991EA;
	color: #1e1e1e;
	padding: 5px;
	margin: 10px 0;
}

#contenu li.ui-state-default
{
	background-color: #3991EA;
}

#contenu li.ui-state-active a
{
	background-color: #E73713;
	cursor: default;
	outline: none;
}

#contenu #onglet div.ui-tabs-panel
{
	height: 416px;
	padding: 10px 0;
}

#tableauAttributs,
#zoneOxyad
{
	height: 100%;
	overflow: hidden;
}

#lienDocument
{
	float: left;
	padding: 0 5px;
	line-height: 32px;
	vertical-align: middle;
	background-color: #3991EA;
}

#supprimerLien
{
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 5px;
	background: url('../../Images/ActionsBlanches/corbeille.png');
}

#supprimerLien:active
{
	background: url('../../Images/ActionsPressees/corbeille.png');
	background-size: 32px;
}

#tableauAttributs tr,
#zoneOxyad tr,
#zoneOxyad tr a
{
	color: white;
}

.popup #onglet li.ui-state-active a
{
	background-image: linear-gradient(center bottom , #339ACE 0%, #65CDFE 100%);
	border-radius: 10px;
}

/*------------------------------------------------------------*/
/*							Splitter							*/
/*------------------------------------------------------------*/

.splitbarV
{
	background: url("../../Images/Interface/panev.gif") repeat scroll 0 50% #CBE1FB;
	border-left: 1px solid #9CBDFF;
	border-right: 1px solid #9CBDFF;
	float: left;
	height: 100%;
	width: 6px;
}

.splitbarH
{
	background: url("../../Images/Interface/paneh.gif") repeat scroll 50% 0 #CBE1FB;
	border-bottom: 1px solid #9CBDFF;
	border-top: 1px solid #9CBDFF;
	height: 6px;
	text-align: left;
}

.splitbarV,
.splitbarH
{
	border-color: #2e2e2e;
	background: #4c4c4c;
	border: 0 none;
	line-height: 0;
	font-size: 0;
}

.splitbuttonV
{
	background-color: gray;
	height: 83px;
	margin-top: -41px;
	position: relative;
	top: 50%;
	width: 6px;
}

.splitbuttonV.invert
{
	margin-left: 0;
}

.splitbuttonH
{
	background: gray;
	height: 6px !important;
	left: 50%;
	margin-left: -41px;
	position: relative;
	width: 83px;
}

.splitbuttonH.invert
{
	margin-top: -4px;
}

.splitbarV.working,
.splitbarH.working,
.splitbuttonV.working,
.splitbuttonH.working
{
	opacity: 0.5;
}

/*----------------------------------------------------------*/
/*					Interface mobile	   					*/
/*----------------------------------------------------------*/

#oxui-mobile
{
	width: 100%;
	height: 100%;
	display: none;
	-moz-user-select: none;
}

#oxui-mobile ul
{
	position: relative;
	list-style: none;
	overflow: auto;
}

.listeComposants,
.ecran
{
	float: left;
	padding: 5px;
	overflow: hidden;
	overflow-y: auto;
}

.ecran
{
	padding: 0;
}

.tuile
{
	float: left;
	margin: 5px;
	width: calc(100% - 10px);
	height: 100px;
	cursor: pointer;
	background: -moz-linear-gradient(110deg, #76A9BC, #004399) repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-align: left;
}

.tuile:hover
{
	background: -moz-linear-gradient(110deg, #83bacf, #0350b4) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.tuile.selectionne
{
	box-shadow: 0 0 40px 0px #FFFFFF inset, 0 0 5px 0px yellow;
}

.tuile img
{
	display: inline;
	float: left;
	margin: 25px 20px 25px 10px;
	width: 50px;
	height: 50px;
}

.tuile h2
{
	display: inline-block;
	margin-top: 32px;
	max-width: calc(100% - 80px);
}


.ardoise
{
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid #4083DF;
}

.ardoise:hover
{
	background-color: #444444;
}

.ardoise *
{
	float: left;
	margin: 5px;
}

/*#oxui-mobile .screen-wrapper li
{
	float: left;
}

#oxui-mobile .screen-wrapper a
{
	background-color: #555555;
	border-right: 1px solid #808080;
	line-height: 41px;
	padding: 8px 10px 10px;
	cursor: pointer;
}

#oxui-mobile .screen-wrapper a:hover
{
	background-color: #5E5E5E;
}

#oxui-mobile .ecran
{
	width: 100%;
}

#oxui-mobile .ecran .screen-frame > ul
{
	list-style: none;
	overflow: auto;
}

#oxui-mobile .ecran .screen-frame ul ul li
{
	padding: 10px 0;
	float: left;
	width: 50%;
	text-align: center;
	list-style-image: url("../../Images/OxyGen/transparent.png");
}

#oxui-mobile .ecran .screen-frame ul ul li:first-child
{
	text-align: left;
}

#oxui-mobile .ecran .screen-frame ul ul li:last-child
{
	text-align: right;
}

#oxui-mobile .ecran .screen-frame ul ul li:first-child *
{
	margin-left: 10px;
}

#oxui-mobile .ecran .screen-frame ul ul li:last-child *
{
	margin-right: 10px;
}

#oxui-mobile .ecran .screen-frame ul li li textarea,
#oxui-mobile .ecran .screen-frame ul li li video
{
	width: 94%;
}

#oxui-mobile .ecran .screen-frame .saisie
{
	display: inline-block;
	width: 94%;
	height: 25px;
}

.mobile #oxui-footer
{
	bottom: 0;
	height: 40px;
}

.mobile #oxui-footer:hover
{
	background-color: inherit;
}

.mobile #oxui-footer #oxui-informations
{
	margin: 0;
}

/*----------------- préférences ----------------------------*/

/*.mobile #oxui-preferences*/
/*{*/
	/*width: 100%;*/
	/*background-color: #555555;*/
/*}*/

/*.mobile #oxui-preferences li*/
/*{*/
	/*border-bottom: 1px solid gray;*/
/*}*/

/*.mobile #oxui-preferences label*/
/*{*/
	/*width: 100%;*/
	/*display: inline-block;*/
	/*text-align: left;*/
	/*text-indent: 10px;*/
	/*padding: 10px 0;*/
/*}*/

/*.mobile #oxui-preferences select*/
/*{*/
	/*display: inherit;*/
	/*float: right;*/
	/*margin: 0 10px;*/
/*}*/

/*.mobile #oxui-preferences #version*/
/*{*/
	/*width: 100%;*/
	/*text-align: left;*/
/*}*/

/*----------------------------------------------------------*/
/*					Progress bar de session					*/
/*----------------------------------------------------------*/

#followingBallsG
{
	position: fixed;
	top: 2px;
	width: calc(100% - 10px);
	height: 10px;
	display: none;
}

.followingBallsG
{
	background-color: #1A74B0;
	position: absolute;
	top:0;
	left:0;
	width:10px;
	height:10px;
	border-radius:5px;
	animation-name:bounce_followingBallsG;
	animation-duration:3.1s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:5px;
	animation-name:bounce_followingBallsG;
	animation-duration:3.1s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

#followingBallsG_1
{
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

#followingBallsG_2
{
	-moz-animation-delay:0.31s;
	-webkit-animation-delay:0.31s;
	-ms-animation-delay:0.31s;
	-o-animation-delay:0.31s;
	animation-delay:0.31s;
}

#followingBallsG_3
{
	-moz-animation-delay:0.62s;
	-webkit-animation-delay:0.62s;
	-ms-animation-delay:0.62s;
	-o-animation-delay:0.62s;
	animation-delay:0.62s;
}

#followingBallsG_4
{
	-moz-animation-delay:0.93s;
	-webkit-animation-delay:0.93s;
	-ms-animation-delay:0.93s;
	-o-animation-delay:0.93s;
	animation-delay:0.93s;
} /* See more at: http://cssload.net/en/#sthash.D7UZc2Vg.dpuf */

@-moz-keyframes bounce_followingBallsG
{
	0%
	{
		left: 0px;
		background-color: #b40bb4;
	}

	50%
	{
		left: calc(100% - 10px);
		background-color: #FF69FF;
	}

	100%
	{
		left: 0px;
		background-color: #b40bb4;
	}
}

@-webkit-keyframes bounce_followingBallsG
{
	0%
	{
		left: 0px;
		background-color: #b40bb4;
	}

	50%
	{
		left: calc(100% - 10px);
		background-color: #FF69FF;
	}

	100%
	{
		left: 0px;
		background-color: #b40bb4;
	}
}

@-ms-keyframes bounce_followingBallsG
{
	0%
	{
		left: 0px;
		background-color: #b40bb4;
	}

	50%
	{
		left: calc(100% - 10px);
		background-color: #FF69FF;
	}

	100%
	{
		left: 0px;
		background-color: #b40bb4;
	}
}

@-o-keyframes bounce_followingBallsG
{
	0%{
		left: 0px;
		background-color: #b40bb4;
	}

	50%
	{
		left: calc(100% - 10px);
		background-color: #FF69FF;
	}

	100%
	{
		left: 0px;
		background-color: #b40bb4;
	}
}

@keyframes bounce_followingBallsG
{
	0%
	{
		left: 0px;
		background-color: #b40bb4;
	}

	50%
	{
		left: 100%;
		background-color: #FF69FF;
	}

	100%
	{
		left: 0px;
		background-color: #b40bb4;
	}
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*					Interface de debug						*/
/*----------------------------------------------------------*/

.debug,
#gestionInstanceObjet
{
	z-index: 1000;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	display: none;
	overflow: none;
	background: linear-gradient(90deg, #6699CC, #003399) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.debug > ul
{
	height: 94%;
	overflow: auto;
}

.debug > ul:last-child
{
	display: none;
	height: 14%;
}

.debug div li
{
	display: inline-block;
	line-height: 16px;
	text-align: center;
	width: 14.3%;
}

.debug li
{
	list-style: none outside none;
	cursor: pointer;
	padding: 10px;
	margin: 10px;
}

.debug li:hover
{
	opacity: 0.8;
}

.debug > ul:last-child li
{
	list-style: none outside none;
	padding: inherit;
	padding-left: 10px;
	cursor: pointer;
	margin: 5px;
}

.debug span
{
	display: inline-block;
	text-align: left;
	width: 100%;
}

.debug span:first-child
{
	color: #222222;
	font-weight: bold;
	width: 50%;
}

.debug .horaire
{
	text-align: right;
	width: 50%;
}

.debug .niveau1
{
	background-image: linear-gradient(to left, #990000 0%, #cc6666 100%);
	background: -moz-linear-gradient(0, #cc6666, #990000) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.debug .niveau2
{
	background-image: linear-gradient(to left, #003399 0%, #6699CC 100%);
	background: -moz-linear-gradient(0, #6699CC, #003399) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.debug .niveau3
{
	background-image: linear-gradient(to left, #998700 0%, #CCC066 100%);
	background: -moz-linear-gradient(0, #CCC066, #998700) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.debug .niveau4
{
	background-image: linear-gradient(to left, #009900 0%, #66CC66 100%);
	background: -moz-linear-gradient(0, #66CC66, #009900) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.debug .niveau2 button,
.debug .niveau3 button,
.debug .niveau4 button
{
	bottom: 10px;
}

.gioObjet
{
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	padding: 5px;
	overflow: hidden;
	background: -moz-linear-gradient(180deg, #BF3F3F, #BF1B1A) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*						d�bogueur							*/
/*----------------------------------------------------------*/

#debobueur
{
	position: fixed;
	width: 100%;
	height: 50%;
	background: #007ACC;
	bottom: 0;
	z-index: 1000000;
	display: none;
}

#debobueur .dimensionneur
{
	width: 100%;
	height: 10px;
	cursor: ns-resize;
	background: linear-gradient(#4682B4 10%, rgba(0, 0, 0, 0) 100%);
}

#debobueur #commandes
{
	float: left;
	width: 50%;
	text-align: center;
}

#debobueur #commandes div
{
	border: 0;
	width: 20px;
	float: right;
	color: white;
	padding: 2px;
	margin: 5px 2px;
	font-size: 20px;
	font-weight: bold;
}

#debobueur #commandes div:not(.desactive):hover
{
	color: lightgreen;
	cursor: pointer;
}

#debobueur #commandes div:not(.desactive):active
{
	color: green;
}

#debobueur #commandes div.desactive
{
	opacity: 0.5;
}

#debobueur #commandes div[name=fermer]
{
	float: left;
}

#debobueur #commandes div[name=fermer]:hover
{
	color: #FF6347;
}

#debobueur #commandes div[name=fermer]:active
{
	color: red;
}

#debobueur #tag,
#debobueur #log
{
	float: left;
	margin: 5px;
	color: #404040;
	overflow: auto;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	width: calc(50% - 10px);
}

#debobueur #tag
{
	height: calc(100% - 50px);
	clear: left;
}

.ace_marker-layer .ace_active-line
{
	background-color: gray;
}

#debobueur #log
{
	height: 34%;
	margin-top: -30px;
	background-color: white;
}

#debobueur #log div
{
	padding: 5px;
}

#debobueur #log .couleur1
{
	background-color: #52bf63;
}

#debobueur #log .couleur2
{
	background-color: #00af30;
}

#debobueur #variables,
#debobueur #objets
{
	float: left;
	padding: 0;
	margin: 5px;
	height: 29%;
	width: calc(50% - 10px);
	background-color: white;
	overflow: auto;
}

#debobueur #variables > div,
#debobueur #objets > div
{
	border: 0;
}

#debobueur .ui-helper-clearfix:after
{
	display: inherit;
}

#debobueur .ui-tabs .ui-tabs-nav li a
{
	background-color: #C300FF;
	font-size: 12px;
	height: 10px;
	line-height: 12px;
	color: white;
}

#debobueur .ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	padding-bottom: 0;
}

#debobueur .ui-tabs .ui-tabs-nav li.ui-tabs-selected a
{
	background-color: #FF9719;
	color: #202020;
	cursor: default;
}

#debobueur .ui-tabs .ui-tabs-panel
{
	padding-top: 5px;
}

#debobueur .k-grid-content
{
	height: 95px;
}

#debobueur .fancytree-lastsib li
{
	height: 15px;
}

#debobueur .fancytree-title
{
	font-size: 12px;
	color: black;
}

#debobueur span.fancytree-icon
{
	display: none;
}

#debobueur .nomAttribut
{
	font-weight: bold;
	color: #808080;
}

.ace_gutter-cell.ace_breakpoint
{
	padding-left: 10px;
}

.ace_breakpoint:before
{
	font-family: 'FontAwesome';
	font-size: 11px;
	content: "\f111";
	color: red;
}

.positionScriptExecute:before
{
	font-family: 'FontAwesome';
	font-size: 11px;
	content: "\f04b";
	color: yellow;
}

/*----------------------------------------------------------*/

/*--------------------- panneauTableau ---------------------*/

.panneauTableau .jqx-tabs-content-element
{
	height: calc(100% - 33px);
}

/*.panneauTableau .conteneurMEP
{
	height: calc(100% - 42px);
}*/

.panneauTableau .separeMEP .conteneurMEP
{
	height: inherit;
}

.panneauTableau .panneauMEP
{
	height: calc(100% - 2px);
	width: calc(100% - 2px);
}

.panneauTableau .emplacementEcrans
{
	display: none;
	height: 40%;
}

.tableauEcran
{
	height: calc(100% - 42px);
}

.panneauTableau .oxOnglet
{
	height: 30px;
	background-color: #0171c3;
	margin-right: 5px;
	line-height: 26px;
	display: inline-block;
	padding: 0 5px;
	cursor: pointer;
	transition: background-color 0.5s;
	-moz-user-select: none;
	min-width: 40px;
	text-align: center;
}

.panneauTableau .oxOnglet:hover
{
	background-color: #6fb4e7;
	transition: background-color 0.5s;
}

.panneauTableau .oxOnglet.oxEstSelectionne
{
	cursor: default;
	background-color: #e67b36;
	transition: background-color 0.5s;
}

.panneauTableau .emplacementTableau
{
	position: absolute;
	width: 100%;
	height: calc(100% - 72px);
}

.panneauTableau .oxContenuOnglet {
	height: 100%;
}

.panneauTableau .ox-tableau {
	border: none;
}

.panneauTableau .oxLigneACouper {
	opacity: 0.5;
}

.panneauTableau .ox-left {
	text-align: left;
}

.panneauTableau .ox-center {
	text-align: center;
}

.panneauTableau .ox-right {
	text-align: right;
}

/*-------------------- panneauArbre ------------------------*/

.arbre
{
	float: left;
	width: 400px;
	height: 100%;
	overflow: hidden;
}

.panneauArbre .titre
{
	height: 21px;
	cursor: pointer;
	font-size: 16px;
	overflow: hidden;
	line-height: 18px;
	margin: 12px 10px;
	padding-left: 5px;
	background-color: #0195FF;
	font-family: Calibri;
}

/*--------------- reconfiguration jqWidgets ----------------*/

/*.jqx-widget:not(.jqx-grid),
jqx-fill-state-disabled
{
	color: inherit;
}*/

.jqx-tabs-title
{
	color: #000000;
}

.jqx-grid-cell
{
	font-family: Arial;
	font-size: 12px;
}

body.jqx-position-reset
{
	position: fixed !important;
}

.jqx-fill-state-hover
{
	background-color: #2D8FC4;
	border-color: #2D8FC4;
}

.dropDownButton .jqx-color-picker
{
	margin: 3px !important;
}

.jqx-scheduler-edit-dialog-label
{
	white-space: nowrap;
}

.jqx-switchbutton .jqx-disableselect
{
	font-size: 10px;
}

.screen-frame .jqx-switchbutton-label-off.jqx-disableselect
{
	color: white;
	background-color: #F44336;
}

.screen-frame .jqx-switchbutton-label-on.jqx-disableselect
{
	color: white;
	background-color: #2ECC71;
}

.screen-frame .jqx-switchbutton .jqx-fill-state-hover
{
	background-color: #2ECC71;
}

.screen-frame .jqx-switchbutton.jqx-switchbutton-on .jqx-fill-state-hover
{
	background-color: #F44336;
}

/*----------------------------------------------------------*/
/*						graphique							*/
/*----------------------------------------------------------*/

.graphique
{
	width: 100%;
	height: 100%;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*						menu contextuel						*/
/*----------------------------------------------------------*/

.menuContextuel
{
	background-color: #0171C3;
	padding: 10px;
	position: fixed;
	z-index: 800;
}

.menuContextuel li
{
	list-style: none outside none;
	cursor: pointer;
}

.menuContextuel li:hover
{
	color: #001A6F;
}

.menuContextuel .imageMenuContextuel
{
	position: absolute;
	height: 16px;
	width: 16px;
}

.menuContextuel .texteMenuContextuel
{
	margin-left: 20px;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*				interface de gestion de node js				*/
/*----------------------------------------------------------*/

 #interfaceNodeJs
{
	position: fixed;
	padding: 0 5px;
	display: none;
	width: 400px;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #7FBD42;
	overflow: auto;
}

 #interfaceNodeJs > ul
 {
	background-color: #FFFFFF;
	margin: 5px;
	overflow: auto;
	padding: 5px;
}

 #interfaceNodeJs .client
{
	width: 200px;
	height: 100px;
	float: left;
	display: none;
}
 
 #interfaceNodeJs li,
 #interfaceNodeJs .client div
{
	width: 190px;
	height: 28px;
	margin: 5px 5px 0;
	float: left;
	line-height: 24px;
	overflow: hidden;
	text-indent: 10px;
	background-color: #333333;
	color: white;
}

 #interfaceNodeJs li
{
	width: calc(100% - 10px);
}

 #interfaceNodeJs .chambre span
{
	float: right;
	margin-right: 10px;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*							leaflet							*/
/*----------------------------------------------------------*/

.leaflet-container
{
	color: #000000;
}

.beautify-marker i
{
	display: inline-block;
}

.leaflet-control-zoom-fullscreen
{
	background-image: url("../../Images/Leaflet/icon-pleinEcran.png");
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*							gantt							*/
/*----------------------------------------------------------*/

.screen-frame [data-fonction="gantt"] TH,
.screen-frame [data-fonction="gantt"] .tableHeader,
.screen-frame #__blackpopup__ TH,
.screen-frame #__blackpopup__ .tableHeader
{
	background-color: #0270C5;
}

.screen-frame [data-fonction="gantt"] .taskEditRow.rowSelected td,
.screen-frame [data-fonction="gantt"] .taskEditRow.rowSelected input,
.screen-frame [data-fonction="gantt"] .ganttHighLight
{
	background-color: #643DC0;
	color: white;
}

.screen-frame [data-fonction="gantt"] .holyH
{
	background-color: #F3DFD5;
	color: #c0c0c0;
}

.screen-frame [data-fonction="gantt"] .teamworkIcon,
.screen-frame #__blackpopup__ .teamworkIcon
{
	color: #343434;
}

.screen-frame [data-fonction="gantt"] .vSplitBar
{
	background-color: #4C4C4C;
}

.screen-frame [data-fonction="gantt"] .button.first,
.screen-frame #__blackpopup__ .button.first
{
	background-color: #00B506;
	box-shadow: 2px 2px 2px #006C04;
}

.screen-frame [data-fonction="gantt"] .button.first:hover,
.screen-frame #__blackpopup__ .button.first:hover
{
	background-color: #00DB07;
	box-shadow: 2px 2px 2px #01AE07;
}

/*----------------------------------------------------------*/

/************************************************/
/*					OxyPreference				*/
/************************************************/

#preference
{
	position: absolute;
	width: 400px;
	top: calc(50% - 100px);
	left: calc(50% - 200px);
	background-color: #252526;
	color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 5px white;
	padding: 20px 40px;
	z-index: 1;
}

#preference .ligne
{
	overflow: auto;
}

#preference .label
{
	float: left;
	margin: 5px;
	line-height: 24px;
}

#preference .action
{
	float: right;
	margin: 5px;
}

/***********************************************/

/*----------------------------------------------------------*/
/*							chat							*/
/*----------------------------------------------------------*/

#chat
{
	float: right;
	height: 100%;
	width: 400px;
	position: relative;
	background-color: #1A74B0;
	-moz-user-select: none;
}

#chat #listeChambres,
#chat #listeMembres
{
	background-color: #BABABA;
	height: 200px;
	margin: 5px;
	padding: 5px;
}

#chat .chambre
{
	background-color: #343434;
	cursor: pointer;
	text-indent: 5px;
	margin-bottom: 5px;
}

#chat .selectionne
{
	background-color: #7FBD42;
}

#chat #affichageMessages
{
	background-color: white;
	overflow: auto;
	margin: 5px;
	height: calc(100% - 600px);
}

#chat .message
{
	background-color: #808080;
	border-radius: 5px;
	float: left;
	margin: 5px;
	padding: 0 5px;
	width: 200px;
}

#chat .message .expediteur
{
	font-size: 10px;
	color: lightgray;
}

#chat .message.messageEnvoye
{
	float: right;
	background-color: #7FBD42;
}

#chat #saisieTexte
{
	width: calc(100% - 10px);
	margin: 5px;
	border: 0;
	height: 100px;
}

#chat #envoyer
{
	background-color: #343434;
	border: 0 none;
	color: #FFFFFF;
	line-height: 30px;
	margin-left: calc(100% / 2 - 50px);
	width: 100px;
	cursor: pointer;
}

#chat #envoyer:hover
{
	background-color: #454545;
}

#chat #envoyer:active
{
	background-color: #7245E7;
}

/*----------------------------------------------------------*/

.sds-login-welcome-info 
{
	margin: 24px;
	right: 10px;
	position: absolute;
	text-overflow: ellipsis;
	width: 320px;
}

.sds-login-welcome-info-wrapper 
{
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.sds-login-welcome-info-container:first-child::after 
{
	animation: 1s ease 0s normal none 1 running line;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	border-top: 1px solid #fff;
	content: "";
	display: block;
	margin-top: 8px;
}

.sds-login-welcome-info-container 
{
	overflow: hidden;
}

.sds-login-welcome-info-container:first-child > div 
{
	animation: 2s ease 0s normal none 1 running fadeInUp;
}

.sds-login-welcome-info-title 
{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 8px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.sds-login-welcome-info-title,
.sds-login-welcome-info-msg 
{
	color: #fff;
	cursor: default;
	font-family: Roboto;
	overflow-wrap: break-word;
}

.sds-login-welcome-info-container:first-child img
{
	padding-bottom: 15px;
}

/*----------------------------------------------------------*/
/*						page de login						*/
/*----------------------------------------------------------*/

.slides
{
	padding: 0;
	width: 500px;
	height: 1043px;
	display: none;
	margin: 0 auto;
	position: relative;
}

.slides *
{
	user-select: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide
{
	top: 0;
	opacity: 0;
	width: 500px;
	height: 1043px;
	display: block;
	position: absolute;
	transform: scale(0);
	transition: all .7s ease-in-out;
}

.slide img
{
	width: 100%;
	height: 100%;
}

.nav label
{
	width: 70px;
	height: 100%;
	display: none;
	position: absolute;
	opacity: 0;
	z-index: 9;
	cursor: pointer;
	transition: opacity .2s;
	font-size: 156pt;
	text-align: center;
	line-height: 800px;
	font-family: "Varela Round", sans-serif;
	background-color: rgba(255, 255, 255, .3);
	text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide
{
	opacity: 1;
	transform: scale(1);
	transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots
{
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4
{
	background: rgba(0, 0, 0, 0.8);
}

/* Design Login Home Page */
[class*="fontawesome-"]:before
{
	font-family: 'FontAwesome';
}

#login
{
	margin-left: 20px;
	padding: 0 20px;
}

#login span,
#zoneConnexionWebmail span
{
	background-color: #f27935;
	border-radius: 3px 0px 0px 3px;
	border-right: 3px solid #FFF;
	color: white;
	display: block;
	float: left;
	line-height: 40px;
	text-align: center;
	width: 50px;
	height: 40px;
}

#login input:focus,
#login input:focus
{
	color: #2cd892;
	border-style: solid;
	border-width: 2px 2px 2px 0;
	border-color: white;
	width: 232px;
	height: 36px;
	line-height: 28px;
}

.text2
{
	position: absolute;
	width: 450px;
	left: 71%;
	margin-left: -225px;
	height: 40px;
	top: 95%;
	margin-top: -20px;
	font-weight: 600;
}

/* :not(.ql-editor) > p
{
	display: inline-block;
	vertical-align: top;
	margin: 0;
} */

.word2
{
	position: absolute;
	width: 200px;
	opacity: 0;
}

.letter
{
	display: inline-block;
	position: relative;
	float: left;
	transform: translateZ(25px);
	transform-origin: 50% 50% 25px;
}

.letter.out
{
	transform: rotateX(90deg);
	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind
{
	transform: rotateX(-90deg);
}

.letter.in
{
	transform: rotateX(0deg);
	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria { color: #e91e63; }

.belize { color: #ffc107; }

.pomegranate { color: #03a9f4; }

.green { color: #00bcd4; }

.midnight { color: #9c27b0; }

/* Bouton Connexion Home Page */

.svg-filters
{
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
}

#oxui-btnOpenConnexion
{
	border: none;
	display: inline-block;
	margin-left: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.85em;
	font-weight: 700;
	text-decoration: none;
	user-select: none;
	letter-spacing: 0.1em;
	color: white;
	padding: 20px 40px;
	text-transform: uppercase;
	background-color: transparent;
	transition: background-color 0.1s ease-out;
	position: relative;
	z-index: 0;
	left: 90px;
}

 #oxui-btnOpenConnexion:hover
 {
	background-color: #2CD892;
	color: #fff;
 }

.button--2 .left2,
.button--2 .right2
{
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	background: #222;
	transition: background 0.1s ease-out;
	top: 50%;
	margin-top: -12px;
	z-index: -2;
}

.button--2 .left2.left2, .button--2 .right2.left2
{
	left: 0;
}

.button--2 .left2.right2, .button--2 .right2.right2
{
	right: 0;
}

.button--2 .button__bg
{
	content: "";
	background: #222;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: background 0.1s ease-out;
}

.button--2:hover
{
	background-color: transparent;
}

.button--2:hover:before, .button--2:hover span
{
	background-color: #2CD892;
}

@keyframes hue-rotate
{
	from { filter: hue-rotate(0); }
	to { filter: hue-rotate(360deg); }
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*							compte							*/
/*----------------------------------------------------------*/

.gestioncompte
{
	display: none;
	margin-top: 42px;
	position: absolute;
	right: 0;
	background-color: #1A74B0;
}

#entete .gestioncompte li
{
	float: inherit;
	text-align: left;
	cursor: pointer;
}

.changementMDP
{
	display: none;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*					configuration tableau					*/
/*----------------------------------------------------------*/

.tableauEcran .ox-tableau
{
	background-color: white;
}

.tableauEcran .ox-ligne:not(:last-child) .ox-colonne
{
	border-bottom: 1px solid #60aad2;
}

.tableauEcran .ox-colonne + .ox-colonne
{
	border-left: 1px solid #60aad2;
}

.tableauEcran .ox-colonne
{
	box-shadow: none;
}

.tableauEcran .ox-enteteTab
{
	background-color: #0270C5;
}

.tableauEcran .ox-tableau .ox-boutonX,
.tableauEcran .ox-tableau .ox-boutonY
{
	background-color: #3c91c2;
}

.ox-tableau .ox-contenu
{
	background-color: white;
}

.ox-tableau .ox-colonne {
	border-color: #5797f8 !important;
	color: #3b3b3b;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*						infos interface						*/
/*----------------------------------------------------------*/

#logoUtilisateur
{
	font-size: 35px;
	float: right;
	cursor: pointer;
	margin-top: 3px;
}

#infosUtilisateur
{
	font-size: 25px;
	float: right;
	line-height: 40px;
	margin-left: 10px;
}

#btnInformation
{
	font-size: 25px;
	line-height: 40px;
	margin-right: 10px;
	float: right;
	cursor: pointer;
	display: none;
}

#btnInformation:hover
{
	color: red;
}

#panneauAnnexe
{
	height: 100%;
	width: 300px;
	float: right;
	background-color: white;
	color: #343434;
	transition: margin-right 0.5s;
}

#panneauAnnexe > *
{
	margin: 5px;
}

#choixMode
{
	display: none;
}

#choixMode li
{
	list-style-type: none;
	float: right;
	font-size: 30px;
	cursor: pointer;
	transition: color 0.5s;
	padding-top: 6px;
}

#choixMode li:hover
{
	color: #1c74ae;
	background-color: inherit;
	transition: color 0.5s;
}

#choixMode li a
{
	display: block;
}

#choixMode li a.selected,
#choixMode li a.indisponible
{
	display: none;
}

#panneauAnnexe #btnInformation
{
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}

#panneauAnnexe  #btnInformation:hover + #erreurDeConnexion:not(.estDeploye)
{
	max-height: 40px;
}

#panneauAnnexe #erreurDeConnexion
{
	max-height: 0;
	overflow: auto;
	text-align: justify;
	padding: 5px;
	transition: max-height 0.5s;
}

#panneauAnnexe #erreurDeConnexion.estDeploye
{
	max-height: 500px;
}

#panneauAnnexe #erreurDeConnexion li
{
	margin-bottom: 10px;
}

#panneauAnnexe .oxui-alarm
{
	width: 110px;
	height: 110px;
	border: solid 5px #0270C5;
	list-style-type: none;
	margin: 2px;
	padding-left: 5px;
	cursor: pointer;
	float: left;
}

#panneauAnnexe .oxui-alarm span
{
	display: block;
	line-height: 40px;
	text-align: center;
	margin-bottom: 5px;
	margin-left: -5px;
}

#panneauAnnexe .oxui-alarm span::before
{
	font-size: 40px;
	position: absolute;
	margin-left: -16px;
	line-height: 46px;
}

.oxui-alarm:hover
{
	background-color: lightgray;
	transition: background-color 0.5s;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/*							Webmail							*/
/*----------------------------------------------------------*/

#zoneConnexionWebmail
{
	margin-left: calc(48% - 160px);
	margin-top: calc(22% - 90px);
	width: 320px;
	height: 180px;
}

#zoneConnexionWebmail button
{
	padding: 20px;
	margin-left: 100px;
	background-color: black;
	color: white;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.2s ease-out;
}

#zoneConnexionWebmail button:hover
{
	background-color: #0171c3;
	transition: background-color 0.2s ease-out;
}

#zoneConnexionWebmail button:active
{
	margin: 2px 102px;
	padding: 18px;
	transition: margin 0.1s ease-out, padding 0.1s ease-out;
}

#zoneAffichageMail
{
	width: calc(100% - 510px);
	height: 100%;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

#zoneAffichageMail.simple
{
	width: 100%;
}

#zoneAffichageMail input,
#zoneAffichageMail textarea
{
	width: calc(100% - 60px);
	margin: 2px 0;
	padding: 5px;
}

#zoneAffichageMail textarea
{
	height: 400px;
}

.ql-toolbar.ql-snow
{
	background-color: white;
}

#zoneAffichageMail .libDestinataire,
#zoneAffichageMail .libEmetteur
{
	width: 50px;
	height: 30px;
	display: block;
	float: left;
	clear: both;
	line-height: 35px;
}

#zoneAffichageMail .transformerHtml
{
	float: left;
	font-size: 30px;
	color: white;
	background: transparent;
	cursor: pointer;
}

#zoneAffichageMail .pj
{
	float: left;
	margin-right: 10px;
	cursor: pointer;
	border-radius: 20px;
	padding: 0 5px;
}

#zoneAffichageMail .pj:hover
{
	background-color: #506f8e;
}

#zoneAffichageMail .dateEnvoieCourriel
{
	margin-left: 50px;
	float: left;
}

#zoneAffichageMail .contenu
{
	height: calc(100% - 206px);
	margin-top: 2px;
	margin-left: 50px;
	background-color: white;
	clear: both;
}

#zoneAffichageMail .contenu.html
{
	margin-left: 50px;
	width: calc(100% - 80px);
	border: 0;
	background-color: white;
}

#zoneAffichageMail .titre,
#zoneAffichageMail .emplacementPiecesJointes,
#zoneAffichageMail .envoyer,
#zoneAffichageMail .ajouterPieceJointe
{
	margin-left: 50px;
}

#zoneAffichageMail .envoyer
{
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
	font-size: 30px;
	background: transparent;
	color: white;
}

#zoneAffichageMail .sauvegarder
{
	float: left;
	cursor: pointer;
	margin-left: 50px;
	font-size: 30px;
	background-color: inherit;
	color: white;
}

#zoneAffichageMail .envoyer:hover
{
	color: #63c455;
	transition: background-color 0.5s ease;
}

#zoneAffichageMail .sauvegarder:hover
{
	color: #63c455;
	transition: color 0.5s ease;
}

#zoneAffichageMail .envoyer:active
{
	color: gray;
}

#zoneAffichageMail .choixAutocompletion
{
	position: absolute;
	max-height: 100px;
	white-space: nowrap;
	background-color: white;
	border: 1px solid black;
	overflow: auto;
	color: black;
}

#zoneAffichageMail .choixAutocompletion div
{
	margin: 2px 10px;
	cursor: pointer;
}

#zoneAffichageMail .choixAutocompletion div:hover
{
	background-color: #0171c3;
	color: white;
	transition: background-color 0.5s ease, color 0.5s ease;
}

#zoneAffichageMail .emplacementPiecesJointes
{
	float: left;
	line-height: 36px;
	margin-right: 10px;
	clear: both;
}

#zoneAffichageMail .ajouterPieceJointe
{
	background: transparent;
	color: white;
	font-size: 30px;
	cursor: pointer;
	margin-top: 5px;
	clear: right;
	display: block;
}

#zoneAffichageMail .ajouterPieceJointe:hover,
#zoneAffichageMail .contenu:hover
{
	color: gray;
	transition: background-color 0.5s ease;
}

#zoneAffichageMail .fichier
{
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	float: left;
}

#zoneCourriels
{
	width: 500px;
	height: 100%;
	float: left;
}

#zoneCourriels .recherche
{
	width: calc(100% - 6px);
	height: 30px;
	text-indent: 5px;
	margin: 5px;
}

#listeCourriels
{
	height: calc(100% - 40px);
	overflow: auto;
}

#listeCourriels .courriel
{
	margin: 5px;
	background-color: #0171c3;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
	transition: background-color 0.1s ease;
}

#listeCourriels .courriel:hover
{
	background-color: #408cc4;
	transition: background-color 0.1s ease;
}

#listeCourriels .courriel.selectionne
{
	background-color: #0092ff;
}

#listeCourriels span
{
	display: block;
	white-space: nowrap;
	font-size: 16px;
	color: white;
}

#listeCourriels .titre
{
	font-size: 14px;
	color: #c8c8c8;
}

#listeCourriels .date
{
	font-size: 12px;
	text-align: right;
	color: #c8c8c8;
}

/*----------------------------------------------------------*/