body {
	background: #dce7ff url(../images/design/background.jpg) repeat-x top center;
	font-size: 0.8em;
	font-family: Calibri, "Lucida Grande", Tahoma, Verdana;
	margin: 0px 0px 10px 0px;
}

a img { border: none; }
a { color: #2e88d8; text-decoration: none; }
form { margin: 0px; }

#page {
	width: 954px;
	margin: 0px auto;
}
	#page #header { height: 140px; }
		#page #header a { outline: none; }
		#page #header img#logo { margin: 40px 0px 0px 60px; }
	#page #header #header-lang {
		background: url(../images/lang.png) no-repeat center center;
		float: right;
		width: 48px;
		height: 18px;
		margin-right: 80px;
		padding: 2px 3px;
	}
	#page #header #header-lang a { margin: 1px 3px; }
	#page #menu {
		background: url(../images/design/menu.jpg) no-repeat top center;
		height: 45px;
	}
		#page #menu #stats {
			background: url(../images/design/menu_stats.jpg) no-repeat center center;
			display: block;
			float: right;
			margin: 12px 10px 0px 0px;
			width: 252px;
			height: 21px;
			padding-top: 4px;
			text-align: center;
			color: #fff;
		}
		#page #menu ul {
			margin: 0px;
			padding: 12px 0px 0px 15px;
			list-style-type: none;
		}
			#page #menu ul li {
				float: left;
				width: 94px;
				height: 24px;
				margin: 0px 5px;
				text-align: center;
			}
				#page #menu ul li a {
					display: block;
					height: 19px;
					padding-top: 5px;
					color: #fff;
					text-decoration: none;
					outline: none;
				}
					#page #menu ul li a:hover, #page #menu ul li.current a { background: url(../images/design/menu_hover.jpg) no-repeat center center; }
	#page #content {
		background: url(../images/design/content.png) repeat-y top center;
		padding: 10px 20px;
	}
		#page #content h2 {
			background: url(../images/arrow-right.gif) no-repeat left 4px;
			color: #2e88d8;
			font-size: 1.5em;
			margin: 12px 0px 6px 0px;
			padding: 0px 0px 5px 15px;
			border-bottom: 1px solid #2e88d8;
		}
		#page #content p.intro { font-weight: bold; text-align: justify; }
		#page #content p.intro img { margin: 0px 8px; }
		#page #content code {
			background-color: #eff4ff;
			font-family: Monospace, "Courier New", Arial;
			margin: 10px;
			padding: 3px;
			font-size: 0.9em;
		}
			#page #content code.block { display: block; }
		#page #content span.infos {
			color: #206CAF;
			font-weight: bold;
		}
		#page #content ul#screens {
			margin: 5px 0px;
			padding: 0px;
			list-style-type: none;
		}
			#page #content ul#screens li {
				float: left;
				margin: 8px 15px;
				text-align: center;
			}
		#page #content ul.style {
			list-style-image: url(../images/bullet-blue.gif);
			padding-left: 30px;
		}
		#page #content form.style {
			width: 500px;
			margin: 0px auto;
		}
			#page #content form.style label {
				float: left;
				width: 150px;
				font-weight: bold;
				padding-top: 3px;
				text-align: right;
				margin-right: 20px;
			}
			#page #content form.style span {
				margin: 2px 0px 2px 170px;
				display: block;
			}
				#page #content form.style span img.border { border: 1px solid #000; }
			#page #content p.submit { margin-left: 140px; }
			#page #content p.submit input {
				border: 2px solid #2E88D8;
				padding: 3px 5px;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				color: #161616;
				background-color: #CFCFCF;
			}
			#page #content textarea {
				width: 250px;
				height: 100px;
			}
			#page #content form.style a { outline: none; }
			#page #content input.lastname { display: none; }
		#page #content div.exemples-box {
			width: 500px;
			float: right;
			margin-right: 50px;
		}
		#page #content div.exemples-box p { margin-top: 0px; }
	#page #footer {
		background: url(../images/design/footer.png) no-repeat center center;
		height: 24px;
		color: #fff;
		font-size: 0.9em;
		padding: 7px 12px 0px 12px;
	}
		#page #footer span { float: right; }

	/* Redirection */
	#redirect {
		width: 600px;
		margin: 50px auto;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #000;
	}
		#redirect h2 {
			margin-top: 0px;
			color: #2e88d8;
			font-size: 1.5em;
			padding-bottom: 5px;
			border-bottom: 1px solid #2e88d8;
		}

div.clearer { clear: both; }
span.align-left { display: block; text-align: left; }
p.align-center { text-align: center; }
div.float-right, img.float-right { display: block; float: right; }
strong.red { color: #f00; }