a{
	text-decoration:none;
	color:#428bca;
}
*{
	font-family:'Open Sans';
	padding:0;
	margin:0;
	transition: all 0.4s ease;
}
html{
	overflow-y:scroll;
}
#page{
	display:flex;
	display:-webkit-flex;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	background:white;
	box-shadow:0 0 2em #aaa;
	max-width:70em;
}
nav{
	background:#207fb3;
	min-width:10em;
	max-width:10em;
}
#logo{
	height:100px;
	padding:0.5em;
	background:white;
/* CHANGER L'IMAGE
  background-image:url(iloth_mini.png);
*/
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
}
nav a{
	display:block;
	height:2.5em;
	padding-top:1.25em;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	color:white;
}
nav a:hover{
	text-shadow:0 0 1em black;
	background:rgba(0,0,0,0.2);
}
main{
	text-align:justify;
	padding:2em;
	color:#444;
}
main p{
	margin-top:0.5em;
}
main li{
	margin-left:2em;
}
h1{
	font-size:3em;
	color:#ff5b2b;
	margin-bottom:0.8em;
}
h2{
	color:#ff5b2b;
	margin-top:0.8em;
}
footer{
	font-size:small;
	text-align:center;
	color:#666;
}
@font-face{
	font-family:'Open Sans'; src: local('Open Sans'),local('opensans'), url('opensans_regular.woff') format('woff');
}
@media all and (max-width: 800px){
	#page{
		flex-flow:column;
		margin-top:0;
	}
	nav{
		min-width:100%;
		max-width:100%;
	}
	nav a{
		display:inline-block;
		padding-left:0.5em;
		padding-right:0.5em;
		font-size:0.9em;
	}
}