@charset "utf-8";
@import "../../../CSS-Libs/dhtmlx/dhtmlxsuite/skins/web/dhtmlx.css";
@import "../../../CSS-Libs/dhtmlx/dhtmlxsuite/skins/web/dhtmlx_mainta.css";
@import "../../../CSS-Libs/dhtmlx/dhtmlxscheduler/dhtmlxscheduler.css";
@import "../../../CSS-Libs/dhtmlx/dhtmlxscheduler/dhtmlxscheduler_mainta.css";
@import "../../../CSS-Libs/dhtmlx/dhtmlxvault/skins/web/dhtmlxvault.css";
@import "../../../CSS-Libs/dhtmlx/dhtmlxvault/skins/web/dhtmlxvault_mainta.css";
@import "./fonts.css";





/*
  ===============================================================================================
  -----------------------------|                                  |------------------------------
  -----------------------------|     CSS Mainta New Skin 2017     |------------------------------
  -----------------------------|            CSS Global            |------------------------------
  -----------------------------|                                  |------------------------------
  ===============================================================================================
*/



/*========================================== Général ==========================================*/


/*-------------- Bug viewport IE10 sur Win8 Desktop/Surface --------------*/

@-ms-viewport { width: device-width; }
@-o-viewport  { width: device-width; }
@viewport 	  {	width: device-width; }

* {
		-moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
		  -o-box-sizing: border-box;
		 -ms-box-sizing: border-box;
			 box-sizing: border-box;
}
html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
html {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	scroll-behavior: smooth;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: .95rem;
	background-size: 100% 150px;
	background-repeat: no-repeat;
	background-color: #f6f6f6;
	overflow-x: hidden;
	overflow-y: scroll;
}



/*=========================================== Header ==========================================*/

header {
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 992;
	background-color: #fff;
	border-top: 3px solid rgba(0,0,0,.06);
	box-shadow: 0 0 80px rgba(0,0,0,.1);
}
header.head-fixed {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
		-ms-transform: translateY(0);
		 -o-transform: translateY(0);
			transform: translateY(0);
}
body:not(.pushmenu-top-opened):not(.notif-opened) header.head-unfixed,
body.editing header {
	-webkit-transform: translateY(-120%);
	   -moz-transform: translateY(-120%);
		-ms-transform: translateY(-120%);
		 -o-transform: translateY(-120%);
			transform: translateY(-120%);
}
header::after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -1px;
	background-color: rgba(0,0,0,.06);
}
header::before {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 4px;
	bottom: -4px;
	background-color: rgba(0,0,0,.06);
}
header.head-unfixed::before,
header.head-unfixed::after {
	display: none;
}
header h1 {
	position: absolute;
	display: block;
	padding: 0;
	top: 20px;
	left: 50%;
	margin-left: -60px;
}

@media (max-width: 419px) and (orientation: portrait),
(max-height: 419px) and (orientation: landscape) {
	header {
		height: 70px;
	}
	header h1 {
		top: 5px;
		margin-left: -50px;
	}
	header h1 a img {
		height: 42px;
	}
}


/*--------------------------- < Toggle search > --------------------------*/

header #togglesearch {
	position: absolute;
	display: inline-block;
	z-index: 1001;
	top: 81px;
	left: 50%;
	width: 106px;
	height: 30px;
	margin: 0;
	padding: 0;
	margin-left: -53px;
	list-style: none;
}
body:not(.pushmenu-top-opened):not(.notif-opened) header.head-unfixed #togglesearch {
	opacity: 0;
}
header #togglesearch > li {
	padding: 0;
	margin: 0;
}
header #togglesearch > li > a {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	border-radius: 50%;
	margin: 0 3px;
}
header #togglesearch > li > a i {
	position: absolute;
	top: 2px;
	left: 2px;
	opacity: .7;
}
header #togglesearch > .prev > a,
header #togglesearch > .next > a {
	width: 26px;
	height: 26px;
	z-index: 1;
	top: 2px;
	margin-left: -13px;
	border: 2px solid #fff;
	background-color: #a1a1a1;
}
header #togglesearch > .prev > a i,
header #togglesearch > .next > a i {
	top: 1px;
	opacity: 1;
}
header #togglesearch > .prev > a i {
	left: 1px;
}
header #togglesearch > .next > a i {
	left: 1px;
}
header #togglesearch > .prev > a {
	margin-left: -51px;
}
header #togglesearch > .next > a {
	margin-left: 25px;
}
header #togglesearch > .prev.inactive > a,
header #togglesearch > .next.inactive > a {
	background-color: #ddd;
	cursor: default;
}
header #togglesearch > .prev:not(.inactive) > a:hover,
header #togglesearch > .next:not(.inactive) > a:hover {
	background-color: #707070;
}
header #togglesearch > .toggle > a {
	position: relative;
	width: 30px;
	height: 30px;
	z-index: 2;
	margin-left: -15px;
	border: 2px solid #d6d6d6;
	background-color: #fff;
}
body.pushmenu-top-opened header #togglesearch > .toggle > a {
	background-color: #96b500;
	border: 2px solid #96b500;
}
header #togglesearch > .toggle > a::before {
	display: block;
	position: absolute;
	content: '';
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-black.svg);
	background-position: 55.5% 0;
	background-size: auto 200px;
}
body.pushmenu-top-opened header #togglesearch > .toggle > a::before {
	top: 0;
	left: 0;	
	width: 26px;
	height: 26px;
	opacity: 1;
	background-image: url(../img/icons/00_misc-white.svg);
	background-position: 44.4% 0;
	background-size: auto 260px;
}
header #togglesearch > .toggle > a:hover {
	border: 2px solid #bfbfbf;
}
header #togglesearch > .toggle > a:hover i {
	opacity: 1;
}

@media (max-width: 419px) and (orientation: portrait),
(max-height: 419px) and (orientation: landscape) {
	header #togglesearch {
		top: 52px;
	}
}


/*------------------------Style par defaut des boutons--------------------*/
button {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}


/*----------------------------- Search panel -----------------------------*/

#search form#zoom {
	width: 100%;
	max-width: 600px;
	font-size: 0;
	margin: 44px 0 0 0;
	padding: 0 20px;
}
#search form#zoom .form-group {
	position: relative;
}
#search form#zoom .form-control {
	font-size: 1rem;
}
#search form#zoom label {
	display: block;
	position: absolute;
	z-index: 2;
	top: 4px;
	left: 6px;
	width: 30px;
	height: 30px;
	opacity: .2;
	background-image: url(../img/icons/00_misc-black.svg);
	background-size: auto 300px;
	background-position: 55.5% 0;
}
#search form#zoom input:focus + label {
	opacity: 1;
	background-image: url(../img/icons/00_misc-green.svg);
}
#search form#zoom input {
	display: inline-block;
	width: calc(100% - 100px) !important;
	height: 40px;
	padding-left: 42px;
}
#search form#zoom input[type="submit"],
.zoomwidget input[type="button"] {
	display: inline-block;
	width: 94px !important;
	height: 40px;
	border-color: #96b500;
	border-bottom: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 2px 0 rgba(0,0,0,.1);
	color: #fff;
	text-indent: -10000em;
	overflow: hidden;
	vertical-align: top;
	padding: 0;
	margin: 0;
	background: url(../img/header/zoom.svg) center center no-repeat;
	background-color: #96b500;
}
.zoomwidget input[type="button"] {
	background-color: #343a40;
	height: 38px;
}

#listresults {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #ededed;
}
#listresults.show {
	margin: 10px 0 18px 0;
	padding: 0 30px 24px 37px;
	height: auto;
}
#listresults > .col {
	width: 1%;
	overflow: hidden;
	padding-right: 15px;
}
#listresults h3 {
	width: 100%;
	margin-top: 24px;
	padding-right: 20px;
	font-size: 2em;
	letter-spacing: -.03em;
	font-weight: 300;
	color: #96b500;
}
#listresults h3 a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
}
#listresults h3 a::after {
    display: block;
    position: absolute;
    content: '';
    top: 36px;
    margin-top: -10px;
    right: 8px;
    width: 30px;
    height: 30px;
	opacity: .5;
    background-image: url(../img/icons/00_misc-black.svg);
    background-size: auto 300px;
    background-position: 66.6% 0;
}
#listresults h3 a[aria-expanded="true"]::after {
    background-position: 77.7% 0;
}
#listresults .warning {
	display: block;
	position: relative;
	padding-left: 24px;
	color: #ff9000;
	font-size: .9em;
	line-height: 1.4em;
}
#listresults .warning::after {
	display: block;
	content: '';
	width: 100%;
	height: 12px;
}
#listresults .warning i {
	position: absolute;
	left: 0;
}
#listresults .numresults {
	display: block;
	position: relative;
	color: #ebebeb;
	font-size: .95em;
	font-weight: 300;
	line-height: 1.2em;
	padding: 5px 90px 6px 12px;
	margin: 0 0 10px 0;
	background-color: #aaa;
}
#listresults .numresults::after {
	display: block;
	position: absolute;
	content: '';
	bottom: -4px;
	left: 18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #a4a4a4 transparent transparent transparent;
}
#listresults .numresults em {
	font-style: normal;
}
#listresults .numresults strong {
	color: #fff;
	font-weight: 400;
}
#listresults .numresults ul {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 12px;
}
#listresults .numresults ul li {
	display: inline-block;
}
#listresults .numresults ul li i {
	margin-right: 2px;
	margin-bottom: 4px;
}
#listresults ul {
	list-style: none;
	padding: 0;
}
#listresults ul li {
	border: 0;
}
#listresults ul li h4 {
	margin: 0;
	font-size: 1em;
}
#listresults ul li h4 a {
	display: block;
	position: relative;
	padding: 9px 14px 7px 12px;
	color: #353535;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.08);
	background-color: #f9f9f9;
}
#listresults ul li h4 a:hover {
	color: #000;
	background-color: #fff;
}
#listresults ul li h4 a[aria-expanded="true"] {
	color: #fff;
	background-color: #8b8b8b;
	border-bottom: 1px solid rgba(0,0,0,0);
}
#listresults ul li h4 a[aria-expanded="true"]::before {
	display: block;
	position: absolute;
	z-index: 999;
	content: '';
	top: 34px;
	left: 42px;
	width: 0;
	height: 0;
	opacity: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #8b8b8b transparent transparent transparent;
}
#listresults ul li:first-child h4 a[aria-expanded="true"]::before {
	top: 37px;
}
#listresults ul li h4 a[aria-expanded="true"]::before {
	opacity: 1;
}
#listresults ul li h4 a::after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -10px;
    right: 8px;
    width: 20px;
    height: 20px;
	opacity: .3;
    background-image: url(../img/icons/00_misc-black.svg);
    background-size: auto 200px;
    background-position: 66.6% 0;
}
#listresults ul li h4 a[aria-expanded="true"]::after {
	opacity: 1;
    background-position: 77.7% 0;
    background-image: url(../img/icons/00_misc-white.svg);
}
#listresults ul li h4 a[aria-expanded="true"] small {
	color: #c9e63c;
}
#listresults ul li:not(:first-child) h4 a {
	padding: 7px 14px 6px 12px;
	border-top: 3px solid rgba(0,0,0,.02);
}
#listresults ul li h4 a i {
	top: -2px;
	margin-right: 6px;
}
#listresults ul li h4 small {
	color: #96b500;
	font-size: .8em;
	font-weight: 300;
	padding-left: 4px;
}

#listresults ul li div[role="tabpanel"] {
	border-left: 1px solid #aaa;
	padding: 1px 0 0 1px;
}

#listresults ul li form.search-filter {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 11px 0 7px 40px;
	color: #585858;
	background-color: #dcdcdc;
}
#listresults ul li form.search-filter label {
	font-size: .85em;
	padding: 0 6px 0 0;
}
#listresults ul li form.search-filter input {
	display: inline;
	width: 200px !important;
	padding: 6px 10px;
	margin-right: 12px;
	font-size: .9em;
}
#listresults ul li form.search-filter button.cancel-filter {
	cursor: pointer;
	font-size: .85em;
	color: #303030;
	background: none;
	box-shadow: none;
	outline: none;
	border: 0;
}
#listresults ul li form.search-filter button.cancel-filter i {
	top: -2px;
	background-color: #888;
	margin-right: 8px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
}
#listresults ul li form.search-filter button.cancel-filter:hover i {
	background-color: #666;
}
#listresults ul li .rescontent {
	position: relative;
	min-height: 100px;
	overflow: hidden;
	height:350px;
}
#listresults ul li .rescontent .loader .spin {
	margin-top: -20px;
}
#listresults ul li .rescontent .loader .spin::after {
	background-color: #ececec;
}
#listresults ul li .rescontent > .gridbox {
	min-width: 900px;
}
#listresults .objbox {
	overflow: hidden;
}
#listresults > .col > .loader {
	position: relative;
	width: 40px;
	height: 40px;
	left: 50%;
	margin: 20px 0 10px -20px;
}
#listresults > .col > .loader .spin:after {
    background-color: #ededed;
}

@media (max-width: 767px) {
	#listresults.show {
		padding: 0 0 16px 10px;
	}
	#listresults h3 {
		margin-top: 20px;
		font-size: 1.6em;
	}
	#listresults h3 a::after {
		top: 30px;
		right: 14px;
	}
	#listresults ul li form.search-filter {
		padding: 12px 0 13px 20px;
	}
	#listresults ul li form.search-filter input {
		margin: 0;
	}
	#listresults ul li form.search-filter button.cancel-filter {
		position: relative;
		width: 32px;
		height: 32px;
		font-size: 0;
		vertical-align: top;
		margin: 0;
		background-color: #888;
	}
	#listresults ul li form.search-filter button.cancel-filter:hover {
		background-color: #666;
	}
	#listresults ul li form.search-filter button.cancel-filter i {
		position: absolute;
		top: 6px;
		left: 6px;
		margin: 0;
		box-shadow: none;
	}
	#listresults ul li form.search-filter button.cancel-filter i,
	#listresults ul li form.search-filter button.cancel-filter:hover i {
		background-color: transparent;
	}
}
@media (max-width: 480px) {
	#listresults ul li form.search-filter input {
		width: 60%;
	}
	#listresults .numresults {
		font-size: .85em;
		padding: 7px 12px 8px 12px;
	}
	#listresults .numresults ul {
		display: block;
		position: relative;
		margin: 0 0 0 14px;
	}
}

