/* 72bb4b */
* {box-sizing: border-box;vertical-align: bottom;margin: 0;padding: 0;}
@font-face {
    font-family : GlacialIndifference-Regular;
    src: url(glacial-indifference/GlacialIndifference-Regular.otf);
}
@font-face {
    font-family : Dynalight-Regular;
    src: url(dynalight/Dynalight-Regular.otf);
}
a {text-decoration: none; color: #72bb4b;}
a:hover, a.actif {color: #72bb4b;}
a.actif {color: #72bb4b; cursor: default;}
body {width: 100%;max-width: 600px;margin: 0 auto;padding-top: 1rem;position: relative;font-family: sans-serif;min-height: 100vh;color: #595959;background-image: url("fond.png");}
body > label {display: none;}
main {font-family : GlacialIndifference-Regular;font-size: 120%;}
nav {position: fixed;display: flex;justify-content: space-between;bottom: 0;width: 100%;max-width: 600px;line-height: 4rem;background-image: url("fond.png");border-top: 1px solid;}
nav a {font-variant: small-caps;color: #5f5f5f;}
header h1 {border-bottom: 1px solid;}
header h1, main h2 {font-family: Dynalight-Regular;font-size: 2.4rem;color: #72bb4b;margin-left: 3px;}
main li {margin-top: 1rem;margin-left: 1rem;}
h2 {margin-top: 2rem;}
header p {margin-top: 2rem;}
p {text-align: justify;hyphens: auto;margin-top: 1rem;line-height: 1.7rem;}
main img {max-width: 100%; margin-top: 1rem;border: 1px solid;padding: 2px;}
footer {display: flex;justify-content: space-between;font-size: 80%;}
footer div {display: inline-block;position: relative; width: 100%;background-image: url("fond.png");z-index: 1;margin-top: 1rem;line-height:4rem;border-top: 1px solid #72bb4b;}
footer span,footer a {display: inline-block;width: auto;}
footer > div > span:first-of-type {float: left;}
footer > div > span + span {position: absolute; top: 0;left: 0;width: 100%; text-align: center;z-index: 0;}
footer a {position: absolute;right: 0;z-index:1}
table {width: 100%;border: 0;margin-top: 1rem;}
td {line-height: 2rem;}
th {font-weight: bold;}
th:nth-child(1) {width: 26%;text-align: left;}
th:nth-child(2) {width: 30%;text-align: left;}
th:nth-child(3), td:nth-child(3) {width: 24%;text-align: left;}
th:nth-child(4), td:nth-child(4) {width: 20%;text-align: right;}
input {display: block;border: 1px solid;width: 100%;margin-top: 1rem;padding: 0.3rem;background-color: #fff;}
button {border: 1px solid #72bb4b;background-color: #72bb4b;color: #fff;margin-top: 1rem;padding: 0.3rem;font-weight: bold;cursor: pointer;}
@media screen and (max-width: 600px) {
  body, nav {width: 94%;}
  body {font-size: 90%;}
  footer > div > span + span {display: none;}
}