* {
	margin : 0;
	padding : 0;
	font-size : 100.01%;
}

html {
	text-align : center;
}

body {
	width : 600px;
	text-align : left;
	margin : 10px auto;
	font : 62.5% sans-serif; 
}

#header {
	border-bottom : 2px solid #369;
	margin-bottom : 10px;
	padding-bottom : 5px;
}

h1 {
	height : 20px;
	float : left;
	font-size : 160%;
	color : #369;
	font-weight : normal;
	letter-spacing : 1px;
}

h1 a {
	color : #369;
	text-decoration : none;
}

h1 a:hover {
	color : #ccc;
	text-decoration : underline;
}

h2 {
	height : 20px;
	text-align : right;
	font-size : 140%;
	color : #369;
	font-weight : normal;
	letter-spacing : 1px;
}

textarea {
	width : 285px;
	font : 120% sans-serif;
	padding : 5px;
	letter-spacing : 1px;
}

label {
	display : block;
	margin-top : 5px;
	margin-bottom : 5px;
	font-size : 120%;
	letter-spacing : 1px;
}

form {
	float : left;
	width : 300px;
}

hr {
	clear : both;
	visibility : hidden;
}

#contenu {
	margin-left : 310px;
	padding-top : 20px;
}

p {
	font-size : 120%;
	letter-spacing : 1px;
	line-height : 1.5;
	margin-bottom : 10px;
	text-align : justify
}

#affnotes {
	border : 1px solid #ccc;
	background : #e0e0e0;
	padding : 5px;
	overflow : auto;
	font : 120% sans-serif;
	letter-spacing : 1px;
	line-height : 1.5;
}

#footer {
	border-top : 2px solid #369;
	margin-top : 10px;
	padding-top : 5px;
	text-align : center;
	font-size : 120%;
	color : #999;
	letter-spacing : 1px;
}

#footer a {
	color : #999;
}

#footer a:hover {
	color : #369;
}

p a {
	color : #369;
}

p a:hover {
	color : #ccc;
}