* 
{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html,body
{
	width:100vw;
	min-height: 100vh;
}


div#haut
{
	width:90vw;
	height:15vh;
	background-color:aquamarine;
	margin:auto;
	display:grid;
	grid-template-columns: 9vw 20% 20% 20% 20%;
	grid-template-rows: 100%;
	justify-content: center;
	align-items: center;
}

div#logo
{
	width:9vw;
	height:9vw);
	background-color:cornsilk;	
}

div#accueil
{
	width:100%;
	height:15vh;
	background-color:darkorange;
	justify-self: start;
	font-size:3vmin;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	padding:3vmin;
	/* centrer verticalement et horizontalement */
	display:grid;
	justify-content: center;
	align-items: center;
}

div#centre
{
	width:100%;
	height:15vh;
	background-color:orange;
}
div#event
{
	width:100%;
	height:15vh;
	background-color:lightblue;
}
div#former
{
	width:100%;
	height:15vh;
	background-color:lightyellow;
}



nav#menuHaut
{
	width:90vw;
	height:8vh;
	background-color:cadetblue;
	margin:auto;
}

main
{
	width:90vw;
	height:60vh;
	background-color:lightsalmon;
	margin:auto;
	margin-top:2vh;

	display:grid;
	/* on définit une grille de 3 lignes et 4 colonnes */
	grid-template-columns: repeat(4,25%); 
	grid-template-rows: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

section{
	color:red;
}

section#section01
{
	background-color: beige;
}

section#section02
{
	background-color:blue;
}

section#section03
{
	background-color:chocolate;
}
section#section04
{
	background-color:cornflowerblue;
}
section#section05
{
	background-color:deeppink;
}
section#section06
{
	background-color:forestgreen;
}
section#section07
{
	background-color:yellow;
}
section#section08
{
	background-color:violet;
}
section#section09
{
	background-color:tomato;
}
section#section10
{
	background-color:springgreen;
}
section#section11
{
	background-color:salmon;
}
section#section12
{
	background-color:thistle;
}





footer
{
	width:90vw;
	height:10vh;
	background-color:khaki;
	margin:auto;

	font-size:5vmin;
}