#shortcuts {
	position: relative;
	margin: 10px 0 40px 0;
	padding: 0 30px 24px 37px;
	border: 1px solid #f2f2f2;
	background-color: #fff;
	text-align: left;
}
#shortcuts > div {
	width: 100%;
}
#shortcuts > div > div:first-child {
	margin-top: 30px;
}
#shortcuts h3 {
	font-size: 1.6em;
	letter-spacing: -.02em;
	font-weight: 300;
	margin: 0px 0 10px 0;
	padding-top: 14px;
	border-top: 1px solid rgba(0,0,0,0.08);
	clear: both;
	text-align: left; /* Ajout de text align pour les titres du zoom*/
}
#shortcuts div.myfav h3 {
	padding: 0;
	border: 0;
}
#shortcuts ul.tags {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 41px;
	padding: 0;
	overflow: hidden;
}
#shortcuts ul.tags .error {
	color: #717171;
}
#shortcuts ul.tags li {
	display: block;
	position: relative;
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
}
#shortcuts.selected ul.tags li {
	opacity: .5;
}
#shortcuts ul.tags li.active,
#shortcuts.selected ul.tabs li:hover {
	opacity: 1;
}
#shortcuts ul.tags li a {
	position: relative;
	display: block;
	width: 100%;
	height: 41px;
	width: 190px;
	max-width: 200px;
	max-height: 41px;
	padding: 6px 26px 0 10px;
	font-size: 1em;
	text-indent: -1px;
	color: #fff;
	line-height: 17px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-align: left; /*Icon aligné à gauche*/
	text-overflow: ellipsis;
}
#shortcuts ul.tags li a i {
	margin: -1px 7px 0 0;
}
#shortcuts ul.tags li a.options {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px !important;
	height: 100% ;
	padding: 0;
}
#shortcuts ul.tags li a.options i {
	margin-top: 11px;
	margin-left: 4px;
	opacity: .7;
}
#shortcuts ul.tags li a:hover.options i {
	opacity: 1;
}
#shortcuts div.myfav h3 {
	color: #8e8e8e;
}
#shortcuts div.myfav ul li a {
	background-color: #e2e2e2;
	border-bottom: solid #c2e48c;
    transition: 0.8s;
}
#shortcuts div.myfav ul li a:hover {
	background-color: #dadada;
}
#shortcuts div.myrec h3 {
	color: #8e8e8e;
}
#shortcuts div.myrec ul li a {
	background-color: #e2e2e2;
	border-bottom: solid #c2e48c;
    transition: 0.8s;
}
#shortcuts div.myrec ul li a:hover {
	background-color: #dadada;
}
#shortcuts div.mypan h3 {
	color: #8e8e8e;
}
#shortcuts div.mypan ul li a {
	background-color: #e2e2e2;
	border-bottom: solid #c2e48c;
    transition: 0.8s;
}
#shortcuts div.mypan ul li a:hover {
	background-color: #dadada;
}
#shortcuts ul.tags li a span.icon {
	top: 2px;
	left: 5px;
}
#shortcuts ul.tags li a.more,
#shortcuts ul.tags li a.less {
	display: block;
	position: relative;
	width: 41px; 
	height: 41px;
	padding: 0;
	margin: 0;
	opacity: 1;
}
#shortcuts ul.tags li a.more::before,
#shortcuts ul.tags li a.less::before {
	display: block;
	position: absolute;
	content: '';
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-size: auto 200px;
}
#shortcuts ul.tags li a.more::before {
	background-position: 66.6% 0;
}
#shortcuts ul.tags li a.less::before {
	background-position: 77.7% 0;
}
#shortcuts div.myfav ul li a.more,
#shortcuts div.myfav ul li a.less {
	background-color: rgba(232,208,28,1);
}
#shortcuts div.myfav ul li a:hover.more,
#shortcuts div.myfav ul li a:hover.less {
	background-color: rgba(232,208,28,.7);
}
#shortcuts div.myrec ul li a.more,
#shortcuts div.myrec ul li a.less {
	background-color: rgba(103,206,255,1);
}
#shortcuts div.myrec ul li a:hover.more,
#shortcuts div.myrec ul li a:hover.less {
	background-color: rgba(103,206,255,.7);
}
#shortcuts div.mypan ul li a.more,
#shortcuts div.mypan ul li a.less {
	background-color: rgba(255,116,119,1);
}
#shortcuts div.mypan ul li a:hover.more,
#shortcuts div.mypan ul li a:hover.less {
	background-color: rgba(255,116,119,.7);
}#shortcuts div.myfav h3 {
	color: #8a8989;
}
#shortcuts div.myfav ul li a {
	background-color: #eaeaea;
    border: 0px;
    border-bottom: solid #c2e48c;
    transition: 0.8s;
	color: #8a8989;
}
#shortcuts div.myfav ul li a:hover {
	background-color: #dedede;
}
#shortcuts div.myrec h3 {
	color: #8a8989;
}
#shortcuts div.myrec ul li a {
	background-color: #eaeaea;
    border: 0px;
	color: #8a8989;
    border-bottom: solid #c2e48c;
    transition: 0.8s;
}
#shortcuts div.myrec ul li a:hover {
	background-color: #dedede;
}
#shortcuts div.mypan h3 {
	color: #8a8989;
}
#shortcuts div.mypan ul li a {
	background-color: #eaeaea;
    border: 0px;
	color: #8a8989;
    border-bottom: solid #c2e48c;
    transition: 0.8s;
}
#shortcuts div.mypan ul li a:hover {
	background-color: #dedede;
}
#shortcuts ul.tags li a span.icon {
	top: 2px;
	left: 5px;
}
#shortcuts ul.tags li a.more,
#shortcuts ul.tags li a.less {
	display: block;
	position: relative;
	width: 41px; 
	height: 41px;
	padding: 0;
	margin: 0;
	opacity: 1;
}
#shortcuts ul.tags li a.more::before,
#shortcuts ul.tags li a.less::before {
	display: block;
	position: absolute;
	content: '';
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-size: auto 200px;
}
#shortcuts ul.tags li a.more::before {
	background-position: 66.6% 0;
}
#shortcuts ul.tags li a.less::before {
	background-position: 77.7% 0;
}
#shortcuts div.myfav ul li a.more,
#shortcuts div.myfav ul li a.less {
	background-color: #eaeaea;
}
#shortcuts div.myfav ul li a:hover.more,
#shortcuts div.myfav ul li a:hover.less {
	background-color: #dedede;
}
#shortcuts div.myrec ul li a.more,
#shortcuts div.myrec ul li a.less {
	background-color: #eaeaea;
}
#shortcuts div.myrec ul li a:hover.more,
#shortcuts div.myrec ul li a:hover.less {
	background-color: #dedede;
}
#shortcuts div.mypan ul li a.more,
#shortcuts div.mypan ul li a.less {
	background-color: #eaeaea;
}
#shortcuts div.mypan ul li a:hover.more,
#shortcuts div.mypan ul li a:hover.less {
	background-color: #dedede;
}
#shortcuts ul.tags li a.less {
	background-position: -37px -37px;
}
#shortcuts ul.tags.full li a.more {
	display: none;
}
#shortcuts ul.tags.full li a.less {
	display: block;
}
#shortcuts .form-control {
	width: 250px;
	background-color: #ffe9ea;
	border: 1px solid #e7bcbe;
}
#shortcuts .form-control:focus {
    box-shadow: 0 0 10px rgba(250,111,114,.5);
}
@media (max-width: 767px) {
	#shortcuts {
		padding: 0 14px 20px 14px;
	}
}
@media (max-width: 329px) {
	#shortcuts ul.tags {
		min-height: 130px;
	}
	#shortcuts ul.tags li,
	#shortcuts ul.tags li a,
	#shortcuts ul.tags li a.more,
	#shortcuts ul.tags li a.less {
		width: 100%;
	}
	#shortcuts ul.tags li a.less::before,
	#shortcuts ul.tags li a.more::before {
		left: 50%;
		margin-left: -8px;
	}
}


/*---------------------------------- BOM ---------------------------------*/

nav#bom {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: auto;
	padding: 20px;
	margin-left: 4px;
	text-align: center;
	background-color: transparent;
	overflow: visible;
}
nav#bom ul {
	padding: 0;
	margin: 0;
	width: 100%;
}
nav#bom ul li {
	display: inline-block;
	position: relative;
	float: left;
	width: 56px;
	height: 56px;
	background-color: #fff;
	cursor: pointer;
}
nav#bom ul li::before {
	display: block;
	position: relative;
	z-index: 2;
	content: '';
	width: 56px;
	height: 56px;
	top: 0;
	left: 0;
	background-color: #fff;
	background: url(../img/header/icons-bom-mask.svg) center center no-repeat;
	background-size: 100% auto;
}
nav#bom ul li:hover {
	width: 56px;
	height: 56px;
}
nav#bom ul li:hover::before {
	background-size: 64px auto;
}
nav#bom ul li a {
	display: block;
	position: absolute;
	width: 56px;
	height: 56px;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-image: url(../img/header/icons-bom.png);
	background-size: auto 100%;
}
nav#bom ul li.blink a::after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 9999;
	border: 1px solid red;
	border-radius: 50%;
}
nav#bom ul li:hover a {
	width: 56px;
	height: 56px;
}

nav#bom ul li.bt a {
	background-position: 0 0;
	background-color: #cacb46;
}
nav#bom ul li.bt.blink a::after {
	border-color: #cacb46;
}
nav#bom ul li.eq a {
	background-position: -56px 0;
	background-color: #f0ee59;
}
nav#bom ul li.eq.blink a::after {
	border-color: #f0ee59;
}
nav#bom ul li.ar a {
	background-position: -112px 0;
	background-color: #a2ecf9;
}
nav#bom ul li.ar.blink a::after {
	border-color: #a2ecf9;
}
nav#bom ul li.op a {
	background-position: -168px 0;
	background-color: #ffa891;
}
nav#bom ul li.op.blink a::after {
	border-color: #ffa891;
}
nav#bom ul li.fo a {
	background-position: -224px 0;
	background-color: #89d29a;
}
nav#bom ul li.fo.blink a::after {
	border-color: #89d29a;
}
nav#bom ul li.ma a {
	background-position: -280px 0;
	background-color: #ffde7a;
}
nav#bom ul li.ma.blink a::after {
	border-color: #ffde7a;
}
nav#bom ul li span {
	position: relative;
	display: none;
}
@media (max-width: 899px) {
	nav#bom {
		z-index: 1002;
		width: 120px;
		height: 100%;
		margin: 0;
		background-color: #fff;
		overflow-x: hidden;
		overflow-y: auto;
	}
	nav#bom ul li {
		float: none;
		margin-bottom: 24px;
	}
	nav#bom ul li span {
		position: relative;
		display: inline-block;
		z-index: 3;
		top: -5px;
		left: -16px;
		width: 90px;
		font-size: .7em;
		text-transform: uppercase;
	}
	nav#bom ul .tooltip {
		display: none !important;
	}
}


/*------------------------------- Liens top ------------------------------*/

ul#links {
	font-size: 0;
	margin: 30px 0 0 0;
	padding: 0;
	float: right;
}
ul#links[data-mid-moved='true'] {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
ul#links li {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
}
html.no-touch ul#links li a:hover i {
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	   -moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		 -o-transform: scale3d(1.2, 1.2, 1.2);
			transform: scale3d(1.2, 1.2, 1.2);
}
ul#links .tooltip {
	margin-top: 12px;
}
@media (max-width: 1023px) {
	ul#links {
		margin-left: 4px;
		background-color: #f6f6f6;
		border-radius: 3px;
		padding-top: 8px;
		text-align: center;
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
	}
	ul#links li {
		float: none;
		/*margin-left: 0px;
		margin-right: 3px;*/
	}
}


/*----------------------------- Notifications ----------------------------*/

ul#notifcenter {
	display: block;
	padding: 0;
	margin: 30px 34px 0 24px;
	height: 30px;
	float: right;
}
ul#notifcenter[data-mid-moved='true'] {
	position: absolute;
	top: 0;
	right: 20px;
}
ul#notifcenter li {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 40px;
	margin: 0 4px;
}
ul#notifcenter li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
ul#notifcenter li a::before {
	display: block;
	content: '';
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(../img/header/icons-notifcenter.png);
	background-size: auto 100%;
	opacity: .3;
}
ul#notifcenter li.active a::before {
	background-image: url(../img/header/icons-notifcenter-active.png);
	opacity: .6;
}
html.no-touch ul#notifcenter li a:hover::before {
	opacity: .7;
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	   -moz-transform: scale3d(1.2, 1.2, 1.2);
		-ms-transform: scale3d(1.2, 1.2, 1.2);
		 -o-transform: scale3d(1.2, 1.2, 1.2);
			transform: scale3d(1.2, 1.2, 1.2);
}
ul#notifcenter li#advices a::before {
	background-position: 0 0;
}
ul#notifcenter li#notifications a::before {
	background-position: -30px 0;
}
ul#notifcenter li#tasks a::before {
	background-position: -60px 0;
}
ul#notifcenter li a .count {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	bottom: 8px;
	right: -6px;
	font-size: .7em;
	text-align: center;
	line-height: 1.76em;
	border-radius: 50%;
	color: #fff;
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1);
	   -moz-transform: scale3d(.1, .1, .1);
		-ms-transform: scale3d(.1, .1, .1);
		 -o-transform: scale3d(.1, .1, .1);
			transform: scale3d(.1, .1, .1);
}
ul#notifcenter li a.show .count {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	   -moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		 -o-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
}
ul#notifcenter li#advices a .count {
	background-color: #f5b800;
}
ul#notifcenter li#notifications a .count {
	background-color: #43c7ef;
}
ul#notifcenter li#tasks a .count {
	background-color: #4290f1;
}
ul#notifcenter li a.blink span.count::after {
	display: block;
	position: absolute;
	content: '';
	top: -2px;
	left: -2px;
	width: 125%;
	height: 125%;
	z-index: 9999;
	border: 1px solid red;
	border-radius: 50%;
}
ul#notifcenter li#advices a.blink span.count::after {
	border-color: rgba(245,184,0,.6);
}
ul#notifcenter li#notifications a.blink span.count::after {
	border-color: rgba(67,199,239,.6);
}
ul#notifcenter li#tasks a.blink span.count::after {
	border-color: rgba(66,144,241,.6);
}
ul#notifcenter .tooltip {
	margin-top: 12px;
}

