.fht-cell {
	height: :125px;
}
.non_prevu {
	background: repeating-linear-gradient(
	  45deg,
	  #FA5858,
	  #FA5858 4px,
	  #F62817 4px,
	  #F62817 8px
	);
	color: #FEFCFF;
}
.totalhs {
	background: repeating-linear-gradient(
	  45deg,
	  #98AFC7,
	  #98AFC7 2px,
	  #BCC6CC 2px,
	  #BCC6CC 4px
	);
	color: #FEFCFF;
}
.normal {
	background-color : #FEFCFF;
	color:#000000;
}
.conges_payes {
	background-color :#F88017;
	"color":#FEFCFF;
}
.conges_anciennete{
	background-color :#6CC417;
	color:#FEFCFF;
}
.absence {
	background-color:#F62817;
	color: #FEFCFF;
}
.delegation {
	background-color :#3BB9FF;
	color:#FEFCFF;
}
.weekend{
	background-color :#FFF380;
	color:#000000;
}
.ferie {
	background-color :#E5E4E2;
	color:#000000;
}

.operateur {
	background-color:#D1D0CE;
	color: #000000;
}
.chefop {
	background-color:#848482;
	color: #FEFCFF;
}
.saisie {
	background-color:#E0B0FF;
	color: #FEFCFF;
}
th.text-down { word-wrap: break-word; width:25px;}
table#tablePlanning > div.th-inner { width:50px;}
/*.th-inner {
	height: 25px;
	line-height: 25px;
	width: 125px;
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: larger;
}*/
th.rotated-text {
    height: 100px;
    white-space: nowrap;
    padding: 0 !important;
}

th.rotated-text > div {
    transform:
        translate(0px, -20px)
        rotate(-90deg);
    width: 50px;
}

th.rotated-text > div > span {
    padding: 5px 10px; 
    width: 100px;
}

.view_zone{
	margin-top: 25px;
}