/*MENU*/
.menu ul{list-style-type: none;line-height: 25px;}
.menu li, .btnMnu{float: left; margin:5px 1px; min-width:110px;-moz-border-radius:5px;text-align:center;font-family:arial;}
.menu li a,.btnMnu a{text-decoration:none;font-weight:bold;display:block;}
.menu select{width:100px;margin:10px 1px;}
.miniM a{text-decoration: none;font-weight: bold;text-align: center;padding:2px 4px;margin:2px 0;display:block;border-radius:2px;}

/*STANDARD DIV*/
.stdiv{position:relative; margin:10px; padding:0 5px 5px;min-width:200px;display:inline-block;overflow:visible;vertical-align: top;border-radius:0 0 2px 2px;}
.stdTitle{font-weight:bold; margin:-5px -5px 5px; padding:0 5px;display:inline-block;vertical-align:top;}
.stdClose{position:absolute;top:-20px;right:-20px;background:url(../images/close.png) no-repeat right;height:40px;width:40px; cursor:pointer}
.expander{height:15px;padding-left:16px;background: url("../images/exp_plus.gif") no-repeat top left;cursor:pointer}
#stdAlert{display:none;position:absolute;top:40%;left:20%;z-index:2;min-width:150px;}
/*STANDARD TAB*/
.formTab{list-style:none;margin:10px 0 -10px 20px;}
.formTab li {display:inline;border:solid;border-width:1px 1px 0 1px;margin: 0 3px 0 0;cursor:pointer;padding:1px 5px}
.selTab {font-weight:bold}

