diff --git a/COGNET/.idea/COGNET.iml b/COGNET/.idea/COGNET.iml
new file mode 100644
index 0000000000000000000000000000000000000000..24643cc37449b4bde54411a80b8ed61258225e34
--- /dev/null
+++ b/COGNET/.idea/COGNET.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/COGNET/.idea/modules.xml b/COGNET/.idea/modules.xml
new file mode 100644
index 0000000000000000000000000000000000000000..15d23a4fd231f43b872e5e94fcfbfcc1214eda2d
--- /dev/null
+++ b/COGNET/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/COGNET.iml" filepath="$PROJECT_DIR$/.idea/COGNET.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/COGNET/.idea/vcs.xml b/COGNET/.idea/vcs.xml
new file mode 100644
index 0000000000000000000000000000000000000000..6c0b8635858dc7ad44b93df54b762707ce49eefc
--- /dev/null
+++ b/COGNET/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/COGNET/index.html b/COGNET/index.html
index f47b899418a44e55dd7ddff6147d392304eeeef6..599810e0c7db34533a210ea5d469c8504b07b4fd 100644
--- a/COGNET/index.html
+++ b/COGNET/index.html
@@ -1 +1,38 @@
-claesz vanitas 1630 nuremberg
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>TP 1</title>
+    <style>
+        body { margin: 0; }
+        canvas { width: 100%; height: 100%; }
+        .centre { text-align: center; }
+    </style>
+</head>
+<body>
+<!-- API importée du site de Three.js -->
+<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>
+<script type="importmap">
+    {
+        "imports": {
+            "three": "https://threejs.org/build/three.module.js",
+            "three/addons/": "https://threejs.org/examples/jsm/"
+        }
+    }
+</script>
+
+<!-- jQuery pour afficher les erreurs -->
+<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+
+<!-- Un titre centré -->
+<h1 class="centre">claesz vanitas 1630 nuremberg</h1>
+<!-- Affichage de l'image suivante : img.jpg-->
+<img src="img.jpg" class="centre" alt="claesz vanitas 1630 nuremberg" style="width: 50%; height: auto;">
+
+
+<div id="webGL" class="centre"></div>
+<!-- Mon script avec un chemin relatif -->
+<script type="module" src="main.js"
+></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/COGNET/main.js b/COGNET/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391