.notifpanel {
	position: fixed;
	z-index: 1015;
	top: 80px;
	width: 350px;
	height: 300px;
	padding: 20px;
	background-color: #f8f8f8;
	box-shadow: 1px 2px 2px rgba(0,0,0,.2);
	overflow: hidden;
	opacity: 0;
		-ms-transform-origin: 90% 0;
	-webkit-transform-origin: 90% 0;
    		transform-origin: 90% 0;
	-webkit-transform: scale3d(.01, .01, .01);
	   -moz-transform: scale3d(.01, .01, .01);
		-ms-transform: scale3d(.01, .01, .01);
		 -o-transform: scale3d(.01, .01, .01);
			transform: scale3d(.01, .01, .01);
}
#panel-advices {
	right: 194px;
	width : 650px;
}
#panel-notifications {
	right: 154px;
	width : 650px;
}
#panel-tasks {
	right: 112px;
	width : 650px;
}
.notifpanel.show {
	z-index: 1011;
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	   -moz-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		 -o-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
}
.notifpanel h3 {
	margin: 0 0 14px 3px !important;
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: -.02em;
}
.notifpanel h4 {
	margin: 4px 0 0 0;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 600;
}
#panel-advices h3,
#panel-advices h4,
#panel-advices .detailctn a {
	color: #f5b800;
}
#panel-notifications h3,
#panel-notifications h4,
#panel-notifications .detailctn a {
	color: #43c7ef;
}
#panel-tasks h3,
#panel-tasks h4,
#panel-tasks .detailctn a {
	color: #4290f1;
}
.notifpanel a.btn-close {
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 40px;
	height: 40px;
	opacity: .2;
}
.notifpanel a.btn-close:hover {
	opacity: .6;
}
.notifpanel a.btn-close i {
	position: absolute;
	right: 0;
}
.notifpanel .blockctn {
	position: relative;
	width: 100%;
	height: 220px;
	padding: 10px 4px 10px 0;
	background-color: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,.15);
	overflow: hidden;
}
.notifpanel .blockctn > div:not(.detail) {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.notifpanel .blockctn.showdetail > div {
	-webkit-transform: translateX(-610px);	
	   -moz-transform: translateX(-610px);	
		-ms-transform: translateX(-610px);	
		 -o-transform: translateX(-610px);	
			transform: translateX(-610px);	
}
.notifpanel ul.notiflist {
	width: 92%;
	list-style: none;
	padding: 0;
	padding-bottom: 10px;
}
.notifpanel ul.notiflist li {
	position: relative;
	padding: 0;
	margin: 0 0 0 18px;
}
.notifpanel ul.notiflist li.blank {
	display: none;
	position: absolute;
	top: 85px;
	left: 50%;
	margin-left: -70px;
	width: 160px;
	color: #aaa;
	text-align: center;
	font-size: .9em;
}
.notifpanel .blank ul.notiflist li.blank {
	display: block;
}
.notifpanel ul.notiflist li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,.06);
}
.notifpanel ul.notiflist li.important::before {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: -17px;
	width: 2px;
	height: 100%;
	border-bottom: 1px solid #fff;
}
.notifpanel ul.notiflist li.read.important::before {
	opacity: .4;
}
#panel-advices .blockctn ul.notiflist li.important::before {
	background-color: #f5b800;
}
#panel-notifications .blockctn ul.notiflist li.important::before {
	background-color: #43c7ef;
}
#panel-tasks .blockctn ul.notiflist li.important::before {
	background-color: #4290f1;
}
.notifpanel ul.notiflist li.hasdetail a i {
	position: absolute;
	top: 5px;
	left: 0;
}
.notifpanel ul.notiflist li.hasdetail.haserror a i.icon-list::after {
	position: absolute;
	content: '';
	bottom: -2px;
	right: -4px;
	width: 18px;
	height: 18px;
	background-image: url(../img/icons/02_pictos.png);
	background-size: auto 180px;
	background-position: 22.2% 0 !important;
}
.notifpanel ul.notiflist li.hasdetail a i.misc.icon-003 {
	top: 50%;
	left: auto;
	right: -8px;
	margin-top: -15px;
	opacity: .2;
}
.notifpanel ul.notiflist li.hasdetail a:hover i.misc.icon-003 {
	opacity: .7;
}
.notifpanel ul.notiflist li a {
	display: inline-block;
	width: 100%;
	font-size: .85em;
	padding-left: 6px;
	color: #474747;
	padding: 8px 20px 12px 36px;
	text-decoration: none;
}
.notifpanel:not(#panel-tasks) ul.notiflist li.read a {
	opacity: .4;
}
.notifpanel ul.notiflist li a p {
	line-height: 1.35em;
	margin: 4px 0 0 0;
    max-height: 36px;
	overflow: hidden;
}
#panel-notifications ul.notiflist li a p {
    max-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.notifpanel span.date {
	display: inline-block;
	font-size: .9em;
	line-height: .7em;
	color: #aaa;
}
.notifpanel .detail {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	padding: 5px 3px 0 0;
}
.notifpanel .detail .detailctn {
	position: relative;
	width: 100%;
	height: 160px;
	overflow: hidden;
	padding: 15px 30px 20px 30px;
}
.notifpanel .detail .detailctn::after {
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.notifpanel .detail .headpanel {
	margin-bottom: 8px;
}
.notifpanel .detail .detailctn .detailscroll {
	position: relative;
	width: 100%;
	padding-bottom: 40px;
	font-size: .85em;
	line-height: 1.4em;
	font-weight: 400;
}
.notifpanel .detail .detailctn {
    word-wrap: break-word;
}
/*Modification du padding-top pour les régler l'affichage des bouttons*/
.notifpanel .detail form {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px !important;
	padding: 10px 30px 0 30px;
}
.notifpanel .detail form fieldset {
	position: relative;
	margin-top: 4px;
}

@media (max-width: 1099px) {
	ul#notifcenter {
		margin: 30px 14px 0 14px;
	}
	.notifpanel {
		right: 10px !important;
	}
}
@media (max-width: 767px) {
	ul#notifcenter li {
		margin: 0 10px;
	}
	ul#notifcenter li a .count {
		width: 18px;
		height: 18px;
		bottom: 0;
		right: -12px;
		font-size: .8em;
		line-height: 1.65em;
	}
	ul#notifcenter li a::before {
		width: 40px;
		height: 40px;
	}
	html.no-touch ul#notifcenter li a:hover::before {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		   -moz-transform: scale3d(1.1, 1.1, 1.1);
			-ms-transform: scale3d(1.1, 1.1, 1.1);
			 -o-transform: scale3d(1.1, 1.1, 1.1);
				transform: scale3d(1.1, 1.1, 1.1);
	}
	ul#notifcenter li#notifications a::before {
		background-position: -40px 0;
	}
	ul#notifcenter li#tasks a::before {
		background-position: -80px 0;
	}
	.notifpanel {
		position: relative;
		top: -10px;
		width: calc(100% + 70px) !important;
		height: 0;
		max-height: 300px;
		padding: 0;
		background-color: #f0f0f0;
		box-shadow: none;
			-ms-transform-origin: 80% 0%;
		-webkit-transform-origin: 80% 0%;
				transform-origin: 80% 0%;
		-webkit-transform: scale3d(1, .01, 1);
		   -moz-transform: scale3d(1, .01, 1);
			-ms-transform: scale3d(1, .01, 1);
			 -o-transform: scale3d(1, .01, 1);
				transform: scale3d(1, .01, 1);
	}
	.notifpanel.show {
		right: 30px !important;
		height: 300px;
		padding: 20px;
	}
	.notifpanel .blockctn.showdetail > div {
		-webkit-transform: translateX(-100%);	
		   -moz-transform: translateX(-100%);	
			-ms-transform: translateX(-100%);	
			 -o-transform: translateX(-100%);
				transform: translateX(-100%);	
	}
}



/*======================================== Menus "push" =======================================*/

body.pushmenu-opened,
body.pushmenu-opened #page {
	overflow: hidden;
}
.pushmenu {
	display: none;
	z-index: 1000;
	top: 0;
	margin: 0;
	overflow: hidden;
	padding: 20px;
	background-color: #fff;
}
header a.bom-opener,
header a.menu-opener,
a.bom-closer,
a.menu-closer,
a.pop-closer {
	position: relative;
	top: 16px;
	width: 60px;
	height: 60px;
}
header a.bom-opener::before,
header a.menu-opener::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../img/header/icons-menu.png) center center no-repeat;
	background-size: auto 100%;
	opacity: .5;
}
header a.bom-opener {
	display: none;
	left: 20px;
}
header a.bom-opener::before {
	background-position: -60px 0;
}
header a.menu-opener {
	float: right;
	margin-right: 20px;
}
header a.menu-opener::before {
	background-position: 0 0;
}
a.bom-closer,
a.menu-closer,
a.pop-closer {
	display: inline-block;
	top: 0;
	opacity: .25;
	background: url(../img/header/icons-menu.png) center center no-repeat;
	background-size: auto 100%;
	background-position: -125px 0;
}
a.bom-closer:hover,
a.menu-closer:hover,
a.pop-closer:hover {
	opacity: .6;
}
header a.bom-opener:hover::before,
header a.menu-opener:hover::before {
	opacity: .8;
}
a.bom-closer {
	display: none;
}
a.menu-closer {
	position: absolute;
	top: 20px;
	left: 14px;
}
#mask {
	z-index: 10;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #101010;
	opacity: 0;
}
body.pushmenu-right-opened #mask,
body.pushmenu-top-opened #mask,
body.pushmenu-left-opened #mask {
	z-index: 1004;
	opacity: .65;
}
body.pushmenu-top-opened:not(.pushmenu-right-opened):not(.pushmenu-left-opened) #mask {
	z-index: 13;
}

@media (max-width: 419px) and (orientation: portrait),
(max-height: 419px) and (orientation: landscape) {
	header a.bom-opener,
	header a.menu-opener {
		top: 2px;
	}
	header a.bom-opener::before,
	header a.menu-opener::before {
		transform: scale3d(.9, .9, .9);
	}
	header a.bom-opener {
		left: 6px;
	}
	header a.menu-opener {
		right: -10px;
	}
}


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

.pushmenu-right {
	position: fixed;
	z-index: 1005;
	top: 0;
	right: -341px;
	width: 340px;
	height: 100%;
	padding: 100px 40px 40px 30px;
	border-left: 4px solid #f0f0f0;
}
.pushmenu-right h3 {
	display: inline-block;
	width: 100%;
	font-size: 2em;
	font-weight: 300;
	letter-spacing: -.03em;
	color: #96b500;
	margin: 4px 0 0 0;
	cursor: pointer;
}
body.pushmenu-right-opened header,
body.pushmenu-right-opened #search,
body.pushmenu-right-opened .pushmenu-right,
body.pushmenu-right-opened #page,
body.pushmenu-right-opened .dhtmlx_message_area {
	-webkit-transform: translateX(-340px);
	   -moz-transform: translateX(-340px);
		-ms-transform: translateX(-340px);
		 -o-transform: translateX(-340px);
			transform: translateX(-340px);
}
header a.menu-opener::after {
	display: block;
	position: absolute;
	content: attr(data-nc-total);
	width: 20px;
	height: 20px;
	bottom: 6px;
	right: 0;
	font-size: .85em;
	text-align: center;
	line-height: 1.7em;
	border-radius: 50%;
	color: #fff;
	background-color: #4fa02b;
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1);
	   -moz-transform: scale3d(.1, .1, .1);
		-ms-transform: scale3d(.1, .1, .1);
		 -o-transform: scale3d(.1, .1, .1);
			transform: scale3d(.1, .1, .1);
}
@media (max-width: 767px) {
	body:not(.pushmenu-right-opened) header a.menu-opener.show::after {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		   -moz-transform: scale3d(1, 1, 1);
			-ms-transform: scale3d(1, 1, 1);
			 -o-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);	
	}
}
@media (max-width: 340px) {
	.pushmenu-right {
		width: 100%;
	}
}


/*--------------------------- Menu gauche (BOM) --------------------------*/

body.pushmenu-left-opened #bom {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
		-ms-transform: translateX(0);
		 -o-transform: translateX(0);
			transform: translateX(0);
}
#bom[data-mid-moved='true'] {
	position: fixed;	
}
@media (max-width: 899px) {
	.pushmenu-left {
		position: fixed;
		left: 0;
		width: 120px;
		border-right: 4px solid #f0f0f0;
		-webkit-transform: translateX(-121px);
		   -moz-transform: translateX(-121px);
			-ms-transform: translateX(-121px);
			 -o-transform: translateX(-121px);
				transform: translateX(-121px);
	}
	body.pushmenu-left-opened header,
	body.pushmenu-left-opened #search,
	body.pushmenu-left-opened .pushmenu-right,
	body.pushmenu-left-opened #page,
	body.pushmenu-left-opened .dhtmlx_message_area {
		-webkit-transform: translateX(120px);
		   -moz-transform: translateX(120px);
			-ms-transform: translateX(120px);
			 -o-transform: translateX(120px);
				transform: translateX(120px);
	}
	header a.bom-opener,
	a.bom-closer {
		display: inline-block;
	}
}


/*--------------------------- Menu top (search) --------------------------*/

.pushmenu-top {
	position: fixed;
	z-index: 14;
	top: 0;
	width: 100%;
	height: auto;
	max-height: calc(100% - 100px);
	background-color: #fafafa;
	padding: 0;
	margin-top: 100px;
	transform: translateY(-2000px);
}
body.pushmenu-top-opened #search {
	box-shadow: 0 0 80px rgba(0,0,0,.2);
    border-bottom: 3px solid rgba(0,0,0,.13);
	transform: translateY(0) !important;
}
body.pushmenu-top-opened .dhtmlx_message_area {
	z-index: 12;
}

@media (max-width: 419px) and (orientation: portrait),
(max-height: 419px) and (orientation: landscape) {
	.pushmenu-top {
		margin-top: 70px;
	}
}



/*===================================== Sous-menus "slide" ====================================*/

.slidemenu {
	overflow: hidden;
}
.slidemenu,
.slidemenu ul {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 0;
	list-style: none;
}
.slidemenu li {
	display: block;
	width: 100%;
}
.slidemenu a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 6px 50px 6px 10px;
	font-size: .95em;
	line-height: 1.15em;
	letter-spacing: -.01em;
	color: #555;
	vertical-align: middle;
}
.slidemenu a:hover {
	text-decoration: none;
}
html.no-touch .slidemenu a:hover {
	color: #000;
	text-decoration: none;
	background-color: #f2f2f2;
}
.slidemenu a span.count {
	display: inline-block;
	margin-left: 4px;
	font-size: .9em;
	font-weight: 300;
	text-align: center;
	color: #96b500;
}
.slidemenu a span.count strong {
	font-weight: 400;
	font-size: .95em;
	margin: 0 0;
}
.slidemenu a:hover span.count {
	color: #d6e493;
}
.slidemenu a i {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 20px;
	margin-top: -10px;
}
.slidemenu a i.haschildren {
	right: 0;
	opacity: .4;
}
.slidemenu a:hover i.haschildren {
	opacity: 1;
}
.slidemenu > ul > li ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	background-color: #fff;
}

.slidemenuback {
	display: block;
	font-size: .85em;
	visibility: hidden;
	opacity: 0;
}
.slidemenuback.show {
	visibility: visible;
	opacity: 1;
	margin-bottom: 30px;
}
.slidemenuback a,
.slidemenuback i {
	vertical-align: bottom;
}

.slidemenupath,
.slidemenupath span {
	display: block;
	position: relative;
	width: 100%;
}
.slidemenupath {
	overflow: hidden;
	height: auto;
	max-height: 0;
	border-bottom: 1px solid rgba(0,0,0,.08);
	margin-top: 10px;
	margin-bottom: 20px;
}
.slidemenupath.show {
	margin-top: 0;
	margin-bottom: 5px;
	max-height: 26px;
}
.slidemenupath span {
	font-size: .85em;
	color: #bcbcbc;
	height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*============================================ Page ===========================================*/

#page {
	position: relative;
	z-index: 11;
	padding-top: 160px;
	padding-bottom: 60px;
}
body > div[class*='dhtmlxMenu'] + #page, 
body > :first-child[id='page'] {
	padding-top: 50px !important;
}
#page > .loader > .spin::before {
    background: linear-gradient(#96b500, #fff 50%);
}
#page > .loader > .spin:after {
	background-color: #f6f6f6;
}
#page-contents {
	position: relative;
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 14px;
}
#page-contents > .col {
	width: 1%;
	overflow: hidden;
	padding: 25px 20px 20px 40px;
	font-size: .92em;
}
#page-contents a > i {
	margin-right: 5px;
}
.clDBTableContent {
	position: relative;
	width: 99%;
    overflow: hidden;
}
#page-contents .dhx_sub_row .clDBTableContent {
	position: relative;
	/*GR : le 02/08/2018 - Mis en commentaire car provoque un décalage d'affichage des grilles dans les subrow*/
	/*top: -18px;*/
}
#page-contents .gridbox {
	min-width: 600px;
}

body.standalone #page {
	width: 100%;
	/*padding: 50px 60px 60px 60px;*/
/*	padding: 0px 34px 3px 36px;*/
	min-height: 200px;
}
body.standalone #page-contents {
	/*padding: 30px 20px;*/
}
body.standalone .pop-closer {
	position: absolute;
	top: 20px;
	right: 20px;
}

@media (max-width: 767px) {
	#page-contents > .col {
		padding: 25px 17px 20px 20px;
	}
	/*body.standalone #page {
		padding: 25px 30px 25px 30px !important;
	}*/
	body.standalone #page-contents {
		padding: 0px 10px;
	}
	body.standalone .pop-closer {
		position: absolute;
		top: 4px;
		right: 4px;
	}
}
@media (max-width: 419px) {
	#page {
		padding-top: 120px;
	}
	#page-contents > .col {
		padding: 0 50px 0 0;
	}
}


/*------------------------------ Formulaire ------------------------------*/

