html{
	box-sizing: border-box;
	min-height: calc(100vh - (100vh - 100%));
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
span[onclick]{
	cursor: pointer;
}
span[onclick]:hover {
	text-decoration: underline;
}
img {
	border: 0;
}

p {
	border: 0;
	margin: 0;
	padding: 0;
}

ul.vd {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
}

ul.vd_cmnt {
	list-style: none;
	padding-left: 30px;
	border: 0;
	margin: 0;
}

div {
	white-space: normal;
}

#ElDivers{
	position: absolute;
	top: 0;
	left: 0;
}

div.ctr1 {
	margin-left: auto;
	margin-right: auto;
}

div.BOUGE {
	visibility: hidden;
	display: block;
	position: absolute;
	float: none;
	z-index: 1500;
}

div.col {
	float: left;
	vertical-align: top;
}

div.colfloatg {
	float: left;
}

div.colfloatc {
	float: left;
	width: 90%;
	text-align: center;
}

div.colfloatd {
	float: right;
}

div.colonne {
	float: left;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
}

div.coldrt {
	display: inline;
	float: right;
	margin-right: 5px;
}

div.multicol_r {
	display: inline;
	float: right;
}

.spacer {
	clear: both;
	visibility: hidden;
}

ul.lien_news {
	text-align: left;
	list-style-type: none;
}

div.corp_news {
	text-align: left;
	vertical-align: top;
}

.t2 {
	float: right;
	margin: 0;
}

.t1 {
	width: 100%;
}

img.img_titre {
	padding: 1px;
}

ul.cols {
	list-style-type: none;
	border: 0;
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
}

li.col_left {
	float: left;
	border: 0;
	margin: 1px;
	padding: 0;
}

li.col_center {
	border: 0;
	text-align: center;
	margin: 0;
	padding: 0;
}

.col_right {
	float: right;
	border: 0;
	margin: 1px;
	padding: 0;
}

.FILTERCONTAINER{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.FILTER{
    /*margin: 1px 10px 1px 10px;*/
    display: flex;
    flex-wrap: nowrap;
	align-items: baseline;
    
    /*position: relative;*/
    /*white-space: nowrap;*/
    /*margin-right: 10px;*/
}

.FILTER input[type="checkbox"]{
    margin: 0;
}
.FILTER>div{
    /*width: 150px;*/
}
.list_param .FILTER>input:first-of-type{
	float:right;
}
.FILTER>label:first-child{
	/*display: inline-block;*/
    /*width: 120px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 200;
}
.FILTER>:nth-child(2){
	    /*max-width: 150px;*/
	    display: inline;
	    
/** Alignement du text par rapport au contenu */
	/*position: relative;
	top: -.3em;*/
}
.FILTER>:nth-child(2) > *{
	    width: auto;
}
/*.FORMFILTER>.FILTER>*:last-child{*/
	/*float: right;*/
	/*flex-grow: 1;*/
    /*flex-shrink: 1;*/
/*}*/
/*.FORMFILTER>.FILTER>*{*/
	/*display: inline;*/
	/*vertical-align: middle;*/
/*}*/

/*.FORMFILTER .FILTER>input[type="checkbox"]:last-of-type{*/
    /*display: none;*/
/*}*/
/*.FORMFILTER .FILTER:hover>input[type="checkbox"]:last-of-type+label {*/
	/*display: block;*/
/*}*/
/*.FORMFILTER .FILTER>input[type="checkbox"]:last-of-type:checked+label{*/
	/*display: block;*/
/*}*/
/*.FORMFILTER .FILTERCONTAINER:empty+div>:not(input){*/
	/*display: none;*/
/*}*/

.FILTERSUP .FILTER>span:first-child,.FILTERPARAM .FILTER>span:first-child{
	width: 250px !important;
}

.FILTERSUP tbody td:hover > :not(fieldset){
	background-color: skyblue;
}

.FILTERSUP tbody td fieldset .FILTER:hover{
	background-color: skyblue;
}

.FILTERSUP tbody input[type="checkbox"] + .FILTER{
	height:18px;
}

.FILTERSUP tbody input[type="checkbox"] + .FILTER:hover{
	cursor:pointer;
}

.FILTERSUP tbody input[type="checkbox"]:checked + .FILTER{
    background-color: lightgreen;
}
.FILTERAREA{
	min-width: 35px;
	white-space: nowrap;
}
/*
.FILTER>div:last-of-type *{
	max-width: 100%;
	box-sizing: border-box;
	
	max-height: 1.5em;	*//*Je force la hauteur des images*//*
}*/
.FILTERSUP tbody .FILTERAREA{
    display : none;
}

.FILTER>input[type="checkbox"]:last-of-type+label{
     height: 16px;
     width: 16px;
	display: none;
	cursor: pointer;
	position: absolute;
	right: 0;
	top:0;
	background-image:url(/devel/images/icons/suppr.gif);
}
.FORMFILTER .FILTER>input[type="checkbox"][name^="OPT["]{
	visibility: hidden;
}
.FORMFILTER [DATA-REMOVED].FILTER:hover>input[type="checkbox"][name^="OPT["], .FORMFILTER [DATA-REMOVED].FILTER>input:checked[type="checkbox"][name^="OPT["]{
     visibility: visible;  
}
.FORMFILTER .FILTER>input:checked[type="checkbox"][name^="OPT["]+div *{
     text-decoration: line-through;
}
.ZoneFiltre>[data-body] {
    max-height: 50vh;
    overflow: auto;
}


/*.FORMGRP{*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*}*/
/*.FORMGRP>*{*/
/*	flex: auto;*/
/*}*/

.FORCOPY{
	padding-right: 5px;
}
.FORCOPY+*{
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Likely future */
	
}
.TABLEAUPARAMETERS{
    position: absolute;
    right: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	clear: none;
	width: 100%;
	border-width: 0;
	padding: 0;
}

table.TBord {
	clear: none;
	width: auto;
	margin: 0;
}

tr {
	vertical-align: top;
	text-align: left;
	margin: 0;
}

tr.Cwarning {
	color: #000;
	background-color: #f1b16d;
}

tr.Cwarning:hover {
	color: #000;
	background-color: #Ff806A;
}

table.TVide {
	table-layout: fixed;
	clear: none;
	width: auto;
}

ul.lst {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

li.lst {
	display: inline;
	margin: 0;
	padding: 0;
}

form {
	display: inline;
}

div.global {
	color: #343464;
	font-family: Helvetica, Verdana;
	font-size: 14px;
	position: absolute;
	margin-top: 10px;
}

div.sidebar {
	left: 0;
	width: 175px;
	margin-left: 0;
	border: 0 solid #000;
	z-index: 0;
	position: absolute;
}

div.comp {
	float: left;
	margin: 0;
}

table.CVide {
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	border-style: none;
	border-width: 0;
}

div.boite {
	margin-top: 0;
	padding-bottom: 5px;
	text-decoration: none;
}

div.main {
	margin-left: 175px;
	border: 0;
	z-index: 0;
	text-align: left;
}

div.bottom {
	/*margin-top: 5px;*/
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}

#rectangleDiv {
	border: 1px dotted red;
	margin: 5px;
}

.pMp_tree {
	margin: 0;
	padding: 0;
}

.pMp_tree ul {
	margin-left: 12px;
	padding-left: 0;
	display: none;
}

.pMp_tree li {
	list-style-type: none;
	vertical-align: middle;
	margin: 2px 0 2px 0;
}

.pMp_tree li a {
	color: #000;
	text-decoration: none;
	font-family: Montserrat,Montserrat, Arial;
	font-size: .18em;
	padding-left: 2px;
}

#movableNode {
	position: absolute;
}

#arrDestInditcator {
	position: absolute;
	display: none;
	width: 100px;
	z-index: 1500;
}

#arrangableNodes, #movableNode ul {
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
}

#arrangableNodes li, #movableNode li {
	list-style-type: none;
	cursor: default;
}

ul.note {
	border: 0;
	padding-left: 20px;
	padding-bottom: 0;
	margin: 0;
}

div.dblS {
	margin: 5px;
}

SPAN.dblSdev{
	background-color: #df0000;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #d00000;
	margin-right: 2px;
}
SPAN.dblSdev:hover{
	background-color: #ff7777;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #d90000;
	margin-right: 2px;
	text-decoration: none;
}

div#DBOXOVER {
	background-attachment: scroll;
	background-color: #6f88e8;
	background-image: none;
	background-repeat: repeat;
	display: none;
	position: absolute;
	top: 481px;
	z-index: 9999;
	text-align: left;
	font-weight: 700;
	border: 1px solid #6f88e8;
}

div#TBox {
	background-color: #D5EBF9;
	color: #4B7A98;
	border-bottom: 1px solid #6f88e8;
}

div#TBox1 {
	background-color: #FFF;
	color: #1B4966;
	width: max-content;
}

#DBOXOVER>div#TBox1 pre {
	margin: 0;
	
}

div.pb_barre {
	background-color: #0F0;
}

div.pb_cont {
	background-color: #FFF;
	position: absolute;
	border: 1px solid #000;
}
div.tronque {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
} 
.trunc{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imageSlideshowHolder {
	background-color: #000;
	border: 3px solid #fff;
	position: relative;
	clear: none;
}

.imageInGallery {
	background-color: #000;
	left: 0;
	top: 0;
	position: absolute;
}

.modalpmp {
	background-color: #FFF;
	border: 5px solid #000;
	color: #000;
}

.modalpmp_transparent {
	background-color: transparent;
	border: 0 solid #000;
	color: #000;
}

ul.DROIT {
	padding-left: 6px;
}
ul.DROIT li{
	list-style: none;
}

div.slidebarre {
	background-image: url(../images/slide/curseur.gif);
	background-repeat: no-repeat;
	height: 28px;
}

div.slide_back {
	background-image: url(../images/slide/bg-fader.gif);
	background-repeat: repeat-x;
	height: 28px;
	width: 210px;
	position: relative;
}

tr.CLCONTEXT {
	background-color: #EFEFEF;
	color: #000;
}

tr.CLCONTEXT:hover {
	background-color: #0A246A;
	color: #FFF;
}

DIV.CLCONTEXT {
	background-color: #EFEFEF;
	color: #000;
	border: 1px solid #AAA;
	z-index: 10000;
	cursor: default;
}

tr.CLCONTEXTINACT {
	background-color: #EFEFEF;
	color: gray;
}

tr.CLCONTEXTINACT:hover {
	background-color: #0A246A;
	color: gray;
}

span.AUTODRAG {
	width: 40px;
	height: 40px;
	background-image: url(../images/icons/autorise.gif);
}

span.INTERDRAG {
	width: 40px;
	height: 40px;
	background-image: url(../images/icons/interdit.gif);
}

input.saisienum {
	text-align: right;
}

a.recherche {
	vertical-align: bottom;
}

a.marquepage {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

tr.SELECT div div a {
	color: #002780;
}

tr.SELECT {
	background-color: #33A;
	color: #FFF;
}

tr.SELECT a {
	color: #FFF;
}

td.SELECT,th.SELECT {
	background-color: #D11;
	color: #FFF;
	font-weight: 700 !important;
}

.ChampWarning {
	background-color: orange !important;
	color: #FFF !important;
}

.ChampErreur,
.inputsearch.ChampErreur + input,
[data-inputsearch].ChampErreur + input{
	background-color: red !important;
	color: #FFF !important;
}

.inputsearch.ChampInvalide + input{
	border-color: red;
}


.required-marker{
	color : red;
	font-weight: bold;
}


div.CKEdit {

}

div.CKEdit:hover {
	background-color: rgba(0, 0, 255, 0.5);
	cursor: pointer;
}

div.CKEditPere:hover {
	background-color: rgba(79, 165, 255, 0.5);
}

div.ctr, td.TTitre {
	margin: auto;
	text-align: center;
}

div.colgch, div.multicol_ie_n {
	display: inline;
	float: left;
	margin-left: 5px;
}

div.multicol_l, div.multicol_ie_1 {
	display: inline;
	float: left;
}

li.onglet_actif, li.onglets, [drag=on], .doigt {
	cursor: pointer;
}
table>caption{
	position: relative;
	height: 20px;
}
table.tableoptions *{
	cursor: initial;
}
table.tableoptions tr{
	height:1ex;
}
table.tableoptions input{
	margin: 0;
	padding: 0;
}

td.TLibs2 {
	padding: inherit;
	color: #ffffff;
	text-align: center;
	font-family: Serif, Helvetica;
	font-size: 16px;
	font-weight: bold;
	empty-cells: show;
	font-family: Montserrat, Arial, Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
}

tr.Marque {
	color: #000000;
	background-color: #fafab3;
}

tr.Marque:hover {
	color: #000000;
	background-color: #ffff76;
}

img.imagegal {
	border: 5px;
	border-style: solid;
	margin: 5px;
}

input[data-cond_evolue="TEXT"] {
	background-color: #EEF5FF;
	border-color: #0017FF !important;
	border-width: 2px !important;
	border-style: solid !important;
}

input[data-cond_evolue="DATE"] {
	background-color: #D6FFE2 !important;
	border-color: #06AD36 !important;
	border-width: 2px !important;
	border-style: solid !important;
}

input[data-cond_evolue="NUMBER"] {
	background-color: #FFECD9 !important;
	border-color: #FF8206 !important;
	border-width: 2px !important;
	border-style: solid !important;
}

hr.thin{
	background-color: grey;
	color:grey;
	height: 1px;
	width: 90%;
	margin: 5px auto 5px 0;border: 0 none;
}

.cercle {
	width: 60px;
	height: 45px;
	background-color: #d2d2d2;
	border: 1px solid #d2d2d2;
	border-radius: 15px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	/*line-height:10px;*/
}

.cercleval {
	width: 65px;
	height: 52px;
	background-color: #26cb2e;
	border: 1px solid #26cb2e;
	border-radius: 15px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}

.cercle2 {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 2px solid #CCCCCC;
	border-radius: 20px 20px 20px 20px;
	bottom: 0;
	box-shadow: 0 -2px 0 rgba(204, 223, 243, 0.6) inset;
	font-family: Georgia, serif;
	font-size: 46px;
	height: 38px;
	line-height: 30px;
	margin: auto;
	position: absolute;
	text-align: center;
	text-indent: 0;
	top: 0;
	transition-duration: 0.2s;
	transition-property: border-color, color, box-shadow, left, right;
	width: 38px;
}

input[data-type="selecteur"] {
	width: 300px;
}

div[data-type="selecteur"] {
	background-color: #FFFFFF;
	height: 40%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;

	width: 296px;
	display: none;
	border: solid 2px;
	border-top: solid 20px;
}

#VIEWERBACK {
	background-color: rgba(0, 0, 0, 0.68);
	opacity: 0.68;
	height: 100%;
	width: 100%;
	position: absolute;
}

#VIEWER {
	height: 100%;
	position: absolute;
	width: 100%;
}

