html{
	width:100%;
	height:100%;
	font-size:16px;
	margin:0;
	padding:0;
}
body{
	font-size:1em;
	font-family: 'Arial';
	background-color:#f4f4f3;
	margin:0;
	padding:0;
}
hr{
	width:100%;
	display:inline-block;
}

/*Desktop*/
@media screen and (min-width: 980px) {
	#contenu{
		width:100%;
		display:inline-block;
	}
	#titre{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:2.5em;
	}
	.soustitre{
		font-size:1.5em;
	}
	#formulaire{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#formulaire input[type=text]{
		width:50%;
	}
	#liste{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#liste_th{
		width:100%;
		display:inline-block;
		text-align:center;
		font-weight:bold;
	}
	.liste_tr_batiment{
		width:9%;
		height:35px;
		line-height:35px;
		display:inline-block;
		text-align:center;
		margin-right:1%;
	}
	.liste_tr_reserve{
		width:80%;
		height:35px;
		line-height:35px;
		display:inline-block;
		text-align:center;
	}
	.ligne_blanche{
		background-color:#FFF;
	}
	.ligne_grise{
		background-color:#DDD;
	}
}

/*Tablette*/
@media screen and (min-width: 387px) and (max-width: 979px){
	#contenu{
		width:100%;
		display:inline-block;
	}
	#titre{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:2.5em;
	}
	.soustitre{
		font-size:1.5em;
	}
	#formulaire{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#formulaire input[type=text]{
		width:50%;
	}
	#liste{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#liste_th{
		width:100%;
		display:inline-block;
		text-align:center;
		font-weight:bold;
	}
	.liste_tr_batiment{
		width:9%;
		height:50px;
		line-height:50px;
		display:inline-block;
		text-align:center;
		margin-right:1%;
		vertical-align:middle;
	}
	.liste_tr_reserve{
		width:80%;
		height:50px;
		display:inline-block;
		text-align:center;
		vertical-align:middle;
	}
	.ligne_blanche{
		background-color:#FFF;
	}
	.ligne_grise{
		background-color:#DDD;
	}
}

/*Mobile*/
@media screen and (max-width: 386px){
	#contenu{
		width:100%;
		display:inline-block;
	}
	#titre{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:2.5em;
	}
	.soustitre{
		font-size:1.5em;
	}
	#formulaire{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#formulaire input[type=text]{
		width:50%;
	}
	#liste{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	#liste_th{
		width:100%;
		display:inline-block;
		text-align:center;
		font-weight:bold;
	}
	.liste_tr_batiment{
		width:9%;
		min-height:50px;
		display:inline-block;
		text-align:center;
		margin-right:1%;
		vertical-align:middle;
	}
	.liste_tr_reserve{
		width:80%;
		min-height:50px;
		display:inline-block;
		text-align:center;
		vertical-align:middle;
	}
	.ligne_blanche{
		background-color:#FFF;
	}
	.ligne_grise{
		background-color:#DDD;
	}
}