@font-face
{
	font-family:'opensans';
	src:url('l/OpenSans-Regular-webfont.woff');
	font-weight:normal;
	font-style:normal;
}

@font-face
{
	font-family:'robotoregular';
	src:url('l/roboto-regular-webfont.woff2') format('woff2'),
	url('l/roboto-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

:root{--vert1:#022601;--vert2:#4a7348;--vert3:#97bf41;--vert4:#c8e889;}

*{margin:0;padding:0;box-sizing:border-box;}
a{color:inherit;text-decoration:inherit;}
i{color:inherit;text-decoration:inherit;}
b{color:inherit;text-decoration:inherit;}
img{width:100%;margin-top:40px;}

body{font-family:robotoregular;font-size:12px;background:white;}

body>main{width:300px;margin:50px auto;background:white;border:solid 1px var(--vert2);padding:10px 10px 0 10px;}
body>main>h1{text-align:center;margin:-10px -10px 10px -10px;padding:5px;background:var(--vert2);color:white;text-transform:uppercase;}

form div{}
form input[type=text],form input[type=email],form input[type=password],form textarea,form select{display:block;width:100%;padding:4px;margin-bottom:10px;}
form input[type=submit]{display:block;margin:20px;margin-left:auto;margin-right:auto;}
form aside{margin-top:-10px;margin-bottom:10px;font-size:10px;text-align:justify;}
form label{display:block;border:solid 1px grey;padding:4px;margin-bottom:10px;}
form input[type=file]+label{border:solid 1px grey;text-align:center;font-size:26px;margin:0;cursor:pointer;}
form input[type=file]+label i{margin:20px;}
form label img{max-width:100%;}
form .erreur{text-align:center;color:red;border:solid 1px red;padding:4px;background:pink;}

.boutons{margin-bottom:20px;}
.boutons a,.bouton,input[type=submit]{display:inline-block;padding:8px 24px;margin:0 4px;background:var(--vert2);color:white;border:none;font-size:13px;font-weight:bold;text-decoration:none;cursor:pointer;letter-spacing:1px;}
.boutons a:active,.bouton:active,input[type=submit]:active{opacity:0.8;}
.boutons a:first-child{margin-left:0;}

table{border-collapse:collapse;}
tr:nth-child(odd){background-color:white;}
tr:nth-child(even){background-color:#eeeeee;}
th{border:1px solid var(--vert1);white-space:nowrap;font-weight:bold;color:white;text-align:center;margin:0;padding:6px;padding-left:24px;padding-right:24px;background:var(--vert2);}
td{border:1px solid var(--vert1);margin:0;padding:6px;}
thead tr {background:var(--vert1);}
tr.sel{background:#ffedcc !important;}
table th .fas{color:white;margin:0 2px;}
table td .fas{color:var(--vert1);margin:0 2px;}
.icones{text-align:center;white-space:nowrap;}
.icones>a,.icones>i{margin-left:4px;margin-right:4px;}
#donnees th{text-align:center;white-space:nowrap;}
#donnees td{text-align:right;white-space:nowrap;}
#donnees td.data{transition:background 0.5s;}
#donnees input{display:inline-block;width:100%;text-align:right;outline:none;border:none;border-bottom:dotted 1px black;background:transparent;font-size:12px;}

table.wasde{font-size:0.8em;}
table.wasde tr{background:transparent;}
table.wasde td{padding:3px;}
table.wasde td.vert{color:var(--vert2);}
table.wasde td.no{border:none;}
table.wasde td.notlb{border-top:none;border-left:none;border-bottom:none;}
table.wasde td.nolbr{border-left:none;border-bottom:none;border-right:none;}

.cont200{width:200px;margin-left:auto;margin-right:auto;}
.cont300{width:300px;margin-left:auto;margin-right:auto;}
.cont400{width:400px;margin-left:auto;margin-right:auto;}
.cont500{width:500px;margin-left:auto;margin-right:auto;}
.cont600{width:600px;margin-left:auto;margin-right:auto;}
.cont700{width:700px;margin-left:auto;margin-right:auto;}
.cont800{width:800px;margin-left:auto;margin-right:auto;}
.cont900{width:900px;margin-left:auto;margin-right:auto;}
.cont1000{width:1000px;margin-left:auto;margin-right:auto;}

.info{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffedcc;border:solid 1px orange;}
.ok{margin-bottom:10px;padding:6px;border-radius:4px;background:#ebf8a4;border:solid 1px #b5bf7e;}
.echec{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffc0cb;border:solid 1px #ff4061;}