:root {
	--color1: #000; /* background */
	--color2: #111;
	--color3: #222;
	--color4: #fff; /* text */
	--color5: #bf9;
	--color6: #fff;
	--color7: #222; /* border */
	--color8: #999;
	--color9: #bf9;
}

@font-face {
	font-family: "terminus";
	src: url("/fonts/Terminus.woff") format("woff");
}

@media screen and (min-width: 1024px) {
	body {
		font-size: 1.15em;
	}
}

@media screen and (min-width: 1400px) {
	body {
		font-size: 1.3em;
	}
}

@media screen and (min-width: 1920px) {
	body {
		font-size: 1.5em;
	}
}

@media screen and (min-width: 2560px) {
	body {
		font-size: 1.8em;
	}
}

@media screen and (min-width: 4096px) {
	body {
		font-size: 2.2em;
	}
}

body {
	font-family: "Terminus";
	background-color: var(--color1);
	color: var(--color4);
}

#page {
	background-color: var(--color2);
	max-width: 50em;
	min-height: 92vh;
	margin: 0 auto;
	border: solid 1px var(--color7);
}

#contenu {
	padding: 0em 1em 1em 1em;
}

a {
	color: var(--color5);
	text-decoration: none;
}

ul {
	list-style: square;
	line-height: 1.4em;
}

#bandeau {
	background: no-repeat center/100% url("/images/bandeau.jpg");
	display: inline-block;
	width: 100%;
}

div#navigation {
	width: 100%;
	text-align: center;
}

div#navigation ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#navigation ul li {
	display: inline;
	padding-right: 1.5em;
}

div#navigation ul li a {
	background-color: rgba(0,0,0,.85);
	border: rgba(0,0,0,.8) solid .4em;
	border-top-width: .15em;
	border-bottom-width: .15em;
	border-radius: .15em;
}

div#navigation ul li a:hover {
	background-color: rgba(187,255,153,.8);
	border-color: rgba(187,255,153,.8);
	color: black;
}

div#rssfeed {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
}

div.flexcol {
	display: flex;
	flex-direction: column;
}
div.flexrow {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

code, pre {
	background: var(--color3);
	font-family: "Terminus";
}

code {
	color: var(--color6);
}

pre {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 2px solid var(--color9);
}

hr {
	width: 50%;
	border: 1px solid var(--color7);
}

audio {
	min-width: 25em;
}

table#emissions, tr, td {
	border-collapse: collapse;
}

table#emissions th {
	padding: 0.25em 0.5em 0.5em 1.5em;
}

table#emissions tr {
	min-height: 50px;
}

table#emissions tr.even0 {
	background-color: var(--color3);
}

table#emissions td {
	padding: 0.25em 1.5em 0.25em 0.5em;
	vertical-align: top;
	height: 50px;
}

table#emissions td.col1 {
	white-space: nowrap;
	text-align: right;
}

table#emissions td.col2 {
	text-align: center;
}