diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ad613a2..c5114f5 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,7 +5,10 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="0d4e44dc-11e8-4d37-b8e5-1f58496791d5" name="Changes" comment="">
+      <change afterPath="$PROJECT_DIR$/images/cv_rox.jpg" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/images/graphes.png" afterDir="false" />
       <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" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -30,7 +33,7 @@
   "keyToString": {
     "RunOnceActivity.OpenProjectViewOnStart": "true",
     "RunOnceActivity.ShowReadmeOnStart": "true",
-    "git-widget-placeholder": "master",
+    "git-widget-placeholder": "Merging master",
     "ignore.virus.scanning.warn.message": "true",
     "kotlin-language-version-configured": "true",
     "last_opened_file_path": "D:/Utilisateurs/Roxane/IUT/PORTFOLIODOCKER/Portfolio2A",
diff --git a/css/style.css b/css/style.css
index 4a58a6e..0f67aa4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -28,9 +28,9 @@ h1 {
 
 
 .sidebar {
+    display: flex;
     position: sticky;
     top: 5%;
-    display: flex;
     flex-direction: column;
     width: 20%;
     max-height: 500px;
@@ -42,8 +42,8 @@ h1 {
     margin-right: 10px;
 }
 .backimgid {
-    width: 60%;
-    height: 60%;
+    margin: 10px;
+    padding: 10px;
     background-color: #888888;
     border-radius: 10px;
     position: relative;
@@ -100,15 +100,27 @@ h1 {
     border: 2px solid gray;
     border-radius: 20px;
     margin-left: 10px;
+    padding: 20px;
+}
+
+
 
+#mesProjets:target {
+    display: block;
 }
 
+#bigC {
+    display: flex;
+    flex-direction: column;
+}
 
 nav {
     position: sticky;
-    align-self: end;
-    border-bottom: 2px solid gray;
-    border-left: 2px solid gray ;
+    width: fit-content;
+    align-self: flex-end;
+    top: 5%;
+    margin-right: 25%;
+    border: 2px solid gray;
     padding: 10px;
     border-bottom-left-radius: 20px;
     border-top-right-radius: 20px ;
@@ -135,6 +147,20 @@ nav ul li a {
     margin: 20px;
 }
 
+#a-propos:target {
+    display: block;
+}
+
+#mesProjets:target {
+    display: block;
+}
+
+#cv:target {
+    display: block;
+}
+
+
+
 section {
     margin-bottom: 40px;
     display: none;
@@ -174,6 +200,11 @@ section h2 {
     padding: 20px;
 }
 
+#imgcv {
+    padding: 10px;
+    width: 75%;
+
+}
 
 ::-moz-selection {
     background: #b3d4fc;
diff --git a/images/cv_rox.jpg b/images/cv_rox.jpg
new file mode 100644
index 0000000..e97349e
Binary files /dev/null and b/images/cv_rox.jpg differ
diff --git a/images/graphes.png b/images/graphes.png
new file mode 100644
index 0000000..7175715
Binary files /dev/null and b/images/graphes.png differ
diff --git a/index.html b/index.html
index 83aa4d7..be2e515 100644
--- a/index.html
+++ b/index.html
@@ -7,13 +7,7 @@
   <title>Roxane Rossetto Portfolio </title>
   <link rel="stylesheet" href="/containers/roxanerossetto-portfolio2a/css/style.css">
   <meta name="description" content="">
-
   <link rel="icon" href="/containers/roxanerossetto-portfolio2a/favicon.ico" sizes="any">
-  <link rel="icon" href="/icon.svg" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="icon.png">
-
-  <link rel="manifest" href="site.webmanifest">
-  <meta name="theme-color" content="#fafafa">
 </head>
 
 <body>
@@ -40,61 +34,60 @@
       </li>
     </ul>
   </section>
-  <section class="main-content">
-    <nav>
+  <div id="bigC">
+    <nav >
       <ul>
         <li><a href="#a-propos">À Propos</a></li>
         <li><a href="#mesProjets">Projets</a></li>
         <li><a href="#cv">CV</a></li>
-        <li><a href="#experience">Expérience</a></li>
       </ul>
     </nav>
-    <section id="a-propos">
-      <h2>À Propos de Moi</h2>
-      <div class="separator"></div>
-      <p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine
-        de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever
-        de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination,
-        des qualités essentielles dans ce cheminement de reconversion. <br><br>
-        Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la
-        recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis
-        dans des projets dans lesquels je m'exerce dans divers types de developpement.
-        Je suis convaincue que cette transition professionnelle est la bonne voie pour moi, et je suis déterminée à mettre
-        tout en œuvre pour atteindre mes objectifs dans le domaine de l'informatique.
-      </p>
-      <div class="separator"></div>
-      <h2> Ce que je fais</h2>
-      <div id="watamIdoing">
-        <div class="compcase" id="comp1">
-          <h4>Développement d'applications</h4>
-          <p>Application c#, maui, mais aussi php et android-compose</p>
-        </div>
-        <div class="compcase" id="comp2">
-          <h4>Optimisation d'applications</h4>
-          <p>Exploration algorithmique, Optimisation d'algorithme</p>
-        </div>
-        <div class="compcase" id="comp3">
-          <h4>Administrer des systèmes informatiques</h4>
-          <p>Projets de réseaux, </p>
-        </div>
-        <div class="compcase" id="comp4">
-          <h4>Collaborer au sein d'une équipe informatique</h4>
-          <p></p>
-        </div>
-      </div>
-    </section>
-    <section id="mesProjets" class="main-content">
-      <h2>Mes projets</h2>
-      <div>
-        <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. 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.">
+    <section class="main-content">
+      <section id="a-propos">
+        <h2>À Propos de Moi</h2>
+        <div class="separator"></div>
+        <p>Je suis une étudiante en reconversion professionnelle, ayant décidé de passer de la maréchalerie au domaine
+          de l'informatique. Cette transition découle de ma passion pour la technologie et mon désir de relever
+          de nouveaux défis. Mon parcours atypique m'a inculqué des valeurs telles que la persévérance et la détermination,
+          des qualités essentielles dans ce cheminement de reconversion. <br><br>
+          Je suis motivée par les défis intellectuels et technologiques que ce domaine offre, et je suis toujours à la
+          recherche d'opportunités pour élargir mes connaissances et mes compétences. Dans le cadre de mes études, je m'investis
+          dans des projets dans lesquels je m'exerce dans divers types de developpement.
+          Je suis convaincue que cette transition professionnelle est la bonne voie pour moi, et je suis déterminée à mettre
+          tout en œuvre pour atteindre mes objectifs dans le domaine de l'informatique.
+        </p>
+        <div class="separator"></div>
+        <h2> Ce que je fais</h2>
+        <div id="watamIdoing">
+          <div class="compcase" id="comp1">
+            <h4>Développement d'applications</h4>
+            <p>Application c#, maui, mais aussi php et android-compose</p>
+          </div>
+          <div class="compcase" id="comp2">
+            <h4>Optimisation d'applications</h4>
+            <p>Exploration algorithmique, Optimisation d'algorithme</p>
+          </div>
+          <div class="compcase" id="comp3">
+            <h4>Administrer des systèmes informatiques</h4>
+            <p>Projets de réseaux, </p>
+          </div>
+          <div class="compcase" id="comp4">
+            <h4>Collaborer au sein d'une équipe informatique</h4>
+            <p></p>
+          </div>
         </div>
-        <div class="compcase">
-          <div>
+      </section>
+      <section id="mesProjets" class="main-content">
+        <h2>Mes projets</h2>
+        <div>
+          <div class="compcase" id="comp5">
+            <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. 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.">
+          </div>
+          <div class="compcase" id="comp666">
             <h4>SAE de deuxième année : </h4>
             <p>Première partie
               <br>
@@ -114,11 +107,30 @@
               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.">
+            <p>De plus lors de cette SAE, j'ai au début eu du mal à trouver ma place au sein de cette équipe. Cependant ce fut une excellente
+              expérience qui m'a permis de vraiment développer ma compétence de collaboration dans une équipe de développeur. De fait, j'ai du
+              prendre du recul et m'appuyer sur certaines techniques de management tel que de la négociation gagnant-gagnant ou la communication ouverte
+              pour pouvoir améliorer mes échanges. Je suis satisfaite du résultat puisque la deuxième partie de notre SAE s'est bien mieux déroulée.
+              C'est pourquoi je peux dire que j'ai encore bien fais évoluer ma compétence à collaborer au sein d'une équipe informatique.</p>
+          </div>
+          <div class="compcase" id="comp7">
+            <h4>SAE d'optimisation algorithmique : </h4>
+            <p> Cette SAE fait partie de celles que j'ai le plus apprécié. Effectivement, durant celle-ci j'ai pu librement
+              faire toute une partie avec la confiance de mon binôme. L'objectif de cette SAE était de choisir la structure
+              la plus adapté pour manipuler un graphe représentant des routes. Je suis contente car j'ai très bien réussis à la faire
+              et surtout j'ai bien saisi l'importance de chacune des structures qui nous étaient presenté. C'est aussi grâce
+              à notre équipe et notre organisation que j'ai pu travailler aussi bien. En effet au départ nous avions décidé d'une certaine
+              organisation, mais comme nous avons travaillé régulièrement en communiquand souvent, j'ai pu lui proposer une
+              autre solution pour une partie de la SAE. C'est pourquoi je pense avoir acquis les compétences de conduire un
+              projet avec souplesse, ainsi que d'optimiser des algorithme.
+              C'est une image correspondant a un graphe representant un reseau routier. Chaque sommet correspond à une place, et chaque arrete à une rue que l'on peut prendre dans un sens ou un autre :</p>
+            <img id="imgGraphe" src="/containers/roxanerossetto-portfolio2a/images/graphes.png" alt="Photo du graphe orientés a 8 sommets">
           </div>
         </div>
-      </div>
-    </section>
-    <script>
-    </script>
+      </section>
+      <section id="cv">
+        <img id="imgcv" src="images/cv_rox.jpg">
+      </section>
+  </div>
 </body>
 </html>
