diff --git a/new/fr/asso/association.html b/new/fr/asso/association.html
index 66778f7..7f4ef8e 100644
--- a/new/fr/asso/association.html
+++ b/new/fr/asso/association.html
@@ -3,12 +3,12 @@
 	<head>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<link href="./styles_here.css" type="text/css" rel="stylesheet">
 		<!-- PERSONALIZE -->
 		<title>association</title>
 		<meta name="description" content="l'association déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
-		<base href="../../"/>
 		<!-- PERSONALIZE END -->
+		<base href="../"/>
+		<link href="./styles_here.css" type="text/css" rel="stylesheet">
 		<link href="./styles/style.css" type="text/css" rel="stylesheet">
 		<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
 		<style> html {visibility: hidden; opacity: 0;} </style>
@@ -17,7 +17,25 @@
 	<body>
 
 		<nav class="navbar sticky">
-			<iframe src="./navbar/navbar.html"></iframe>
+			<input type="checkbox" id="burger">
+			<label for="burger" class="burger"></label>
+			<div class="nav_left">
+				<iframe src="./fr/navleft.html"></iframe>
+			</div>
+			<div class="nav_right">
+				<a class="language selected" href="./fr/asociation.html" target="_parent">
+					<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
+					<p>fr</p>
+				</a>
+				<a class="language" href="./de/kosmopolit.html" target="_parent">
+					<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
+					<p>de</p>
+				</a>
+				<a class="language" href="./en/kosmopolit.html" target="_parent">
+					<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
+					<p>en</p>
+				</a>
+			</div>
 		</nav>
 
 		<div class="container_main">
diff --git a/new/navbar/navbar.html b/new/navbar/navbar.html
index df540b0..9618979 100644
--- a/new/navbar/navbar.html
+++ b/new/navbar/navbar.html
@@ -14,14 +14,14 @@
 			<label for="burger" class="burger"></label>
 			<div class="nav_left">
 				<a id="nav_logo" href="index.html"	target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
-				<a href="./fr/association.html"		target="_parent"><p>association</p></a>
-				<a href="./fr/litterall.html"		target="_parent"><p>Litter<i>all</i></p></a>
-				<a href="./fr/lettres.html"			target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
-				<a href="./fr/actualites.html"		target="_parent"><p>Actualités</p></a>
+				<a href="./fr/asso/association.html"	target="_parent"><p>association</p>						</a>
+				<a href="./fr/litter/litterall.html"	target="_parent"><p>Litter<i>all</i></p>				</a>
+				<a href="./fr/lettres/lettres.html"		target="_parent"><p>Lettres d'Europe et d'Ailleurs</p>	</a>
+				<a href="./fr/actu/actualites.html"		target="_parent"><p>Actualités</p>						</a>
 			</div>
 
 			<div class="nav_right">
-				<iframe src="./fr/nav_lang.html"></iframe>
+				<iframe src="./navbar/nav_lang.html"></iframe>
 			</div>
 
 		</div>
