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

:root{--c1:#0070c0;--c2:#e6f0f8;}

*{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;}
h1{margin-bottom:10px;font-size:1.4em;border-bottom:solid 1px black;}

body{font-family:opensans;font-size:13px;}
header{margin:20px 0;text-align:center;}
header>img{height:100px;}

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 label{display:block;border:solid 1px grey;padding:4px;margin-bottom:10px;}
form input[type=file]+label{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(--c1);color:white;border:none;font-size:13px;font-weight:bold;text-decoration:none;cursor:pointer;letter-spacing:1px;}
.boutons a:hover,.bouton:hover,input[type=submit]:hover{background:#258bc7;}
.boutons a:active,.bouton:active,input[type=submit]:active{opacity:0.8;}
.boutons a:first-child{margin-left:0;}

.nowrap {white-space:nowrap;}
.etat0{background:url(i/rayure.png);}
.tacenter{text-align:center;}
.center{margin-left:auto;margin-right:auto;}

.w100{width:100%;}
.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;}
.h200{height:200px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.ret_ok{margin-bottom:10px;padding:6px;border-radius:4px;background:#ebf8a4;border:solid 1px #b5bf7e;}
.ret_echec{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffc0cb;border:solid 1px #ff4061;}
.info{margin-bottom:10px;padding:6px;border-radius:4px;background:#add8e6;border:solid 1px #7fcde6;}