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

:root{--bleuC:#21a365;--bleuF:#185c37;}

*{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;}
p{margin-bottom:10px;}
h1{background:var(--bleuF);border-bottom:solid 3px var(--bleuC);color:white;margin:-20px -20px 20px -20px;padding:10px;font-size:1.4em;border-top-left-radius:10px;border-top-right-radius:10px;}
h1.full{margin:0 0 10px 0;border-radius:0;}

body{background:#f5f5f5;font-family:opensans;font-size:13px;}
body>header{padding:10px;text-align:center;}
body>header>img{height:80px;padding:5px;background:white;border-radius:5px;}
body>main{width:800px;height:600px;background:white;border-radius:10px;margin:0 auto;padding:20px;}

form div{}
form input[type=text],form input[type=email],form input[type=password],form textarea,form select,#signature{display:block;width:100%;padding:6px;margin-bottom:10px;font-size:16px;border:solid 1px grey;background:#fdfdfd;}
form input[type=submit]{display:block;margin:20px auto;}
form label{display:block;-border:solid 1px grey;padding:4px;margin-bottom:0;}
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>aside{margin-top:-10px;margin-bottom:10px;text-align:justify;font-size:0.8em;}
form .erreur{display:none;margin:-5px 0 10px 0;color:red;}
form label.checkbox{position:relative;padding-left:20px;text-align:justify;}
form label.checkbox>input{position:absolute;left:0;top:calc(50% - 10px);}

.boutons{margin-bottom:20px;}
.boutons a,.bouton,input[type=submit],input[type=button]{display:inline-block;padding:8px 24px;margin:0 4px;background:var(--bleuF);color:white;border:none;font-size:13px;text-transform:uppercase;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;}
.bouton.rouge{background:var(--rouge);}

#accueil{position:absolute;left:calc(50% - 150px);top:calc(50% - 250px);width:300px;background:white;border-radius:10px;padding:20px;}
#accueil>img{width:100%;}
#accueil>footer{text-align:center;font-size:0.8em;}

#video{height:200px;}

.etudiant{display:inline-block;width:250px;margin:5px;padding:5px;border:solid 1px var(--bleuF);text-align:center;}
.etudiant>header{color:grey;}
.etudiant>img{max-width:250px;}
.etudiant>footer{font-size:0.8em;color:grey;}

.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:#add8e6;border:solid 1px #607880;}
.succes{margin-bottom:10px;padding:6px;border-radius:4px;background:#90ee90;border:solid 1px #528752;}
.echec{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffc0cb;border:solid 1px #99737a;}