#BTSUPIMG {
	height: 100px;
	width: 100px;
	position: absolute;
	background-color: #FFFFFF;
	border: 5px solid #EAEAEA;
	border-radius: 10px;
	right: 0;
	z-index: 100;
}

#BTSUPIMG:hover {
	background-color: #FFFFFF;
	border: 5px solid #EAEAEA;
	border-radius: 10px;
}

#VIEWERIMG {
	display: block;
	margin: auto;
	max-height: 90%;
	max-width: 90%;
	position: relative;
	border-radius: 10px;
	border: 15px solid #EAEAEA;
}

.MODIFIE {
	background-color: #3C3BAE;
	color: #FFF
}

.halo {
	height: 80px;
	width: 80px;
	border-radius: 40px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.4)
}

.forumcateg {
	max-width: 80px;
	max-height: 80px;
}

.MdpStyleDiv {
	background-color: #ff0000;
	height: 10px;
	border-radius: 10px;
	width: 1%;
}

.MdpStyle {
	width: 150px;
	border-style: solid;
	border-radius: 10px;
}

.debugcreechamp {
	display: none;
}

[data-debug="true"] .debugcreechamp {
	display: inline;
	/*float: left;*/
}

.propos_wf {
	font-style: italic;
}

.propos_wf::after {
	background-color: #9cf948;
	content: "Proposition";
}

.champs_wf::after {
	background-color: #70f2f9;
	content: "Actuelle";
}

[data-wf] {
	border-bottom: 2px none green;
}

[data-wf="cadre"] {
	border: 1px dashed orange;
}

.Cadre {
	background-color: orange;
}

.vimeo-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.vimeo-container iframe, .vimeo-container object, .vimeo-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.coldrt > * {
	margin-right: 3px;
}

/* Tags */
div.ZTags {
	border-radius: 10px;
	background-color: #a78c8c;
	border:1px solid black;
	height: 96px;
	padding: 10px;
	margin: 10px;
}

div.ZTagsIn {
	height: 80px;
	padding: 0px;
}

span.ZTag {
	background-color: #b7b7b7;
	border:1px solid black;
	padding: 2px;
	margin: 2px;
	display: inline-block;
}

span.ZTagOptions {
	all: initial;
}
.ZTagInp {
	font:bold 12px Arial;
	padding: 2px 2px 2px 2px;
	background:#f5f9c3;
	color:#555;
	border-radius:2px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px 1px #444;
}

.ZTagBtn {
	padding:0px 5px 0 5px;
	font:bold 13px Arial;
	background:#f9ffb9;
	color:#555;
	border-radius:2px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px 1px #444;
}

.ZTagBtn:hover{
	background:#e7ef8f;
}

.ZTagDel {
	padding:0;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image:url(trash01.png) !important;
	margin:2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
}

.ZTagUp {
	padding: 0;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image: url(images/haut01.png) !important;
	margin: 2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
}

.ZTagDown {
	padding: 0;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image: url(images/bas01.png) !important;
	margin: 2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
}

.ZTagParams {
	padding: 0;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image: url(images/params01.png) !important;
	margin: 2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
}

.ZTagEmpty {
	padding: 0;
	margin: 2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
	visibility: hidden;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image: url(images/vide01.png) !important;
}

.ZTagAdd {
	padding: 0;
	border-radius:0px !important;
	background: 0 !important;
	background-color: transparent !important;
	background-image: url(images/add01.png) !important;
	margin: 2pt 2pt 2pt 5pt;
	width: 20px;
	height: 20px;
}

div.opt_tpl {
	height: 22px;
	background: url(images/opts-fen-01-left.png) no-repeat left top, url(images/opts-fen-01-right.png) no-repeat right top;
	visibility: hidden;
	position: absolute;
	top: -22px;
	min-width: 250px;
	left: 0;
	padding-left: 3px;
	vertical-align: middle;
	font-weight: bold;
}

span.tpl_btn_mod {
	height: 15px;
	width: 15px;
	background: url(images/tmodif.gif) no-repeat center;
	display: block;
	margin: 4px 2px 2px 5px;
}

span.tpl_btn_mod:hover {
	filter: brightness(50%);
	cursor: pointer;
}