#page-contents legend[role="tab"] {
	position: relative;
	line-height: .8em;
	background-color: #adadad;
}
#page-contents legend[role="tab"]:hover {
	background-color: #9c9c9c;
}
#page-contents legend[role="tab"] h3 {
	margin: 0;
	font-size: .65em;
	letter-spacing: 0;
}
#page-contents legend[role="tab"] a {
	position: relative;
	display: inline-block;
	z-index: 2;
	width: 100%;
	padding: 10px 40px 11px 22px;
	font-size: 1.75em;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
#page-contents legend[role="tab"] a:hover {
	text-decoration: none;
}
#page-contents legend[role="tab"] a i.icon {
	top: -2px;
	margin-right: 6px;
}
#page-contents legend[role="tab"] a[aria-expanded="true"]::before {
	display: block;
	position: absolute;
	z-index: 1;
	content: '';
	bottom: -6px;
	left: 26px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #adadad transparent transparent transparent;
}
#page-contents legend[role="tab"]:hover a[aria-expanded="true"]::before {
	border-color: #9c9c9c transparent transparent transparent;
}
#page-contents legend[role="tab"] a::after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -10px;
    right: 8px;
    width: 20px;
    height: 20px;
    background-image: url(../img/icons/00_misc-white.svg);
    background-size: auto 200px;
    background-position: 66.6% 0;
}
#page-contents legend[role="tab"] a[aria-expanded="true"]::after {
    background-position: 77.7% 0;
}
#page-contents .content {
	padding: 15px 0px 30px 0;

}
#page-contents fieldset.card {
	height: 100%;
	padding-bottom: 6px;
	border: 0;
	overflow: visible;
}
#page-contents fieldset.card .form-content {
	min-height: calc(100% - 40px);
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
#page-contents fieldset.card .form-content.show {
	border-left: 1px solid rgba(0,0,0,.12);
	border-bottom: 1px solid rgba(0,0,0,.12);
}
#page-contents .dhx_sub_row .subrowcontent fieldset.card {
	margin: 20px;
}
#page-contents fieldset.card .content {
	padding-left: 35px;
}
#page-contents .dhx_sub_row fieldset.card .form-content {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
		-ms-transition: none !important;
		 -o-transition: none !important;
			transition: none !important;
}
#page-contents .dhx_sub_row fieldset.card .content {
    padding-left: 20px;
}
#page-contents h4, .modal-body h4 {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 8px 16px;
	margin: 0 0 12px 0;
	font-size: 1em;
	font-weight: 600;
    color: #6f6f6f;
    background-color: #a7a7a724;
    text-transform: uppercase;
	    border-radius: 40px;
    box-shadow: 2px 3px 1px 0px rgba(0, 0, 0, 0.1)
}
#page-contents fieldset .content h4, .modal-body fieldset .tab-content h4 {
	margin-top: 10px;
	margin-left: -10px;
}
/*#page-contents h4::before, .modal-body h4::before {
	display: block;
	position: absolute;
	z-index: 1;
	content: '';
	width: 0;
	height: 0;
	bottom: -5px;
	left: 16px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #b0b0b0 transparent transparent transparent;
}*/
#page-contents h4.bg-primary::before {
	border-color: #96b500 transparent transparent transparent;
}
#page-contents h4.bg-secondary::before {
	border-color: #868e96 transparent transparent transparent;
}

#page-contents .clAmbiPanel {
	display: none;
}

#page-contents .form-btns {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
#page-contents .form-btn i {
	margin-left: 1px;
	margin-right: 1px;
}
#page-contents .form-btn i.medium {
	margin-top: 3px;
}
#page-contents .form-btn i.small {
	margin-top: 5px;
}
#page-contents .formoptions {
	border-left: 3px solid #96b500;
	box-shadow: 0 4px 0 rgba(0,0,0,.06);
	padding: 20px 0 20px 30px;
	margin: 20px 0;
}
#page-contents .formoptions input {
	vertical-align: top;
	float: left;
}
#page-contents .formoptions > .row > div > fieldset {
	position: relative;
	padding: 15px 20px 5px 20px;
	margin: 0 0 0 20px;
	background-color: #f2f2f2;
	border-left: 20px solid #fff;
}
#page-contents .formoptions > .row > div > fieldset::before {
	display: block;
	position: absolute;
	z-index: 1;
	content: '';
	top: 12px;
	left: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #f2f2f2 transparent transparent;
}
#page-contents .formoptions > .row > div > fieldset dl dt {
	position: relative;
	margin-top: 10px;
}
#page-contents .formoptions > .row > div > fieldset dl dt a::before,
#page-contents .formoptions > .row > div > fieldset dl dt a::after {
	display: block;
	position: absolute;
	content: '';
}
#page-contents .formoptions > .row > div > fieldset dl dt a::before {
	top: 0;
	left: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.1);
}
#page-contents .formoptions > .row > div > fieldset dl dt a::after {
	top: 3px;
	left: 2px;
	width: 16px;
	height: 16px;
	background-size: auto 140px;
	background-position: 66.6% 0;
    background-image: url(../img/icons/00_misc-black.svg);
	opacity: .5;
}
#page-contents .formoptions > .row > div > fieldset dl {
	font-size: .85em;
}
#page-contents .formoptions > .row > div > fieldset dl dt a {
	display: inline-block;
	font-weight: 400;
	color: #989898;
	text-decoration: none;
	padding-left: 27px;
}
#page-contents .formoptions > .row > div > fieldset dl dt a:hover,
#page-contents .formoptions > .row > div > fieldset dl dt a[aria-expanded="true"] {
	color: #212121;
}
#page-contents .formoptions > .row > div > fieldset dl dt a[aria-expanded="true"]::before {
	background-color: rgba(255,255,255,.7);
}
#page-contents .formoptions > .row > div > fieldset dl dt a[aria-expanded="true"]::after {
	background-position: 78.0% 0;
	opacity: 1;
}
#page-contents .formoptions > .row > div > fieldset ul {
	list-style: none;
	padding: 8px 15px 0 27px;
}
#page-contents .formoptions > .row > div > fieldset ul strong {
	color: #96b500;
}
#page-contents .formoptions > .row > div > fieldset label {
	padding-right: 0;
}
#page-contents .formoptions > .row > div > fieldset dl dd ul li  {
	margin-bottom: 7px;
	margin-left: 30px;
}
#page-contents .formoptions > .row > div > fieldset dl dd ul li fieldset.listboxes .box {
	margin-left: -30px;
}
#page-contents .formoptions > .row > div > fieldset dl dd ul li fieldset.listboxes .box label {
	margin-bottom: 4px;
	line-height: 1.4em;
}
#page-contents .formoptions span.clFieldMaintaComputed {
	display: inline;
	padding: 2px 5px;
	margin-left: -3px;
	font-size: .9em;
	color: #212121;
	vertical-align: baseline;
    background-color: #e2e2e2;
	border-radius: 4px;
}
  
.modaloptions  {	
	position: relative;
    padding: 0px 16px 0px 8px;
    margin: 0px 0px 0px 10px;
    background-color: #f2f2f2;
    border-left: 20px solid #fff;
}


.modaloptions::before {
	display: block;
    position: absolute;
    z-index: 1;
    content: '';
    top: 12px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent #f2f2f2 transparent transparent;
}
.modaloptions input {
    vertical-align: top;
    float: left;

}
.modaloptions dl dt a::after {
	top: 3px;
	left: 2px;
	width: 16px;
	height: 16px;
	background-size: auto 140px;
	background-position: 66.6% 0;
	opacity: .5;
}

#valid.formvalid {
	display: block;
	position: fixed;
	z-index: 51;
	bottom: 22px;
	right: 14px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #96b500;
}
#load.formloader {
	display: block;
	position: fixed;
	z-index: 51;
	bottom: 87px;
	right: 14px;
	width: 56px;
	height: 56px;
}
#valid.formvalid a i {
	top: 4px;
	left: 2px;
}

ul.gridtoolbar {
	display: inline-block;
	width: 99%;
	list-style: none;
	padding: 0;
	margin: 4px 0 0 0;
	text-align: right;
}
ul.gridtoolbar ul:not(.dropdown-menu) {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.gridtoolbar li,
ul.gridtoolbar ul:not(.dropdown-menu) > li {
	display: inline-block;
	min-height: 34px;
	padding: 0;
	line-height: 2rem;
	vertical-align: middle;
}
ul.gridtoolbar li.context,
ul.gridtoolbar li.nbline {
	float: left;
}
ul.gridtoolbar li.context {
	margin-right: 18px;
}
ul.gridtoolbar li.context .dropdown-toggle {
	position: relative;
	width: 22px; 
	height: 22px;
	vertical-align: middle;
	background-color: #f4f4f4;
}
ul.gridtoolbar li.context .dropdown-toggle[aria-expanded="true"] {
	background-color: #efefef;
}
ul.gridtoolbar li.context .dropdown-toggle::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px; 
	height: 22px;
	border: 0;
	opacity: .5;
	background-image: url(../img/icons/00_misc-black.svg);
	background-size: auto 200px;
	background-position: 33.3% 2px;
}
ul.gridtoolbar li.context .dropdown-toggle:hover,
ul.gridtoolbar li.context .dropdown-toggle[aria-expanded="true"]::after {
	opacity: 1;
}
ul.gridtoolbar li.gtoolbar ul.options li {
	margin-left: 10px;
}
ul.gridtoolbar li.gtoolbar ul.exploit {
	margin-left: 20px;
}
ul.gridtoolbar li a {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
ul.gridtoolbar li a:hover {
	text-decoration: none;
}
ul.gridtoolbar li.gtoolbar ul.display li.columns a {
	display: none;
	opacity: .4;
}
ul.gridtoolbar li.gtoolbar ul.display li.columns a:hover {
	opacity: 1;
}
.dhx_sub_row ul.gridtoolbar {
	height: 0;
	margin: 0;
	padding: 0;
}
.dhx_sub_row ul.gridtoolbar li.gtoolbar {
	min-height: 0;
}
.dhx_sub_row ul.gridtoolbar li.gtoolbar ul.display li.columns a {
	position: relative;
	top: 0;
	right: -25px;
}

@media (max-width: 1199px) {
	#page-contents .formoptions button {
		display: inline-block;
		float: none;
	}
	#page-contents .formoptions > .row > div > fieldset {
		display: block;
		width: 100%;
		margin: 50px 0 0 2px;
		border: 0;
	}
	#page-contents .formoptions > .row > div > fieldset::before {
		top: -7px;
		left: 22px;
		border-width: 0 7px 7px 7px;
		border-color: transparent transparent #f2f2f2 transparent;
	}
	ul.gridtoolbar li.gtoolbar ul.options li a {
		font-size: 0;
	}
	ul.gridtoolbar li.gtoolbar ul.options li {
		margin-left: 0;
	}
	ul.gridtoolbar li.gtoolbar ul.options li a i.icon:not(.misc) {
		width: 30px;
		height: 30px;
		background-size: auto 300px;
		margin-right: 0;
		vertical-align: bottom;
	}
	ul.gridtoolbar li.gtoolbar ul.exploit {
		margin-left: 10px;
	}
}
@media (max-width: 991px) {
	#page-contents .content h4 {
		margin-left: -6px;
	}
	ul.gridtoolbar li.context {
		margin-right: 15px;
	}
	ul.gridtoolbar ul.options li a {
		margin-right: 10px;
	}
	ul.gridtoolbar ul.options i.icon.misc.icon-004 {
		display: none;
	}
	ul.gridtoolbar li.gtoolbar ul.exploit {
		margin-left: 0;
	}
	ul.gridtoolbar li.gtoolbar ul.exploit i {
		margin-right: 0;
	}

footer {font-size:0;}

}
@media (max-height: 600px) and (orientation: landscape) {
	#valid.formvalid {
		right: 54px;
	}
}
@media (max-width: 419px) {
	.form-control {
		width: calc(100% - 20px) !important;
	}
	#page-contents .form-btns {
		position: absolute;
		top: -10px;
		right: 16px;
	}
	form:not(#widgetModal) .form-control-label {
		width: calc(100% - 100px);
	}
	#page-contents form fieldset.card .content {
		padding-left: 10px;
	}
	ul.gridtoolbar {
		text-align: left;
	}
	.dhx_sub_row ul.gridtoolbar {
		text-align: right;
	}
	ul.gridtoolbar li.context .dropdown-toggle {
		margin-left: 4px;
	}
	#page-contents legend:not([role="tab"]) h3 {
		padding-left: 15px;
	}
}


/*------------------------------- Cartouche ------------------------------*/

#page-contents .cartridge {
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-height: 34px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#page-contents .cartridge.hideall {
	max-height: 0;
}
#page-contents .cartridge .toggle,
#page-contents .cartridge .toggle::after {
	display: block;
	position: absolute;
	width: 28px;
	height: 28px;
}
#page-contents .cartridge .toggle {
	display: none;
	z-index: 4;
	bottom: 0;
	left: 50%;
	margin-left: -13px;
	border-radius: 50%;
	border: 3px solid #e3e3e3;
	background-color: #fff;
	cursor: pointer;
}
#page-contents .cartridge.expanded .toggle {
	bottom: 6px;
}
#page-contents .cartridge .toggle::after {
	content: '';
	top: 2px;
	left: -1px;
	background-image: url(../img/icons/00_misc-black.svg);
	background-size: auto 200px;
	background-position: 22.2% 12%;
	opacity: .4;
}
#page-contents .cartridge.expanded {
	bottom: 0;
	height: auto;
	max-height: 600px !important;
}
#page-contents .cartridge.expanded .toggle {
	border: 3px solid #96b500;
	background-color: #96b500;
}
#page-contents .cartridge.expanded .toggle::after {
	top: 1px;
	left: -3px;
	background-size: auto 220px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-position: 44.4% .4%;
	opacity: 1;
}
#page-contents .cartridge .toggle:hover::after {
	opacity: 1;
}
#page-contents .cartridge table {
	width: 100%;
	padding-bottom: 30px;
	border-collapse: collapse;
	font-size: 1em;
	line-height: 1.2em;
	color: #484848;
	background-color: #f2f2f2;
	box-shadow: 0 2px 0 rgba(0,0,0,.1);
}
#page-contents .cartridge.hideall table {
	opacity: 0;
}
#page-contents .cartridge.expanded table {
	opacity: 1;
}
#page-contents .cartridge table th {
	position: relative;
	font-weight: 400;
	max-width: 150px;
	width: 25%;
	color: #717171;
}
#page-contents .cartridge table th i {
	position: absolute;
	/*Le top provoque un décalage dans les icônes des th - Mis en commentaire*/
	/*top: 6px;*/
	left: 18px;
}
#page-contents .cartridge table td i {
	margin: -3px 6px 0 6px;
}
#page-contents .cartridge table tr:not(:last-child) {
	border-bottom: 1px solid rgba(255,255,255,.5);
}
#page-contents .cartridge table tr th,
#page-contents .cartridge table tr td {
	padding: 8px 14px 8px 45px;
	vertical-align: top;
}
#page-contents .cartridge table tr td {
	padding-left: 0;
	font-weight: 600;
}
#page-contents .cartridge table tr:nth-child(2) th,
#page-contents .cartridge table tr:nth-child(2) td {
	padding-top: 20px;
}
#page-contents .cartridge table tr th:not(:first-child) {
	border-left: 1px solid rgba(0,0,0,.03);
}
#page-contents .cartridge table tr:last-child td:last-child {
	padding-bottom: 20px;
}

