table.planningService, table.planningService tr, table.planningService tr td, table.planningService tr th {
  border: 0;
  overflow-y: auto;
}

td, th {
  padding: 0px;
  margin: 0px;
}

table.planningService tr td.mois, table.planningService tr td.semaine, table.planningService tr td.jour, table.planningService tr td.jourAgent {
	text-align : center; 
}

table.planningService tr td.mois, table.planningService tr td.semaine {
	border: 1px solid #BBB;
}

table.planningService tr td.mois {
	font-size : 16px; 
	border: 1;
}

table.planningService tr td.semaine {
	font-size : 14px; 
}

table.planningService tr td.jour {
	font-size : 8px; 
	border: 1px solid #BBB;
}



.agentPair, .agentImpair {
	height: 18px;
}

.agentPairDemi, .agentImpairDemi {
	height: 9px;
}

.tdNomAgent:hover, .agentPair:hover, .agentImpair:hover, .agentPairDemi:hover, .agentImpairDemi:hover {
	background-color: #90EE90;
}

.agentPair, .agentPairDemi {
	background-color: #DDD;
}

.agentImpair .agentImpairDemi {
	background-color: #EEE;
}




.am, .pm {
	border: 1px solid #000;
}

.am {
	border-right: 1px dotted #000;
}

.pm {
	border-left: 1px dotted #000;
}


.travail {
	background-color: blue;
}

.teletravail {
	background-color: #97F4F6; 
}

.teletravailVal {
	background: repeating-linear-gradient(45deg, #97F4F6, #ffffff 3px, #97F4F6 3px); 
}


.absence {
	background-color: deeppink;
}

.absencePartielle {
	background-color: blue;
	background-image: -webkit-linear-gradient(left, blue, deeppink);
  background-image:    -moz-linear-gradient(right, blue, deeppink);
  background-image:      -o-linear-gradient(right, blue, deeppink);
	background-image:					linear-gradient(to right, blue, deeppink);
}

.travailPrev {
	background-color: cornflowerblue;
}

.absencePrev {
	background-color: plum;
}

.absenceEnCoursDeVal {
	background-color: yellow;
}


.A, .B, .C, .D, .E {
	float: left;
	height: 14px;
}

.B, .D {
	background-color: #0000FF;
}


.general {
	position: relative; 
	overflow: hidden; 
	height: 500px; 
	/*border: 1px solid;*/
}

 /*
.titreAgent {
	position: absolute; 
	width: 234px;
	background-color: #CDE;
	z-index: 101;
}

.titreAgent table {
	width: 234px;
	height: 90px;
	border-collapse: collapse;
}

.titreAgent table td {
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	font-weight: bold; 
}*/
 

.tdTitreAgent {
	background-color: #CDE;
	/*border: 1px solid #000;*/
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	font-weight: bold; 
	width: 234px;
}


.trTitreMois td, .trTitreSemaine td, .trTitreJour td  {
	border: 1px solid #000;
	text-align: center;
}

.trTitreMois td {
	font-size: 20px;
	font-weight: bold;
}

.trTitreSemaine td {
	font-size: 14px;
	font-weight: bold;
}

.trTitreJour td {
	font-size: 8px;
	width: 21px;
	font-weight: bold;
}


.entete_l {
	position: absolute; 
	/*left: 234px;*/
	height: 90px;
	background-color: #DEF;
	z-index:100;
}

.entete_l table {
	border: 1px solid #000; 
	border-collapse: collapse;
	height: 90px;
}

/*
.entete_c {
	position: absolute; 
	left: 0px; 
  width: 234px; 
	background-color: cornsilk;
	z-index: 10;
	top: 90px;
}

.entete_c table {
	font-size: 10px; 
	border-collapse: collapse;
	height: 400px;
}

.entete_c table td {
	border: 1px solid #000;
	white-space: nowrap;
	width: 234px;
	height: 18px;
}*/

 
.donnees {
	position: absolute;
	overflow: scroll; 
	/*left: 234px;*/
	/*width: 830px;*/
	height: 415px; 
	z-index:10;
	top: 90px;
}

.donnees table {
	border-collapse: collapse;
	height: 400px;
}

.donnees table tr td {
	width: 10px;
}

.donnees table tr .tdNomAgent {
	/*background-color: cornsilk;*/
	z-index: 10;
	font-size: 10px; 
	/*border: 1px solid #000;*/
	white-space: nowrap;
	width: 235px;
	height: 18px;
}


/* le jour courant */
.courant {
	background-color: #90EE90;
}