button.btn_tpl {
	padding: 1px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

/**** SlideShow-Directory() - fading ******/
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

img.animate-fading-up {
	display: block;
	opacity: 0;
	animation: fadeIn 1s ease-in 1 forwards;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	border: 10px;
}

@keyframes fadeOut {
	to {
		opacity: 0;
	}
}

img.animate-fading-down {
	animation: fadeOut 1s ease-in 1 forwards;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	border: 10px;
}

img.animate-fading {
	display: none;
	max-width: 100%;
	max-height: 100%;
	padding: 10px;
	margin: auto;
	border: 10px;
}

.fading {
	margin: auto;
	width: 100%;
}

/**** SlideShow-Directory() - zoom ******/
@keyframes zoom {
	0% {
		transform: scale(0) rotate(50deg);
	}
	75% {
		transform: scale(1.1) rotate(25deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}

@keyframes zoomOut {
	to {
		opacity: 0;
	}
}

.zoom-show {
	margin: auto;
	/*animation: zoom 2s ease-in 1 forwards;*/
	animation: zoom 1.5s linear 0s normal none;
	opacity: 1;
}

.zoom-last {
	animation: zoomOut 0.5s ease-in 1 forwards;
	margin: auto;
}

.zoom-hide {
	display: none;
}

.zoom {
	margin: auto;
	width: 100%;
	text-align: center;
}

.zoom-div {
	margin: auto;
	text-align: center;
	position: absolute;
	width: 100%;
}

img[onclick] {
	cursor: pointer;
}

input[data-jproperties*="\"type\":\"number\""],input[type="number"],[data-typenumber] {
	text-align: right;
	width: 6em;
}
input[data-jproperties*="\"type\":\"number\""]::placeholder,input[type="number"]::placeholder,[data-typenumber]::placeholder {
	opacity: 0;
}
input[data-jproperties*="\"type\":\"number\""]:focus::placeholder,input[type="number"]:focus::placeholder, [data-typenumber]:focus::placeholder {
	opacity: 0.5;
}

div[data-window="fly"], div[id^="MV"] {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	max-width: 100vw;
	max-height: 100vh;
}
.Cadre{
	border: 1px solid;
}
[data-window]:not([data-window="fly"]){
	padding-left: 3px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
[data-window]:not([data-window="fly"]) [data-window],.vertical-tabs>div>[data-window]{
	padding-left: 0;
	padding-bottom: 0;
	margin-left: 0;
	margin-bottom: 1em;
}
[data-window] > div[data-body] > table, [data-window] > div[data-body] > [data-fiche] > table {
	/*margin: 0px;*/
	border-collapse: collapse;
	border-spacing: 3px;
}

[data-window] > div[data-body] > table {
    font-size: 12px;
}

[data-window]:not([data-window="fly"]).fiche {
	margin: 0px 2px 5px 2px;
	position: relative;
}

[data-window] > div {
	background-color: inherit;
	color: #623304;
}

[data-window][style*="absolute"] > [data-title] {
	cursor: move;
}

[data-window="fly"] > img[onclick^="Ferme"] { /* Positionnnement du bouton ferm� pour les flying box*/
	cursor: pointer;
	right: 4px;
	position: absolute;
	top: 3px;
}
[data-window]:not([data-window="NoBorder"]) > div {
	border-width: 1px;
    border-style: solid;
} 

/**
	Format de titre particulier lorsque l'on est dans un formulaire 
 */
[data-window].FORMCONTAINER > div[data-title] {
	/*background: aliceblue;*/
}
[data-window].FORMCONTAINER > div[data-body] {
	padding-top: 10px;
}
[data-window] > div[data-title] {
	min-height: 20px;
	max-height: 100px;
	position: relative;
	font-family: Montserrat, Arial, serif;
	border: solid;
	border-width: 1px;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	display:inline-block;
	width: 100%;
	box-sizing: border-box;
}

[data-window] > div[data-subtitle] {
	min-height: 18px;
	max-height: 100px;
	position: relative;
	font-family: Montserrat, Arial, serif;
	border: solid;
	border-width: 1px;
	font-weight: bold;
	font-size: 15px;			/*font-size: 10px;*/
	text-align: left;			/*text-align: center;*/
	line-height: 18px;
	vertical-align: center;
	/*display:inline-block;*/
	/*width: 100%;*/
}
[data-window] > div[data-title] > img, div[data-title] > a > img {
	vertical-align: middle;
}

[data-window] > div[data-body] {
	text-align: left;
	/*position: relative;*/
	font-family: Montserrat, Arial;
	font-size: 15px;
	vertical-align: baseline;
	box-sizing: border-box;
	/*width: 100%;*/
	/*display: inline-block;*/
	/*min-width: calc(100% - 2px); largeur des borders*/
}

[data-window] > div[data-foot] {
	text-align: center;
	position: relative;
	font-family: Montserrat, Arial, serif;
	border-top: none;
}

div.LotAction {
	height: 20px;
	padding: 3px;
	border-top: 2px solid !important;
}

[data-window] > div[data-body]:not(:last-child) { /*je cache la bordure basse du corp s'il y a un pied de boite*/
	border-bottom: none !important;
}

h1 a,h2 a,h3 a,h4 a{
	font-size: unset !important;
}
ul.Tabs > li[onclick] {
	cursor: pointer;
}
ul.Tabs>Li.Actif{
	cursor: default;
}
ul.Tabs {
	list-style-type: none;
	border-bottom: 0;
	margin: 0;
}

ul.Tabs > Li {
	display: inline-block;
	padding: 5px;
	border: 1px solid;
	margin: 0 3px 0 3px;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	border-bottom: 0;
}

/*Je masque les fleche de defilement s'il y a l'attribut type=number et qu'il n'y a pas l'attribut data-defil*/
input[type=number]:not([data-defil])::-webkit-outer-spin-button,
input[type=number]:not([data-defil])::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]:not([data-defil]) {
	-moz-appearance: textfield;
}
.contentcenter, .ContainerFormButton{
	text-align: center !important;
}
.contentcenter>*,.contentcenter>form>*{
	margin-left: auto !important;
	margin-right: auto !important;
}
[data-window].HIGHLIGHT{
	border: 2px solid #04a4f0;
}
[data-window].HIGHLIGHT > [data-subtitle]{
	background-color: #6cdeff !important;
}
[data-window].SUBBLOCK > [data-subtitle]{
	text-align: center;
}

[data-fiche]{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:space-around;
	flex-wrap:wrap;
	align-content:center;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
[data-fiche~="flex-start"]{
	justify-content:flex-start;
}
[data-fiche~="flex-end"]{
	justify-content:flex-end;
}
[data-fiche~="center"]{
	justify-content:center;
}
[data-fiche~="space-between"]{
	justify-content:space-between;
}
[data-fiche~="space-around"]{
	justify-content:space-around;
}
[data-fiche~="space-evenly"]{
	justify-content:space-evenly;
}
[data-fiche~="grow"]>*{
	flex-grow: 1;
}
[data-fiche~="shrink"]>*{
    flex-shrink: 0;
}
[data-fiche]>*{
	margin-top: 0;
	margin-bottom: 0.5em;
	table-layout: fixed;
	width: 100%;
}
[data-title]+[data-body]>[data-fiche]>*,[data-title]+[data-body]>form>[data-fiche]>*{
	margin-top: 0.5em;
}
[data-title]+[data-body]>form>input{
	margin: 3px !important;
}
[data-fiche] img,
.inline-svg-img {
	max-height: 1.3em;
}
[data-fpos]{	/** Position des boutons dans le titre des fen�tre*/
	margin-top: 3px !important;
	margin-left: 3px !important;
	margin-right: 3px !important;
	
}
[data-fpos="right"]{	/** Position des boutons de droite dans le titre des fen�tre*/
	float : right;
}
[data-fpos="left"]{		/** Position des boutons de gauche dans le titre des fen�tre*/
	float : left;
}

.ContainerFormButton > button:focus, .ContainerFormButton > input:focus,
.ContainerFormButton > button:hover, .ContainerFormButton > input:hover,
[data-fiche]~input:hover,[data-fiche]~input:focus,
[data-fiche] + div input:focus, [data-fiche] + div button:focus,
[data-fiche] + div input:hover, [data-fiche] + div button:hover,
[data-foot] > button:hover, [data-foot] > input:hover{
	background-color: #e1e1e1;
}



.ContainerFormButton > button,
.ContainerFormButton > input,
[data-fiche]~input,
[data-fiche] + div input,
[data-fiche] + div button,
[data-foot] > button,
[data-foot] > input{
	margin: 3px;
	min-width:7em;
	height: 2em;
	border-radius: .5em;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	
}

[data-foot] > button, 
[data-foot] > input{
	background-color: #ffffff;
}

@media screen and (max-width: 1023px) {
	.sidebar{
		display: none;
	}
}
[data-fiche='auto']>div>table>tbody>tr,[data-fiche]>[data-window]>[data-body]>table>tbody>tr{
/*	height: 1.5em;*/
}
[data-fiche] input[type="checkbox"]{
	margin: 0;
}
[data-fiche]>div>table>tbody>tr>td,[data-fiche]>[data-window]>[data-body]>table>tbody>tr>td{
	vertical-align: middle;
}
[data-fiche]>div>table>tbody>tr>td,[data-fiche]>[data-window]>[data-body]>table>tbody>tr>td{
	/*white-space: nowrap;*/
	padding-left: 1px;
	padding-right: 1px;
	line-height: 1.5em !important;
}
/*[data-fiche='auto']>div>table>tbody>tr>td:first-child,[data-fiche='auto']>[data-window]>[data-body]>table>tbody>tr>td:first-child{*/
	/*width: 100%;*/
/*}*/
/*[data-fiche]>div>table>tbody>tr>td:nth-child(2) *,[data-fiche]>[data-window]>[data-body]>table>tbody>tr>td:nth-child(2) *{*/
	/*font-weight: bold;*/
/*}*/
/*[data-fiche='auto']>div>table>tbody>tr>td:nth-child(3),[data-fiche='auto']>[data-window]>[data-body]>table>tbody>tr>td:nth-child(3){*/
	/*width: .01%;*/
/*}*/

[data-change]{
	background-color: #3C3BAE;
	color: #FFF;
}

img{
	vertical-align: text-bottom;
}
/*:not(.TableList):not(FormTransaction)*/
.fixed-bar{
    z-index: 1400;
   /* position : fixed !important;*/
}
/*
#BARHAUT.fixed-bar + *{
	margin-top: 36px;
}*/
/*.TableLis, .FormTransaction*/
div.BarreHaut.fixed-bar{
	margin-bottom: 0px;
}
/*:not(.TableList):not(FormTransaction)*/
#BARHAUT.fixed-bar + br + *{	/*Astuce pour contourner le probleme du br mis de temps en temps en fonction du theme*/
/*	margin-top: calc(36px - 1em);*/
}
body.TableList div.StickyTHead{
	display: flex;
	flex-direction: column;
}
/*body.TableList , body.FormTransaction*/
body{
	display: flex;
	flex-direction: column;
	height: 100vh;
}

body>.bottom>.boite{
	padding-bottom: 0;
}

/*body.TableList #dragableElementsParentBox, body.FormTransaction #dragableElementsParentBox, */
body #dragableElementsParentBox{
	/*width: -moz-fit-content;
	width: fit-content;
	min-width: -moz-available;
	min-width: -webkit-fill-available;*/
	overflow: auto;
	flex-grow: 1;
	flex-shrink: 1;
	/*padding-top: 5px;*/
}

body.TableList table #dragableElementsParentBox{
	/*max-width: calc(100vw - 200px);*/
}
body.TableList table #dragableBoxesColumn1{
	max-height: calc(100vh - 70px);
	overflow: auto;
}
div.StickyTHead>[data-body]>table>thead>tr>th{
	position: sticky;
	z-index: 1001;	
	top: 0;
	will-change: scroll-position;
	text-overflow: ellipsis;
	white-space: pre-wrap !important;
    overflow: hidden;
    vertical-align: top;
}
[data-window="fly"] [data-sticky] {
	position: unset !important;
	z-index: unset;
	background-color:unset;	
	will-change: unset;
}
[data-sticky]{
	position: sticky !important;
	z-index: 998;
	background-color:inherit;	
	will-change: scroll-position;
}
[data-sticky="top"] {
	top: 0;
	will-change: scroll-position;
}
[data-sticky="left"]{
	left: 0;
	will-change: scroll-position;
}
/*Faire Clignoter un �l�ment*/
.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0; }
}

/*Fin du Clignotement*/

/* Context menu */
.ContextMenu {
    position:absolute;
	min-width: 128px;
	height:auto;
	padding: 8px;
	margin:0;
	margin-left:16px;
	margin-top:-16px;
	border: 1px solid #999;
	background: #F8F8F8;
	box-shadow: 2px 2px 2px #AAA;
	z-index:11;
	overflow: visible;
}

.ContextMenuElt {
	color : black;
	display:block;
	margin:0;
	padding:2px 2px 2px 8px;
	border:1px solid #F8F8F8;
	border-radius:3px;
	font-size:15px;
	font-family:Montserrat, Arial, Helvetica, sans-serif;
	overflow:visible;
}

a.ContextMenuElt:link, a.ContextMenuElt:visited, a.ContextMenuElt:active {
	color : black;
}

/*pour les sous menus*/
.ContextMenuElt .ContextMenu{
	margin: 0;
}

nav.cutlist>a>img,nav.cutlist>img{
	vertical-align: text-top;
    height: 12px;
}
nav.cutlist>#FIRST,nav.cutlist>#PREV{
    float: left;
}
nav.cutlist>#NEXT,nav.cutlist>#LAST{
    float: right;
}
nav.cutlist{
	text-align: center;
	line-height: 20px;
	/*margin: 2px;*/
	position: relative;
}
nav.cutlist a,nav.cutlist span{
	padding: 1px;
	margin: 0 2px 0 2px;
	/*border: 1px solid grey;*/
	min-width: 2ch;
	min-height: 2ch;
	display: inline-block;
	line-height: 2ch;
	text-align: center;
	/*border-radius: 3px;*/
	/*box-shadow: 1px 1px 0px #aaa;*/
	font-size:14px;
}
nav.cutlist a:hover{
	background-color: #e5e5e5;
}
nav.cutlist a.curpage,nav.cutlist span.curpage{
	/*border: 1px solid black;*/
	background-color: #c8dde8;
}


/* Fin du context menu */

/* Debut du TreeView */


.TreeView,
.TreeView ul {
	margin:0 0 0 1em;
	padding:0;
	position:relative;
    list-style:none outside none;
    white-space:nowrap;
}

.TreeView ul {margin-left:.5em}

/* Affichage des barres */
.TreeView:before,
.TreeView ul:before {
	content:"";
	display:block;
	width:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	border-left:1px solid;
}

/* Position des li */
.TreeView li {
    margin:0;
    padding:0 1em;
	line-height:2em;
	font-weight:bold;
	position:relative;
    list-style:none outside none;
    white-space:nowrap;
}

.TreeView input ~ ul{
	display:none;
}
.TreeView label, .TreeView label::before{
	cursor:pointer;
}
.TreeView input:disabled + label{
	opacity:0.6;
}
.TreeView input:checked:not(:disabled) ~ ul{
	display:block;
}

.TreeView input{
	position:absolute;
	opacity:0;
}

.TreeView label:nth-child(2)::before{
	content:"__";
	width: 18px;
	vertical-align:middle;
	margin: 0 4px 0 0;
	height:18px;
	background-image:url("../images/treeview/ouvre.png");
	background-position:0 0;
	background-repeat:no-repeat;
	color : white;
}

.TreeView span:nth-child(2)::before{
	content:"__";
	width: 18px;
	vertical-align:middle;
	margin: 0 4px 0 0;
	height:18px;
	background-image:url("../images/treeview/ouvre.png");
	background-position:0 0;
	background-repeat:no-repeat;
	color : white;
}

.TreeView span[onclick]{
    text-decoration : none;
}

.TreeView input:checked + span:nth-child(2)::before{
	content:"__";
	background-image:url("../images/treeview/ferme.png");
	background-position:0 0;
	background-repeat:no-repeat;
}

.TreeView label:nth-child(2)::before{
	margin:0 22px 0 0;
}

.TreeView input:checked + label:nth-child(2)::before{
	content:"__";
	background-image:url("../images/treeview/ferme.png");
	background-position:0 0;
	background-repeat:no-repeat;
}
.TreeView input:checked + label:nth-child(2):nth-child(2){
	background-image:url("../images/treeview/docouvert.png");
	background-position:18px 0;
	background-repeat:no-repeat;
	/*padding-left : 18px;*/
}

.TreeView label:nth-child(2){
	/*user-select:text;*/
	background-image:url("../images/treeview/docferme.png");
	background-position:18px 0;
	background-repeat:no-repeat;
	/*padding-left : 18px;*/
}

/* Affichage des barres */
.TreeView li:before {
	content:"";
	display:block;
	width:10px;
	height:0;
	border-top:1px solid;
	margin-top:-1px;
	position:absolute;
	top:1em;
	left:0;
}

.TreeView li:last-child:before {
	background:white; /* WARNING A besoin de prendre la couleur du fond */
	height:auto;
	top:1em;
	bottom:0;

}

/* Ancien style */


ul.css-treeview{
    padding-left:0;
    color:rgb(0, 0, 0);
}
.css-treeview ul, .css-treeview li{
    padding:0;
    margin:0;
    list-style:none outside none;
	line-height: 17px;
}

.css-treeview > li{
	margin-left : 0;
}

.css-treeview li > input{
    position:absolute;
    opacity:0;
    display: none;
}
.css-treeview{
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-stretch:normal;
    font-size:13px;
    line-height:normal;
    font-family:/*'Segoe UI',*/ Montserrat, Arial, sans-serif;
    /*user-select:none;*/
    margin:0;
}
.css-treeview a:first-child/*, .css-treeview div*/{
    color:rgb(0, 0, 0);
    padding-left:18px;
    text-decoration:none;
}
.css-treeview li > ul,
.css-treeview li > .leaf{
    margin-left:18px;
}

.css-treeview .leaf > img{
	padding-right: 4px;
}

