@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;}

.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;}