@media (min-width: 1200px) {
	#page-contents .cartridge:not(.hideall) table tr:first-child th,
	#page-contents .cartridge:not(.hideall) table tr:first-child td {
		background-color: #fff;
	}
	#page-contents .cartridge:not(.hideall) table tr:nth-child(2) th,
	#page-contents .cartridge:not(.hideall) table tr:nth-child(2) td {
		border-top: 30px solid #fff;
	}
}
@media (max-width: 1199px) {
	#page-contents .cartridge .toggle {
		bottom: 16px;
	}
	#page-contents .cartridge table tr {
		border: 0 !important;
	}
	#page-contents .cartridge table tr th,
	#page-contents .cartridge table tr td {
		width: auto;
	}
	#page-contents .cartridge table tr th {
		display: none;
	}
	#page-contents .cartridge:not(.hideall) table tr:first-child td:nth-child(2) {
		background-color: #fff;
		border-bottom: 30px solid #fff !important;
	}
	#page-contents .cartridge table tr td {
		display: block;
		clear: both;
		padding-left: 0 !important;
		padding-top: 8px !important;
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
	#page-contents .cartridge table tr td::before {
		display: inline-block;
		content: attr(data-th);
		vertical-align: top;
		width: 140px;
		margin: 0 10px 0 20px;
		color: #717171;
		font-weight: 400;
	}
}
@media (max-width: 991px) {
	#page-contents .cartridge.expanded {
		max-height: 1000px !important;
	}
	#page-contents .cartridge table tr td {
		padding-left: 20px !important;
		padding-top: 8px !important;
	}
	#page-contents .cartridge table tr td::before {
		display: block;
		width: 100%;
		min-height: auto;
		margin-left: 0;
		margin-bottom: 3px;
	}
}


/*----------------------------- Volet droite -----------------------------*/

aside {
	display: none;
	position: relative;
	padding: 0 0 0 16px;
	overflow: hidden;
	max-width: 30px;
	flex: 30px;
	-webkit-transition: max-width .3s, flex .3s;
	   -moz-transition: max-width .3s, flex .3s;
		-ms-transition: max-width .3s, flex .3s;
		 -o-transition: max-width .3s, flex .3s;
			transition: max-width .3s, flex .3s;
}
body > aside {
	z-index: 20 !important;
}
aside.hasrecent {
	max-width: 56px;
	flex: 56px;
}
aside.overlay {
	z-index: 99999;
	position: absolute;
	right: 0;
	height: 100%;
    background: #fff;
    background-clip: content-box;
}
aside.overlay > div {
	height: 100%;
	background-color: #fff;
}
aside.overlay.fixed > div {
	min-height: 100px;
}
aside.fixed.forcescroll > div {
	height: 100%;
}
aside:not(.expanded).hasrecent {
	padding-left: 0;
}
aside::before,
aside::after {
	display: block;
	position: absolute;
	content: '';
	top: 0;
}
aside:not(.expanded).hasrecent::before,
aside:not(.expanded).hasrecent::after {
	display: none;
}
aside::before {
	left: 11px;
	width: 5px;
	height: calc(100% - 90px);
	margin-top: 75px;
	background-color: rgba(0,0,0,.04);
}
aside::after {
	left: 15px;
	width: 1px;
	height: 100%;
	background-color: rgba(0,0,0,.06);
}
aside.expanded {
	max-width: 310px;
	flex: 0 0 310px;
}
aside a.toggle,
aside a.toggle i,
aside a.toggle i::before,
aside a.toggle i::after {
	display: block;
	position: absolute;
	content: '';
	width: 28px;
	height: 28px;
}
aside a.toggle {
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
}
aside:not(.expanded).hasrecent a.toggle {
	display: none;
}
aside a.toggle i {
	position: absolute;
	top: 100px;
	border-radius: 50%;
	border: 3px solid #e3e3e3;
	background-color: #fff;	
}
aside.expanded a.toggle i {
	border: 1px solid #96b500;
	background-color: #96b500;
}
aside a.toggle i::before {
	z-index: 2;
	content: '';
	top: -8px;
	left: 13px;
	width: 14px;
	height: 40px;
	background-color: #fff;
}
aside.expanded a.toggle i::before {
	display: none;
}
aside a.toggle i::after {
	z-index: 3;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-black.svg);
	background-size: auto 200px;
    background-position: 21% 9.9%;
	opacity: .4;
}
aside.expanded a.toggle i::after {
	top: 2px;
	left: 3px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-size: auto 220px;
    background-position: 44.4% 0;
	background-color: none;
	opacity: 1;
}
aside:not(.expanded).dynamic {
	max-width: 0;
	flex: 0;
	padding: 0;
}
aside:not(.expanded).dynamic::before,
aside:not(.expanded).dynamic::after,
aside:not(.expanded).dynamic a.toggle {
	display: none;
}
aside:not(.expanded) a:hover.toggle i {
	border: 3px solid #cdcdcd;
}
aside ul.sidetabs {
	padding: 0 0 10px 10px;
}
aside ul.sidetabs li {
	font-size: 1.05em;
}
aside ul.sidetabs li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,.06);
}
aside ul.sidetabs li a {
	display: inline-block;
	width: 100%;
	padding: 5px 15px;
	box-shadow: inset 2px 0 0 transparent;
}
aside ul.sidetabs li a:hover {
	text-decoration: none;
	padding-left: 18px;
	background-color: rgba(0,0,0,.02);
	box-shadow: inset 2px 0 0 #96b500;
}
aside .options,
aside dl {
	width: 240px;
}
aside .options {
	display: inline-block;
	margin-bottom: 10px;
	text-align: right;
}
aside .options a {
	vertical-align: middle;
	color: #7c7c7c;
	font-size: .9em;
}
aside .options a:hover {
	color: #000;
	text-decoration: none;
}
aside .options a i {
	margin-right: 4px;
}
aside > div {
	position: relative;
	top: 0;
	display: block;
	width: 290px;
	overflow: hidden;
	margin-top: 10px;
	padding: 10px 20px 0 20px;
	background-color: #fff;
}
aside.hasrecent > div {
	padding-left: 60px;
}
aside:not(.expanded).hasrecent > div {
	background-color: transparent !important;
}
aside.expanded.hasrecent > div {
	padding-left: 20px;
}
aside.expanded > div {
	overflow-y: initial;
}
aside ul {
	list-style: none;
	padding: 0;
}
aside dl,
aside dl dd {
	margin: 0;
}
aside dl dt::after {
	display: block;
	content: '';
	width: 100%;
	height: 13px;
}
aside dl dt a {
	display: inline-block;
	position: relative;
	width: 100%;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
	padding: 6px 34px 6px 14px;
	line-height: 1.1em;
	font-size: .9em;
	background-color: #aeaeae;
}
aside dl dt a::before {
	display: block;
	position: absolute;
	content: '';
	bottom: -4px;
	left: 16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #aeaeae transparent transparent transparent;
}
aside dl dt a[aria-expanded=false]::before {
	border: 0;
}
aside dl dt a[data-toggle=collapse]::after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -10px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-size: auto 200px;
	background-position: 77.7% 0;
}
aside dl dt a[data-toggle=collapse][aria-expanded=false]::after {
	background-position: 66.6% 0;
}
aside dl dt a:hover,
aside dl dt a:focus {
	color: #fff;
	text-decoration: none;
}
aside dl.blue dt a {
	background-color: #8faaec;
}
aside dl.blue dt a::before {
	border-top-color: #8faaec
}
aside dl.purple dt a {
	background-color: #af9ad6;
}
aside dl.purple dt a::before {
	border-top-color: #af9ad6
}
aside dl.green dt a {
	background-color: #aac32c;
}
aside dl.green dt a::before {
	border-top-color: #aac32c;
}
aside dl dt i {
	float: right;
}

aside dl dd > ul {
	margin: 0;
}
aside dl dd > ul::after {
	display: block;
	content: '';
	width: 100%;
	height: 20px;
}
aside dl dd > ul > li {
	font-size: .9em;
	padding-left: 10px;
	color: #999;
}
aside dl dd > ul > li > i {
	padding-left: 0px;
	margin-left:  0px;
}
aside dl dd > ul > li strong {
	color: #646464;
}
aside dl dd > ul > li > a {
	display: inline-block;
	position: relative;
	padding-left: 28px;
	line-height: 1.3em;
}
aside dl dd > ul > li > a:hover {
	text-decoration: none;
}
aside dl dd > ul > li > a > i {
	position: absolute !important;
	top: -1px;
	left: -10px;
}
aside dl dd > ul ul {
	margin: 6px 0 0 15px;
}
aside dl dd li {
	margin: 3px 0 4px 0;
}
aside dl dd > ul ul li {
	margin: 2px 0;
}
aside dl dd a,
aside dl dd a:not([href]) {
	color: #646464 !important;
}
aside dl dd i {
	margin: 0 8px 0 10px;
}
aside dl dd > ul ul i {
	margin: -2px 2px 0 10px;
}
aside dl.blue dd a[href]:hover {
	color: #8faaec !important;
}
aside dl.purple dd a[href]:hover {
	color: #af9ad6 !important;
}
aside dl.green dd a[href]:hover {
	color: #aac32c !important;
}
aside > div .error {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -50px;
	width: 80px;
	height: 50px;
	color: #717171;
	text-align: center;
}
aside ul.recent {
	display: block;
	position: absolute;
	top: 20px;
	left: 6px;
	margin-bottom: 40px;
	-webkit-transition: left .2s .3s;
	   -moz-transition: left .2s .3s;
		-ms-transition: left .2s .3s;
		 -o-transition: left .2s .3s;
			transition: left .2s .3s;
}
aside.expanded ul.recent {
	left: -40px;
	-webkit-transition: none;
	   -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}
aside ul.recent li {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 6px;
	background-color: #aaa;
}
aside ul.recent li.blue {
	background-color: #c1d0f4;
}
aside ul.recent li:hover.blue {
	background-color: #aebfe9;
}
aside ul.recent li.purple {
	background-color: #d3c7e8;
}
aside ul.recent li:hover.purple {
	background-color: #c6b7e0;
}
aside ul.recent li.green {
	background-color: #d0de8b;
}
aside ul.recent li:hover.green {
	background-color: #c5d47c;
}
aside ul.recent li a {
	display: inline-block;
	margin-top: 5px;
	width: 34px;
	height: 34px;
}
aside ul.recent li a i {
	margin: 0 !important;
}
aside ul.recent li:last-child {
    border: 3px solid #e3e3e3;
    background-color: #fff;
	border-radius: 50%;
}
aside ul.recent li:hover:last-child {
    border: 3px solid #cdcdcd;
}
aside ul.recent li:last-child i {
    opacity: .4;
}
aside ul.recent li:last-child:hover i {
    opacity: 1;
}
aside#mainsidebar .loader {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	opacity: 1;
	margin-right: 8px;
}
aside#mainsidebar .spin {
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	margin: 0;
}
.popover.popsidebar ul {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
}
.popover.popsidebar ul li {
    margin: 2px 0;
}
.popover.popsidebar ul li a {
    color: #646464;
}
.popover.popsidebar.blue ul li a:hover {
	color: #8faaec;
}
.popover.popsidebar.purple ul li a:hover {
	color: #af9ad6;
}
.popover.popsidebar.green ul li a:hover {
	color: #aac32c;
}
.popover.popsidebar ul li a i {
    position: relative;
    top: -2px;
}
@media (max-width: 991px) {
	aside.expanded {
		max-width: 280px;
		flex: 0 0 280px;
	}
	aside > div {
		width: 260px;
	}	
	aside .options,
	aside dl {
		width: 210px;
	}
}
@media (max-width: 767px) {
	aside {
		position: fixed !important;
		z-index: 50;
		max-width: 100%;
		height: 100%;
		top: 0;
		right: -264px;
		padding-left: 30px;
	}
	aside:not(.hasrecent) {
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			-ms-transition: all .3s;
			 -o-transition: all .3s;
			    transition: all .3s;
	}
	aside.hasrecent {

		right: -13px;
	}
	body:not(.pushmenu-top-opened) #search aside {
		visibility: hidden;
	}
	aside.expanded {
		right: 0;
		padding-left: 24px;
	}
	aside::after {
		display: none;
	}
	aside::before {
		width: 6px;
		left: 26px;
		height: 100%;
		margin-top: 0;
	    background-color: rgba(0,0,0,.08);
	}
	aside.expanded::before {
		left: 18px;
	}
	aside > div {
		position: relative;
		bottom: initial !important;
		height: 100%;
		margin-top: 0;
		bottom: 0 !important;
		padding-top: 120px;
		padding-right: 10px;
		box-shadow: 0;
		overflow-y: hidden;
		max-height: 100% !important;
	}
	aside.expanded > div {
		overflow-y: auto;
	}
	aside a.toggle {
		left: 7px;
	}
	aside a.toggle i {
		position: absolute;
		top: 50% !important;
	}
	aside a.toggle i::before {
		display: none;
	}
	aside a.toggle i::after {
		top: 8px;
	}
	aside.expanded a.toggle i::after {
		top: 2px;
		left: 3px;
	}
	aside.expanded.dynamic a.toggle i::after {
		top: 2px;
		left: 3px;
	}
	aside ul.recent {
		top: 50%;
		left: 0;
		margin-top: -130px;
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}
}


/*======================================= Volet SIG =====================================*/
.ol-popup ul {
	list-style: none;
	padding: 0;
}
.ol-popup dl,
.ol-popup dl dd {
	margin: 0;
}
.ol-popup dl dt::after {
	display: block;
	content: '';
	width: 100%;
	height: 13px;
}
.ol-popup dl dt a {
	display: inline-block;
	position: relative;
	width: 100%;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
	padding: 6px 34px 6px 14px;
	line-height: 1.1em;
	font-size: .9em;
	background-color: #aeaeae;
}
.ol-popup dl dt a::before {
	display: block;
	position: absolute;
	content: '';
	bottom: -4px;
	left: 16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #aeaeae transparent transparent transparent;
}
.ol-popup dl dt a[aria-expanded=false]::before {
	border: 0;
}
.ol-popup dl dt a[data-toggle=collapse]::after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -10px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icons/00_misc-white.svg);
	background-size: auto 200px;
	background-position: 77.7% 0;
}
.ol-popup dl dt a[data-toggle=collapse][aria-expanded=false]::after {
	background-position: 66.6% 0;
}
.ol-popup dl dt a:hover,
.ol-popup dl dt a:focus {
	color: #fff;
	text-decoration: none;
}
.ol-popup dl.blue dt a {
	background-color: #8faaec;
}
.ol-popup dl.blue dt a::before {
	border-top-color: #8faaec
}
.ol-popup dl.purple dt a {
	background-color: #af9ad6;
}
.ol-popup dl.purple dt a::before {
	border-top-color: #af9ad6
}
.ol-popup dl.green dt a {
	background-color: #aac32c;
}
.ol-popup dl.green dt a::before {
	border-top-color: #aac32c;
}
.ol-popup dl dt i {
	float: right;
}

.ol-popup dl dd > ul {
	margin: 0;
}
.ol-popup dl dd > ul::after {
	display: block;
	content: '';
	width: 100%;
	height: 20px;
}
.ol-popup dl dd > ul > li {
	font-size: .9em;
	padding-left: 10px;
	color: #999;
}
.ol-popup dl dd > ul > li strong {
	color: #646464;
}
.ol-popup dl dd > ul > li > a {
	display: inline-block;
	position: relative;
	padding-left: 28px;
	line-height: 1.3em;
}
.ol-popup dl dd > ul > li > a:hover {
	text-decoration: none;
}
.ol-popup dl dd > ul > li > a > i {
	position: absolute !important;
	top: -1px;
	left: -10px;
}
.ol-popup dl dd > ul ul {
	margin: 6px 0 0 26px;
}
.ol-popup dl dd li {
	margin: 3px 0 4px 0;
}
.ol-popup dl dd > ul ul li {
	margin: 2px 0;
}
.ol-popup dl dd a,
.ol-popup dl dd a:not([href]) {
	color: #646464 !important;
}
.ol-popup dl dd i {
	margin: 0 8px 0 10px;
}
.ol-popup dl dd > ul ul i {
	margin: -2px 2px 0 10px;
}
.ol-popup dl.blue dd a[href]:hover {
	color: #8faaec !important;
}
.ol-popup dl.purple dd a[href]:hover {
	color: #af9ad6 !important;
}
.ol-popup dl.green dd a[href]:hover {
	color: #aac32c !important;
}