/*STANDARD LINK*/
.stdMenu			{margin:10px}
.stdMenu a			{text-decoration: none;font-weight: bold;text-align: center;background-color: #A6C4DE;padding:2px 4px;margin:2px 0;display:block;border-radius:2px;}
.stdMenu a:link		{color:#EEE;}
.stdMenu a:visited	{color:#FFF;}
.stdMenu a:hover		{color:#00F;}
.stdMenu a:active	{color:#F00;}

/*PAGE*/

.light		#page	{background:#FFF}
.dark		#page	{background:#000}
.console	#page	{background:#000}

/*PAGE HEADER*/
#pageHead	{height:2em}

/*FORM*/
form{float:left;}
	form br {clear:both;}
	label{width:100px;margin:0 5px;padding:6px 0;display:inline-block;text-align:right;white-space:nowrap;}
	input,select,button{margin:3px 5px 0;height:20px;padding:3px;border-radius:3px;border:1px solid #7B8479}
	input[type="text"],input[type="password"]{width:140px;}
	input[type="color"]{width:120px;height:30px;}
	input[type="checkbox"]{margin-top:9px;}
	input[type="radio"]{margin-top:9px;}
	textarea{width:500px;margin:0 5px;}
	select{width:152px;box-sizing:content-box}
	option{padding:3px}
	fieldset{padding:2px;border-radius:3px}
	legend{margin-left:2px}
	input[readonly],textarea[readonly]{background:#EAEAEA}
	input[disabled],button[disabled]{color:#777}
	label[for]{cursor:pointer;}
	/**/
	input:focus:not([type="submit"]),select:focus{
		box-shadow: 0 0 5px rgba(0, 159, 218, 0.8);transition:all .2s linear 0s;
		border-color: rgba(81, 203, 238, 1);
	}
	input:focus:not([type="submit"]){background-color: #E5F5FB;color: #333;}
	/**/
	button,input[type="submit"],input[type="button"]{
		display: inline-block;cursor:pointer;height:auto;
		color:#FFF;
		/*background-color: #6D6D6D;box-shadow: 0 3px #95a5a6;*/
		box-shadow: inset 0 -2px #2f2e2e;border-bottom: 2px solid #2f2e2e;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);background:#454545;
		letter-spacing: 2px;font-size: 12px;font-weight:bold;
		padding: 7px 20px;
	}
	body button:hover,input[type="submit"]:hover,input[type="button"]:hover{
		background-color: #FFF;color:#6D6D6D;}
	body button:active,input[type="submit"]:active,input[type="button"]:active{
		background-color: #FFF;color:#6D6D6D;
		/*box-shadow: 0 1px #95a5a6;transform: translateY(2px);*/
		top: 1px;outline: none;box-shadow: none;}
		
	button.btnOK,input.btnOK{
		background-color: #27ae60;
		box-shadow: inset 0 -2px #219d55;border-bottom-color:#219d55;
	}	button.btnOK:hover,input.btnOK:hover{color:#219d55;border-color:#219d55}

	button.btnKO,input.btnKO{
		background-color: #e74c3c;
		box-shadow: inset 0 -2px #db4334;border-bottom-color:#db4334;
	}	button.btnKO:hover,input.btnKO:hover{color:#db4334;border-color:#db4334}
	
	button.btnKKO,input.btnKKO{
		background-color: #c0392b;
		box-shadow: inset 0 -2px #b53224;border-bottom-color:#b53224;
	}	button.btnKKO:hover,input.btnKKO:hover{color:#b53224;border-color:#b53224}
	
	button.btnEME,input.btnEME{
		background-color: #2ecc71;
		box-shadow: inset 0 -2px #28be68;border-bottom-color:#28be68;
	}	button.btnEME:hover,input.btnEME:hover{color:#28be68;border-color:#28be68}
	
	button.btnTUR,input.btnTUR{
		background-color: #1abc9c;
		box-shadow: inset 0 -2px #12ab8d;border-bottom-color:#12ab8d;
	}	button.btnTUR:hover,input.btnTUR:hover{color:#12ab8d;border-color:#12ab8d}
	
	button.btnCAR,input.btnCAR{
		background-color: #e67e22;
		box-shadow: inset 0 -2px #da751c;border-bottom-color:#da751c;
	}	button.btnCAR:hover,input.btnCAR:hover{color:#da751c;;border-color:#da751c;}
	
	button.btnAME,input.btnAME{
		background-color: #9b59b6;
		box-shadow: inset 0 -2px #8d4ca7;border-bottom-color:#8d4ca7;
	}	button.btnAME:hover,input.btnAME:hover{color:#8d4ca7;;border-color:#8d4ca7;}


/*TABLE*/
table {border-width:1px;border-style:solid;table-layout: fixed;border-collapse: separate;border-spacing:0;}/*collapse*/
th {vertical-align:middle;white-space:nowrap;padding:5px 0;min-width:20px;}
td {vertical-align:middle;white-space:nowrap;padding:5px 0;min-width:20px;}
th{border-left:1px solid #555;border-top:1px solid #555}
td{border-left:1px solid #000;border-top:1px solid #000}

/*WAIT LOADER*/
#wait{position:fixed;top:50%;left:50%;height:400px;margin:-200px;z-index:7;display:none;background-image:url(../images/wait.gif)}
/*#wait img{position:fixed;top:50%;left:50%;margin:-200px;z-index:8;}*/
#waitTxt{position:fixed;top:50%;left:50%;margin-left:-70px;margin-top:-60px;width:120px;z-index:9;border-radius:10px;padding:5px;text-align:center}
#waitTxt:empty{display:none}
#waitTxt span{display:block}

/*WHITE BACK*/
.stdTitle,.stdiv{background:#FFF;border:1px solid #000}


/*EV lvl*/
.ev[lvl='sup']{border-style:dotted;opacity:.9}
.ev[lvl='mgr']{border-style:dashed;border-color:#000;opacity:.9}
.ev[lvl='user']{border-style:dotted;border-color:#111;opacity:.8}
.ev[lvl='rej']{text-decoration: line-through;border-style:dotted;opacity:.8;border-color:#F00}
.ev[lvl='chg'] {text-decoration: underline;border-style:dashed;font-style:italic;font-weight:bold;border-color:#F00}

.evLvlval{background:#008000}
.evLvlsup{background:#FBC413}
.evLvlmgr{background:#FFC24D}
.evLvlrej{background:#CC0000}


/*POPUP*/
.popup {position: relative;display: inline-block;cursor: pointer;}
.popup .popuptext {visibility:hidden;white-space: nowrap;min-width: 160px;margin-left: -80px;background-color:#555;opacity:.9;color:#fff;text-align:center;border-radius:6px;padding:5px 2px;position:absolute;z-index: 1;top: 125%;left: 50%;}
.popup .popuptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #555 transparent;}
.popup .show {visibility: visible;animation: fadeIn 1s}
@keyframes fadeIn {from {opacity: 0;}to {opacity:.9 ;}}

/*ICONES*/
body .adel	{background-image:url("../images/b_drop.png");height:16px;width:16px;display:inline-block;cursor:pointer;background-repeat: no-repeat;background-position: center;background-color:#FFF}
.edit	{background-image:url(../images/edit.jpg);height:16px;width:16px;display:inline-block;cursor:pointer}
.valid	{background-image:url(../images/valid.png);height:16px;width:16px;display:inline-block;cursor:pointer}
.paint	{background-image:url(../images/paint.png);height:16px;width:16px;display:inline-block;cursor:pointer}

/*html headers*/
.hPair div{display:inline-block;margin:1px 3px;padding:1px 2px}
.hKey{border-width:1px;border-style:solid;border-width:0 1px 1px 0;}





#saisiTempsErr{color:#F00;float:left;width:90%;text-align:center;}

.ls{width:152px;overflow:hidden;text-overflow:ellipsis}
.timSel{width:40px;}
	.overX{overflow-x:auto;padding-top:4px;height:33vh}
	#listG	{width:auto;float:left;}
	#listG th{min-width:70px;}
	#listGList .listGelem:hover td{background:#CCC;cursor:pointer;}
	
	
	.runTable{max-width:1000px;overflow:auto;}
	.runHead{border:1px solid #000;margin:5px 0 0 0;background:#ECECEC;color:#675C53;height:20px;overflow:auto;}
	.runHead div{float:left;border:1px solid #000;width:150px;;overflow:hidden;}
	.runLine{background:#FFFFFF;overflow:auto;}
	.runLine div{float:left;border:1px solid #C8C8C8;width:150px;}
	
	.blank th {background: #FFF;}
	
	
	.ADXDOC{background:#A6D796}
	.ADXDATA {background:#D2C9DE}
	.RESULT {background:#C7FF8A;}
	.TAB{background:#ECECEC;}	
	.GRP{background:#DADCC0}	
	

	
	
	#oxtrForm {float:left;}
	#oxtrForm label {clear:both;}
	.err_fld{float:left;color:#F00;margin:0 5px;padding:6px 0;max-width:400px}
	#emploidList{float:left;height:300px;overflow:auto;border:1px solid #7B9EBD}

	.adxMess1 {color:#008000;}
	.adxMess2, .adxMess3{color:#CC0000;}
	.adxMess4{ color:#464646;}
	

	.tabCont{position:relative;}
	.tabHead{clear:both;}
	#emploInfoCTR{overflow:auto;float:left;}
	.tabTitle{float:left;border:1px solid #000; padding:0 5px;margin-top:3px;border-radius:5px 5px 0 0;cursor:pointer;}
	.tabTitle:hover{border-top:3px solid orange;margin-top:2px}
	.stdTab{postion:absolute;top:20px;left:0;display:none}
	.stdBloc{position:relative; margin:5px; padding:5px; border:1px solid #7B9EBD;background:#ECECEC;min-width:200px;border-radius:10px;display:inline-block;float:left;}
	/*.stdiv{}/*display:;*/
	

	/*button {border:1px solid #CCC;float:left;margin:0 5px;width:120px;cursor:pointer;}*/
	/*button, input,*/
	.round10{border-radius:10px;	padding:5px;}
	
	.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	
	
	/*END OF CUSTOM*/
	#rightOpt{float:right}

	
	.rgb0{background:rgba(0,0,0,0)}
	
	

	#bandeau{ float:left; margin:30px 0 0 30px; position:relative;}
	#bandeau span{ position:absolute;bottom:-20px;right:0px; font-family:serif; font-weight:bold; color:#6A5A4B;}
	#intro	{ float:left;margin:30px 45px 0; text-align:center;padding:10px; border:1px solid #DDD;}
	#intro p	{ margin:12px 0;}
	#intro p	{ margin:12px 0;}
	#intro #bienvenue	{ font-size:20px;}
	
	.menu{background:#D8E6F2;}
	.menu {border-bottom:1px solid #31644F;padding:0 20px;}
	
	

	.menu .r{ float:right;}
	.menu ul ul{display:none}
	.menu ul li:hover ul{display:block}
	.menu ul ul{position:absolute;right:0; z-index:2;background:#D8E6F2;padding:0 20px;}
	.menu ul ul li{float:none;}
	.menuL{float:left;}
	.menuL div{}
	.menuL a{text-decoration:none;}
	

	.pageContent {display:inline}
	#content{}/*js height page 100%*/
	.modPathCont{float:left;padding-left:1em;}
	.modPathCont ul {list-style:none}
	.modPath{display:inline-block;}
	.modPath a{position:relative;display:block;text-decoration:none;color: #bcbcbf;margin-left:2em;line-height:2em}
	.modPath a:before {content: '▶';font-size: 8px;position: absolute;top: 0;left: -2em;}
	.modPath a:hover{text-decoration:underline}
	
	#pageTitle{font-size:1.5em;line-height:1.33em;font-weight:bold}
	
	/*#pageFull{background-color:#0F0}
	#pageFull.active{position:absolute;top:0;right:0;background-color:#0F0}*/
	
	#browselist {list-style-type:none; }
	#browselist li{float:left; border:1px solid; padding:5px; }
	#word{background:#A1C0E9; width:99%; margin:0 auto; padding:20px 0; border:2px solid #D8E7FC; background: -moz-radial-gradient(#567DB0, #B4CEEE);}
	#wordPage{background:#FFF; border-width:1px 3px 3px 1px ; border-style:solid; border-color:#000;
				font-family:Verdana;width:90%; margin:0 auto; display:block; padding:10px; overflow:auto;height:600px;}
	
	
	#lockData{border:1px solid #000;font-family:courier-new;}
	
	#fond {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:5;display:none;}
	#popup{position:fixed;top:25%;left:25%;width:50%;height:50%;display:none;z-index:6}
	#popup>div{display:block;margin:0 auto}
	.popupC{height:95%;overflow-x:auto;}
	.popupC span, .spaner{border:1px solid #CCC;border-radius:3px;box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;margin:1px 2px;padding:0 3px;display:inline-block;}
	
	#footer div:hover div {display:block}
#footer div		{float:left;margin:0 5px;cursor:pointer;position:relative;}
#footer div div	{float:none;white-space:nowrap;z-index:2;padding:5px;border-radius:10px;position:absolute;bottom:0;display:none;max-height:400px;max-width:600px;overflow:auto}
#footer div div div	{position:relative;}
	.sqlWord		{color:#990099;}
	#sql			{background:#660066;}
	#sql:empty		{padding:0px}
	
	#sqliteCont		{color:#044A64}
	#sqliteLog		{background:#84C6EC}
	#sqliteLog:empty	{padding:0px}
	
	#errorCount		{color:#CC0000;}
	#error			{background:#AE0000;color:#FF0000;}
	
	#timeI	div		{color:blue;}
	#actionCount	{color:#00CC00;}
	#action			{background:#00AE00;color:#00FF00;}
	#action:empty	{padding:0px}
	
	#cacheCont{background:#AAA;}
	
	#timeDet		{background:#FF6347;}
		
	#divHome h2{margin-left:20px}
	
	

	
	.ok{color:#008000;}
	.ko{color:#CC0000;}
	.warn{color:#ff7b10;}
	.bold{font-weight:bold;}
	#noscript{background:#CC3333; color:#DD9999; border:2px dashed #CC0000;padding:3px;margin:10px auto;width:33%;display:block;text-align:center;letter-spacing: 2px;font-weight:bold;position:relative;z-index:8}
	#noscript label{float:none;}
	#noscriptX {display: none;}
	#noscriptX:checked+div {display: none;}
	#srvtst{background:#CC3333; color:#FFF; border:2px dashed #CC0000;padding:3px;margin:10px auto;width:33%;display:fixed;text-align:center;letter-spacing: 2px;font-weight:bold;}
	pre{color:#006400; border:1px solid;background:#CCC}
	.block{display:block;}
	.clear{clear:both;}
	.none{float:none;}
	.right{float:right;}
	.left{float:left;}
	
	.tac{text-align:center;}
	.tleft{text-align:left;min-height:20px;}
	html .auto{width:auto !important;}
	html .large{width:300px !important;overflow:auto}
	html .wide{width:200px;}
	html .ll{width:120px;}
	.wa{width:auto;display:inline-block;}
	.in{display:inline-block;vertical-align:top;box-shadow: 0 6px 5px 5px rgba(168, 168, 168, 0.8);}
	html .hide{display:none;}
	.ib{display:inline-block}
	.iib{display:inline-block!important}
	.bl{border-left-width:2px;}
	
	.round10Bottom{ -moz-border-radius:10px 10px 0 0;}
	
	.goLeft{float:left;background:url("../images/fleche_mini.png") no-repeat -1px -21px; height:20px;width:20px;cursor:pointer}
	.goRight{float:right;background:url("../images/fleche_mini.png") no-repeat -42px -21px;height:20px;width:20px;cursor:pointer}
	
	.ombrage {
			-moz-box-shadow: 3px 3px 10px #000; 
			-webkit-box-shadow: 3px 3px 10px #000;
			/*box-shadow: 3px 3px 10px #000;*/
		} 
	.drop{border:2px dashed #555;border-radius:7px;color:#555;font-weight:bold;text-align:center;padding:1em;cursor:pointer;}
	.drop:hover, .dragover{border:2px solid #050;background:#DDD;}
	#dropL{max-width:400px}
	.showData{border:1px dashed #CCC;background:#FFF;border-radius:5px;padding:3px;position:relative}
	
	
	.pgrC{border:1px solid #000;margin:2px;padding:1px}
	.pgrS{white-space:nowrap;background:linear-gradient(to right,#0F0, #F00)}

	
	#waitTxt{background:#FFF;border:1px solid #000;}
	.subLoad{ background:url("../images/wait.gif") no-repeat scroll 0 0 / 25px 25px;height: 25px;padding: 0 25px;}
	.subLoaded{height: 25px;padding: 0 25px;}
	
	/*TABLEAUX*/
	table td.tdHov{background:#FF0}
	caption {border-radius:5px;padding-bottom:5px;}
	#plan th span,caption span{display:none;border:1px solid #FFF;background:#759B56;border-radius:5px;padding:3px;}
	th:hover span,caption:hover span{display:inline!important}
	.planV{text-align:right;font-size:small;position:relative;min-width:40px}
	.actionVar{position:absolute;left:0;border:1px solid #FFF;padding:3px;display:none;z-index:1;text-align:left;background-color: #5d4257;background-image: linear-gradient(315deg, #5d4257 0%, #a5c7b7 74%);}
	.actionVar button{padding:2px}
	td .varM_COD{border:1px dotted #DBE9F7;float:none;width:90%;text-align:right;height:auto;padding:0;margin:0 auto;}
	.varM_COD:hover{border:1px solid #CCC;}
	tr [t="1"]{background:#CCC;}
	tr [t="2"]{background:#FFF;}
	tr [t="3"]{background:#BBB;}
	.bb,.bb>td{border-bottom:1px solid #000}
	
	/*CSS TABLES*/
	.table	{display: table;margin:5px auto 0}
	.td		{display: table-cell;padding:0 3px;box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;}
	.tr		{display: table-row}
	.col	{display: table-column}
	.colgroup{display: table-column-group}
	.thead	{display: table-header-group;font-weight:bold;}
	.tfooter{display: table-footer-group}
	
	/*KEY VALUE STYLE*/
	.div_kv{border:1px solid #000;padding:3px;margin:2px;background:#CCC}
	.div_k{border:1px solid #000;padding:3px;margin:2px;display:inline-block;background:#FFF;font-weight:bold}
	.div_v{border:1px solid #000;padding:3px;margin:2px;display:inline-block;background:#FFF}
	

		
	/*FILTRE*/
	#filtre_sal{min-width: 300px;}
	#filtre_tps{display:none;min-width: 300px;}
	#filtre_aff{display:none;min-width: 300px;}
	#plnAction{display:none;min-width: 300px;}
	#filtreHider{background-image:url("../images/exp_moins.gif");background-color: rgba(117, 155, 86, 0.8);border: 1px solid #000;border-radius: 5px;box-shadow: 0 1px 4px 0;font-style: italic; padding: 3px 3px 5px 18px;position: absolute;right: 30px;z-index: 3;}
	#logo_clt{margin:5px;float:right;}

	#context{background: none repeat scroll 0 0 #ccc;border: 1px solid #000;border-radius: 5px;padding: 5px;position: absolute;display:none;z-index:2}
	#refnumajaxlbl{float:none;}
	/**		JQUERY UI	**/
	ul.ui-widget { font-size: 0.9em;}
	.ui-datepicker{z-index:2 !important}
	
	progress{margin:6px 0}
	.helpc{display:none;position:fixed;right:0;top:50px;}
	
	/**/
	.cmt_btn{height: 32px;position: absolute;width: 32px;right: 0;top: 0;cursor: pointer;}
	.cmt_add{background:url("../images/ico/comment_add.png") no-repeat scroll 0 0 / 100% auto;}
	.cmt_has{background:url("../images/ico/comment_has.png") no-repeat scroll 0 0 / 100% auto;}
	
	/*DROP*/
	.dropDel{background-image:url("../images/b_drop.png");height:16px;width:16px;display:inline-block;cursor:pointer;background-repeat: no-repeat;background-position: center;background-color:#FFF}
	.bar{border-radius: 5px;border: 2px solid #7B8479;background-color: #CCC;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;}
	.bar::-moz-progress-bar,.bar::-webkit-progress-value {
 background-image:
	   linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   linear-gradient(left, #09c, #f44);
	}
	.bar.success::-moz-progress-bar,.bar.success::-webkit-progress-value {
		background:green
	}