@charset "UTF-8";
/* CSS Document */

html,body {
	width:100%;height:100%;
	margin: 0px;padding:0px;
	overflow:hidden;	/*désactiver pendant le debug*/
}

#conteneur_pages{
	position:absolute; 		/*influence dimensions de ses div internes*/
	/*position:relative;*/  /*également une option possible*/
	width:1000%;			/*pour contenir jusqu'à 10 pages*/
	height:100%;			/*le débordement des pages est prévu*/
	overflow:visible; 		/* on maintient la valeur par défaut*/
	left:0%;
	transition:1s;
}

h1{margin-left:25px;}

nav {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 999; /* grande valeur pour la garder au dessus */
}

nav h6 {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

nav h6:hover {
	background-color: #FF0;
}

#page1, #page2, #page3 {
	display:inline-block;	/*apparition espaces blancs de l'html */
	padding:0px;margin:0px;
	width: 10%;
	height: 100%; 	/*par rapport au conteneur body qui fait 100%*/
	transition:1s;
	overflow:hidden;	/* pour éviter la fusion des marges parents/enfants */	
}



#page1{
	background:#FCC;
}

#page2 {
	background:#E9E484;
}

#page3 {
	background:#3CC;
}

