.planning {
	height: 775px;
	}
.planning table {
	margin: auto;
	background: url("http://www.xenon-360.fr/planning/img/pxw.png") repeat;
}
#tabletitre {
	height: 50px;
	width: 700px;
	margin: auto;
	padding: 15px;
	text-align: center;
	background-color: white;
	opacity: 0.75;
	filter : alpha(opacity=75);
}
#fleched {
	width: 13px;
	height: 100%;
	float: right;
	background: url(http://www.xenon-360.fr/images/sign/fleche1.png) no-repeat;
	background-position: center center;
	}
#flecheg {
	width: 13px;
	height: 100%;
	float: left;
	background: url(http://www.xenon-360.fr/images/sign/flecheg.png) no-repeat;
	background-position: center center;
	}
.planning th {
	background: url("http://www.xenon-360.fr/planning/img/pxw.png") repeat;
    font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5c9510;
	padding: 5px;
}
.planning td {
	border: 1px solid white;
	height: 100px;
	width: 100px;
	vertical-align: top;
	padding: 0px;
}
.today {
	background-color: orange;
	opacity: 0.75;
	filter : alpha(opacity=75);
}
.todayimg {
	border:1px solid orange;
}
.rien {
	background: transparent;
}
#tooltip {
	position:absolute;
    visibility:hidden;
    z-index:100;
    background-color: #4e5b61;
    padding: 0.4em;
    color: #d7d7d5;
}

.resume{
	clear: both;
	width: 750px;
	height: 25px;
	background-color: #4e5b61;
	margin: auto;
	margin-top: 5px;
	}
.an {
	float: left;
	width: 70px;
	text-align:center;
	font-weight:bold;
	font-size: 1.2em;
	color: #d0d7c5;
	margin: 4px 2px 0px 0px;
	}
.mois {
	float: left;
	min-width: 40px;
	color: #969a9e;
	font-size: 1.1em;
	text-align: center;
	margin: 2px 6px 0px 0px;
	padding: 2px;
	background-color: #aaafb3;
	}
.mois a, .mois a:visited, .mois a:hover {
	color: #4e5b61;
	}
.fleche1 {
	width: 13px;
	height: 20px;
	float: left;
	background: url(http://www.xenon-360.fr/images/sign/fleche1.png) no-repeat;
	margin-left: 18px;
	padding-left: 5px;
	}
.titrea {
	float: left;
	color: #323f45;
	font-size: 1.5em;
	font-weight: bold;
	}