diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 64d503e..58ebb98 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,6 +5,7 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/css/style.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/style.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -18,30 +19,30 @@
   <component name="MarkdownSettingsMigration">
     <option name="stateVersion" value="1" />
   </component>
-  <component name="ProjectColorInfo"><![CDATA[{
-  "associatedIndex": 5
-}]]></component>
+  <component name="ProjectColorInfo">{
+  &quot;associatedIndex&quot;: 5
+}</component>
   <component name="ProjectId" id="2elcnW9RNO28k5XtY4jHnP0jmTw" />
   <component name="ProjectViewState">
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "git-widget-placeholder": "feature/index",
-    "ignore.virus.scanning.warn.message": "true",
-    "kotlin-language-version-configured": "true",
-    "last_opened_file_path": "D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;feature/index&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;kotlin-language-version-configured&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
@@ -57,7 +58,7 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1712482772398</updated>
-      <workItem from="1712482773498" duration="2291000" />
+      <workItem from="1712482773498" duration="15268000" />
     </task>
     <servers />
   </component>
diff --git a/css/style.css b/css/style.css
index 3fde176..f3d2269 100644
--- a/css/style.css
+++ b/css/style.css
@@ -103,6 +103,13 @@ h1 {
 
 }
 
+#mesProjets {
+    display: none;
+}
+
+#mesProjets:target {
+    display: block;
+}
 nav {
     align-self: end;
     border-bottom: 2px solid gray;
diff --git a/images/Gazet.png b/images/Gazet.png
new file mode 100644
index 0000000..6c8cdc4
Binary files /dev/null and b/images/Gazet.png differ
diff --git a/images/SAEandroid.png b/images/SAEandroid.png
new file mode 100644
index 0000000..a227238
Binary files /dev/null and b/images/SAEandroid.png differ
diff --git a/index.html b/index.html
index 94bad68..be241dd 100644
--- a/index.html
+++ b/index.html
@@ -88,21 +88,40 @@
         </div>
       </div>
     </section>
-    <section id="mesProjets">
+    <section id="mesProjets" class="main-content">
       <h2>Mes projets</h2>
       <div>
-        <div class="compcase">
+        <div class="compcase" id="comp">
           <h4>SAE de première année : </h4>
-          <p> Cette SAE m'a permis d'apprendre a développer un application en C#, Maui. J'ai pu a travers elle développer une application de type master-details :  </p>
+          <p> Cette SAE m'a permis d'apprendre a développer un application en C#, Maui. J'ai pu a travers elle développer
+            une application de type master-details. J'ai vraiment pu profiter de ce projet pour acquérir la compétence de
+          développer des applications dans ce langage.</p>
           <img class="img-competences" src="/containers/roxanerossetto-portfolio2a/images/MCTG.png" alt="Image représentant la page d'accueil du master-details. Il y a un menu sur la droite, avec plusieurs bouton dont la connexion, un champs de recherche, et 3 filtres, entrées, plats, desserts. Sur le reste de l'image se trouve les images miniatures et le titre de chaque recette proposée.">
-          <h4>SAE de deuxième année : </h4>
-          <p>Durant cette SAE, j'ai pu developpé deux applications en équipe. Pour la première, il s'agit d'une
-            application web en PHP pour la récupération de flux RSS (se sont des flux qui permettent de recevoir tous
-            les nouveaux articles suivant les sites favoris que l'on a ajouté sur l'application). J'ai vraiment pu
-            m'améliorer dans ce langage à travers ce projet et acquérir les compétences necessaires au developpement
-            d'une application dans ce langage. </p>
         </div>
+        <div class="compcase">
+          <div>
+            <h4>SAE de deuxième année : </h4>
+            <p>Première partie
+              <br>
+              Durant cette SAE, j'ai pu developpé deux applications en équipe. Pour la première, il
+              s'agit d'une application web en PHP pour la récupération de flux RSS (se sont des flux qui permettent de
+              recevoir tous les nouveaux articles suivant les sites favoris que l'on a ajouté sur l'application). J'ai
+              vraiment pu m'améliorer dans ce langage à travers ce projet et acquérir les compétences necessaires au
+              developpement d'une application dans ce langage.
+              <br><br>
+              Deuxième partie
+              <br>
+              Dans la seconde partie de l'année j'ai pu
+              developpé une application android en équipe. Cela m'a grandement aidé a progresser dans ce langage, et a
+              approfondit les concepts de developpement d'application au sens plus large du terme. C'est a dire que l'on
+              y trouve des problématiques redondantes telles que, la sauvegarde des données en base de données, la mise
+              à jour de l'application lors de sa manipulation et la sauvegarde des données lors de la mise en arrière
+              plan de l'application. Se sont des parties d'une application essentielles à son bon fonctionnement.
+            </p>
+            <img id="imgGazet" src="/containers/roxanerossetto-portfolio2a/images/Gazet.png" alt="Image représentant l'interface d'ajout d'article que j'ai pu faire durant cette SAE. Elle est composée d'un titre ADD ARTICLE, et de plusieurs champs de saisie. Il y a également un carrousel horizontal pour pouvoir choisir les collections dans lesquelles on souhaite ajouter l'article.">
+          </div>
         </div>
+      </div>
     </section>
     <script>
     </script>