From 45bdf02dbef431f1e8eb1e3f18e69769c6ab49f3 Mon Sep 17 00:00:00 2001
From: NohamR <100566912+NohamR@users.noreply.github.com>
Date: Sun, 28 May 2023 12:16:21 +0200
Subject: [PATCH] Changes

---
 index.html       |  69 ++++--
 index2.html      | 541 -----------------------------------------------
 rechercher2.html |  65 ------
 style.css        | 292 +++++++++++++------------
 style2.css       | 155 --------------
 5 files changed, 205 insertions(+), 917 deletions(-)
 delete mode 100644 index2.html
 delete mode 100644 rechercher2.html
 delete mode 100644 style2.css

diff --git a/index.html b/index.html
index 4bd867a..a52039c 100644
--- a/index.html
+++ b/index.html
@@ -41,10 +41,10 @@
 				<option value="hachette">Hachette</option>
 				<option value="didier">Didier</option>
 				<option value="hatier">Hatier</option>
-				<option value="belin">Belin</option>
+				<option value="belin" selected>Belin</option>
 				<option value="LLS">LeLivreScolaire</option>
 				<option value="sesa">Sesamath</option>
-				<option value="magnard" selected>Magnard</option>
+				<option value="magnard">Magnard</option>
 				<option value="delagrave">Delagrave</option>
 
 			</select>
@@ -107,7 +107,7 @@
 
 	<div class="slider">
 		<div id="glissière" onclick="taille()" class="col">
-			<input id="slider" type="range" oninput="taille()" min="579" max="1200" class="slider" value="579">
+			<input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50">
 		</div>
 	</div>
 
@@ -131,7 +131,7 @@
 		<img id="myimg2" src="assets/img/404.png">
 	</div>
 
-	<div>
+	<div id="changepagebutton">
 		<button onclick="pageachanger(-2)">&#x2190; Page précédente</button>
 		<button onclick="pageachanger(2)">Page suivante &#x2192;</button>
 	</div>
@@ -161,6 +161,8 @@
 				slider.style.display = '';
 				divimg.style.display = 'none';
 				divserver.style.display = 'none';
+				document.documentElement.style.setProperty('--iframe-width', '560px');
+				document.documentElement.style.setProperty('--iframe-height', '800px');
 
 			}
 			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
@@ -170,12 +172,14 @@
 				slider.style.display = '';
 				divimg.style.display = 'none';
 				divserver.style.display = 'none';
+				document.documentElement.style.setProperty('--iframe-width', '1426px');
+				document.documentElement.style.setProperty('--iframe-height', '2048px');
 			}
 			else if (editionchoisie == 'belin') {
 				console.log("Belin");
-				document.getElementById("editionesthcoisieest").innerHTML = "ca bug encore";
+				document.getElementById("editionesthcoisieest").innerHTML = "";
 				diviframe.style.display = 'none';
-				slider.style.display = 'none';
+				slider.style.display = '';
 				divimg.style.display = '';
 				divserver.style.display = 'none';
 			}
@@ -183,7 +187,7 @@
 				console.log("LLS");
 				document.getElementById("editionesthcoisieest").innerHTML = "";
 				diviframe.style.display = 'none';
-				slider.style.display = 'none';
+				slider.style.display = '';
 				divimg.style.display = '';
 				divserver.style.display = 'none';
 			}
@@ -191,7 +195,7 @@
 				console.log("sesa");
 				document.getElementById("editionesthcoisieest").innerHTML = "";
 				diviframe.style.display = 'none';
-				slider.style.display = 'none';
+				slider.style.display = '';
 				divimg.style.display = '';
 				divserver.style.display = 'none';
 			}
@@ -202,6 +206,16 @@
 				slider.style.display = '';
 				divimg.style.display = 'none';
 				divserver.style.display = '';
+				document.documentElement.style.setProperty('--iframe-width', '1540px');
+				document.documentElement.style.setProperty('--iframe-height', '2050px');
+			}
+			else if (editionchoisie == 'delagrave') {
+				console.log("magnard");
+				document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
+				diviframe.style.display = '';
+				slider.style.display = '';
+				divimg.style.display = 'none';
+				divserver.style.display = '';
 			}
 			else {
 				document.getElementById("editionesthcoisieest").innerHTML = "&#9888 Cette édition n'est pas encore supportée &#9888";
@@ -265,6 +279,13 @@
 				iframe1.src = newUrl1;
 				iframe2.src = newUrl2;
 			}
