diff --git a/index.html b/index.html
index 8cc107d..f897e15 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
 		<style> html {visibility: hidden; opacity: 0;} </style>
 	</head>
 	<body>
-		<main class="index">
+		<main class="index" id="index">
 			<div class="logo_txt">
 				<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
 			</div>
@@ -26,7 +26,7 @@
 					<div class="circle _4"><div class="_ratio"></div></div>
 				</div>
 			</div>
-			<div class="logo_links">
+			<div class="logo_links" id="index_links">
 				<h3 id="kosmopolit"><a href="./fr/kosmopolit.html">KOSMOPOLIT</a></h3>
 				<h3 id="litterall"><a href="./fr/litterall.html">LITTER<i>all</i></a></h3>
 				<h3 id="lea"><a href="./fr/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
diff --git a/styles/media.css b/styles/media.css
index bb53411..96d543c 100644
--- a/styles/media.css
+++ b/styles/media.css
@@ -97,6 +97,19 @@
 	.image h1, .image h2, .image h3, .image p {
 		margin-left: 0px;
 	}
+	/*INDEX*/
+	.logo_links#index_links {
+		flex-direction: column;
+	}
+	main#index {
+		height: auto;
+	}
+	.logo_links#index_links h3 {
+		margin: 10px auto;
+	}
+	.logo_links#index_links {
+		margin-bottom: 30px;
+	}
 }
 
 