/*======================================= Desk homepage =======================================*/

#page.homedesk {
    width: 100%;
    max-width: 1620px;
    margin-right: auto;
    margin-left: auto;
}
#desks {
	position: relative;
	z-index: 11;
	min-height: 140px;
	text-align: center;
}
#desks h2 {
	margin-bottom: 0;
}
body.editing #desks {
	-webkit-transform: translateY(-70px); 
	   -moz-transform: translateY(-70px); 
		-ms-transform: translateY(-70px); 
		 -o-transform: translateY(-70px); 
			transform: translateY(-70px); 
}
#desks ul.infodesk {
	display: none;
	position: relative;
	margin: 0 10px 20px 10px;
	padding: 5px 10px 5px 20px;
	list-style: none;
	font-size: .9em;
	color: #cfcfcf;
	text-align: center;
	background-color: rgba(255, 255, 255, .1);
}
body.editing #desks ul.infodesk {
	display: inline-block;
}
#desks ul.infodesk li {
	display: inline-block;
}
#desks .infodesk li {
	margin-right: 16px;
}
#desks .infodesk strong {
	color: #eee;
}
#gridscontainer {
	position: relative;
	overflow: hidden;
    white-space: nowrap;
}
#desks:not(.loaded) > ul#switcher,
#desks:not(.loaded) > a#togglegridmode,
#desks:not(.loaded) > #gridscontainer {
	visibility: hidden;
}
body.editing #mask {
	opacity: .65;
}
#desks .grid-stack {
	display: block;
	position: absolute;
    width: 0;
	vertical-align: top;
	text-align: left;
    white-space: normal;
	-webkit-transform: translateX(0); 
	   -moz-transform: translateX(0); 
		-ms-transform: translateX(0); 
		 -o-transform: translateX(0); 
			transform: translateX(0); 
}
body.editing #desks .grid-stack-item {
	-webkit-transform: translateY(180px); 
	   -moz-transform: translateY(180px); 
		-ms-transform: translateY(180px); 
		 -o-transform: translateY(180px); 
			transform: translateY(180px); 
}
#desks h2 > input,
#desks h3 > input,
#desks h3 .titleclone {
	border: 1px solid transparent;
	width: 95%;
	outline: none;
	padding: 2px 10px;
	margin-left: -10px;
	opacity: 1;
    font-weight: 300;
    font-size: 1.15em;
    line-height: 1.35em;
    letter-spacing: -.02em;
	background-color: transparent;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#desks h2 > input {
	display: none;
}
#desks [data-dm-enabled="false"] h3 > input,
#desks [data-dm-enabled="false"] h3 .titleclone {
	opacity: .5;
}
#desks a.addwidget {
	display: none;
	position: relative;
	width: calc(100% - 20px);
	height: 50px;
	margin: 10px 0 0 10px;
	text-align: center;
	color: #bbb;
	text-decoration: none;
	background-color: rgba(255, 255, 255, .25);
}
#desks a.addwidget:hover {
	background-color: rgba(255, 255, 255, .40);
}
#desks a.addwidget i {
	top: 10px;
}
body.editing #desks h2 > input,
body.editing #desks h3 > input {
	cursor: text;
	width: calc(100% - 90px);
}
body.editing #desks h2 > input {
	width: calc(100% - 20px);
	margin: 0 10px;
	color: #fff;
	font-weight: 400;
    border: 1px dashed #aaa;
}
body.editing #desks [data-dm-locked="true"] h2 > input {
	color: #ccc;
	border: 1px solid transparent;
}
body.editing #desks .grid-stack:not([data-dm-locked="true"]) h3 > input {
	border: 1px dashed rgba(255, 255, 255, .5);
}
body.editing #desks .grid-stack:not([data-dm-locked="true"]) .dark h3 > input {
	border: 1px dotted rgba(0, 0, 0, .3);
}
body.editing #desks [data-dm-enabled="false"] h3 > input {
	cursor: default;
	border: 0 !important;
}
body.editing #desks h2 > input,
body.editing #desks a.addwidget {
	display: block;
}
body.editing #desks h2 .grid-stack:not([data-dm-locked="true"]) > input:hover,
body.editing #desks h2 .grid-stack:not([data-dm-locked="true"]) > input:focus {
	border: 1px dotted #96b500;
}
body.editing #desks h3 .grid-stack:not([data-dm-locked="true"]) > input:hover,
body.editing #desks h3 .grid-stack:not([data-dm-locked="true"]) > input:focus {
	border: 1px dotted #fff;
}
body.editing #desks .grid-stack:not([data-dm-locked="true"]) .dark h3 > input:hover,
body.editing #desks .grid-stack:not([data-dm-locked="true"]) .dark h3 > input:focus {
	border: 1px dotted #000;
}
#desks ul#switcher {
	display: inline-block;
	padding: 3px 10px;
	vertical-align: top;
}
#desks ul#switcher li {
	display: inline-block;
	position: relative;
	margin: 0 4px;
}
body.editing #desks ul#switcher li a[data-dm-locked="true"]::after {
	display: block;
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	bottom: -5px;
	right: -4px;
	background-image: url(../img/icons/01_general.png);
	background-size: auto 200px;
	background-position: 0 0;
}
#desks ul#switcher li.adddesk {
	display: none;
	float: right;
}
body.editing #desks ul#switcher li.adddesk {
	display: inline-block;
}
#desks ul#switcher li > a {
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #e2e2e2;
}
#desks ul#switcher li:not(.adddesk) > a i {
	top: 2px;
	left: 0;
	opacity: .3;
	background-size: auto 197px;
    background-position: 0 21.6% !important;
}
#desks ul#switcher li.adddesk > a i {
	top: 5px;
}
#desks ul#switcher li.active > a {
	border: 1px solid transparent !important;
	background-color: #96b500 !important;
}
#desks ul#switcher li.active > a i {
	opacity: 1 !important;
	background-image: url(../img/icons/00_misc-white.svg);
}
body.editing #desks ul#switcher li > a {
	background-color: #9c9c9c;
	border: 1px solid transparent !important;
}
body.editing #desks ul#switcher li > a:hover {
	background-color: #bbb;
}
body.editing #desks ul#switcher li.adddesk > a {
	background-color: #7b7b7b;
}
body.editing #desks ul#switcher li > a i {
	opacity: 1 !important;
	background-image: url(../img/icons/00_misc-white.svg);
}
#desks ul#switcher li:not(.adddesk):hover > a {
	border: 1px solid #b0b0b0;
}
#desks ul#switcher li:not(.adddesk):hover > a i {
	opacity: .6;
}
#desks ul#switcher li.active:hover > a {
	background-color: #a3c307 !important;
}
body.editing #desks ul#switcher li:not(.active).ui-droppable-hover > a {
	border: 2px solid red;
	background-color: #e0e0e0;
}
#desks ul#switcher li span.options {
	display: block;
	position: absolute;
	z-index: 1;
	top: 36px;
	width: 30px;
	left: 3px;
	max-height: 0;
	padding-top: 5px;
	overflow: hidden;
	opacity: 0;
	transition-delay: .75s !important;
}
body.editing #desks ul#switcher li:hover span.options {
	opacity: 1;
    max-height: inherit;
}
#desks ul#switcher li span.options a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: 2px;
	color: #fff;
	border-radius: 50%;
}
#desks ul#switcher li span.options a.duplicate {
	background-color: #efa811;
}
#desks ul#switcher li span.options a.remove {
	background-color: #e50505;
}
#desks ul#switcher li span.options a.duplicate i {
	top: 2px;
	left: 1px;
}
#desks ul#switcher li span.options a.remove i {
	top: 3px;
}
#desks ul#switcher li.adddesk a {
	border: 1px dotted #ccc;
	background-color: #e6e6e6;
}
#desks a#togglegridmode {
	display: inline-block;
	position: absolute;
	right: 0;
	width: 50px;
	height: 50px;
	vertical-align: top;
	margin-left: 40px;
}
#desks a#togglegridmode i {
	top: 4px;
	width: 40px;
	height: 40px;
	opacity: .2;
	background-size: auto 400px;
}
#desks a#togglegridmode:hover i {
	opacity: .4;
}
body.editing #desks a#togglegridmode {
	display: none;
}

.grid-stack-item-content {
	overflow: hidden !important;
	padding: 22px 0 26px 28px;
}
[data-dm-enabled="false"] .grid-stack-item-content::before {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: rgba(100, 100, 100, .7);
}
.grid-stack-item-content a.directlink {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 0;
	opacity: 1;
}
body.editing .grid-stack-item-content a.directlink {
	opacity: 0;
}
.grid-stack-item-content > .scroller {
    position: relative;
	overflow-y: auto;
    width: 100%;
	height: calc(100% - 54px);
}
[data-dm-enabled="false"] .grid-stack-item-content > .scroller {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 60px 20px 20px 20px;
	overflow: hidden;
}
.grid-stack-item-content > .scroller.hasiscroll {
   overflow: hidden;
}
.grid-stack-item-content > .loader {
	display: none;
}
.grid-stack-item-content > .loader .spin::before {
    background: linear-gradient(#fff, rgba(0,0,0,.15) 50%);
}
.grid-stack-item-content.dark > .loader .spin::before {
	background: linear-gradient(#96b500, #fff 50%);
}
.grid-stack-item.fullsize .blockctn {
	height: 100%;
}
.grid-stack-item-content .blockctn,
.grid-stack-item-content .message {
	position: relative;
	width: 100%;
	min-height: 100%;
	padding-right: 20px;
	color: #fff;
	overflow: hidden;
}
.grid-stack-item-content .message {
	text-align: center;
}
.grid-stack-item-content > .blockctn {
	overflow: auto;
}
.grid-stack-item-content.dark .blockctn,
.grid-stack-item-content.dark .message {
	color: #212121;
}
.grid-stack-item-content .blockctn a,
.grid-stack-item-content .message a {
	color: #fff;
}
[data-dm-enabled="false"] .grid-stack-item-content .message a {
	text-decoration: underline;
}
.grid-stack-item-content.dark .blockctn a:not(.btn),
.grid-stack-item-content.dark .message a:not(.btn) {
	color: #212121;
}
.grid-stack-item-content:not(.dark) .iScrollIndicator {
    background-color: rgba(255, 255, 255, .4) !important;
}
.grid-stack-item-content:not(.dark):hover .iScrollIndicator {
    background-color: rgba(255, 255, 255, .8) !important;
}
.grid-stack-item-content a.set, 
.grid-stack-item-content a.remove {
	display: none;
	position: absolute;
	top: 6px;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
}
body.editing .grid-stack-item-content a.set, 
body.editing .grid-stack-item-content a.remove {
	display: block;
	z-index: 2;
}
body.editing [data-dm-enabled="false"] .grid-stack-item-content a.set {
	display: none !important;
}
body.editing .grid-stack-item-content a.set {
	right: 46px;
}
body.editing .grid-stack-item-content a.remove {
	right: 6px;
}
body.editing .grid-stack-item-content a.set i, 
body.editing .grid-stack-item-content a.remove i {
	opacity: .7;
}
body.editing .grid-stack-item-content a.set:hover i, 
body.editing .grid-stack-item-content a.remove:hover i {
	opacity: 1;
}
body.editing .grid-stack-item-content a.remove i {
	top: 5px;
}
body.editing .grid-stack-item-content a.set i {
	top: 6px;
	left: 3px;
}
body.editing .grid-stack-item-content.dark a.set i, 
body.editing .grid-stack-item-content.dark a.remove i {
	opacity: .4;
	background-image: url(../img/icons/00_misc-black.svg);
}
body.editing .grid-stack-item-content.dark a.set:hover i, 
body.editing .grid-stack-item-content.dark a.remove:hover i {
	opacity: .8;
}
.grid-stack-item-content h3 {
	position: relative;
	z-index: 1;
}
body:not(.editing) .grid-stack-item-content h3 {
	max-height: 40px;
	overflow: hidden;
}
[data-dm-enabled="false"] .grid-stack-item-content h3 {
	opacity: .5;
}
.grid-stack-item-content h3 > input,
.grid-stack-item-content h3 > .titleclone {
	color: #fff;
}
.grid-stack-item-content.dark h3 > input,
.grid-stack-item-content.dark h3 > .titleclone {
	color: #212121;
}
.grid-stack-item-content h3 > input {
	display: none;
}
.grid-stack-item-content h3 > .titleclone {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: auto !important;
	max-width: 95%;
}
.grid-stack-item-content h3 span.counter {
	display: inline-block;
	position: relative;
	top: -12px;
	left: 6px;
	width: 32px;
	height: 32px;
	color: #fff;
	font-size: .85em;
	font-weight: 400;
	line-height: 1.5em;
	text-align: center;
	background-color: rgba(0, 0, 0, .3);
}
body.editing .grid-stack-item-content h3 span.counter {
	display: none;
}
.grid-stack-item-content h3 span.counter::before {
	position: absolute;
	display: block;
	content: '';
	top: 11px;
	left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent rgba(0, 0, 0, .3) transparent transparent;
}
body.editing .grid-stack-item-content h3 > input {
	display: block;
}
body.editing .grid-stack-item-content h3 > .titleclone {
	display: none;
}
.grid-stack-item-content > i.full.bg {
	z-index: -1;
	bottom: 10px;
	right: -50px;
	opacity: .4;
	mix-blend-mode: luminosity;
}
.grid-stack-item-content .widgetinfo {
	display: none;
}
body.editing .grid-stack-item-content .widgetinfo {
	display: block;
}
.grid-stack-item-content .widgetinfo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	background-color: rgba(50, 50, 50, .4);
}
.grid-stack-item-content .widgetinfo span {
	display: inline-block;
	margin-top: 70px;
}
.grid-stack-item-content .widgetinfo i.label {
	margin: -3px 6px 0 -10px;
}

div[dhxwin] form.subconfig {
	height: 100%;
}
div[dhxwin] form.subconfig i.sample {
	margin-right: 10px;
}
div[dhxwin] form.subconfig i.sample.null {
	position: relative;
	border: 1px solid #ececec;
}
div[dhxwin] form.subconfig i.null::after,
.iconlist i.null::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: lightgrey;
}
div[dhxwin] form.subconfig .minicolors {
	vertical-align: middle;
}
div[dhxwin] form.subconfig .minicolors::before {
	display: block;
	position: absolute;
	content: '';
	top: -2px;
	left: -2px;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
}
div[dhxwin] form.subconfig .minicolors-swatch {
	position: relative;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	cursor: pointer;
	margin-right: 12px;
	border: 0;
}
div[dhxwin] form.subconfig .minicolors-input {
	display: none;
}
div[dhxwin] form.subconfig .content {
	width: 100%;
	height: 100%;
	max-height: calc(100% - 100px);
	padding: 0 20px;
	margin-bottom: 10px;
	color: #212121;
	overflow-x: hidden;
	overflow-y: auto;
}

div[dhxwin] .widgetconfig .dhx_cell_cont_wins {
	overflow-y: hidden !important;
}
div[dhxwin] .widgetconfig .tab-content {
	height: calc(100% - 80px);
	overflow-y: auto;
	padding: 25px 10px;
}

