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

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


div#haut
{
	width:90vw;
	height:15vh;
	background-color:yellow;
	margin:auto;
	display:grid;
	grid-template-columns: calc(min(9vw,15vh)) calc(100% - min(9vw,15vh));
	grid-template-rows: 100%;
	justify-content: center;
	align-items: center;
}

div#logo
{
	width:calc(min(9vw,15vh));
	height:calc(min(9vw,15vh));
	background-color:lightgreen;

}

div#titre
{
	width:100%;
	height:15vh;
	justify-self: start;
	font-size:8vmin;
	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;
}

nav#menuHaut
{
	width:90vw;
	height:9vh;
	background-color:skyblue;
	margin:auto;
	
	display:grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows: auto;
}

 nav#menuHaut div
{
      display:grid;
      justify-content:center;
      align-items:center;
      font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
      font-size:4vmin;
      font-weight:bold;
}
    
/*    #Accueil
{   
	width:18vw;
	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#Accueil{
	color:red;
}

section#section01
{
	background-color:darkblue;
}

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;
}