.css-treeview li > span > a:visited,
.css-treeview li > span > a:active,
.css-treeview li > span > a:link{
    font-size: 13px;
}
/*
.css-treeview li > input + label + ul{
    margin:0;
}*/
.css-treeview li > input ~ ul{
    display:none;
}
.css-treeview label, .css-treeview label::before{
    cursor:pointer;
}
.css-treeview li > input:disabled + label{
    opacity:0.6;
}
.css-treeview li > input:checked:not(:disabled) ~ ul{
    display:block;
}
.css-treeview label, .css-treeview a:first-child, .css-treeview label::before{
    display:inline-block;
    line-height:18px;
    vertical-align:middle;
}/*
.css-treeview div{
    display:inline-block;
    height:18px;
    line-height:18px;
    vertical-align:middle;
}*/
.css-treeview label::before{
    content:"";
    width:18px;
    margin:0 22px 0 0;
    vertical-align:middle;
    height:18px;
    background-image:url("../images/treeview/ouvre.png");
    background-position:0 0;
    background-repeat:no-repeat;
}
.css-treeview li > input:checked + label::before{
    background-image:url("../images/treeview/ferme.png");
    background-position:0 0;
    background-repeat:no-repeat;
}
.css-treeview li > input:checked + label{
    background-image:url("../images/treeview/docouvert.png");
    background-position:18px 0;
    background-repeat:no-repeat;
}
.css-treeview label{
    /*user-select:text;*/
    background-image:url("../images/treeview/docferme.png");
    background-position:18px 0;
    background-repeat:no-repeat;
}

.css-treeview span{
    display : inline-block;
    vertical-align: middle;
}

.css-treeview span[onclick]{
	text-decoration: none;
}

.css-treeview .SELECT {
	background-color: #33A;
	color: #FFF;
}

.css-treeview li[onclick]{
	cursor : pointer;
}


/* Prise en compte des modifications de style pour les nomenclatures et structures */
.css-treeview li[data-ori] > span:hover,
.css-treeview li > span[data-ori]:hover,
.css-treeview [data-selectable='1']:hover{
    background-color:#dddddd;
}
.css-treeview span.ASelect{
    background-color:#aaaaaa;
}

/*.css-treeview [data-ori],
.css-treeview [data-ori] > span,*/
.css-treeview li[onclick^="Selection"] > span,
.css-treeview span[onclick^="Selection"]{
	text-decoration: none;
	font-family: Courier;
	font-size: 13px;
	padding-left: 0px;
	/*line-height: 13px;*/
	z-index: 20000;
	font-weight: normal;
    color : black;
	white-space: nowrap;
}

.css-treeview span[onclick^="Selection"] + ul{
	white-space: nowrap;
}


.css-treeview li[data-ori] > span.ASelect:hover,
.css-treeview li > span[data-ori].ASelect:hover,
.css-treeview [data-selectable='1'].ASelect{
    background-color:#aaaaaa;
}

.css-treeview a{
    color : black;
}

.css-treeview a:hover{
    text-decoration: none;
}



/* Fin du TreeView */

/* Debut Onglets*/


.vertical-tabs{
    display : flex;
}

.horizontal-tabs{
    display : flex;
    flex-flow: column;
	padding-left: 3px;
}

.horizontal-tabs > ul > li, .vertical-tabs > ul > li{
    list-style: none;
    text-align: center;
    position: relative;
}

.vertical-tabs > ul > li {
    margin: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding : 5px;
}

.horizontal-tabs > ul > li {
    padding : 7px;
}

.horizontal-tabs > ul {
    margin : 0;
    padding : 0;
}


.vertical-tabs > ul {
    margin : 0;
    padding : 0;
    width : 15%;
}

.horizontal-tabs > ul > li:first-child{
	margin-left: 0;
	min-width: 45px;
}
.horizontal-tabs > ul > li{
    display : inline-block;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
	margin-left: -4px;
	min-width: 45px;
}
.horizontal-tabs > .tabcontent{
    display : none;
    overflow: auto;
}
.horizontal-tabs > .tabcontent.active{
    display : block;
}

.vertical-tabs > ul{
    display : block;
    float : left;
    width : 100px;
}
.vertical-tabs > .tabcontent{
    display : none;
    overflow: auto;
}

.tabcontent div[data-title] {
	top: 0 !important;
}

.vertical-tabs>.tabcontent{
    width : calc(100% - 200px);
}

.vertical-tabs > .tabcontent.active{
    display : block;
}

.StikyBottom{
	position: sticky;
	bottom: 0;
	z-index: 10000;
}

/**/

.vertical-tabs>ul>li:hover,
.horizontal-tabs>ul>li:hover{
    opacity : .99;
}


.horizontal-tabs>ul>li>a.active,
.vertical-tabs>ul>li>a.active {
    background: #eee;
    color: #bbb;
}

.horizontal-tabs>ul > li.active ,
.vertical-tabs>ul > li.active  {
    transform: translateZ(1px);
}


/* Style pour Tabs */


.vertical-tabs,
.horizontal-tabs {
    color: #c27f58;
    font-family: Montserrat, Arial, sans-serif;
}

.vertical-tabs>.tabcontent {
    border: 1px solid black;
}

.vertical-tabs>ul > li,
.horizontal-tabs>ul> li {
    background-color: #666666;
    border:1px solid #f1f1f1;
    color : white;
	cursor : pointer;
}

.horizontal-tabs>ul > li.active,
.vertical-tabs>ul > li.active {
    background-color:white;
    color: #035b22;
}

/* VERTICAUX */

.vertical-tabs > ul > li.active {
    border-right: 1px solid #f1f1f1;
}

.horizontal-tabs>ul > li.active {
    border-bottom: 1px solid #f1f1f1;
}

/* Fin de couleur pour tabs*/


/* Fin Onglets*/

/* Debut Alerts */

/* Partie ModAlert */

.modalert .mda-overlay {
    position: fixed;
    z-index: 1981;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5;
}

.modalert .mda-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1981;
}

.modalert .mda-dialog {
	display : table;
    position: relative;
    margin: 5% auto;
    min-height:100px;
    margin-top:50px;
    top:30%;
    font-size: 1.2em;
    box-shadow: -4px -4px 4px 0 rgba(0, 0, 0, 0.2), 4px 4px 4px 2px rgba(0, 0, 0, .2);
}

.modalert .mda-icon {
    position: absolute;
    z-index: 2;
    width: 64px;
    height: 64px;
    line-height: 88px;
    border-radius: 50%;
    vertical-align: middle;
    top: -17px;
    right : -17px;
}

.modalert .mda-box {
    margin: 0;
}

@media (min-width: 600px) {
	.modalert .mda-dialog {
		min-width : 500px;
	}
}

@media (max-width: 600px) {
    .modalert .mda-dialog {
        position: relative;
        width: 90%;
        top: 30%;
    }
}

.modalert.alert .mda-icon{
	background: url("../images/icons/alerts/exclamation.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
	background-repeat: no-repeat;
    background-position: center;
}

.modalert.confirm .mda-icon{
    background: url("../images/icons/alerts/interrogation.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
    background-repeat: no-repeat;
    background-position: center;
}

.modalert.prompt .mda-icon{
    background-image: url("../images/icons/alerts/info.png");
    background-repeat: no-repeat;
    background-position: center;
}

.modalert header{
    text-align: center;
    margin-top : 0;
    border : 2px outset;
}

.modalert header h2 {
	height: 50px;
	text-align: center;
	vertical-align: middle;
    margin: 0;
    padding-top: 10px;
    text-shadow: 0 -1px 0 rgba(30, 30, 30, 0.8);
}

.modalert.alert .mda-body, .modalert.confirm .mda-body{
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 1.2em;
}

.modalert footer{
	text-align: center;
	margin: 30px;
    margin-bottom: 0;
	border-top : 2px grey outset;
}

.modalert footer button {
    font-weight: bold;
	position:relative;
	margin:10px 5px 10px 5px;
	padding:7px;
	border:0 none;
	min-width:70px;
	text-align:center;
	text-decoration:none;
	outline:0!important;
    border-radius : 15px;
    text-shadow: 0 -1px 0 rgba(30, 30, 30, 0.8);
    box-shadow: 0 3px 2px lightgray;
}
.modalert footer button:hover {
    cursor: pointer;
    opacity: .9;
    box-shadow: 0 0 0 0;
}

/* Compatibilite firefox outline des boutons */
.modalert footer button::-moz-focus-inner {
    border: 0;
}


.modalert footer button:active, .modalert footer button:focus {
    box-shadow: inset 0 3px 5px gray;
    outline: 0 none!important;
}

.mda-hidden{
	display : none;
}

.modalert .mda-dialog {
    border:1px solid #fff;
    background-color:#FFF;
}

.modalert .mda-icon {
    border: 2px solid white;
    background: white;
    box-shadow: 0 0 1px 1px gray;
}

.modalert header{
    color : white;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.2) 30%, rgba(200, 200, 200, 0.2) 50%),#666666 ;
}

