body {
	margin:0;
	padding:0;
	background:#fff;
	font-family:sans-serif;
	font-size:0.9em;
}
hr {
	width:100%;
	margin:auto;
	clear:both;
}
h1 {
	text-align:center;
	font-family:serif;
	font-size:1.3em;
}
h2 {
	font-family:serif;
	font-size:1.1em;
}
a img {
	border:0;
}
.important {
	font-weight:bold;
}
.veryImportant {
	font-weight:bold;
	color:#f00;
}
.big {
	font-size:1.3em;
}
.error {
	border:1px solid #f00;
	background-color:#fbb;
	color:#c00;
	text-align:center;
	width:90%;
	margin:0.2em auto;
}
.success {
	border:1px solid #060;
	background-color:#bfb;
	color:#060;
	text-align:center;
	width:90%;
	margin:0.2em auto;
}
.info {
	border:1px solid #000;
	background-color:#ccc;
	color:#000;
	text-align:center;
	width:90%;
	margin:0.2em auto;
	padding:1em 0.5em;
}

form {
	width:30em;
	border:1px dashed black;
	margin:auto;
	padding:0.5em;
}
	form div {
		margin:0.5em 0;
	}
		form label {
			display:block;
			float:left;
			width:10em;
		}
		form input {
			width:21em;
		}
		form textarea {
			width:21.5em;
			height:10em;
		}
		form select {
			width:21em;
		}
	form div.submit {
		margin-top:2em;
		text-align:center;
	}
		form div.submit input {
			width:60%;
			margin:auto;
		}

#pageFrame {
	width:750px;
	margin:auto;
}
	#header {
		padding:0.5em;
	}
		#titles {
			float:left;
			margin-right:1em;
		}
			#titles h1 {
				margin:0;
				font-size:1.2em;
				text-align:left;
				font-family:serif;
			}
			#titles h2 {
				margin:0;
				font-size:1em;
				font-style:italic;
				font-weight:normal;
				font-family:serif;
			}
	#menu {
		list-style-type:none;
		width:14em;
		padding-left:0;
		margin:2em 1em 3em 0;
		border-top:1px solid black;
		float:left;
	}
		#menu li {
			border:1px solid black;
			border-top:none;
			padding:0;
			background-color:#79f;
			font-size:0.9em;
		}
		#menu li.separator {
			text-align:center;
			padding:0;
		}
			#menu li a {
				display:block;
				margin:0;
				padding-left:1em;
				font-family:sans-serif;
				background-color:#79f;
				color:#ff9;
				font-weight:bold;
				text-decoration:none;
			}
			#menu li a:hover {
				background-color:#c9f;
			}
	#body {
		margin:2em 0 1.5em 13em;
	}
	#footer {
		text-align:center;
		padding:1em;
	}
		#footer p {
			font-size:0.7em;
		}
		#footer ul {
			list-style-type:none;
			margin:auto;
			font-size:0.7em;
		}
			#footer ul li {
				display:inline;
				padding:0 0.2em;
				font-size:0.7em;
			}

#pageAccueil {
	text-align:center;
}
#pageLiens {
}
	#pageLiens ul {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
	}
		#pageLiens ul li {
			margin:0.8em 0;
		}
#pagePieces {
}
	#listePieces {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		overflow:auto;
	}
		.piece {
			margin:0.5em;
			padding:0;
			width:47%;
			float:left;
		}
		.piece.newLine {
			clear:both;
		}
			.piece .corpse {
				border:1px solid black;
				border-top:none;
				margin:0;
				padding-left:0.5em;
				overflow:auto;
				background-color:#acf;
			}
			.piece p,
			.piece h3 {
				margin:0;
			}
			.piece h3 {
				text-align:center;
				margin:0;
				padding:0.5em 0;
				background-color:#79f;
				border:1px solid black;
				font-size:1em;
			}
#pageCycles {
}
	#searchForm {
		display:none;
	}
	#pagesList {
		width:60%;
		margin:auto;
		text-align:center;
	}
	#listeCycles {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		overflow:auto;
	}
		.cycle {
			margin:0.5em;
			padding:0;
			width:47%;
			float:left;
		}
		.cycle.newLine {
			clear:both;
		}
			.cycle h3 {
				text-align:center;
				margin:0;
				padding:0.5em 0;
				background-color:#79f;
				border:1px solid black;
				font-size:1em;
			}
			.cycle .corpse {
				border:1px solid black;
				border-top:none;
				margin:0;
				overflow:auto;
				background-color:#acf;
			}
				.cycle .corpse img {
					float:left;
					margin-right:0.2em;
				}
				.cycle .corpse p {
					float:left;
				}
			.cycle .date {
				float:left;
				margin:0;
			} 
			.cycle .more {
				float:right;
				margin:0;
			}
		.illustration {
			float:right;
			text-align:center;
		}