div.plaLegend .ind,      div.planningh .ind       {background-color: #EEEEEE;}
        div.plaLegend .dis,        div.planningh .dis         {background-color: #99FF51;}
        div.plaLegend .res ,      div.planningh .res        {background-color: #E8514E;}
        div.plaLegend .con, div.planningh .con  {background-color: #F2AD3E;}

div.plaVisu
{
  width:100%;
  text-align:center;
}

div.plaLegend
{
  margin : 0;
  padding : 4px;
  background-color: transparent;
  display: block;
  text-align: center;
	font-family: Verdana;
	font-size: 7pt;
}

div.plaLegend input.left
{
  background-image: url('images/planning/left.png');
}

div.plaLegend input.right
{
  background-image: url('images/planning/right.png');
}

div.plaLegend input
{
  color:#000000;
  background-color:#ffffff;
  background-position:top;
  border: 1px solid #CCCCCC;
	border-radius: 4px;
	width:34px;
	height:29px;
	cursor:pointer;
}

div.plaLegend span
{
  margin : 5px 2px 8px 20px;
  padding : 1px;
  border: 1px solid #666666;
  display: inline-block;
  text-align: center;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}



div.planningj
{
	/* cf commun.css */
}

div.planningj .aide
{
  width:auto;
  margin:0;
  border-color:transparent;
}

div.planningj div.mois
{
  display : block;
  float: left;
  margin:2px;
  height:185px;
}

div.planningj div.mois table
{
	font-family: Arial;
	font-size: 8pt;
  border : 1px solid #ffffff;
  border-collapse: collapse;
}

div.planningj div.mois caption
{
  color:#ffffff;
  background-color:#666666;
}

div.planningj div.mois td
{
  color:#666;
  width:25px;
  height:20px;
}

div.planningj div.mois thead td
{
  background-color:#dddddd;
  border : 1px solid #999999;
}

div.planningj div.mois tbody td
{
  border : 1px solid #ffffff;
  cursor:pointer;
}

div.planningj div.mois tbody td.vide
{
  background-color:#ffffff;
  cursor:default;
}

div.planningj .half
{
	padding: 0;
	height: 10px;
	display:block;
}

div.planningj .nodecal
{
  display:inline;
  font-size:1px;
  overflow:hidden;
  padding:0;
  margin:0;
}

div.planningj .numfloat
{
  background-color: transparent;
  position:absolute;
  margin-top:2px;
  margin-left:7px;
}



div.planningh
{
	/* cf commun.css */
}

div.planningh .aide
{
  border-right : 1px solid #aaaaaa;
  width:auto;
  margin:0;
}

div.planningh div
{
	float:left;
}

div.planningh div.jourleft
{
	width:40px;
}

div.planningh div.jour
{
	width:76px;
}

div.planningh div.jourleft	div		{ width:35px; padding : 0px 2px; }
div.planningh div.jour 		  div		{ width:75px; padding : 0; }

div.planningh div.nomjour
{
	background-color: #f7f7f7;
	min-height: 42px;
  font-family: verdana;
  font-size: 8pt;
}

div.planningh div.grey
{
	background-color: #eeeeee;
}

div.planningh div.jourleft div, div.planningh div.jour div
{
	border-right : 1px solid #aaaaaa;
	border-top : 1px solid #aaaaaa;
	height: 32px;
	text-align: center;
}

div.planningh div.heure div
{
	border-width : 0;
	height: 8px;
	width: 75px;
}

div.planningh div.heure div.quart
{
  cursor: pointer;
	margin-left: 6px;
	width: 63px;
	box-shadow : 0px 2px 2px 0px #555;
}

div.planningh div.heure div.deb
{
	height: 6px;
	margin-top: 2px;
	border-radius: 5px 5px 0px 0px;
}

div.planningh div.heure div.fin
{
	height: 5px;
	margin-bottom: 3px;
	border-radius: 0px 0px 5px 5px;
}