@charset "utf-8";

* { margin:0; padding:0; }
a, a:hover, a:active, a:focus { color:blue; }

body { overflow-y:scroll; font:0.8em sans-serif; background-color:#CCC; }
h2, div, pre { margin:auto; width:36rem; padding:1.5em; overflow:hidden; background-color:white; }

h2 { margin-top:3em; font-size:1em; border-radius:1em 1em 0 0; }
div { margin-bottom:3em; padding-top:0; border-radius:0 0 1em 1em; }
pre { margin:-2em auto 3em; font:1em sans-serif; white-space:pre-wrap; border-radius:1em; }
div + div, pre + div { display:none; }

h2:after { content:"laregionvousencule.fr"; color:gray; float:right; }
table { width:100%; }
th { padding:0.15em 0.5em; text-align:left; }
td { padding:0.15em 0.5em; white-space:nowrap; }
td.n { color:transparent; }
tr th:first-child, tr td:first-child { padding-left:0; }
tr th:nth-child(3), tr td:nth-child(3) { padding-right:0; }
tr th:last-child, tr td:last-child { display:none; }
tr th:nth-child(3) { width:6em; }
tr th:nth-child(2) { width:15em; }
tr:hover td { background-color:#EEE; }

th a { color:inherit !important; text-decoration:none; }
th a span:not([sortdir]) { display:none; }

@media screen and (max-width:40rem),(max-device-width:40rem) {
h2, div, pre { width:auto; }
h2 { margin:1em 1em 0; }
div { margin:0 1em; }
pre { margin:1em; }
}
@media screen and (max-width:32rem),(max-device-width:32rem) {
h2, div, pre { margin:0; border-radius:0; }
}