#divDetail {float:left;}
#option{float:left;width:100%}

#listBUL{display:none;border:1px solid #000;border-radius:5px; padding:3px;width:50%;float:left;margin:5px;text-align:right}
#listBUL th{text-align:center;border-bottom:1px solid #000}
.w30p	{width:30%;}
.noNe{display:none;}
.trHide td{background-color:#DDD;font-family:italic;}
.bRight	{border-right:1px solid #000}

.trGRP{}
.trBold{font-weight:bold;}
.trBold td{border-bottom:1px solid #000;}

.GRPURS td{background-color:#43ACA9;/*43ACA9*/  /*5EC6C3*/}
.GRPRET td{background-color:#43ACA9;}
.GRPALF td{background-color:#43ACA9;}
.GRPAAT td{background-color:#43ACA9;}
.GRPFNL td{background-color:#43ACA9;}

.GRPRLF td{background-color:#5496C2;}

.GRPASS td{background-color:#5EC6C3}
.GRPAGS td{background-color:#21B9C2;}
.GRPAPC td{background-color:#5EC6C3;}

.GRPTXP td{background-color:#5EC6C3;}
.GRPCSG td{background-color:#21B9C2;}


/*enlever au dessus
//////////////////////////////////////////////////////////////////
ici commence le spé
*/
/*table-layout:fixed*/
#bigForm{}


/*#plan tr {border-bottom:1px solid #000}*/

th { 
border-top:1px solid #0C2132;
border-left:1px solid #0C2132;
}
td { 
border-top:1px solid #0C2132;
border-left:1px solid #0C2132;
}
/*tr { 
border-bottom:1px solid #000
}*/

.floatThead-container{margin:0 5px; background:#FFF; z-index:5 !important}

table#planHead{position:fixed;top:0px;display:none;min-width:0 !important}
#plan,#planHead{border:1px solid #0C2132;background:#FFF;border-radius:0 10px 10px 0;min-width:90vw !important}
#plan .planS{overflow:hidden;background:#FFF}
#plan .planS:hover{overflow:auto;}
/*#plan tr:first-child  th{border-top:0}*/
#plan thead {background:#FFF}
#plan th {overflow:hidden}
#captioPlan{width:90%;margin:0 auto;}


#sal{float:left;display: inline-block;border:1px solid #000;background: url("images/spiral4.png") repeat-y left #FFF}
#sal .planY{border:0;margin-bottom:1px;}
#sal .planM{}
#sal .planH{border-radius:5px 0 0;}
#salL{border-left: 1px solid #000; margin: 0 0 0 72px;border-radius:5px 0 0;}

.planC{display:inline-block;/*float:left;*/}/*CONTAINER of CONTAINER*/
.planA{text-align:center}/*ALL INFO*/
.planY{border-bottom:1px solid #CCC;border-left:1px solid #CCC;text-align:center}/*YEAR INFO*/
.planM{border-left:1px solid #CCC; text-align:center}/*MONTH INFO*/
.planD{display:inline-block;border:0px solid #00F;border-left:0px;float:left;}/*DAY CONTAINTER*/
.planH{height:25px;text-align:center;border-bottom:1px solid #555;border-top:1px solid #000;}/*HEAD CONTAINER*/


.planSCHF{display:none;}
/*.planS{padding:1px 1px 0;height:33px;text-align:center;border-bottom:1px solid #555}*/ /*MAT CONTAINER*/

.dHLY{background:#AAA !important}
.d6{background:#CCC}
.d7{background:#BBB;}
/*.planS{border-width: 1px 0; border-color:#AAA;border-style:solid;}*/

/*.planS:hover{border:1px solid #F00;padding:0;}*/
.planSCTR{position: relative;width: 100%;}
.planSCTRD{position: absolute;display: none;background: #A1DFED; padding: 3px; border: 1px solid #FFF; border-radius: 3px;bottom:-1em}
.planS:hover .planSCTRD{display:block;z-index:3}
/*.planE{position:relative;overflow:auto !important;display:none}*/
th.planE {padding:2px;border-bottom:1px solid #000}
td.planE {text-align:center;font-size:small;}
.planE span,.planE > div{position:absolute;bottom:0;right:0;z-index:1;display:none;}
.planE:hover div{display:block;}
.planE > div{border:1px solid #FFF;background:#759B56;border-radius:5px;padding:3px;}
.divID{padding-right:32px;}

.evEdit{background:#1A5100!important}
.typErr{background:#F00!important}
.typEV{border-width: 1px 0;border-color:#F00;}


div.evL{border-left-width:1px;padding-left:0!important;width:85% !important;float:right}
div.evR{border-right-width:1px;padding-right:0!important;width:85% !important;float:left;}
.ev{border-width:1px 0;border-style:solid;border-color:#000;box-sizing:border-box;cursor:pointer;height:33px;width:100%;text-align:center;font-size:x-small;margin:0 auto;overflow:hidden;}
.ev:hover{overflow:visible;clear:both}
.evM{width:85%;border:1px solid #000;}
.evHov{border-color:#F00;background:#FFC832!important}

.ctrNONE{background:#444!important}
.ctrENT{border-left:2px solid}
.ctrXIT{border-right:2px solid}


.saisiTemps{position:absolute;display:none;z-index:6;top:25%;left:25%}
#evCmt2Block{display:none;}

#saisiTempsInfo{display:none;}
#saisiTempsDat{margin-top:5px;}
#saisiTempsMove{height:20px;}

#message{display:block; font-family: monospace; margin: 1em 0; white-space: pre; }/*-moz-fixed*/

#evSolde{border:1px solid gray;border-radius:3px;margin:3px 0 0 115px;padding:1px 3px;}
#evSolde div {text-align:right}
#evSolde b {display:inline-block;min-width:38px}

#wait{display:block}
#fond{display:block}

.lg{background-color:#84FF54}
.lgb{background-color:#64C13F}

.perdTyp{padding:0 1px;font-size:x-small;text-align:center;color:#444}

/* GESTION DU HEADER TOP*/
#plan.header-top {    display: block;  overflow: auto; height: 100%;}
#plan.header-top caption {border-bottom: 1px solid #0C2132; margin-bottom: 0;    padding: 5px;}
#plan.header-top thead {    position: sticky;    left: 0;    top: 0;    right: 0;    bottom: 0;    background-color: white;    z-index: 2;}
#plan.header-top th.planS { z-index: 1; font-size: 85%;border-bottom: 1px solid #0C2132;position: sticky;left: 0;background-color:#fff;border-right: 1px solid black;}
#plan.header-top td.planS { z-index: 1; font-size: 85%;border-bottom: 1px solid #0C2132;position: sticky;left: 0;background-color:#fff;border-right: 1px solid black;}

#plan.header-top th {    border-top: none;    border-left: 1px solid #0C2132;    border-bottom: 1px solid #0c2132;}
#plan.header-top th {    overflow: hidden;    white-space: normal;    font-size: 80%;}
#plan.header-top td {    border-top: 1px solid #0C2132;    border-left: 1px solid #0C2132;    width: 29px;position:relative;}
#plan.header-top tfoot {     position: sticky;    bottom: 0;    z-index: 1;    background: #fff; }
#plan.header-top tfoot th { border-top:1px solid #0C2132;}

/* SURCHARGE */
.tblwrap {width: 98vw}
/*.stdiv.saisiTemps {top: 12vh !important; left: 50vh;}*/
#tableFloatWrap {height: 80vh; display: flex; flex-flow: row;}

tbody td	{position:relative}
tbody td .JTD_ok {position:absolute;bottom:0;right:0;height:4px; width:4px; background:#39FF14;border-radius:2px 2px 0;border:1px solid #888}
tbody td .JTD_do {position:absolute;bottom:0;right:0;height:10px;width:10px;background:#CA3433;border-radius:5px 5px 0;border:1px solid #888}
tbody td .JTD_u  {position:absolute;bottom:0;right:0;height:10px;width:10px;background:#5e1914;border-radius:5px 5px 0;border:1px solid #888}

	.evDetail{border-top: medium dotted;border-bottom: medium dotted;margin:3px auto;padding:2px 5px;width:80%;background:#FFF;display:flex;justify-content:flex-center}
	.evTimeEv{border: 1px solid #000;display: inline-block;margin: 0 auto;position: relative;text-align:center;box-shadow: 0 1px 4px 0px rgba(168, 168, 168, 0.6) inset;}