+			// https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml
+			else if (editionchoisie == 'delagrave') {
+				var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
+				var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
+				iframe1.src = newUrl1;
+				iframe2.src = newUrl2;
+			}
 			else {
 
 			}
@@ -301,8 +322,8 @@
 				nbpage.value = page1;
 			}
 			// page1.jpg
-			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier') || (editionchoisie == 'belin')) {
-				// console.log("hatier ou didier");
+			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
+				console.log("hatier ou didier ou belin");
 				page1 += delta;
 				page2 += delta;
 				if (page1 < 1) {
@@ -319,6 +340,24 @@
 				iframe2.src = url2.replace(/page\d+/, "page" + page2);
 				nbpage.value = page1;
 			}
+			else if (editionchoisie == 'belin') {
+				console.log("belin");
+				page1 += delta;
+				page2 += delta;
+				if (page1 < 1) {
+					page1 = 1;
+				} else if (page1 > 600) {
+					page1 = 600;
+				}
+				if (page2 < 1) {
+					page2 = 2;
+				} else if (page2 > 600) {
+					page2 = 600;
+				}
+				img1.src = url1.replace(/page\d+/, "page" + page1);
+				img2.src = url2.replace(/page\d+/, "page" + page2);
+				nbpage.value = page1
+			}
 			// print/14.jpg
 			else if (editionchoisie == 'LLS') {
 				// console.log("LLS");
@@ -362,7 +401,7 @@
 				nbpage.value = page1;
 			}
 			// /page003.xhtml?interface=postMessage"
