/* MOBILE FIRST */

@font-face {
  font-family: 'Roberte';
  src: url("fonts/roberte/Roberte-Regular.woff") format("woff");
}




/* reset général de marges */
h1, h2, h3, h4, h5, ul{
	margin:0;
	padding: 0;
}

body{
	font-family: 'Source Code Pro', monospace;
	font-size: 1.3em;

}

h1{
	font-family: 'Roberte', monospace;
	margin-bottom: 0.1em;
	font-size: 2.7em;
}

header{
	
	padding-bottom: 0.1em;

}

.ecole{
	font-size: 0.8em;
}

.hide{
	font-size: 0.8em;
}


nav{
	
	
	padding: 10px 0;
	margin-bottom: 0.5em;
}

nav a{
	text-decoration: none;
	display: inline-block;
	border: 1px solid black;
	border-radius: 20px;
	padding: 0.5em;
	font-size: 0.7em;

}

main{

	border-top: 1px solid black;
	margin-bottom: 1em;
	padding-top: 1em;

}

main ul{
	/* column-count: 2;  */
	line-height: 1.5em;



}

main li{

display: inline;
margin-right: 0.5em;

}



a{


}

footer{
		border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 10px 0;
	font-size: 0.4em;

}





/* pour plus grand que 550px */
@media (min-width: 550px) {

body{
font-size: 1.7em;
	
}

main ul{
/*	column-count: 3;  */
}




}