body {
	margin: 0 5%;
	border: 1px solid black;
	border-top: 0;
}

body * {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	font-size: 24px;
	text-align: center;
	padding: 10px;
	border: 0;
	border-bottom: 1px solid black;
}

#gauche {
	width: 200px;
	float: left;
	border: 0;
	border-right: 1px solid black;
	padding-left: 10px;
}

#centre {
	margin: 0 0 0 210px;
	text-align: justify;
	background-color: white;
	border-left: 1px solid black;
	padding: 10px;
}

#footer {
	clear: both;
	text-align: center;
	padding: 5px;
	border: 0;
	border-top: 1px solid black;
}

h1 {
	margin: 0;
}

.gauche {
	text-align: left;
}

.centre {
	text-align: center;
}

.droite {
	text-align: right;
}

a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}


/*** calendrier ***/
.calendrier {
	width: 60%;
	margin: 0 auto;
}

table.calendrier td.actif, table.calendrier td.inactif, table.calendrier td.vide, table.calendrier th {
	background-color: #f6f6f6;
}

table.calendrier td, table.calendrier th {
	text-align: center;
}

a.today {
	color: red;
}

table.calendrier td.actif {
	font-weight: bold;
}

a.note {
	color: blue;
}

#calen_select {
	text-align: center;
}