div[dhxwin] ul.iconlist {
	list-style: none;
	padding: 0;
}
div[dhxwin] ul.iconlist li {
	display: inline-block;
	padding: 2px;
}
div[dhxwin] ul.iconlist li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	border: 1px solid #ececec;
}

body > #deskModal,
body > #iconsModal,
body > #widgetModal {
	display: none;
}

.config {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 940;
	margin: 0;
	clear: both;
	padding: 16px 20px;
	text-align: left;
	border: 1px dashed rgba(0, 0, 0, 0);
	background-color: #fff;
	width: 100%;
	height: auto;
	border: 1px dashed rgba(0, 0, 0, .08);
	overflow: visible;
	box-shadow: 0;
	-webkit-transform: translateY(-100%);
	   -moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		 -o-transform: translateY(-100%);
			transform: translateY(-100%);
}
body.editing .config {
	display: block;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
		-ms-transform: translateY(0);
		 -o-transform: translateY(0);
			transform: translateY(0);
}
body.editing .config h3 {
	color: #96b500;
	font-weight: 300;
	float: left;
}
body.editing .config fieldset {
	float: right;
}
ul.widgettypes, ul.palettes {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.widgettypes li , ul.palettes  li{
	display: inline-block;
	width: 94px;
	padding: 4px 4px 8px 4px;
	font-size: .85em;
	line-height: 1.1em;
	vertical-align: top;
	text-align: center;
}
ul.widgettypes li a , ul.palettes li a {
	color: #bbb;
	text-decoration: none;
}
ul.widgettypes li a:hover  , ul.palettes li a:hover{
	color: #212121;
}
ul.widgettypes li a span , ul.palettes li a span{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
	box-shadow: 1px 1px 0 rgba(0,0,0,.1);
	background-color: #fbfbfb;
}
ul.widgettypes li a span i, ul.palettes li a span i{
	top: 50%;
	margin-top: -28px;
}
ul.widgettypes li a:hover span i , ul.palettes li a:hover span i {
	margin-top: -32px;
}
.homedesk ul.gridtoolbar li.nbline,
.homedesk ul.gridtoolbar li.nbline strong {
	color: #fff !important;
}
.homedesk .dark ul.gridtoolbar li.nbline,
.homedesk .dark ul.gridtoolbar li.nbline strong {
	color: #212121 !important;
}

.homedesk .loader {
    max-height: 800px;
}

@media (max-width: 768px) {
	body.editing #desks .grid-stack-item {
		-webkit-transform: translateY(20px);
		   -moz-transform: translateY(20px);
			-ms-transform: translateY(20px);
			 -o-transform: translateY(20px);
				transform: translateY(20px);
	}
}
@media (max-width: 599px) {
	body.editing .config {
		text-align: center;
	}
	body.editing .config h3 {
		display: none;
	}
	body.editing .config fieldset {
		float: none;
		clear: right;
	}
}
@media (max-width: 419px) {
	body.editing #desks {
		-webkit-transform: translateY(-30px); 
		   -moz-transform: translateY(-30px); 
			-ms-transform: translateY(-30px); 
			 -o-transform: translateY(-30px); 
				transform: translateY(-30px); 
	}
	#desks ul#switcher {
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}
	#desks a#togglegridmode {
		top: -45px;
		right: -2px;
	}
	.grid-stack-item-content {
		padding: 16px 0 20px 22px;
	}
	#desks h2 > input, #desks h3 > input,
	#desks h3 .titleclone {
		font-size: .95em;
	}
	.grid-stack-item-content h3 {
		max-height: 34px !important;
	}
	.notificationswidget span.counter {
		top: -10px !important;
		width: 26px !important;
		height: 26px !important;
		font-size: .7em !important;
	}
	.notificationswidget span.counter::before {
		top: 9px !important;
		left: -4px !important;
		border-width: 4px 4px 4px 0 !important;
	}
}


/*-------------------------- Widget > Mes liens --------------------------*/
/*------------------------- Widget > Mes favoris -------------------------*/

.linkswidget .blockctn ul,
.favoriteswidget .blockctn ul {
	position: relative;
	list-style: none;
	padding: 0 0 0 0;
}
.linkswidget .blockctn ul li a,
.favoriteswidget .blockctn ul li a {
	position: relative;
	display: block;
	padding: 7px 0;
	font-size: .95em;
	line-height: 1.3em;
	color: #fff;
}
.linkswidget .blockctn ul li a:hover,
.favoriteswidget .blockctn ul li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, .2);
}
.linkswidget.dark .blockctn ul li a:hover,
.favoriteswidget.dark .blockctn ul li a:hover {
	background-color: rgba(0, 0, 0, .06);
}
.linkswidget .blockctn ul.small-icons li,
.favoriteswidget .blockctn ul.small-icons li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}
.linkswidget .blockctn ul.small-icons li a,
.favoriteswidget .blockctn ul.small-icons li a {
	min-height: 32px;
	padding-left: 36px;
	margin-right: 10px;
}
.linkswidget .blockctn ul.small-icons li a i,
.favoriteswidget .blockctn ul.small-icons li a i {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 30px;
	height: 30px;
	background-size: auto 300px;
}

.linkswidget .blockctn ul.large-icons li,
.favoriteswidget .blockctn ul.large-icons li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.linkswidget .blockctn ul.large-icons li a, 
.favoriteswidget .blockctn ul.large-icons li a {
    display: block;
    width: 104px;
    max-height: 99px;
    padding: 6px;
    margin-bottom: 6px;
    font-size: .87em;
    line-height: 1.15em;
    overflow: hidden;
}
.linkswidget .blockctn ul.large-icons li a i,
.favoriteswidget .blockctn ul.large-icons li a i {
	display: block;
	left: 50%;
	margin-top: -3px;
	margin-left: -25px;
	width: 51px;
	height: 51px;
	background-size: auto 510px;
}

table.linkswidget {
	table-layout: fixed;
	padding: 0;
	margin: 0;
	width: 100%;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    border: 1px solid #c1c1c1;
	background-color: #fff;
}
table.linkswidget i {
	width: 20px;
	height: 20px;
	vertical-align: top;
	background-size: auto 200px;
}
table.linkswidget tr {
	background-color: #fff;
}
table.linkswidget tr td.list-index,
table.linkswidget tr td.list-icon,
table.linkswidget tr td.list-text {
	cursor: ns-resize;	
}
table.linkswidget tr td.list-order a.orderlink.down {
	margin-left: -4px;
}
table.linkswidget tr td.list-order i,
table.linkswidget tr td.list-config i,
table.linkswidget tr td.list-remove i {
	opacity: .4;
}
table.linkswidget tr.ui-sortable-helper {
	box-shadow: 2px 3px 0 rgba(0, 0, 0, .1);
	opacity: .85;
	background-color: #eee !important;
}
table.linkswidget tr.ui-sortable-helper td.list-link,
table.linkswidget tr.ui-sortable-helper td.list-order,
table.linkswidget tr.ui-sortable-helper td.list-config,
table.linkswidget tr.ui-sortable-helper td.list-remove {
	display: none;
}
table.linkswidget tr td {
	height: 30px;
	padding: 0;
}
table.linkswidget tr td > span {
	display: inline-block;
	max-width: 100%;
	max-height: 30px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.linkswidget tr.head td {
	color: #fff;
	text-transform: uppercase;
	font-size: .85em !important;
	background-color: #c1c1c1;
	vertical-align: middle;
}
table.linkswidget tr:nth-child(even) {
	background-color: #fbfbfb;
}
table.linkswidget tr td.list-index {
	width: 20px;
	font-size: .75em;
	color: #bbb;
	text-align: right;
}
table.linkswidget tr td.list-icon {
	width: 50px;
	text-align: center;
}
table.linkswidget tr td.list-text {
	width: auto;
	font-size: .9em;
}
table.linkswidget tr td.list-link {
	width: 70px;
	text-align: center;
}
table.linkswidget tr[data-link-type="int"] td.list-link span.badge {
	color: #fff;
	background-color: #96b500;
}
table.linkswidget tr[data-link-type="ext"] td.list-link span.badge {
	color: #fff;
	background-color: #868e96;
}
table.linkswidget tr td.list-order {
	width: 45px;
}
table.linkswidget tr td.list-config,
table.linkswidget tr td.list-remove {
	width: 30px;
	text-align: center;
}

div[dhxwin] .favlist {
    max-height: calc(2.25rem + 2px);
    overflow: hidden;
	padding: 0;
}
div[dhxwin] .favlist > a {
	display: block;
	padding: .5rem .75rem;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div[dhxwin] .favlist > a i {
	top: -2px;
	margin-right: 4px;
}
div[dhxwin] .favlist.active {
    max-height: 160px;
}
div[dhxwin] .favlist ul {
	list-style: none;
	padding: 0;
	max-height: 120px;
	overflow: auto;
	border-top: 1px solid #c1c1c1;
}
div[dhxwin] .favlist ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 4px 10px 4px 36px;
	font-size: .9em;
	color: #333;
	border-bottom: 1px dotted #ececec;
}
div[dhxwin] .favlist ul li a:hover {
	background-color: #ececec;
	text-decoration: none;
}
div[dhxwin] .favlist ul li a:focus,
div[dhxwin] .favlist ul li a:active {
	color: #fff;
	background-color: #96b500;
	text-decoration: none;
}
div[dhxwin] .favlist ul li a i {
	position: absolute;
	left: 12px;
}


/*------------------------- Widget > Mes messages ------------------------*/

.notificationswidget .blockctn table {
	width: 100%;
}
.notificationswidget .blockctn table tr.read {
	opacity: .5;
}
.notificationswidget .blockctn table tr.read:hover {
	opacity: .75;
}
.notificationswidget .blockctn table tr.spacer {
	height: 6px;
}
.notificationswidget .blockctn table tr:not(.head) {
	cursor: pointer;
}
.notificationswidget .blockctn table tr:not(.head):hover {
	background-color: rgba(255, 255, 255, .2);
}
.notificationswidget.dark .blockctn table tr:not(.head):hover {
	background-color: rgba(0, 0, 0, .06);
}
.notificationswidget .blockctn table tr th {
	position: relative;
	padding: 5px 8px;
	font-size: .8em;
	font-weight: 300;
	text-transform: uppercase;
}
.notificationswidget .blockctn table tr td {
    max-width: 0;
	padding: 3px 8px;
	margin: 0;
	font-size: .95em;
	border-bottom: 1px dotted rgba(255, 255, 255, .4);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notificationswidget.dark .blockctn table tr td {
	border-bottom: 1px dotted rgba(0, 0, 0, .15);
}
.notificationswidget .blockctn table tr th::after {
	display: block;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: calc(100% - 8px);
	height: 1px;
	background-color: rgba(255, 255, 255, .7);
}
.notificationswidget.dark .blockctn table tr th::after {
	background-color: rgba(0, 0, 0, .3);
}
.notificationswidget .blockctn table tr .list-from {
	width: 180px;
}
.notificationswidget .blockctn table tr .list-from i {
	margin-top: -4px;
	margin-right: 5px;
}
.notificationswidget .blockctn table tr.read .list-from i {
    filter: grayscale(100%);
}
.notificationswidget .blockctn table tr .list-subject {
	display: none;
}
.notificationswidget .blockctn table tr .list-received {
	width: 140px;
}

.notificationswidget[min-width~="600px"] .blockctn table tr .list-subject {
	display: table-cell;
}


/*----------------------------- Widget > Zoom ----------------------------*/

.zoomwidget .blockctn .form-control {
	margin: 0;
}

@media (max-width: 419px) {
	.zoomwidget .blockctn .form-control {
		width: calc(100% - 60px) !important;
	}
	.zoomwidget .blockctn input[type="submit"] {
		width: 36px !important;
		height: 38px !important;
		background: url(../img/icons/00_misc-white.svg) top left no-repeat !important;
		background-position: 55.5% 3px !important;
		background-size: auto 300px !important;
		background-color: #343a40 !important;
	}
}


/*------------------------ Widget > Mon graphique ------------------------*/

.chartswidget .blockctn .chartcontainer {
	text-align: center;
	height: 100%;
}


/*-------------------------- Widget > Ma grille --------------------------*/
/*--------------------- Widget > Ma grille Workflow ----------------------*/
/*------------------------ Widget > Mon graphique ------------------------*/

.gridswidget .blockctn,
.gridswfwidget .blockctn,
.navwidget .blockctn {
	height: 100%;
}
.gridswidget .blockctn div[id*="ctn-"],
.gridswidgetwf .blockctn div[id*="ctn-"],
.navwidget .blockctn div[id*="ctn-"] {
	position: relative;
	overflow: hidden;
}



/*=========================================== Footer ==========================================*/

footer {
	padding: 20px 0 0 0;
	font-size: .75em;
	color: #aaa;
}
footer a img {
	opacity: .2;
		-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
	-webkit-transform: scale(.6);
	   -moz-transform: scale(.6);
		-ms-transform: scale(.6);
		 -o-transform: scale(.6);
			transform: scale(.6);
}
footer a#copyapave img {
	margin-left: 10px;
		-ms-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
			transform-origin: 100% 50%;
}
footer a:hover img {
	opacity: .5;
}
body.standalone footer {
	width: 100%;
	margin-top: 9px;
	padding: 0 0px 0 0px;
}
@media (max-width: 767px) {
	body.standalone footer {
		font-size: 0;
		padding: 0 15px 0 5px;
	}
}

/*------------------------------ about ------------------------------*/

.col-md-2About {
   
    margin-right: 1%;
	
	
}

/*=========================================== Divers ===========================================*/

.no-text {
	font-size: 0 !important;
}


/*-------------------------------- Loader --------------------------------*/

.loader {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.spin {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;	
	margin-left: -20px;
	border-radius: 50%;
}
.spin::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: linear-gradient(#96b500, #f5f5f5 50%);
	animation: spin .6s infinite linear;
}
.spin:after {
	content: '';
	position: absolute;
	width: 92%;
	height: 92%;
	top: 4%;
	left: 4%;
	background-color: #fff;
	border-radius: 50%;
}
#globalLoader .spin:after {
	background-color: #f6f6f6;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}


/*-------------- Eléments mouvants dans le DOM (responsive) --------------*/

.moveindom {
	visibility: hidden;
}


/*---------------------------- Barre iScroll 5 ---------------------------*/

.iScrollHorizontalScrollbar,
.iScrollVerticalScrollbar {
	z-index: 49 !important;
}
.iScrollVerticalScrollbar {
	width: 12px !important;
}
.iScrollHorizontalScrollbar {
	height: 12px !important;
}
.iScrollIndicator {
	border: 0 !important;
	border-radius: 8px !important;
	background-color: rgba(0, 0, 0, .2) !important;
	cursor: pointer;
	-webkit-transition: width .2s, height !important;
	   -moz-transition: width .2s, height !important;
		-ms-transition: width .2s, height !important;
		 -o-transition: width .2s, height !important;
			transition: width .2s, height .2s !important;
}
.iScrollVerticalScrollbar .iScrollIndicator {
	width: 4px !important;
	right: 2px !important;
}
.iScrollVerticalScrollbar:hover .iScrollIndicator,
.iScrollVerticalScrollbar .iScrollIndicator:active {
	width: 8px !important;
}
.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 4px !important;
	bottom: 2px !important;
}
.iScrollHorizontalScrollbar:hover .iScrollIndicator,
.iScrollHorizontalScrollbar .iScrollIndicator:active {
	height: 8px !important;
}


/*---------------------------- Animations CSS ----------------------------*/

body:not(.notif-opened) .blink {
	z-index: 999999;
	-webkit-animation: Blink-shake 2s infinite;
	-moz-animation:    Blink-shake 2s infinite;
	-o-animation:      Blink-shake 2s infinite;
	animation:         Blink-shake 2s infinite;
}
body:not(.notif-opened) #bom .blink a::after,
body:not(.notif-opened) #notifcenter .blink span::after {
	-webkit-animation: Blink-zoom 1s infinite;
	-moz-animation:    Blink-zoom 1s infinite;
	-o-animation:      Blink-zoom 1s infinite;
	animation:         Blink-zoom 1s infinite;
}
body.pushmenu-opened header #bom .blink,
body.pushmenu-opened header #bom .blink a::after,
body.pushmenu-opened header #notifcenter .blink,
body.pushmenu-opened header #notifcenter .blink span::after,
body header.head-unfixed #bom .blink,
body header.head-unfixed #bom .blink a::after,
body header.head-unfixed #notifcenter .blink,
body header.head-unfixed #notifcenter .blink span::after {
	-webkit-animation: none;
	-moz-animation:    none;
	-o-animation:      none;
	animation:         none;
}
body.notif-opened #notifcenter .blink span::after {
	display: none !important;
}
.notifpanel .blockctn li {
	-webkit-animation: Show-height .4s forwards;
	-moz-animation:    Show-height .4s forwards;
	-o-animation:      Show-height .4s forwards;
	animation:         Show-height .4s forwards;
}
.highlight {
	border-radius: 0;
	-webkit-animation: Highlight 1s infinite;
	-moz-animation:    Highlight 1s infinite;
	-o-animation:      Highlight 1s infinite;
	animation:         Highlight 1s infinite;
	animation:         Highlight 1s infinite;
}
@media (max-width: 899px) {
	body:not(.pushmenu-left-opened) #bom .blink,
	body:not(.pushmenu-left-opened) #bom .blink a::after {
		-webkit-animation: none;
		-moz-animation:    none;
		-o-animation:      none;
		animation:         none;
	}
}
@media (max-width: 767px) {
	body:not(.pushmenu-right-opened) #notifcenter .blink,
	body:not(.pushmenu-right-opened) #notifcenter .blink span::after {
		-webkit-animation: none;
		-moz-animation:    none;
		-o-animation:      none;
		animation:         none;
	}	
}

