nav {
    background-color: #fff;
    overflow: hidden; 
    position:absolute;
    right:0px;
    top:0px;
}

nav ul {
	margin:0;
	padding:0;
	display:block;
}

nav li, nav .burger { /*Le code suivant s’appique au nav li ET au nav .burger*/
    float:left; /*Permet de mettre plusieurs objets de type display-block sur la même ligne*/
    display: block;
    color: #444;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    list-style:none;
}

nav li a {
    color: #000000;
    text-decoration: none;
}

#burger-checkbox {
    display:none;
}

nav .burger {
    display:none;
}

@media screen and (max-width: 600px) {
	nav {
		position:static;
	}
	nav .burger { /*Le burger button réapparait*/
		display:block; 
	}
	nav li, nav .burger { /*chaque objet de type block prend une ligne entière*/
		float:none;
	}
	nav ul {  /*Par défaut le ul n’apparait pas, il ne doit apparaitre que quand le checkbox est coché*/
		display:none;
	}
	nav #burger-checkbox:checked+ul { /*l’objet ul positionner juste apres un objet #burger-checkbox en état coché*/
		display: block;
	}

}