*{padding:0;margin:0;}
body, html {
	height:100%;
	font-family:Verdana,Arial,sans-serif;
	font-size:15px;
}
a {
	color:blue;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
#header {
	background:#38c;
	position:relative;
	color:white;
	padding:20px;
	font-size:30px;
	z-index:-1;
}
	#header h1{
		font-size:60px;
		font-weight:bold;
	}
		#header h1 a {
			text-decoration:none;
			color:white;
		}
	#header.mobile {
		font-size:20px;
	}
		#header.mobile h1 {
			font-size:40px;
			margin-top:0;
		}
#menu {
	height:50px;
	background:#5a5;
	font-size:25px;
	margin-bottom:-50px;
}
	#menu.fixed {
		position:fixed;
		left:0;
		top:0;
		width:100%;
	}
	#menu a {
		display:inline-block;
		height:30px;
		text-decoration:none;
		color:white;
		padding:10px;
	}
		#menu a:hover {
			color:#5a5;
			background:white;
		}
	#menu.mobile {
		overflow:hidden;
	}
	#menu.visible {
		height:100%;
		width:100%;
		position:fixed;
		top:0;
		overflow:auto;
		margin:0;
	}
	/*#menu .mobile {
		display:none;
	}
		#menu.mobile .mobile {
			display:block;
		}
		#menu.mobile .pc {
			display:none;
		}*/
		#menu.mobile a, #menu.visible a {
			display:block;
		}
		#menu .mobile {
			display:none;
			text-align:center;
		}
			#menu.mobile .mobile {
				display:block;
			}
#contenu {
	margin-top:50px;
	padding:50px;
	background:#ccc;
	text-align:justify;
}
	#contenu h1 {
		margin-top:10px;
	}
	#contenu.mobile {
		padding:15px;
	}
#footer {
	background:#a55;
	color:white;
}
	#footer .case {
		display:inline-block;
		padding:10px;
		width:20%;
		min-width:150px;
	}
	#footer a {
		color:#aaf;
	}
		#footer a:hover {
			color:#eef;
		}
button, input[type="submit"], input[type="button"], input[type="reset"] {
	border:1px solid #444;
	border-radius:3px;
	background:white;
}
	button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
		background:#DDD;
		border-color:#000;
	}