@-webkit-keyframes Blink-zoom {
	0%   {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.4);
		opacity: .2;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes Blink-zoom {
	0%   {
		-moz-transform: scale(1);
		opacity: 1;
	}
	50% {
		-moz-transform: scale(1.4);
		opacity: .2;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}
@-o-keyframes Blink-zoom {
	0%   {
		-o-transform: scale(1);
		opacity: 1;
	}
	50% {
		-o-transform: scale(1.4);
		opacity: .2;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}
@keyframes Blink-zoom {
	0%   {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.4);
		opacity: .2;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes Blink-shake {
	0% {
		-webkit-transform: translateX(2px) rotate(2deg) scale(1);
	}
	3% {
		-webkit-transform: translateX(-2px) rotate(-2deg) scale(1.04);
	}
	6% {
		-webkit-transform: translateX(2px) rotate(2deg) scale(1.08);
	}
	9% {
		-webkit-transform: translateX(-2px) rotate(-2deg) scale(1.11);
	}
	12% {
		-webkit-transform: translateX(1px) rotate(1deg) scale(1.13);
	}
	15% {
		-webkit-transform: translateX(-1px) rotate(-1deg) scale(1.11);
	}
	18% {
		-webkit-transform: translateX(1px) rotate(1deg) scale(1.08);
	}
	21% {
		-webkit-transform: translateX(-1px) rotate(-1deg) scale(1.04);
	}
	24% {
		-webkit-transform: translateX(.5px) rotate(0) scale(1);
	}
	27% {
		-webkit-transform: translateX(-.5px) rotate(0) scale(1);
	}
}
@-moz-keyframes Blink-shake {
	0% {
		-moz-transform: translateX(2px) rotate(2deg) scale(1);
	}
	3% {
		-moz-transform: translateX(-2px) rotate(-2deg) scale(1.04);
	}
	6% {
		-moz-transform: translateX(2px) rotate(2deg) scale(1.08);
	}
	9% {
		-moz-transform: translateX(-2px) rotate(-2deg) scale(1.11);
	}
	12% {
		-moz-transform: translateX(1px) rotate(1deg) scale(1.13);
	}
	15% {
		-moz-transform: translateX(-1px) rotate(-1deg) scale(1.11);
	}
	18% {
		-moz-transform: translateX(1px) rotate(1deg) scale(1.08);
	}
	21% {
		-moz-transform: translateX(-1px) rotate(-1deg) scale(1.04);
	}
	24% {
		-moz-transform: translateX(.5px) rotate(0) scale(1);
	}
	27% {
		-moz-transform: translateX(-.5px) rotate(0) scale(1);
	}
}
@-o-keyframes Blink-shake {
	0% {
		-o-transform: translateX(2px) rotate(2deg) scale(1);
	}
	3% {
		-o-transform: translateX(-2px) rotate(-2deg) scale(1.04);
	}
	6% {
		-o-transform: translateX(2px) rotate(2deg) scale(1.08);
	}
	9% {
		-o-transform: translateX(-2px) rotate(-2deg) scale(1.11);
	}
	12% {
		-o-transform: translateX(1px) rotate(1deg) scale(1.13);
	}
	15% {
		-o-transform: translateX(-1px) rotate(-1deg) scale(1.11);
	}
	18% {
		-o-transform: translateX(1px) rotate(1deg) scale(1.08);
	}
	21% {
		-o-transform: translateX(-1px) rotate(-1deg) scale(1.04);
	}
	24% {
		-o-transform: translateX(.5px) rotate(0) scale(1);
	}
	27% {
		-o-transform: translateX(-.5px) rotate(0) scale(1);
	}
}
@keyframes Blink-shake {
	0% {
		transform: translateX(2px) rotate(2deg) scale(1);
	}
	3% {
		transform: translateX(-2px) rotate(-2deg) scale(1.04);
	}
	6% {
		transform: translateX(2px) rotate(2deg) scale(1.08);
	}
	9% {
		transform: translateX(-2px) rotate(-2deg) scale(1.11);
	}
	12% {
		transform: translateX(1px) rotate(1deg) scale(1.13);
	}
	15% {
		transform: translateX(-1px) rotate(-1deg) scale(1.11);
	}
	18% {
		transform: translateX(1px) rotate(1deg) scale(1.08);
	}
	21% {
		transform: translateX(-1px) rotate(-1deg) scale(1.04);
	}
	24% {
		transform: translateX(.5px) rotate(1);
	}
	27% {
		transform: translateX(-.5px) rotate(1);
	}
}

@-webkit-keyframes Show-height {
	0%   {
		-webkit-transform: scaleY(.4);
		opacity: 0;
	}
	100% {
		-webkit-transform: scaleY(1);
		opacity: 1;
	}
}
@-moz-keyframes Show-height {
	0%   {
		-moz-transform: scaleY(.4);
		opacity: 0;
	}
	100% {
		-moz-transform: scaleY(1);
		opacity: 1;
	}
}
@-o-keyframes Show-height {
	0%   {
		-o-transform: scaleY(.4);
		opacity: 0;
	}
	100% {
		-o-transform: scaleY(1);
		opacity: 1;
	}
}
@keyframes Show-height {
	0%   {
		transform: scaleY(.4);
		opacity: 0;
	}
	100% {
		transform: scaleY(1);
		opacity: 1;
	}
}

@-webkit-keyframes Highlight {
	0%   {
		background-color: rgba(255,0,0,0);
	}
	50% {
		background-color: rgba(255,0,0,.5);
	}
	100% {
		background-color: rgba(255,0,0,0);
	}
}
@-moz-keyframes Highlight {
	0%   {
		background-color: rgba(255,0,0,0);
	}
	50% {
		background-color: rgba(255,0,0,.5);
	}
	100% {
		background-color: rgba(255,0,0,0);
	}
}
@-o-keyframes Highlight {
	0%   {
		background-color: rgba(255,0,0,0);
	}
	50% {
		background-color: rgba(255,0,0,.5);
	}
	100% {
		background-color: rgba(255,0,0,0);
	}
}
@keyframes Highlight {
	0%   {
		background-color: rgba(255,0,0,0);
	}
	50% {
		background-color: rgba(255,0,0,.5);
	}
	100% {
		background-color: rgba(255,0,0,0);
	}
}


/*--------------------------- Transitions CSS ----------------------------*/

.anim-200ms,
ul#links li a i,
a.bom-closer,
a.menu-closer,
a.bom-opener::before,
a.menu-opener::before,
[type=checkbox] + label::before,
[type=checkbox] + label::after,
[type=radio] + label::before,
[type=radio] + label::after,
a.btn-close,
#shortcuts ul li a, 
.btn,
.nav-link,
.nav-link i,
aside ul.sidetabs li a,
#page-contents .formoptions > .row > div > fieldset dl dt a::before,
#listresults ul li h4 a,
#listresults ul li h4 a::before,
#listresults ul li form.search-filter button i,
#listresults .warning,
#page-contents fieldset.card .form-content,
#desks,
#desks a.addwidget,
ul.widgettypes li a,
ul.widgettypes li a span i,
#desks a#togglegridmode i,
body.editing .grid-stack-item-content a.set i, 
body.editing .grid-stack-item-content a.remove i,
#desks ul#switcher li > a,
#desks ul#switcher li > a i,
.config {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}
.anim-width-height-top-left-200ms,
#gridscontainer:not(.no-anim) .grid-stack-item {
	-webkit-transition: width .2s, height .2s, top .2s, left .2s;
	   -moz-transition: width .2s, height .2s, top .2s, left .2s;
		-ms-transition: width .2s, height .2s, top .2s, left .2s;
		 -o-transition: width .2s, height .2s, top .2s, left .2s;
			transition: width .2s, height .2s, top .2s, left .2s;
}
.anim-300ms,
header h1,
#shortcuts ul.tags,
nav#bom,
nav#bom ul li,
nav#bom ul li::before,
nav#bom ul li a,
ul#notifcenter li a .count,
header a.menu-opener::after,
.notifpanel .blockctn > div,
.notifpanel ul.notiflist li a,
.notifpanel ul.notiflist li a i,
header #togglesearch a,
#page-contents .cartridge,
#listresults > .col,
#desks a.addwidget span,
footer a img {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}
.anim-transform-height-300ms {
	-webkit-transition: transform .3s, height .3s;
	   -moz-transition: transform .3s, height .3s;
		-ms-transition: transform .3s, height .3s;
		 -o-transition: transform .3s, height .3s;
			transition: transform .3s, height .3s;
}
.anim-transform-300ms,
.slidemenu > ul,
.pushmenu,
#gridscontainer:not(.no-anim) > div {
	-webkit-transition: transform .3s;
	   -moz-transition: transform .3s;
		-ms-transition: transform .3s;
		 -o-transition: transform .3s;
			transition: transform .3s;
}
#desks ul#switcher li span.options,
.anim-opacity-300ms {
	-webkit-transition: opacity .3s;
	   -moz-transition: opacity .3s;
		-ms-transition: opacity .3s;
		 -o-transition: opacity .3s;
			transition: opacity .3s;
}
.anim-bottom-300ms,
#page-contents .cartridge .toggle {
	-webkit-transition: bottom .3s;
	   -moz-transition: bottom .3s;
		-ms-transition: bottom .3s;
		 -o-transition: bottom .3s;
			transition: bottom .3s;
}
.no-anim {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
		-ms-transition: none !important;
		 -o-transition: none !important;
			transition: none !important;
}
@media (min-width: 361px) and (orientation: portrait),
(min-width: 641px) and (orientation: landscape) {
	header #togglesearch,
	ul#notifcenter li a::before,
	.notifpanel {
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			-ms-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}
	.slidemenu,
	.slidemenu a,
	.slidemenuback,
	.slidemenupath span,
	.dhtmlx_message_area,
	header,
	#valid {
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			-ms-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}
	#page {
		-webkit-transition: transform .3s;
		   -moz-transition: transform .3s;
			-ms-transition: transform .3s;
			 -o-transition: transform .3s;
				transition: transform .3s;
	}
	#mask {
		-webkit-transition: opacity .3s;
		   -moz-transition: opacity .3s;
			-ms-transition: opacity .3s;
			 -o-transition: opacity .3s;
				transition: opacity .3s;
	}
}
@media (max-width: 460px) and (orientation: portrait),
(max-width: 640px) and (orientation: landscape) {
	.dhtmlx_message_area {
		width: calc(100% - 12px);
		right: 0;
		bottom: 6px !important;
		margin-left: 6px;
		margin-right: 6px;
	}
	.dhtmlx_message_area .dhtmlx-info {
		box-shadow: none;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
}
/*============================================ Preloader Ellipsis ===================================*/

.loading {
  /*font-size: 18px;*/
display: inline-block;
}

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}


@media (max-width: 991px) {	
footer {font-size:0;}
}
body.standalone .container { padding-top:25px !important; max-width: inherit !important;}
body.standalone #page { padding: 25px 30px 25px 30px !important;}


/*============================================ BTN Historique ===================================*/
a.btn_multitab {
	border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	 transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#dvbtnNavHistory
{
    min-width: 95px;
    font-size: 10px !important;
   /* top: 260px;
    left: 1465.75px;*/
    display: block;
margin: 8px 0 0 0;
}
#ulbtnNavHistory ul 
{
list-style-type: none;
    padding: 0;
    margin: 0;
}
/*============================================ Fin BTN Historique ===================================*/

/*============================================ Process Timeline ===================================*/
.tlinkline { 
display:block;
margin: 8px 0px 0px -185px;
width:3px;
position:absolute;
background-color:#eeeeee;
height:169px;

}

.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline-title a {
display:block;
  overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  width: 46px;
  height: 46px;
  line-height: 52px;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  background-color: #7c7c7c;
  border: 3px solid #ffffff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  border-radius: 2px;

  padding: 10px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
  font-size:0.85rem;
}
.timeline-panel {
min-width:190px;
min-height:77px;
}
 .timeline-title {
 text-align:left;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p
{
	min-height:20px;
}

.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 0x 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 40px;
  /*left: 56px;*/
  left:0px;
  right: 0;
 /* width: 100%;*/
  width:100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 170px;
  max-width:300px;
  /*width: 20%;
  min-width: 320px;*/
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: auto;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
 /* width: 100%;*/
	width:230px;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  /*top: auto;*/
  /*bottom: 18px !important;*/
overflow-x:none;
	margin-top:89px;
  left: 48px;
}
.timeline-heading > button
{
height:25px;
}

textarea{
	height: 100px!important;
	width: 90%;
}
/*============================================ Fin Process Timeline ===================================*/

/*============================================ Affectation véhicules ===================================*/
.ligneBus a:hover, [class^="ligneAffectation"] a:hover {
	color:#677b03 !important;
	cursor: pointer;
}


/*============================================ Fin Affectation véhicules ===================================*/

/* regle pour redimensionnement de la tuile image */
.navcontainer  img 
{
max-height:100%;
width:auto;
position:absolute;
}

/*=============================== Divers ====================================================================*/

/* Detail message*/
#detail_message {
	display:none;	
}

body.modal-open {
	overflow: hidden;
}

/* Chargement info indicateur (abonnements)*/
.lds-dual-ring {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.lds-dual-ring:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: 2px;
	border-radius: 50%;
	border: 2px solid black;
	border-color: black transparent black transparent;
	animation: lds-dual-ring 1s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}