body, html {
	font-family: 'hk_grotesk', Arial, Helvetica, sans-serif;
	/*font-family: 'Courier New',Courier,monospace;*/
	font-size: 15px; /* unité de base du rem */	
}
body {
	background-color:white;
	color:black;
	margin: 0; padding: 3rem;
    width:100%; height:100%;
}

a, code, pre { color:#0000EE; font-style:normal; }
/*a:hover { text-decoration: underline; }*/

*, *:before, *:after {
    box-sizing: border-box; 
    outline:none; 
}

.clear { clear:both; } 

nav ul { padding:0; } 
nav li { padding:0; list-style: none; }

/*h1, h2, h3, h4, h5, p, li { 
	font-size: 1rem;
	font-weight: normal;
	margin: 1rem 0; 
	line-height: 1.2rem;
}*/

.small { font-size:.9rem; }
.super {}
.big {}
.medium {}
.small {}
.nomtop { margin-top:0; }
.nombot { margin-bottom:0; }

main { width:100%; }

.intro { margin-bottom: 2rem; }
.intro h1 { margin:0 0 .5rem 0; }
.intro .help { display:none; }
.intro {}

section { /*border-top:solid 1px black;*/ margin:4rem 0; }

#toggle { position: fixed; top:2rem; right:2rem; background:#0000EE; color:white;
	padding:1rem; cursor:pointer; }

#do-export { margin-top:2rem; }
#export { margin-top:2rem; background:#e0e0e0; width:100%; min-height: 300px; padding:1rem;
	border:none; max-width:850px; }
.spacer { display:inline-block; width:10rem; }
header { border:solid 1px #e0e0e0; padding:20px; width:850px; 
	resize:horizontal; overflow:auto; 
	min-height:20rem !important;
}


#comment { margin-top:3rem; padding-top:1.5rem; border-top:solid 1px #e0e0e0;
	display:none; }

@media screen and (max-width:600px){}