diff --git a/.DS_Store b/.DS_Store
index 9d9a33e..23c5784 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/index.html b/index.html
index 8cc3dfe..4f95dc8 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,8 @@
         <div class="grid-container">
             <section class="card">
                 <h3>A propos de moi :</h3>
-                <div class="qualite">
+                <div class="cadre_photo">
+                    <img src="moi.png" alt="photo de moi" class="photo">
                     <p>
 
                         Je suis Etienne Veau étudiant en 1er année du B.U.T informatique au sein de L’IUT d’Aubière.
diff --git a/moi.png b/moi.png
new file mode 100644
index 0000000..8661b5c
Binary files /dev/null and b/moi.png differ
diff --git a/style.css b/style.css
index 8f62ccd..5c0691b 100644
--- a/style.css
+++ b/style.css
@@ -38,6 +38,40 @@ nav a:hover {
     color: #7e7e7e;
 }
 
+
+.cadre_photo {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin: 1rem 0;
+    padding: 2rem;
+    background-color: #484747;
+    border-radius: 5px;
+}
+
+.cadre_photo .photo {
+    width: 185px;
+    height: 185px;
+    border-radius: 25%;
+    border: 2px solid #8a8e91;
+    object-fit: cover;
+}
+
+.cadre_photo p {
+    flex: 1;
+    color: #e6e6e6;
+    font-size: 1rem;
+    line-height: 1.5;
+
+}
+
+.qualite {
+    margin: 1rem 0;
+    padding: 2rem;
+    background-color: #484747;
+    border-radius: 5px;
+}
+
 .container {
     max-width: 1000px;
     width: 100%;
@@ -62,13 +96,7 @@ nav a:hover {
     grid-template-columns: 1fr;
 }
 
-.qualite {
-    margin: 1rem 0;
-    padding: 2rem;
-    background-color: #484747;
-    border-radius: 5px;
 
-}
 
 
 .timeline-item {