html{
	height:100%;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
}
table{border:none;border-spacing:15px;}
.clear{	clear:both;
}
th{text-align:left;}
.withaside{
	width:60%;
	float:left;
}
section > aside{
	float:left;
	width:20%;
	text-align:center;	
}
#layout_change{
	width:100%;
	position:fixed;
	top:0px;
	z-index:10;
	text-align:right;
}
.maintenance{
	border: 1px solid grey;
	box-shadow: 1px 1px 2px lightgrey inset,
		0px 0px 1px grey,
		0px -1px 1px lightgrey;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	padding:20px;
}
.maintenance > img{
	float:left;
	width:25%;
}
.maintenance > article{
	float:left;
	width:55%;
	padding-top:25px;
	text-align:center;
}
.mediatheque{
	display:table;
	border-spacing:10px;
}
.mediatheque > aside{
	display:table-cell;
	text-align:center;
}
.mediatheque > aside >a >img{
	max-width:200px;
}
form{width:100%;}
input{width:100%;box-sizing:border-box;}
textarea{width:100%;height:150px;box-sizing:border-box;}
.form {
	width:100%;
	border-spacing:5px;
}
.form_row{
	display:table;
	width:90%;
}
.form_row > .input{
	padding:3px;
	display:table-cell;
	width:80%;
	vertical-align:top;
}
.input > input{
	width:100%;
}
.form_row > .label{
	padding:3px;
	display:table-cell;
	text-align:right;
	width:20%;
	vertical-align:top;
}