-			else if (editionchoisie == 'magnard') {
+			else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) {
 				// console.log("magnard");
 				page1 += delta;
 				page2 += delta;
@@ -398,12 +437,7 @@
 	<script>
 		function taille() {
 			var entree = document.getElementById("slider");
-			var myframe1 = document.getElementById("myframe1");
-			var myframe2 = document.getElementById("myframe2");
-			myframe1.style.width = entree.value + "px";
-			myframe1.style.height = entree.value * 1.4 + "px";
-			myframe2.style.width = entree.value + "px";
-			myframe2.style.height = entree.value * 1.4 + "px";
+			document.documentElement.style.setProperty('--scalenb', entree.value/100)
 		}
 	</script>
 
@@ -465,7 +499,6 @@
 		// mode sombre
 		const switchThemeBtn = document.querySelector('.changeTheme')
 		switchThemeBtn.addEventListener('click', () => {
-
 			// mode sombre 
 			if (toggleTheme === 0) {
 				document.documentElement.style.setProperty('--color-scheme', 'dark')
diff --git a/index2.html b/index2.html
deleted file mode 100644
index 6db8490..0000000
--- a/index2.html
+++ /dev/null
@@ -1,541 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-	<title>Manuel</title>
-	<link rel="stylesheet" href="style2.css">
-	<link rel="shortcut icon" href="assets/img/icone.ico" type="image/x-icon">
-	<!-- <script src="js.js"></script> -->
-	<meta name="viewport" content="width=device-width">
-</head>
-
-<body onload="editionchoisie(), checkCookie()">
-
-
-	<div id="firstbutton">
-		<div class="changeTheme">
-			<img src="assets/img/blackandwhite.png" alt="blackandwhite"
-				style="max-width: 50px; max-height: 50px; margin: 10px;">
-		</div>
-
-		<!-- <div class="changeTheme">
-			<img src="assets/img/blackandwhite.png" alt="blackandwhite"
-				style="max-width: 50px; max-height: 50px; margin: 10px;" onclick="capture()">
-		</div> -->
-
-		<div>
-			<label for="code">Entrez le code :</label>
-			<input type="text" id="code" name="code" value="9782017102106">
-			<button onclick="urlachanger()">Changer de livre</button>
-		</div>
-
-		<div>
-			<label for="nbpage">Entrez la page :</label>
-			<input type="text" id="nbpage" name="nbpage" value="1" onchange="changerNBpage()">
-			<button onclick="changerNBpage()">Changer la page du livre</button>
-		</div>
-
-		<div>
-			<label for="edition">Choisissez une édition :</label>
-			<select name="edition" id="edition-select" onchange="editionchoisie()">
-				<option value="hachette">Hachette</option>
-				<option value="didier">Didier</option>
-				<option value="hatier">Hatier</option>
-				<option value="belin" selected>Belin</option>
-				<option value="LLS">LeLivreScolaire</option>
-				<option value="sesa">Sesamath</option>
-				<option value="magnard">Magnard</option>
-				<option value="delagrave">Delagrave</option>
-
-			</select>
-			<p id="editionesthcoisieest"></p>
-		</div>
-
-		<div id="server">
-			<label for="server">Choisissez un server :</label>
-			<select name="server">
-				<option value="1" selected>1</option>
-				<option value="2">2</option>
-				<option value="3">3</option>
-				<option value="4">4</option>
-				<option value="5">5</option>
-				<option value="6">6</option>
-				<option value="7">7</option>
-				<option value="8">8</option>
-				<option value="9">9</option>
-			</select>
-		</div>
-		<div>
-			<a href="rechercher2.html">Cherche ton code ici</a>
-		</div>
-	</div>
-
-	<div>
-		<h1>Liens rapides :</h1>
-		<button onclick="changerURL(9782017102106, 'hachette')">
-			<h1>Declic Maths 1re</h1>
-		</button>
-		<button onclick="changerURL(9782017102120, 'hachette')">
-			<h1>Physique Chimie 1re</h1>
-		</button>
-		<button onclick="changerURL(9782017102243, 'hachette')">
-			<h1>Mitreden Allemand 1re</h1>
-		</button>
-		<button onclick="changerURL(9782401090132, 'hatier')">
-			<h1>Manuel HB test</h1>
-		</button>
-		<button onclick="changerURL('1ere/histoire-premiere', 'belin')">
-			<h1>Histoire (belin)</h1>
-		</button>
-
-		<button onclick="changerURL('1ere/geographie-premiere', 'belin')">
-			<h1>Geographie (belin)</h1>
-		</button>
-
-		<button onclick="changerURL('48453088', 'LLS')">
-			<h1>ES (LLS)</h1>
-		</button>
-
-		<button onclick="changerURL('ms6_2013', 'sesa')">
-			<h1>Manuel 6e (Sesa)</h1>
-		</button>
-
-		<button onclick="changerURL('9782210113183', 'magnard')">
-			<h1>Magnard test</h1>
-		</button>
-	</div>
-
-	<div class="slider">
-		<div id="glissière" onclick="taille()" class="col">
-			<input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50">
-		</div>
-	</div>
-
-	<div id="iframe">
-		<div id="iframe-1">
-			<div class="iframe-div-1">
-				<iframe id="myframe1"
-					src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe>
-			</div>
-		</div>
-		<div id="iframe-2">
-			<div class="iframe-div-2">
-				<iframe id="myframe2"
-					src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe>
-			</div>
-		</div>
-	</div>
-
-	<div id="img">
-		<img id="myimg1" src="assets/img/404.png">
-		<img id="myimg2" src="assets/img/404.png">
-	</div>
-
-	<div id="changepagebutton">
-		<button onclick="pageachanger(-2)">&#x2190; Page précédente</button>
-		<button onclick="pageachanger(2)">Page suivante &#x2192;</button>
-	</div>
-
-	<script>
-		var iframe1 = document.getElementById("myframe1");
-		var iframe2 = document.getElementById("myframe2");
-		var diviframe = document.getElementById("iframe")
-		var img1 = document.getElementById("myimg1");
-		var img2 = document.getElementById("myimg2")
-		var divimg = document.getElementById("img");
-		var divserver = document.getElementById("server")
-		var url1 = iframe1.src;
-		var url2 = iframe2.src;
-		var page1 = 1;
-		var page2 = 2;
-		var nbpage = document.getElementById("nbpage");
-
-		function editionchoisie() {
-			var editionchoisie = document.getElementsByName("edition")[0].value;
-			var slider = document.getElementById("slider");
-
-			if (editionchoisie == 'hachette') {
-				console.log("Hachette");
-				document.getElementById("editionesthcoisieest").innerHTML = "";
-				diviframe.style.display = '';
-				slider.style.display = '';
-				divimg.style.display = 'none';
-				divserver.style.display = 'none';
-				document.documentElement.style.setProperty('--iframe-width', '560px');
-				document.documentElement.style.setProperty('--iframe-height', '800px');
-
-			}
-			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
-				console.log("Didier ou Hatier");
-				document.getElementById("editionesthcoisieest").innerHTML = "";
-				diviframe.style.display = '';
-				slider.style.display = '';
-				divimg.style.display = 'none';
-				divserver.style.display = 'none';
-				document.documentElement.style.setProperty('--iframe-width', '1426px');
-				document.documentElement.style.setProperty('--iframe-height', '2048px');
-			}
-			else if (editionchoisie == 'belin') {
-				console.log("Belin");
-				document.getElementById("editionesthcoisieest").innerHTML = "";
-				diviframe.style.display = 'none';
-				slider.style.display = '';
-				divimg.style.display = '';
-				divserver.style.display = 'none';
-			}
-			else if (editionchoisie == 'LLS') {
-				console.log("LLS");
-				document.getElementById("editionesthcoisieest").innerHTML = "";
-				diviframe.style.display = 'none';
-				slider.style.display = '';
-				divimg.style.display = '';
-				divserver.style.display = 'none';
-			}
-			else if (editionchoisie == 'sesa') {
-				console.log("sesa");
-				document.getElementById("editionesthcoisieest").innerHTML = "";
-				diviframe.style.display = 'none';
-				slider.style.display = '';
-				divimg.style.display = '';
-				divserver.style.display = 'none';
-			}
-			else if (editionchoisie == 'magnard') {
-				console.log("magnard");
-				document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
-				diviframe.style.display = '';
-				slider.style.display = '';
-				divimg.style.display = 'none';
-				divserver.style.display = '';
-				document.documentElement.style.setProperty('--iframe-width', '1540px');
-				document.documentElement.style.setProperty('--iframe-height', '2050px');
-			}
-			else if (editionchoisie == 'delagrave') {
-				console.log("magnard");
-				document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
-				diviframe.style.display = '';
-				slider.style.display = '';
-				divimg.style.display = 'none';
-				divserver.style.display = '';
-			}
-			else {
-				document.getElementById("editionesthcoisieest").innerHTML = "&#9888 Cette édition n'est pas encore supportée &#9888";
-				diviframe.style.display = 'none';
-				divimg.style.display = 'none';
-				slider.style.display = 'none';
-				divserver.style.display = 'none';
-			}
-		}
-
-
-		function urlachanger() {
-			var code = document.getElementById("code").value;
-			var editionchoisie = document.getElementsByName("edition")[0].value;
-			changerURL(code, editionchoisie);
-		}
-
-		function changerURL(code, editionchoisie) {
-			var server = document.querySelector('select[name="server"]').value;
-			console.log(server);
-			if (editionchoisie == 'hachette') {
-				var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_1.html?interface=postMessage";
-				var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_2.html?interface=postMessage";
-				iframe1.src = newUrl1;
-				iframe2.src = newUrl2;
-			}
-			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
-				var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page1.xhtml?interface=postMessage";
-				var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page2.xhtml?interface=postMessage";
-				iframe1.src = newUrl1;
-				iframe2.src = newUrl2;
-			}
-			// https://nohamr.github.io/Manuelcontent/Belin/1ere/geographie-premiere/page1.jpg
-			else if (editionchoisie == 'belin') {
-				var newUrl1 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page1.jpg";
-				var newUrl2 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page2.jpg";
-				img1.src = newUrl1;
-				img2.src = newUrl2;
-			}
-			// https://assets.lls.fr/books/48453088/print/14.jpg
-			else if (editionchoisie == 'LLS') {
-				var newUrl1 = "https://assets.lls.fr/books/" + code + "/print/1.jpg";
-				var newUrl2 = "https://assets.lls.fr/books/" + code + "/print/2.jpg";
-				img1.src = newUrl1;
-				img2.src = newUrl2;
-			}
-			// https://manuel.sesamath.net/imgs_produites/pages/ms6_2013/ms6_2013_page0.gif
-			else if (editionchoisie == 'sesa') {
-				var newUrl1 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page0.gif";
-				var newUrl2 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page1.gif";
-				img1.src = newUrl1;
-				img2.src = newUrl2;
-			}
-			// https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/images/bg003_01.jpg
-			// https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/page001.xhtml
-			// https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page005.xhtml
-			// https://storage.libmanuels.fr/Magnard/specimen/9782210118201/1/OEBPS/page005.xhtml
-			else if (editionchoisie == 'magnard') {
-				var newUrl1 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
-				var newUrl2 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
-				iframe1.src = newUrl1;
-				iframe2.src = newUrl2;
-			}
-			// https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml
-			else if (editionchoisie == 'delagrave') {
-				var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
-				var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
-				iframe1.src = newUrl1;
-				iframe2.src = newUrl2;
-			}
-			else {
-
-			}
-
-			url1 = newUrl1;
-			url2 = newUrl2;
-			page1 = 1;
-			page2 = 2;
-		}
-
-		function pageachanger(delta) {
-			// console.log("pageachanger");
-			var editionchoisie = document.getElementsByName("edition")[0].value;
-			changerPage(delta, editionchoisie);
-		}
-
-		function changerPage(delta, editionchoisie) {
-			if (editionchoisie == 'hachette') {
-				// console.log("hachette");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				iframe1.src = url1.replace(/Page_\d+/, "Page_" + page1);
-				iframe2.src = url2.replace(/Page_\d+/, "Page_" + page2);
-				nbpage.value = page1;
-			}
-			// page1.jpg
-			else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
-				console.log("hatier ou didier ou belin");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				iframe1.src = url1.replace(/page\d+/, "page" + page1);
-				iframe2.src = url2.replace(/page\d+/, "page" + page2);
-				nbpage.value = page1;
-			}
-			else if (editionchoisie == 'belin') {
-				console.log("belin");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				img1.src = url1.replace(/page\d+/, "page" + page1);
-				img2.src = url2.replace(/page\d+/, "page" + page2);
-				nbpage.value = page1
-			}
-			// print/14.jpg
-			else if (editionchoisie == 'LLS') {
-				// console.log("LLS");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				img1.src = url1.replace(/\d+(?=\.jpg)/, page1);
-				img2.src = url2.replace(/\d+(?=\.jpg)/, page2);
-				// console.log(img1.src);
-				// console.log(img2.src);
-				nbpage.value = page1;
-			}
-			// /ms6_2013_page1.gif
-			else if (editionchoisie == 'sesa') {
-				// console.log("sesa");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				img1.src = url1.replace(/\d+(?=\.gif)/, page1);
-				img2.src = url2.replace(/\d+(?=\.gif)/, page2);
-				console.log(img1.src);
-				console.log(img2.src);
-				nbpage.value = page1;
-			}
-			// /page003.xhtml?interface=postMessage"
-			else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) {
-				// console.log("magnard");
-				page1 += delta;
-				page2 += delta;
-				if (page1 < 1) {
-					page1 = 1;
-				} else if (page1 > 600) {
-					page1 = 600;
-				}
-				if (page2 < 1) {
-					page2 = 2;
-				} else if (page2 > 600) {
-					page2 = 600;
-				}
-				iframe1.src = url1.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page1).slice(-3) + "$2");
-				iframe2.src = url2.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page2).slice(-3) + "$2");
-				console.log(img1.src);
-				console.log(img2.src);
-				nbpage.value = page1;
-			}
-		}
-
-		function changerNBpage() {
-			var nbtochange = 0
-			var nbpage = document.getElementById("nbpage").value;
-			var editionchoisie = document.getElementsByName("edition")[0].value;
-			// console.log('nbpage', nbpage);
-			nbtochange = nbpage - page1;
-			// console.log('nbtochange', nbtochange);
-			changerPage(nbtochange, editionchoisie);
-		}
-	</script>
-
-	<script>
-		function taille() {
-			var entree = document.getElementById("slider");
-			document.documentElement.style.setProperty('--scalenb', entree.value/100)
-		}
-	</script>
-
-	<script>
-		// https://www.toptal.com/developers/keycode
-		document.onkeydown = function (event) {
-			switch (event.keyCode) {
-				case 37:
-					pageachanger(-2);
-					break;
-				case 38:
-					//  alert('Up key');
-					break;
-				case 39:
-					pageachanger(2);
-					break;
-				case 40:
-					//  alert('Down key');
-					break;
-				case 13:
-					toggleFullScreen();
-					break;
-			}
-		};
-
-		function toggleFullScreen() {
-			if (!document.fullscreenElement) {
-				document.documentElement.requestFullscreen();
-			} else if (document.exitFullscreen) {
-				document.exitFullscreen();
-			}
-		}
-	</script>
-
-	<script>
-		let toggleTheme = 0;
-		var darkMode = getCookie("dark-mode");
-
-		function getCookie(name) {
-			var value = "; " + document.cookie;
-			var parts = value.split("; " + name + "=");
-			if (parts.length == 2) return parts.pop().split(";").shift();
-		}
-
-		// cookie pour le mode sombre
-		function checkCookie() {
-			if (darkMode == "true") {
-				document.documentElement.style.setProperty('--color-scheme', 'dark')
-				document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
-				document.documentElement.style.setProperty('--background', '#262626');
-				toggleTheme--;
-			} else if (darkMode == "false") {
-				document.documentElement.style.setProperty('--color-scheme', 'light')
-				document.documentElement.style.setProperty('--ecriture', '#262626');
-				document.documentElement.style.setProperty('--background', '#f1f1f1');
-			}
-		}
-
-		// mode sombre
-		const switchThemeBtn = document.querySelector('.changeTheme')
-		switchThemeBtn.addEventListener('click', () => {
-			// mode sombre 
-			if (toggleTheme === 0) {
-				document.documentElement.style.setProperty('--color-scheme', 'dark')
-				document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
-				document.documentElement.style.setProperty('--background', '#262626');
-				document.cookie = "dark-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
-				toggleTheme--;
-			}
-			// mode clairs
-			else {
-				document.documentElement.style.setProperty('--color-scheme', 'light')
-				document.documentElement.style.setProperty('--ecriture', '#262626');
-				document.documentElement.style.setProperty('--background', '#f1f1f1');
-				document.cookie = "dark-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
-				toggleTheme++;
-			}
-		})
-	</script>
-	<!-- <script>
-		function capture() {
-			const canvas = document.createElement("canvas");
-			const context = canvas.getContext("2d");
-			const video = document.createElement("video");
-
-			try {
-				const captureStream = navigator.mediaDevices.getDisplayMedia();
-				video.srcObject = captureStream;
-				context.drawImage(video, 0, 0, window.width, window.height);
-				const frame = canvas.toDataURL("image/png");
-				captureStream.getTracks().forEach(track => track.stop());
-				window.location.href = frame;
-			} catch (err) {
-				console.error("Error: " + err);
-			}
-		};
-
-		capture();</script> -->
-</body>
-
-</html>
\ No newline at end of file
diff --git a/rechercher2.html b/rechercher2.html
deleted file mode 100644
index 79ff54f..0000000
--- a/rechercher2.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Recherche d'informations dans un fichier CSV</title>
-  </head>
-  <body>
-    <label for="recherche">Recherche :</label>
-    <input type="text" id="recherche" onkeyup="chercher()" placeholder="Entrez un nom...">
-    <br>
-    <a href="index2.html">Retourne sur la page principale</a>
-    <div id="resultats"></div>
-    <p id="valeur"></p>
-
-    <script>
-      // Lecture du fichier CSV
-      const xhttp = new XMLHttpRequest();
-      xhttp.onreadystatechange = function() {
-        if (this.readyState == 4 && this.status == 200) {
-          const lignes = this.responseText.split('\n');
-          const donnees = [];
-          for (let i = 0; i < lignes.length; i++) {
-            donnees.push(lignes[i].split(','));
-          }
-          document.getElementById('recherche').setAttribute('donnees', JSON.stringify(donnees));
-        }
-      };
-      xhttp.open("GET", "liste2.csv", true);
-      xhttp.send();
-
-      // Recherche d'une information dans le fichier CSV
-      function chercher() {
-        const donnees = JSON.parse(document.getElementById('recherche').getAttribute('donnees'));
-        const recherche = document.getElementById('recherche').value;
-        const resultat = [];
-        for (let i = 0; i < donnees.length; i++) {
-          for (let j = 0; j < donnees[i].length; j++) {
-            if (donnees[i][j].toLowerCase().includes(recherche.toLowerCase())) {
-              resultat.push(donnees[i]);
-              break;
-            }
-          }
-        }
-        afficherResultats(resultat);
-      }
-
-      // Affichage des résultats sur la page HTML
-      function afficherResultats(resultat) {
-        const table = document.createElement('table');
-        table.innerHTML = '<tr><th>Edition</th><th>Code manuel</th><th>Nom du manuel</th><th>Nombre de pages</th><th></th></tr>';
-        for (let i = 0; i < resultat.length; i++) {
-          const ligne = document.createElement('tr');
-          for (let j = 4; j < 9; j++) {
-            const cellule = document.createElement('td');
-            const texte = document.createTextNode(resultat[i][j]);
-            cellule.appendChild(texte);
-            ligne.appendChild(cellule);
-          }
-          table.appendChild(ligne);
-        }
-        document.getElementById('resultats').innerHTML = '';
-        document.getElementById('resultats').appendChild(table);
-      }
-    </script>
-  </body>
-</html>
diff --git a/style.css b/style.css
index 95f23a6..fec6702 100644
--- a/style.css
+++ b/style.css
@@ -1,139 +1,155 @@
 :root {
-/* -webkit-user-select: none; */
-    -webkit-touch-callout: none;
-    -ms-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    --color-scheme : light;
-    --ecriture: black;
-    --background: white;
-    --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-}
-
-html {
-    /* color-scheme: dark !important; */
-    color-scheme: var(--color-scheme);
-    background: var(--background);
-    color: var(--ecriture);
-    font-size: 1.5rem;
-    font-family: var(--police);
-}
-
-body {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    font-size: 16px;
-    line-height: 1.5;
-    background-color: var(--background);
-}
-
-#iframe {
-    display: flex;
-    /* width:30vh; */
-    height:76vh;
-}
-
-#iframe-1 {
-    display: flex;
-    /* margin: 5px; */
-    background-color: transparent;
-    transform: scale(0.5);
-    position: relative;
-    transform-origin: top left;
-}
-
-#iframe-2 {
-    display: flex;
-    /* margin: 5px; */
-    background-color: transparent;
-    transform: scale(0.5);
-    position: relative;
-    transform-origin: top right;
-}
-
-.iframe-div-1 {
-    /* display: block; */
-    height: 2043px;
-    width: 1477px;
-}
-
-.iframe-div-2 {
-    /* display: block; */
-    height: 2043px;
-    width: 1477px;
-}
-
-iframe {
-    /* width: 553px;
-    height: 794px; */
-    /* width: fit-content;
-    height: fit-content; */
-    width: 100%;
-    height: 100%;
-    display: block;
-    margin-bottom: 20px;
-}
-
-#img {
-    display: flex;
-    margin: 5px;
-    background-color: transparent;
-}
-
-img {
-    width: 50%;
-}
-
-label {
-    display: block;
-    margin: 10px;
-}
-
-input[type="text"] {
-    padding: 5px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-size: 16px;
-    line-height: 1.5;
-    width: 300px;
-    border-color: var(--background);
-}
-
-input[type="radio"] {
-    margin-top: 10px;
-    margin-right: 20px;
-    margin-bottom: 10px;
-    margin-left: 5px;
-}
-
-button {
-    /* padding: 5px; */
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 16px;
-    line-height: 1.5;
-    margin-bottom: 10px;
-    width: 200px;
-    height: 40px;
-}
-
-button:hover {
-    background-color: #3e8e41;
-}
-
-
-
-button:last-child {
-    margin-right: 10px;
-}
-
-h1 {
-    font-size: 15px;
-}
-
-a {
-    color: #3391ff;
-}
\ No newline at end of file
+    /* -webkit-user-select: none; */
+        -webkit-touch-callout: none;
+        -ms-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+        --color-scheme : light;
+        --ecriture: black;
+        --background: white;
+        --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        --scalenb : 0.5;
+        --iframe-width : 560px;
+        --iframe-height : 800px;
+    }
+    
+    html {
+        /* color-scheme: dark !important; */
+        color-scheme: var(--color-scheme);
+        background: var(--background);
+        color: var(--ecriture);
+        font-size: 1.5rem;
+        font-family: var(--police);
+    }
+    
+    body {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        font-size: 16px;
+        line-height: 1.5;
+        background-color: var(--background);
+    }
+    
+    #iframe {
+        display: flex;
+        /* width:30vh; */
+        height:76vh;
+        transform: scale(var(--scalenb));
+        position: relative;
+        transform-origin: top left;
+        margin: 10px;
+    }
+    
+    #iframe-1 {
+        display: flex;
+        /* margin: 5px; */
+        background-color: transparent;
+        
+    }
+    
+    #iframe-2 {
+        display: flex;
+        /* margin: 5px; */
+        background-color: transparent;
+    }
+    
+    .iframe-div-1 {
+        /* display: block; */
+        /* height: 2043px;
+        width: 1477px; */
+        height: var(--iframe-height);
+        width: var(--iframe-width);
+    }
+    
+    .iframe-div-2 {
+        /* display: block; */
+        /* height: 2043px;
+        width: 1477px; */
+        height: var(--iframe-height);
+        width: var(--iframe-width);
+    }
+    
+    iframe {
+        /* width: 553px;
+        height: 794px; */
+        /* width: fit-content;
+        height: fit-content; */
+        width: 100%;
+        height: 100%;
+        display: block;
+        margin-bottom: 20px;
+    }
+    
+    #img {
+        display: flex;
+        margin: 5px;
+        background-color: transparent;
+        transform: scale(var(--scalenb));
+        position: relative;
+        transform-origin: top left;
+    }
+    
+    img {
+        width: 50%;
+    }
+    
+    label {
+        display: block;
+        margin: 10px;
+    }
+    
+    #changepagebutton {
+        position: fixed;
+        bottom: 0px;
+        left: 50%;
+        transform: translate(-50%);
+    }
+    
+    input[type="text"] {
+        padding: 5px;
+        margin-bottom: 10px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        font-size: 16px;
+        line-height: 1.5;
+        width: 300px;
+        border-color: var(--background);
+    }
+    
+    input[type="radio"] {
+        margin-top: 10px;
+        margin-right: 20px;
+        margin-bottom: 10px;
+        margin-left: 5px;
+    }
+    
+    button {
+        /* padding: 5px; */
+        background-color: #4CAF50;
+        color: white;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 16px;
+        line-height: 1.5;
+        margin-bottom: 10px;
+        width: 200px;
+        height: 40px;
+    }
+    
+    button:hover {
+        background-color: #3e8e41;
+    }
+    
+    
+    
+    button:last-child {
+        margin-right: 10px;
+    }
+    
+    h1 {
+        font-size: 15px;
+    }
+    
+    a {
+        color: #3391ff;
+    }
\ No newline at end of file
diff --git a/style2.css b/style2.css
deleted file mode 100644
index b19bce7..0000000
--- a/style2.css
+++ /dev/null
@@ -1,155 +0,0 @@
-:root {
-/* -webkit-user-select: none; */
-    -webkit-touch-callout: none;
-    -ms-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    --color-scheme : light;
-    --ecriture: black;
-    --background: white;
-    --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    --scalenb : 0.5;
-    --iframe-width : 560px;
-    --iframe-height : 800px;
-}
-
-html {
-    /* color-scheme: dark !important; */
-    color-scheme: var(--color-scheme);
-    background: var(--background);
-    color: var(--ecriture);
-    font-size: 1.5rem;
-    font-family: var(--police);
-}
-
-body {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    font-size: 16px;
-    line-height: 1.5;
-    background-color: var(--background);
-}
-
-#iframe {
-    display: flex;
-    /* width:30vh; */
-    height:76vh;
-    transform: scale(var(--scalenb));
-    position: relative;
-    transform-origin: top left;
-    margin: 10px;
-}
-
-#iframe-1 {
-    display: flex;
-    /* margin: 5px; */
-    background-color: transparent;
-    
-}
-
-#iframe-2 {
-    display: flex;
-    /* margin: 5px; */
-    background-color: transparent;
-}
-
-.iframe-div-1 {
-    /* display: block; */
-    /* height: 2043px;
-    width: 1477px; */
-    height: var(--iframe-height);
-    width: var(--iframe-width);
-}
-
-.iframe-div-2 {
-    /* display: block; */
-    /* height: 2043px;
-    width: 1477px; */
-    height: var(--iframe-height);
-    width: var(--iframe-width);
-}
-
-iframe {
-    /* width: 553px;
-    height: 794px; */
-    /* width: fit-content;
-    height: fit-content; */
-    width: 100%;
-    height: 100%;
-    display: block;
-    margin-bottom: 20px;
-}
-
-#img {
-    display: flex;
-    margin: 5px;
-    background-color: transparent;
-    transform: scale(var(--scalenb));
-    position: relative;
-    transform-origin: top left;
-}
-
-img {
-    width: 50%;
-}
-
-label {
-    display: block;
-    margin: 10px;
-}
-
-#changepagebutton {
-    position: fixed;
-    bottom: 0px;
-    left: 50%;
-    transform: translate(-50%);
-}
-
-input[type="text"] {
-    padding: 5px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-size: 16px;
-    line-height: 1.5;
-    width: 300px;
-    border-color: var(--background);
-}
-
-input[type="radio"] {
-    margin-top: 10px;
-    margin-right: 20px;
-    margin-bottom: 10px;
-    margin-left: 5px;
-}
-
-button {
-    /* padding: 5px; */
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 16px;
-    line-height: 1.5;
-    margin-bottom: 10px;
-    width: 200px;
-    height: 40px;
-}
-
-button:hover {
-    background-color: #3e8e41;
-}
-
-
-
-button:last-child {
-    margin-right: 10px;
-}
-
-h1 {
-    font-size: 15px;
-}
-
-a {
-    color: #3391ff;
-}
\ No newline at end of file