diff --git a/index.html b/index.html
index c742b80..4dedbcc 100644
--- a/index.html
+++ b/index.html
@@ -35,10 +35,8 @@
 	<body id="body">
 
 
-		<div class="language">
-			<input type="checkbox" id="language">
-			<label for="language"><span id="fr">fr</span><span id="en">en</span></label>
-		</div>
+		<input type="checkbox" id="language">
+		<label id="language_label" for="language"><span id="fr">fr</span><span id="en">en</span></label>
 
 		<div id="top_banner" class="banner banner_size_0 banner_speed_50 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>
 
diff --git a/styles/elements/language.css b/styles/elements/language.css
index a734fd0..012d666 100644
--- a/styles/elements/language.css
+++ b/styles/elements/language.css
@@ -1,28 +1,44 @@
-.language {
+label#language_label {
 	position: fixed;
 	margin: 100px;
 }
-.language input {
+input#language {
 	display: none;
 }
 
-.language input:not(:checked) + label #fr {
+
+
+/*
+when not checked
+*/
+input#language:not(:checked) + label #fr {
 	display: inline;
 }
-.language input:not(:checked) + label #en {
+input#language:not(:checked) + label #en {
 	display: none;
 }
-.language:has(input:not(:checked)) ~ * span.en {
-	display: none;
-}
-
-.language input:checked + label #fr {
-	display: none;
-}
-.language input:checked + label #en {
+input#language:not(:checked) ~ * span.en {
 	display: inline;
 }
-.language:has(input:checked) ~ * span.fr {
+input#language:not(:checked) ~ * span.fr {
 	display: none;
 }
 
+
+
+/*
+when checked
+*/
+input#language:checked + label #fr {
+	display: none;
+}
+input#language:checked + label #en {
+	display: inline;
+}
+input#language:checked ~ * span.en {
+	display: none;
+}
+input#language:checked ~ * span.fr {
+	display: inline;
+}
+
