html, body, div, footer, header, h1, h2, li, section, span, ul {
	border: 0px;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-weight: normal;
	text-decoration: none;
}

body {
	overflow: hidden;
}
aside, article, div, figure, footer, header, li, main, nav {
	display: block;
}
aside {
	position: fixed;
	bottom: 2px;
	right: 2px;
	z-index: 100;
	display: none;
}
header, section, section ul.hours, footer {
	width: 100%;
	min-width: 100%;
}
header {
	background-color: orange;
}
section {	display: none;	}
section.show {	display: block;	}

header h1, header h2 {
	display: inline-block;
}
ul.hours {
	list-style-type: none;
}
ul.hours li {
	border-bottom: 1px solid #E0E0F0;
	white-space: nowrap;
}
ul.hours span {
	display: inline-block;
	white-space: nowrap;
}
ul.hours span.network {	width: 5%;	}
ul.hours span.line {
	width: 2.25em;
	text-align: right;
	padding-right: .5em;
}
ul.hours span.hour {
	position: absolute;
	right: 0px;
	text-align: right;
	padding: 0 .25em;
	width: 2.25em;
}
footer {
	position: fixed;
	bottom: 0px;
	z-index: 10;
}


ul.hours:nth-child(2n+1) {	background-color: #FFFFFF;	}
ul.hours:nth-child(2n) {	background-color: #F0F0FF;	}
ul.hours span.hour {	background-color: #F0F0FF;	}
footer {	background-color: orange;	}


span.tm_0, span.tm_1, span.tm_2, span.tm_3
, span.tmTrain {
	background-repeat: no-repeat;
}
span.tm_0 {	background-image: url('../icones/tm_0_64.png');	}
span.tm_1 {	background-image: url('../icones/tm_1_64.png');	}
span.tm_2 {	background-image: url('../icones/tm_2_64.png');	}
span.tm_3 {	background-image: url('../icones/tm_3_64.png');	}
span.tmTrain {	background-image: url('../icones/icone_train_64.png');	}


html {	font-size: 100%;	}
body {	font-size: 1em;	}
header {	padding: .5em .25em;	}
header h1 {	font-size: 2em;	}
header h2 {	font-size: 1em;	}
ul.hours li {	font-size: 1em;	padding: .25em .25em;	}
footer {	font-size: .75em;	padding: .25em;	}

span.tm_0, span.tm_1, span.tm_2, span.tm_3
, span.tmTrain {
	padding-left: 1em;
	background-size: 1em 1em;
}


@media only screen and (min-width:1024px) and (max-width:1399px) {
/* VGA */
	html {	font-size: 50px;	}
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
/* SXGA */
	html {	font-size: 45px;	}
}

@media only screen and (min-width:1600px) and (max-width:1919px) {
/* UXGA */
	html {	font-size: 50px;	}
}

@media only screen and (min-width:1920px) {
/* "Full HD" */
	html {	font-size: 60px;	}
}