.modalert footer button {
    color:#FFF;
    background-color:#666666 ;
    background: linear-gradient(0deg, #666666 30%, #808080 70%);
}


/* Fin ModAlert */


/* Debut Modal */


.modal, .modal[id^="MV"] {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	z-index: 999993; /*Pour la compatibilite avec anciennes modales (il faudra se mettre d'accord sur la politique des z-index*/
	font-size: 15px;
}

.modal[id^="MV"] {
	display: block;
}

.modal>div:first-child,
.overlay_list_param{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	min-height: 100px;
    background-color: #252525;
    opacity: .5;
}

.overlay_list_param{
    z-index: 1501;
}

.modal.moveout>div:last-child{
    animation : modal-scaleout;
    animation-duration: 0.2s;
    opacity: 0;
    transform: translateY(-50%)
}

.modal>div:last-child{
	position : relative;
	margin: auto;
	box-shadow: -4px -4px 4px 0 rgba(0,0,0,0.2), 4px 4px 4px 2px rgba(0,0,0,.2);
	background-color: #FFF;
	max-height: 100vh;
}

@media screen and (max-width: 500px) {
	.modal .mda-icon{
		right : 0;
	}

	.modal>div:last-child {
		min-width : 100vw;
	}
}

.modal>div:last-child{
		width: 1px;
		margin-top: 50vh;
		transform: translateY(-50%);
		font-size: 1.2em;
		animation : modal-scalein;
		animation-duration: 0.2s;
	}

@media screen and (min-width: 500px){


	.modal>div:last-child {
		min-width : 500px;
	}


	.modal .mda-icon{
		right : -17px;
	}

}


@keyframes modal-scalein {
    from  {transform: scale(0.5) translateY(-50%);}
    to { transform: scale(1) translateY(-50%);}
}

@keyframes modal-scaleout {
    from  {transform: scale(1) translateY(-50%);opacity : 1;}
    to { transform: scale(0.5) translateY(-50%);opacity : 0;}
}

.modal .mda-icon{
    background: url("../images/icons/alerts/exclamation.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
    background-repeat: no-repeat;
    background-position: center;
   	position: absolute;
    z-index: 2;
    width: 64px;
    height: 64px;
    line-height: 88px;
    border-radius: 50%;
    vertical-align: middle;
    top: -17px;
    border: 2px solid white;
}

.modal.alert .mda-icon{
    background: url("../images/icons/alerts/exclamation.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
    background-repeat: no-repeat;
    background-position: center;
}

.modal.confirm .mda-icon{
    background: url("../images/icons/alerts/interrogation.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
    background-repeat: no-repeat;
    background-position: center;
}

.modal.info .mda-icon{
	background: url("../images/icons/alerts/info.png"), linear-gradient(130deg, rgba(255, 255, 255, 0.5) 30%, rgba(200, 200, 200, 0.5) 68%), white;
	background-repeat: no-repeat;
	background-position: center;
}

.modal header,
.modal_style [data-window] > div[data-title]{
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: middle;
	text-shadow: 0 -1px 0 rgba(30,30,30,0.8);
	color: white;
    background: linear-gradient(160deg,rgba(255,255,255,0.2) 30%,rgba(200,200,200,0.2) 50%),#666;
	line-height: 3;
}

.modal header{
    border: 2px outset;
}

.modal_style [data-window] > div[data-title]{
    border : 1px outset;
}

.modal_style [data-window]{
    padding: 0;
}

.modal_style [data-window] > div[data-title]{
    color : white !important;
}

.modal header:empty,
.modal footer:empty{
    display : none;
}

.modal .body{
	font-weight: bold;
	text-align: center;
	padding: 10px;
	overflow-y: auto;
    max-height: 50vh;
    max-height: calc(100vh - 150px);
	font-size: 1.4em;
}

.modal footer,
.modal_style [data-window] table > tfoot{
    text-align: center;
    /*margin: 30px;*/
    margin-bottom: 0;
    border-top: 2px grey outset;
    /*min-height: 70px;*/
}

.modal button,
.modal_style input[type="button"],
.modal_style input[type="submit"],
.modal_style input[type="reset"],
.preferences input[type="button"],
.preferences input[type="submit"],
.preferences button,
.modal_style button,
.uploadField .button,
a.modal_style{
	color: #FFF;
	background-color: #666666;
	background: linear-gradient(0deg, #666666 30%, #808080 70%);
	border-radius: 15px;
	min-width: 70px;
	font-size: 1em;
	font-weight: bold;
	margin: 10px;
	padding: 7px;
	border: 0 none;
    outline: 0!important;
    cursor: pointer;
    text-decoration: none;
}

a.modal_style:link, a.modal_style:hover, a.modal_style:focus, a.modal_style:visited{
	color: #FFF;
}

.uploadField .button{
	display: inline-block;
}

.uploadField .status{
	line-break: anywhere;
}

.modal button:focus,
.modal_style input[type="button"],
.modal_style input[type="submit"],
.modal_style input[type="reset"],
.preferences input[type="button"],
.preferences input[type="submit"],
.modal_style button:focus{

}


.modal button:disabled,
.modal_style input[type="button"]:disabled,
.modal_style input[type="submit"]:disabled,
.modal_style input[type="reset"]:disabled,
.preferences input[type="button"]:disabled,
.preferences input[type="submit"]:disabled,
.modal_style button:disabled{
    opacity: 0.65;
    cursor: not-allowed;
}


.modal button:hover:not(:disabled),
.modal_style input[type="button"]:hover:not(:disabled),
.modal_style input[type="submit"]:hover:not(:disabled),
.modal_style input[type="reset"]:hover:not(:disabled),
.preferences input[type="button"]:hover:not(:disabled),
.preferences input[type="submit"]:hover:not(:disabled),
.modal_style button:hover:not(:disabled),
a.modal_style:hover{
	opacity: .8;
	box-shadow: 0 0 0 0;
}


/* Compatibilite firefox outline des boutons */
.modal footer button::-moz-focus-inner,
.modal_style input[type="button"]::-moz-focus-inner,
.modal_style input[type="submit"]::-moz-focus-inner,
.modal_style input[type="reset"]::-moz-focus-inner,
.modal_style button::-moz-focus-inner{
    border: 0;
}


.modal footer button:active, .modal button:focus,
.modal_style input[type="button"]:focus,
.modal_style input[type="button"]:active,
.modal_style input[type="submit"]:focus,
.modal_style input[type="submit"]:active,
.modal_style input[type="reset"]:focus,
.modal_style input[type="reset"]:active,
.modal_style button:active, .modal_style button:focus,
a.modal_style:active, a.modal_style:focus{
    opacity: .8;
    box-shadow: 0 0 0 0;
}

/* Modales preferences */

.modal.preference > :last-child{
    width : 1000px;
}

@media (min-width: 1000px) {
    .modal.preference > :last-child{
        width : 1000px;
    }
}
@media (max-width: 1000px) {
    .modal.preference > :last-child{
        width : 100%;
    }
}

.modal.preference > .horizontal-tabs .body{
    font-size: 0.8em;
}

.modal.preference > :last-child{
    margin-top: 0;
    transform: translateY(0%);
    animation : modal-slidein-top;
    animation-duration: 0.5s;
}

@keyframes modal-slidein-top {
    from  {transform: translateY(-100%);}
    to { transform: translateY(0%);}
}

.modal.preference.moveout > :last-child{
    margin-top: 0;
    transform: translateY(-100%);
    animation : modal-slideout-top;
    animation-duration: 0.4s;
    opacity: 1;
}

@keyframes modal-slideout-top {
    from  {transform: translateY(0%);}
    to { transform: translateY(-100%);}
}

.preferences .form-column,
.modal.preference form > .tabcontent,
.modal.preference form .form-column{
    overflow: visible;
    padding : 10px;
	font-size: 1.4em;
}


.preferences .form-column:last-child,
.modal.preference form .form-column:last-child{
    margin-bottom: 5px;
}

.preferences .form-column > :not(:first-child),
.modal.preference form .tabcontent > :not(:first-child),
.modal.preference form .form-column > :not(:first-child){
    text-align: left;
	vertical-align: bottom;
}

.modal.preference form .tabcontent > div,
.preferences .form-column > div,
.modal.preference form .form-column > div{
    min-height: 40px;
}

.modal.preference form .tabcontent > div:not(.boite) > :first-child:not(.boite):not([data-title]),
.preferences .form-column > :first-child,
.modal.preference form .form-column > :first-child{
    display: inline-block;
    min-width : 45%;
	vertical-align: middle;
}

.modal.preference form .tabcontent> div,
.preferences .form-column > div,
.modal.preference form .form-column > div{
    text-align: left;

}

.modal.preference form .tabcontent{
    padding: 5px;
}

/* Fin Alerts */

.custom-input.invalid{
    box-shadow: 0 0 5px 1px rgba(200, 0, 0, 0.3);
    border : 1px solid #b40000;
}

.custom-input.valid{
    box-shadow: 0 0 5px 1px rgba(0, 200, 0, 0.3);
    border : 1px solid #00b400;
}

/* Style switch */

.switch-button{
    display : none;
}
.switch-button + label {
    position: relative;
    padding-left: 75px;
    cursor: pointer;
}
.switch-button + label:before,
.switch-button + label:after {
    content: '';
    position: absolute;
}
.switch-button + label:before {
    left:0; top: -3px;
    width: 65px; height: 30px;
    border-radius: 15px;
}
.switch-button + label:after {
    width: 20px; height: 20px;
    border-radius: 50%;
    top: 2px; left: 5px;
}

.switch-button:checked + label:after {
    top: 2px; left: 40px;
}

.switch-button:checked + label span,
.switch-button:not(:checked) + label span:before,
.switch-button:checked + label span:after {
    position: absolute;
    left: 6px;
    width: 65px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    transition: all .2s;
}
.switch-button:not(:checked) + label span:before {
    content: "non";
    left: 32px
}
.switch-button:checked + label span:after {
    content: "oui";
}

.switch-button:focus + label:before {
    border: 1px dashed #777;
    box-sizing: border-box;
    margin-top: -1px;
}

input[type="checkbox"].switch-button-small{
	position: absolute;
	visibility: hidden !important;
}
input[type="checkbox"].switch-button-small + label:before,
input[type="checkbox"].switch-button-small + label:after {
	content: '';
	position: absolute;
	top: -1em;/*
	margin-top: -7.5px;*/
	box-sizing: border-box;
}
input[type="checkbox"].switch-button-small + label{
	position: relative;
}
input[type="checkbox"].switch-button-small + label:before {
	width: 30px;
	height: 15px;
	background: #fff;
	border: 1px solid #e4e3e1;
	border-radius: 15px;
}
input[type="checkbox"].switch-button-small + label:after {
	width: 15px;
	height: 15px;
	background: #BDBDBD;
	border-radius: 50%;
	transition: all 200ms ease-out;
}
input[type="checkbox"].switch-button-small:checked + label:after {
	margin-left : 15px;
	background: #FF9800;
}


/* style par defaut */


.switch-button:checked + label span:after {
    content: "oui";
    color: white;
}

.switch-button:checked + label:after {
    background: white;
}

.switch-button:checked + label:before {
    background:#666666;
}
.switch-button:checked + label:after {
    background: white;
}

.switch-button + label:before {
    background: #DDDDDD;
    transition: background-color .2s;
}
.switch-button + label:after {
    transition: all .2s;
    background: #956145;
}

/* Style des select */


.custom-dropdown > select{
    font-size: inherit;
    padding: .5em;
    margin: 0;
}

@supports (pointer-events: none) and
				  ((-webkit-appearance: none) or
				  (-moz-appearance: none) or
				  (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

	.modal.preference form .form-column > .custom-dropdown:not(:first-child){
		vertical-align: middle;
	}

    .custom-dropdown > select {
        padding-right: 2.5em;
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after {
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before {
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown > select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.disabled::after {
        color: rgba(0,0,0,.1);
    }

    .custom-dropdown::after {
        color: rgba(0,0,0,.4);
    }

}


@supports (pointer-events: none) and
				  ((-webkit-appearance: none) or
				  (-moz-appearance: none) or
				  (appearance: none)) {

    .custom-dropdown::before {
        background-color: #666666;
    }

}

.custom-dropdown > select {
    background-color: #707070;
    color: #fff;
}


/* Style des inputs */

.custom-input{
    display: inline-block;
    border-radius: 4px;
    padding : 6px 12px;
    line-height: 1.5;
    border :  1px solid #ccc;
    font-size : 16px;
    color : #999;
}

.custom-input[type='number']{
    text-align: left;
}


/* Style par defaut */

.custom-input:focus{
    border-color: #666666;
    box-shadow: 0 0 5px 1px rgba(50, 50, 50, 0.5);
}

div.msgok{
	font-size: 1.5em;
	margin: 2px;
	font-weight: bold;
	background-color: rgba(156, 251, 178, 0.95);
	border: #44a10b 1px solid;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}
div.msgwarning{
	font-size: 1.5em;
	margin: 2px;
	font-weight: bold;
	background-color: #ffd53e;
	border: #ff7f21 1px solid;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}

div.msgerr{
	font-size: 1.5em;
	margin: 2px;
	font-weight: bold;
	background-color: #f95c5c;
	border: #ff00 1px solid;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}

div.headband-info{
	margin: 2px;
	font-weight: bold;
	background-color: #38c;
	border-color: #38c;
	color: #fff;
	text-shadow: 0 1px 0 #059;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}


.copyarea{
    display: inline-block;
    height:22px;
    margin : 1px;
    font-size: 14px;
}


.copyarea > span{
    float:left;
    border: 1px gray solid;
    width: 10em;
    border-right: 0 none;
    border-radius: 3px 0 0 3px;
    padding: 2px;
    height:16px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.copyarea > img{
    float:left;
    border: 1px gray solid;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    padding: 2px;
    display: inline-block;
}

.copyarea > .copied{
    background-color: lightgreen;
}



/* Notification */

.toast > .right-slide-in{
    animation : right-slide-in;
    animation-duration: 0.4s;
}

.toast > .right-slide-out{
    animation : right-slide-out;
    animation-duration: 0.3s;
}

@keyframes right-slide-in {
    from  {transform: translateX(100%);}
    to { transform: translateX(0%);}
}

@keyframes right-slide-out {
    from  {transform: translateX(0%);opacity : 1;}
    to { transform: translateX(100%);opacity : 0;}
}

.toast{
    position : fixed;
    right : 10px;
    top : 36px;
    width: 260px;
    z-index:1200;
}

.toast > div{
    bottom : 0;
    position: relative;
    width: 260px;
    margin-bottom : 10px;
    padding: 15px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 1.2em;
    box-shadow: 0 0 5px 1px lightgrey;
    cursor: pointer;
	background: rgba(200, 200, 200, 0.95);
}

.toast > .success {
	background: rgba(156, 251, 178, 0.95);
	border: 1px solid rgba(114, 187, 131, 0.95);
	color: rgba(0, 70, 16, 0.95);
}
.toast > .error {
	background: rgb(248, 124, 124);
	border: 1px solid rgb(237, 27, 27);
	color: rgb(114, 19, 11);
}
.toast > .warning {
	background: rgb(255, 246, 172);
	border: 1px solid rgb(224, 221, 106);
	color: rgb(171, 169, 29);
}


.uploadField .success,
.files .success{
	color: #28a745;
}

.uploadField .error,
.files .error{
	color : #dc3545;
}

.upload.single{
	display: flex;
}

.upload.single.small-input-area{
	display: inline-block;
}

.upload.multiple{
	display: inline-block;
}

.upload.single .preview_image{
	align-self: center;
}

.uploadField{
    padding: 15px;
    margin: 15px;
    border : 1px dashed;
    width : 400px;
}

.preview_image{
	width : 64px;
	height: 64px;
	border: 1px solid #dee2e6;
	padding: 5px;
	margin: 15px;
}

.uploadField progress,
.files progress{
    display: block;
    width : 100%;
    margin-bottom: 20px;
	height: 1.5em;
}

.uploadField input[type='file']{
    opacity : 0;
    cursor : pointer;
    position: absolute;
    top : 0;
    margin: 0;
    border: 0;
    right : 0;
    width : 0;
}

.files{
	border : 1px darkgray solid;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	max-height: 50vh;
	overflow-y: auto;
}

.files *{
	box-sizing: border-box;
}

.files > ul{
	list-style: none;
	padding: 10px 5px;
}

.files > ul > li:not(:first-child){
	border-top : 1px darkgray solid;
	padding-top: 5px;
	margin-top: 5px;
}

.files > ul > li{
	display: flex;
}

.files > ul > li > div{
	align-self: flex-end;
	flex-grow: 2;
}

.files > ul > li .status:before{
	content:" - ";
}

.controls{
	margin-right: 15px;
	margin-left: 15px;
}

.files img,
.preview_image img{
	width : 64px;
	height : 64px;
}

@media print {
	[data-window]{
		break-inside: avoid;
	}
	#BARHAUT,
	#dragableElementsParentBox>br,body:not([data-Print*="1"]) #dragableElementsParentBox>*~.boite:nth-of-type(1),
	body:not([data-Print*="2"]) #dragableElementsParentBox>*~.boite:nth-of-type(2),
	[data-title] img, 
	[class*="horizontal-tabs"]>ul,
	.bottom, 
	[data-window="fly"], 
	.sidebar, 
	.NotPrint, 
	.LISTICONE,
	input[type=button]{
		display: none !important;
		break-inside: auto !important;
	}
	[class*="tabs"]>div{
		border: none !important;
	}
	*{
		font-size: 0.3cm !important;
	}

	#dragableElementsParentBox>*,#dragableElementsParentBox>[data-window]>[data-body]{
		border:none;
	}

	#dragableElementsParentBox{
		overflow: unset !important;
	}
}
@media print and (orientation: portrait){
	body.cpc,#dragableElementsParentBox{
		height: unset !important;
		margin: auto;
	}
}
@media print and(orientation: landscape){
	body.cpc,#dragableElementsParentBox{
		height: unset !important;;
    	margin: auto;
	}
}

[readonly]{
    color : gray;
}

.manual_fb{
    z-index: 1502;	/* pour mettre le menu option list devant les autres*/
}

div[data-window='fly'].list_param{
	top:0;
	bottom:0;
	right:0;
	left:unset;
    position: fixed !important;
    overflow-y: auto;
}

div[data-window='fly'].list_param > div{
	 min-height:100%;
 }

.list_param .DefaultVal{
	text-decoration: underline;
}

.TableList  #dragableElementsParentBox>:not(table):not(.BoxCutList):not(#ElDivers):not(.NewForm):not(.NoSticky){
	position: sticky;
    left: 0;
  /*  max-width: 99vw;*/
	z-index: 1003;
}

.TableList  #dragableElementsParentBox>:not(table):not(.BoxCutList):not(#ElDivers):not(.NewForm):not(.NoSticky):hover{
	position: sticky;
	bottom: 0;
}

.TableList .ZoneFiltre, .TableList .BoxCutList,
.SearchList .ZoneFiltre, .SearchList .BoxCutList{
	position: sticky;
    left: 0;
   /* max-width: 99vw;*/
}
.ZoneFiltre>div>form{
	margin: 0;
}

.TableList .StickyHead>thead>tr>th{
	position: sticky;
	top:21px;
}

.ZoneFiltre > :first-child{
	padding-top: 2px;
}

.ZoneFiltre > :first-child{
	padding-left : 5px;
	padding-right: 5px;
}
/*
.TableList  #dragableElementsParentBox>#ElDivers{
	position: absolute;
	top:0;
	left:0;
}*/

#BARHAUT:hover+.ZoneFiltre,#BARHAUT:hover+* .ZoneFiltre,.ZoneFiltre:hover,.ZoneFiltre:hover>[data-body]>*{
	top: 0;
	z-index: 1100;
}

.scroller > div{
    background-color: #a9a9a9;
    opacity: 0.8;
    padding: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.scroller .scroll-hidden{
    display: none;
}

.scroller .scroll-visible{
    display: block;
}

.scroller .scroll-up > div, .scroller .scroll-down > div{
    border: solid black;
    border-width: 0 6px 6px 0;
    padding: 6px;
}

.scroller .scroll-down > div{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.scroller .scroll-up > div{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.sort-arrow-down + label>span,
.sort-arrow-down-img > span{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #555;
    display: inline-block;
    margin:2px;
}

.sort-arrow-up + label>span,
.sort-arrow-up-img > span{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #555;
    display: inline-block;
    margin:2px;
}

.sort-arrow-down-img.white > span,
.sort-arrow-up-img.white > span{
	border-top-color: #eeeeee;
	border-bottom-color: #eeeeee;
}


.sort-arrow-down:checked + label>span,
.sort-arrow-down-img.selected > span{
    border-top-color: #09bf09!important;
}

.sort-arrow-up:checked + label>span,
.sort-arrow-up-img.selected > span{
    border-bottom-color: #09bf09!important;
}


.childrenVisibleOnHover .hiddenChild{
    visibility: hidden;
}

.childrenVisibleOnHover:hover .hiddenChild{
    visibility: unset;
}

.childrenVisibleOnHover .visibleChild{
	visibility: unset;
}

.childrenVisibleOnHover:hover .visibleChild{
    visibility: hidden;
}



div.reczone{
	position:absolute;
	display:none;
	overflow:hidden;
	background-color:#ffffff;
	z-index: 5000;
	border:1px solid #aaaaaa;
}
a.recres{
	white-space: nowrap;
}
a:hover.recres{
	white-space: nowrap;
	background-color:#eeeeee;
}
.growfont *{
	font-size: 1.1em !important;
}

/* DROPDOWN BLOCKS */

button.accordion {
	background-color: #eee;
	/*color: #444;*/
	cursor: pointer;
	/*padding: 18px;*/
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	/*font-size: 15px;*/

    border-radius:unset!important;
    margin:0 !important;
	margin-bottom: 1px !important;
	margin-top:1px !important;
}

.accordion.active+div.panel{
	max-height: 100%;
}

.accordion.active, .accordion:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.accordion:after {
	content: '\002B';
	/*color: #777;*/
	font-weight: bold;
	margin-left: 5px;
}

button.accordion:after {
	float : right;
}

.accordion.active:after {
	content: "\2212";
}

.accordion + .panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	padding-left: 2px;
}

.delete-used-filter-button{
    display: inline-block;
    width: 16px !important;
    height:16px;
    background-image: url("../images/icons/filtre2.gif");
    /*position:absolute;*/
	align-self: center;
}

.delete-used-filter-button:hover{
    background-image: url("../images/icons/delete-filter.png");
}

/* Nouvelles paginations */

.pagination{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.pagination ul{
	list-style:none;
	padding :0;
	margin:0;
	display:flex;
}

.pagination ul li{
	color:#fff;
	display: flex;
}

.pagination ul li a {
	background-color: #9D9D9D;
	padding: 5px 10px;
	border: 1px solid #555555;
	border-right: 0;
}
.pagination ul li a.curpage {
	background-color: rgb(86, 136, 222);
}
.pagination ul li:first-child a {
	border-radius: 5px 0 0 5px;
}
.pagination ul li:last-child a {
	border-radius: 0 5px 5px 0;
}

.pagination a:link{
    font-weight: bolder;
    text-decoration: none;
    font-size: 1.2em;
    color : #eeeeee;
}

.pagination a:hover{
    background-color: #99beff;
}

.pagination A:active,.pagination  A:link,.pagination  A:visited{
    text-decoration: none;
    color : #eeeeee;
}




.arrow-img{
    position: relative;
}

.arrow-img.triple{
    margin: 2px 15px 0px 15px;
}

.arrow-img.triple > div {
    /* more triangle */
    height: 10px; width: 10px;
    border: 1px solid rgba(238, 238, 238, 0.6);
    border-width: 3px 3px 0 0;
}

.arrow-img.triple.left > div{
    transform: rotate(-135deg);
}
.arrow-img.triple.right > div{
    transform: rotate(45deg);
}

.arrow-img.triple > div:before,
.arrow-img.triple > div:after {
    content: '';
    position: absolute;
    display: block;
    height: 10px; width: 10px;
    border-width: 3px 3px 0 0;
}

.arrow-img.triple > div:before {
    border: 1px solid rgba(238, 238, 238, 0.3);
    border-width: 3px 3px 0 0;
    top: 7px; left: -10px;
}

.arrow-img.triple > div:after {
    border: 1px solid rgba(238, 238, 238, 1);
    border: 1px solid rgba(238, 238, 238, 1);
    border-width: 3px 3px 0 0;
    top: -13px; left: 10px;
}

.arrow-img.large > div {
    /* duplicate the triange */
    position: relative;
    height: 0px; width: 0px;
    border: 8px solid;
    border-color:
            #eeeeee
            #eeeeee
            transparent
            transparent;
}

.arrow-img.large > div:before,
.arrow-img.large > div:after {
    content: '';
    display: block;
    position: absolute;
    height: 0; width: 0;
    border: 5px solid;
}

.arrow-img.large > div:before {
    border-color:
            #eeeeee
            transparent
            transparent
            #eeeeee;
    display: block;
    top: -1px; right: 0px;
    transform-origin: top right;
}

.arrow-img.large > div:after {
    border-color:
            transparent
            #eeeeee
            #eeeeee
            transparent;
    top: 0px; right: -1px;
    transform-origin: top right;
}

.arrow-img.large.left > div{
    transform: rotate(-135deg);
}
.arrow-img.large.left > div:after{
    transform: rotate(-45deg);
}

.arrow-img.large.left > div:before{
    transform: rotate(45deg);
}


.arrow-img.large.right > div,
.arrow-img.large.right > div:before{
    transform: rotate(45deg);
}

.arrow-img.large.right > div:after{
    transform: rotate(-45deg);
}

.ListDataTable{
    margin-bottom: 5px;
}
.ListDataTable th{
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    /*-khtml-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ListDataTable td{
    padding-right: 10px;
}



.reloadDouble {
    border-color: transparent white;
    border-radius: 50%;
    border-style: solid;
    border-width: .125em;
    height: 1em;
    width: 1.1em;
    margin : 0;
    display: inline-block;
    position: relative;
    margin-left: 7px;
    box-sizing: border-box;
}
.reloadDouble:before, .reloadDouble:after {
    border-style: solid;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.reloadDouble:before {
    border-color: transparent transparent transparent white;
    border-width: .3125em 0 .3125em .5em;
    top: -.3125em;
    left: .0625em; 
}

.reloadDouble:after {
    border-color: transparent white transparent transparent;
    border-width: .3125em .5em .3125em 0;
    bottom: -.3125em;
    right: .0625em;
}

.reloadDouble.active{
    border-color: transparent lightgreen;
    /*-webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;*/
}

.reloadDouble.active:before{
    border-color: transparent transparent transparent lightgreen;
}

.reloadDouble.active:after{
    border-color: transparent lightgreen transparent transparent;
}

@keyframes rotate {
    100% { transform: rotate(360deg); }
}

.TableHovering{
	white-space: nowrap;
    position: fixed;
    z-index: 1000;
    background-color: #666666;
    padding: 5px 10px 0px 0px;
    color:rgb(238,238,238);
    font-weight: bold;
    text-align: center;
}

.FILTERAREA{
	margin: 1px;
}

.FILTERAREA > input:focus,
.FILTERAREA > select:focus,
.FILTERAREA > textarea:focus{
	box-shadow: 0 0 3px blue;
}

.TplBar {
	display: none;
	position: absolute;
	width: 100%;
	height: 25px;
	top: -25px;
	opacity: 1;
	background-color: #000000;
	color: #9cf948;
}

[data-body].HorizontalView{
	border: none !important;
}

.HorizontalView>form>*{
	width:100%;
	padding: 0px;
}
.HorizontalView>[data-fiche]{
	padding: 0px;
}

.HorizontalView>form{
	display: flex;
	flex-wrap: wrap;
}

.HorizontalView div[data-window]{
	flex-grow: 1 !important;
	width: auto;
	margin: 0 !important;
	justify-content: center;
}

.HorizontalView div[data-window]>div{
	border: 0 !important;
	padding: 2px;
}
.HorizontalView div>[data-body]{
	max-width: initial !important;
	min-height: 1.8em;
}
.ContentZoneAfter > *{
	margin: 0;
}
.LISTICONE{	/*icone ADD/MOD/DEL/VIEW ajouté dans une liste pour manipuler les formulaires*/
	padding-left: 5px;
}




.xdsoft_datetimepicker button{
	margin : inherit;
}

.indeterminate-choices{
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

td > .indeterminate-choices{
	position : initial;
	white-space: nowrap;
}



.indeterminate-choices > .btn:not(:last-child){
	border-bottom-right-radius : 0;
	border-top-right-radius : 0;
}

.indeterminate-choices > .btn:not(:first-child){
	border-bottom-left-radius : 0;
	border-top-left-radius : 0;
}

.indeterminate-choices > .btn:first-child{
	margin-left: 0;
}

.indeterminate-choices > .btn.active{
	color : #fff;
	background-color: #286090;
	border-color: #204d74;
	outline:0;
	text-decoration: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.indeterminate-choices > .btn.active:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40;
}

.indeterminate-choices > .btn{
	padding:1px 5px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
	margin-bottom: 0;
	font-weight: 400;
	text-align : center;
	text-decoration: line-through;
	white-space: nowrap;
	touch-action: manipulation;
	cursor: pointer;
	user-select:none;
	border: 1px solid transparent;

}

.indeterminate-choices > .btn input[type="radio"]{
	position : absolute;
	clip : rect(0,0,0,0);
	pointer-events: none;
}


.indeterminate-choices > .btn {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.indeterminate-choices > .btn:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.indeterminate-choices:focus-within{
	box-shadow: 0 0 3px blue;
}


.mobile-datetimepicker.xdsoft_datetimepicker {
	position: fixed;
	top: 0;
	padding:8px;
	padding-left: 8px;
}

.mobile-datetimepicker.xdsoft_datetimepicker .xdsoft_calendar tbody th{
	 font-size: 2em;
}

.mobile-datetimepicker.xdsoft_datetimepicker .xdsoft_calendar tbody th:first-child,
.mobile-datetimepicker.xdsoft_datetimepicker .xdsoft_calendar thead th{
	font-size: 1.5em;
}

.mobile-datetimepicker.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 100%;
}

.mobile-datetimepicker.xdsoft_datetimepicker .xdsoft_datepicker{
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_{
	z-index: 999993;
}

div[data-window="fly"].mobile-display-fb, div[id^="MV"].mobile-display-fb{
	display: block;
	transform : translate(-50%,-50%);
	z-index: 2500;
	position: absolute;
	opacity: 1;
    top: 50%;
    left: 50%;
    max-height: 70vh;
    max-height: calc(100vh - 150px);
}

.mobile-display-fb > [data-body]{
    max-height: 70vh;
}

[data-window][style*="absolute"].mobile-display-fb > [data-title]{
	cursor: auto;
}

.modal-fb .overlay-fb{
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	z-index: 1500;
	position: fixed;
	background-color:#252525;
	opacity: .5;
}

.modal-fb{
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	z-index: 1500;
	position: fixed;
}

.modal-fb .mobile-display-fb[style*= "hidden"] + .overlay-fb{
	display: none;
}

/*body.TableList, body.NewForm,*/
body.cpc{
	width: 100vw;
	height: 100vh;
}



.wraparoud-checkbox{
	display: block;
	width: 15px;
	height: 15px;
	-webkit-appearance: none;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;

}

.wraparoud-checkbox:checked{
	background-image:url("../images/icons/plus01.gif");
	background-position:0 0;
	background-repeat:no-repeat;
}

.wraparoud-checkbox:not(:checked){
	background-image:url("../images/icons/moins01.gif");
	background-position:0 0;
	background-repeat:no-repeat;

}
.HiddenMe{
	display:none;
}
/* Style Leaflet */
.leaflet-container A:visited, .leaflet-container A:active, .leaflet-container A:link {
	text-align: center;
}

.leaflet-container{
	overflow: hidden !important;
}



/* Style Mobile IconBar */


.mobile-icon-bar{
	white-space: nowrap;
	bottom: 0;
	left: 0;
	width: 100vw;
	z-index: 1401;
    font-weight: 700;
}

.mobile-icon-bar ul{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
}

.mobile-icon-bar ul li {
    width: 33.333%;
    padding: 0;
    list-style: none;
    margin: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height: 46px;
}

.mobile-icon-bar ul li .btn {
    border-top-width: 0;
    border-bottom-width: 0;
    font-size: 14.5px;
    display: block;
    margin: 0;
    border-right-width: 0;

    padding-left: .3125em;
    padding-right: .3125em;

    padding-top: 2.5em;

    /*btn*/
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;

    text-decoration: none;
}

.mobile-icon-bar ul li .btn:after{
    top: .5625em;
    left: 50%;
    margin-left: -11px;
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;

    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

.mobile-icon-bar .hamburger-menu{
	display: inline-block;
}


.hamburger {
	position: relative;
	cursor: pointer;
	width: 40px;
	padding: 10px;
	padding-left: calc(50% - 20px);
	padding-right: calc(50% - 20px);
}

.hamburger span {
	display: block;
	width: 100%;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
  	border-radius: 3px;
  	height: 4px;
  	background: #fff;
  	transition: all .3s;
  	position: relative;
}

.hamburger span + span {
  	margin-top: 7px;
}

.hamburger.active span:nth-child(1) {
  	animation: ease .7s top forwards;
}

.hamburger.not-active span:nth-child(1) {
  	animation: ease .7s top-2 forwards;
}

.hamburger.active span:nth-child(2) {
  	animation: ease .7s scaled forwards;
}

.hamburger.not-active span:nth-child(2) {
  	animation: ease .7s scaled-2 forwards;
}

.hamburger.active span:nth-child(3) {
  	animation: ease .7s bottom forwards;
}

.hamburger.not-active span:nth-child(3) {
  	animation: ease .7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 11px;
    transform: rotate(0);
  }
  100% {
    top: 11px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 11px;
    transform: rotate(45deg);
  }
  50% {
    top: 11px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 11px;
    transform: rotate(0);
  }
  100% {
    bottom: 11px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 11px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 11px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/* Style Navigation mobile */

ul.nav-mobile {
	border : 0;
	overflow: hidden;
	left : 0;
	position: fixed;
	width: 300px;
	top:0;
	margin : 0;
	height : calc(100% - 60px);
	padding-bottom : 60px;
	z-index: 1400;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	padding-inline-start: 40px;
	font-size: 18px;
	list-style-type: none;
	padding-left :0;
	counter-reset: list-item;
	overflow-y: auto;
}

ul.nav-mobile {
    transform: translateX(-105%);
    transition: ease 0.5s;
}

ul.nav-mobile.opened{
	transform: translateX(0%);
}

.nav-mobile > li.search{
	left:0;
	right: 0;
	top: 20px;
	margin-top: 1px;
	padding: 1px 0 0 0;
	transition : margin .25s ease;
}

.nav-mobile > li.search input{
	display: block;
	font-weight: 300;
	width: 100%;
	height : 62px;
	box-sizing: border-box;
	padding: 0 45px 0 30px;
	border: 0;
	font-size: 18px;
}

.nav-mobile li.search img{
	position : absolute;
	top : 21px;
	right: 10px;
	cursor: pointer;
	height : 24px;
}

.search .search-results{

}

/* Style List View */

ul.list-view li img{
	height : 24px;
}

ul.list-view li .btn{
	display: block;
}

ul.list-view li .btn .icon{
	position: absolute;
	left: .625em;
}

ul.list-view{
	margin : 1em 0;
	padding: 0;
	list-style: none;
	background-clip: padding-box;
	border-radius: 0.3125em;
	display: block;
}


ul.list-view > li{
	border-right-width: 1px;
	border-left-width: 1px;
	margin: 0;
	display: block;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	overflow : hidden;
	white-space: nowrap;
	list-style: none;
}

ul.list-view > li > h2{
	margin : 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size : 1em;
	font-weight: 700;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

ul.list-view > li.li-divider{
	border-width: 1px;
	border-radius: inherit;
	border-top-width: 0;
	text-align: left;
	margin : 0;
	padding: 0;
	border-left-width: 0;
	border-right-width: 0;
	font-size : 18px;

	padding-right: 2.5em;
	padding: .7em 1em;
	cursor: pointer;
	user-select : none;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height : 1.3;
	margin-left: 0px;
	margin-right: 0px;
	border-style: solid;

	font-weight: 700;
	font-family: Montserrat, Arial;
}

ul.list-view > li > .btn,
ul.list-view > li > .btn{
	border-width: 1px;
	border-radius: inherit;
	border-top-width: 0;
	text-align: left;
	margin : 0;
	padding: 0;
	border-left-width: 0;
	border-right-width: 0;
	font-weight: 700;
	font-size : 18px;

	padding-right: 2.5em;
	padding: .7em 1em;
	cursor: pointer;
	user-select : none;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height : 1.3;
	margin-left: 0px;
	margin-right: 0px;
	border-style: solid;
	font-family: Montserrat, Arial;
	padding-left: 2.5em;
}

ul.list-view > li > .btn:after,
ul.list-view > li > .btn:after{
	right:0.5625em;
	top : 50%;
	margin-top:-11px;
	content : "";
	position : absolute;
	display: block;
	width : 22px;
	height : 22px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 1em;

}

ul.list-view > li div.collapsible-content{
	border-bottom-width : 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	border-style: solid;

	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;


}

ul.list-view > li .collapsed + div.collapsible-content {
	display: none;
}

ul.list-view > li div.collapsible-content {
	display: block;
}

ul.list-view > li ul.list-view{
	margin: 0;
	padding: 0;
}

.icon-minus::after{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}


.icon-plus::after{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.icon-link::after{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJDYXBhXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGZpbGw9IndoaXRlIj48Zz48cGF0aCBkPSJNMjkuMjk4LDYzLjQ3MWwtNC4wNDgsNC4wMmMtMy41MDksMy40NzgtOS4yMTYsMy40ODEtMTIuNzIzLDBjLTEuNjg2LTEuNjczLTIuNjEyLTMuODk1LTIuNjEyLTYuMjU3ICAgczAuOTI3LTQuNTg1LDIuNjExLTYuMjU4bDE0LjktMTQuNzgzYzMuMDg4LTMuMDYyLDguODk3LTcuNTcxLDEzLjEzMS0zLjM3MmMxLjk0MywxLjkzLDUuMDgxLDEuOTE3LDcuMDEtMC4wMjUgICBjMS45My0xLjk0MiwxLjkxOC01LjA4MS0wLjAyNS03LjAwOWMtNy4xOTctNy4xNDItMTcuODM0LTUuODIyLTI3LjA5OCwzLjM3TDUuNTQzLDQ3Ljk0MUMxLjk2OCw1MS40OSwwLDU2LjIxLDAsNjEuMjM0ICAgczEuOTY4LDkuNzQzLDUuNTQ0LDEzLjI5MkM5LjIyMyw3OC4xNzYsMTQuMDU0LDgwLDE4Ljg4Nyw4MGM0LjgzNCwwLDkuNjY3LTEuODI0LDEzLjM0OC01LjQ3Nmw0LjA1MS00LjAyMSAgIGMxLjk0Mi0xLjkyOCwxLjk1My01LjA2NiwwLjAyMy03LjAwOUMzNC4zODIsNjEuNTUzLDMxLjI0MSw2MS41NDIsMjkuMjk4LDYzLjQ3MXogTTc0LjQ1NCw2LjA0NCAgIGMtNy43My03LjY3LTE4LjUzOC04LjA4Ni0yNS42OTQtMC45ODZsLTUuMDQ2LDUuMDA5Yy0xLjk0MywxLjkyOS0xLjk1NSw1LjA2Ni0wLjAyNSw3LjAwOWMxLjkzLDEuOTQzLDUuMDY4LDEuOTU0LDcuMDExLDAuMDI1ICAgbDUuMDQ0LTUuMDA2YzMuNzA3LTMuNjgxLDguNTYxLTIuMTU1LDExLjcyNywwLjk4NmMxLjY4OCwxLjY3MywyLjYxNSwzLjg5NiwyLjYxNSw2LjI1OGMwLDIuMzYzLTAuOTI4LDQuNTg2LTIuNjEzLDYuMjU5ICAgbC0xNS44OTcsMTUuNzdjLTcuMjY5LDcuMjEyLTEwLjY3OSwzLjgyNy0xMi4xMzQsMi4zODNjLTEuOTQzLTEuOTI5LTUuMDgtMS45MTctNy4wMSwwLjAyNWMtMS45MywxLjk0Mi0xLjkxOCw1LjA4MSwwLjAyNSw3LjAwOSAgIGMzLjMzNywzLjMxMiw3LjE0Niw0Ljk1NCwxMS4xMzksNC45NTRjNC44ODksMCwxMC4wNTMtMi40NjIsMTQuOTYzLTcuMzM3bDE1Ljg5Ny0xNS43N0M3OC4wMywyOS4wODMsODAsMjQuMzYyLDgwLDE5LjMzOCAgIEM4MCwxNC4zMTYsNzguMDMsOS41OTUsNzQuNDU0LDYuMDQ0eiIvPjwvZz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=");
	background-size: 16px;
}

.icon-carat-r::after{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}

.icon-action::after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGZpbGw9IndoaXRlIiBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00MDUuMiwyMzIuOUwxMjYuOCw2Ny4yYy0zLjQtMi02LjktMy4yLTEwLjktMy4yYy0xMC45LDAtMTkuOCw5LTE5LjgsMjBIOTZ2MzQ0aDAuMWMwLDExLDguOSwyMCwxOS44LDIwICBjNC4xLDAsNy41LTEuNCwxMS4yLTMuNGwyNzguMS0xNjUuNWM2LjYtNS41LDEwLjgtMTMuOCwxMC44LTIzLjFDNDE2LDI0Ni43LDQxMS44LDIzOC41LDQwNS4yLDIzMi45eiIvPjwvc3ZnPg==");
	background-size: 14px;
	background-position-x: 5px !important;
}

.li-count{
	right: .8em;
	position: absolute;
	font-size: 14.5px;
	font-weight: 700;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 0 .48em;
	line-height: 1.6em;
	min-height: 1.6em;
	min-width: .64em;
	top: 50%;
	margin-top: -.88em;

	border-radius: .3125em;
}

.btn > .li-count{
	right: 3.2em;
}

.li-aside{
	position: absolute;
	top: 1em;
	right: 3.333em;
	margin: 0;
	text-align: right;
}




/* ListView Basic Theme (Sugar) */


ul.nav-mobile {
	background-color: white;
	color : black;
	border-right: 2px solid #ddd;
}


.nav-mobile > li.search{
	border-top : 1px solid rgba(0, 0, 0, 0.14);
	border-bottom : 1px solid rgba(0, 0, 0, 0.14);
}

.nav-mobile > li.search input{
	color : #777;
}

.mobile-icon-bar{
	background-color: #e9e9e9;
	border-color:#ddd;
	color:#333;
	text-shadow: 0 1px 0 #eee;
}

.mobile-icon-bar ul li .btn.active {
	background-color: #38c;
	border-color: #38c;
	color: #fff;
	text-shadow: 0 1px 0 #059;
}

.mobile-icon-bar ul li .btn:focus{
	box-shadow: 0 0 12px #38c;
}

.mobile-icon-bar ul li .btn:after{
	background-color: #666;
	background-color: rgba(0,0,0,.3);
}

.mobile-icon-bar ul li .btn,
ul.list-view > li > .btn{
	background-color: #f6f6f6;
	border-color: #ddd;
	color : #333;
	text-shadow: 0 1px 0 #f3f3f3;
}


ul.list-view > li > .btn:active,
ul.list-view > li > .btn:active{
	background-color: #e8e8e8;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.mobile-icon-bar ul li .btn:hover,
ul.list-view > li > .btn:hover,
ul.list-view > li > .btn:hover{
	background-color: #ededed;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
}


ul.list-view > li div.collapsible-content{
	background-color:#fff;
	border-color:#ddd;
	color:#333;
	text-shadow: 0 1px 0 #f3f3f3;
}

ul.list-view > li > .btn:after,
ul.list-view > li > .btn:after{
	background-color: rgba(0,0,0, .3);
}

.collapsible-content > ul.list-view > li,
.collapsible-content > ul.list-view > li .btn{
	background-color:#ddd;
	border-color: #ccc;
}

.collapsible-content > ul.list-view > li:hover,
.collapsible-content > ul.list-view > li .btn:hover{
	background-color:#ccc;
	border-color: #bbb;
}

.li-count{
	background-color:#2a2a2a;
	border-color: #1d1d1d;
	color: #fff;
	text-shadow: 0 1px 0 #111;
}

.li-count.warning{
	background-color:red;
}


.notification-area{
	position: absolute;
	z-index: 6000;
	top : 0;
	left : 0;
	right: 0;
	overflow: hidden;
}

.notification-content{
	background-color: #ddd;
	box-shadow: 0 0 5px black;
}

.notification-marker{
	height: 20px;
	background-color: aqua;
	display: block;
	width: 50px;
	left: 50vw;
	position: relative;
	transform: translateX(-50%);
}


.nav-swipe{
	width: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	display: inline-block;
	min-height: 1px;
	height: 40px;
}

.nav-swipe .swipe-left{
	position: absolute;
	background-image: repeating-linear-gradient(135deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px, rgba(0,0,0,0.2) 40px);;
	animation:swipe-menu-left 1s infinite;
	animation-direction:reverse;
	animation-timing-function:linear;
	border-radius: 3px;
	height: 100%;
	left: -100%;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0.3;
}

.nav-swipe.activated-left .swipe-left {
	left: 0;
}

.nav-swipe .swipe-right{
	position: absolute;
    background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px, rgba(0,0,0,0.2) 40px);;
    animation:swipe-menu-right 1s infinite;
    animation-direction:reverse;
    animation-timing-function:linear;
    border-radius: 3px;
	height: 100%;
	right: -100%;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
    opacity: 0.3;
}

@keyframes swipe-menu-left {
	0%{background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px, rgba(0,0,0,0.2) 40px);}
	25%{background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 10px, rgba(255,255,255, 0.25) 10px, rgba(255,255,255, 0.25) 30px, rgba(0,0,0,0.2) 30px, rgba(0,0,0,0.2) 40px);}
	50%{background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 20px, rgba(255,255,255, 0.25) 20px, rgba(255,255,255, 0.25) 40px);}
	75%{background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 30px, rgba(255,255,255, 0.25) 30px, rgba(255,255,255, 0.25) 40px);}
	100%{background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px, rgba(0,0,0,0.2) 40px);}
}

@keyframes swipe-menu-right {
    0%{background-image: repeating-linear-gradient(-135deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px, rgba(0,0,0,0.2) 40px);}
    25%{background-image: repeating-linear-gradient(-135deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 30px, rgba(255,255,255, 0.25) 30px,  rgba(255,255,255, 0.25) 40px);}
    50%{background-image: repeating-linear-gradient(-135deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 20px, rgba(255,255,255, 0.25) 20px, rgba(255,255,255, 0.25) 40px);}
    75%{background-image: repeating-linear-gradient(-135deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 10px, rgba(255,255,255, 0.25) 10px, rgba(255,255,255, 0.25) 30px, rgba(0,0,0,0.2) 30px, rgba(0,0,0,0.2) 40px);}
    100%{background-image: repeating-linear-gradient(-135deg, rgba(255,255,255, 0.25) 0, rgba(255,255,255, 0.25) 20px, rgba(0,0,0,0.2) 20px,  rgba(0,0,0,0.2) 40px);}
}

.nav-swipe.activated-right .swipe-right {
	right: 0;
}

hr[data-content]{
	text-align: center;
    height: 0;
    overflow: visible;
    margin-top: 1em;
    margin-bottom: 1em;
}
hr[data-content]:after{
    content: attr(data-content);
    position: relative;
    top: -0.5em;
    padding-right: 5px;
    padding-left: 5px;
    background: inherit;
}

.DASHBOARD>div[data-subtitle]{
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
}

.DASHBOARD>div[data-body]{
	min-height: 1.5em;
}

.DASHBOARD>div[data-body]>img:only-child{
	min-height: 1em;
	min-width: 1em;
	padding-top: 0.2em;
}

.DASHBOARD>div[data-body]>a{
	font-size: smaller;
}

.DASHBOARD>div[data-body]>img:only-child, .DASHBOARD>div[data-body]>a>img:only-child{
	min-height: 1em;
	min-width: 1em;
	padding: 0.2em 0 0.2em 0;
}

.map-popup{
	width: 200px;
}


#ICB > a > img {
	max-width: 30px !important;
	margin-left: 2vw !important;
	margin-right: 2vw !important;
}

table.calendar-line{
	background-color: #cfcfcf;
	border: 1pt solid #a7a7a7;
	font-size: 14px;
	padding: 0;
}

table.calendar-line td{
	width: 30px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5em !important;
}

td.workingday {
	background-color: #e2e2e2;
	border: 1pt solid #a7a7a7

}
td.nonworkingday {
	background-color: #80b3cd;
	border: 1pt solid #a7a7a7

}

.Progress-Block .SUBBLOCK[data-window].background-gray{
	background-color : gray;
}

.Progress-Block .SUBBLOCK.background-gray:after {
	border-left: 32px solid gray;
}
.Progress-Block .SUBBLOCK.background-green:after {
	border-left: 32px solid #28a745;
}

.Progress-Block .SUBBLOCK[data-window].background-green{
	background-color : #28a745;
}

.Progress-Block .SUBBLOCK.background-yellow:after {
	border-left: 32px solid #ffd53e;
}

.Progress-Block .SUBBLOCK[data-window].background-yellow{
	background-color : #ffd53e;
}

.Progress-Block .SUBBLOCK.background-orange:after {
	border-left: 32px solid #ea8738;
}

.Progress-Block .SUBBLOCK[data-window].background-orange{
	background-color : #ea8738;
}

.Progress-Block .SUBBLOCK.background-red:after {
	border-left: 32px solid rgb(237, 27, 27);
}

.Progress-Block .SUBBLOCK[data-window].background-red{
	background-color : rgb(237, 27, 27);
}

.Progress-Block .SUBBLOCK.background-futur:after {
	border-left: 32px solid #808080;
}

.Progress-Block .SUBBLOCK[data-window].background-futur{
    background: linear-gradient(-70deg, #808080 12.5%, #e0e0e0 12.5%, #e0e0e0 37.5%, #808080 37.5%, #808080 62.5%, #e0e0e0 62.5%, #e0e0e0 87.5%, #808080 87.5%);
    background-size: 30px 100%;
}

.Progress-Block .SUBBLOCK.background-blue:after {
	border-left: 32px solid #6f88e8;
}

.Progress-Block .SUBBLOCK[data-window].background-blue{
	background-color: #6f88e8;
}

.Progress-Block [data-fiche]{
	justify-content: center;
}

.Progress-Block {
	padding: 0;
	list-style-type: none;
	font-family: arial;
	font-size: 12px;
	clear: both;
	line-height: 1em;
	margin: 0 -1px;
	text-align: center;
}

.Progress-Block .SUBBLOCK[data-window] {
	float: left;
	padding: 10px 30px 10px 40px;
	background: #333;
	color: #f1f1f1;
	position: relative;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 32%;
	margin: 0 1px;
}

.Progress-Block .SUBBLOCK:not(:first-child):before {
	content: '';
	border-left: 32px solid #f1f1f1;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	position: absolute;
	top: 0;
	left: 0;

}
.Progress-Block .SUBBLOCK:after {
	content: '';
	border-left: 32px solid #333;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
}

.Progress-Block .SUBBLOCK.active {
	background: #555;
}

.Progress-Block .SUBBLOCK.active:after {
	border-left-color: #555;
}
img[alt=Debug]{
    border-right-width: 20px !important;
    border-left-width: 20px !important;
    
    margin-right: 0px !important;
    margin-left: 0px !important;
}
img[alt=Debug]:hover{
    background: radial-gradient(circle, rgb(44,109,143) 50%, rgba(255, 255, 255, 0) 100%) border-box;
}

@keyframes shake {
  20% {
    transform: translate3d(-2px, 0, 0);
  }
  
  30%, 70% {
    transform: translate3d(0, 0, 0);
  }
  
  80% {
    transform: translate3d(2px, 0, 0);
  }
}


@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.shake_me {
  animation: shake 0.02s linear both 60;
  
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.blink_me,.shake_me {
	animation: shake 0.02s linear both 60, blinker 1s linear infinite;;
  
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.DEBUG {
	display: none;
}

[data-subtitle]:hover>.DEBUG,*:hover>.DEBUG {
	display: inline;
	position: absolute;
}
.NOTFIND{
	display: none;
}