diff --git a/README.md b/README.md
index a47d82c..0147a9e 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,6 @@
 
 ## Pages ajoutees
 - [x] IMEMA
-- [] Pongzilla
+- [ ] Pongzilla
 - [x] ConcordVC
-- [x] Porsche 944
\ No newline at end of file
+- [x] Porsche 944
diff --git a/content/CV.md b/content/CV.md
new file mode 100644
index 0000000..ff1d6fc
--- /dev/null
+++ b/content/CV.md
@@ -0,0 +1,45 @@
++++
+title = "CV Thomas LETELLIER"
+description = "Curriculum Vitae de Thomas LETELLIER"
+
+[extra]
+keywords = ["CV", "Thomas LETELLIER", "letellier", "Hatmos", "hatmos"]
++++
+
+# Thomas LETELLIER
+
+- Tel : 07 80 33 57 13
+- Mail : thomas.letellier2812@gmail.com
+
+---
+
+## Experiences Professionnelles
+
+>### Technicien en Automatisme
+>#### Direction Maitre de l'Energie Ville de Besancon
+>- Developpement et mise a jour de logiciel de journalisation Modbus
+>- Conception et cablage d'armoires electriques
+>- Programmation d'automates Siemens et Soffrel
+
+>### Alternant Technicien en Automatisme
+>#### Eiffage Energie Systemes Clemessy
+>- Conception de vues de supervision pour une Unite de Valorisation Energetique
+>- Installation et interfacage d'une Interface Homme Machine pour un reseau de froid urbain
+>- Conception et presentation d'une supervision aupres d'un client
+
+## Formation
+
+>### DUT Genie Electrique et informatique industrielle
+>#### Institut Universitaire de Technologie de Rouen
+
+>### Baccalaureat General
+>#### Lycee Polyvalent Raymond Queneau
+
+## Competences
+
+>- Programmation informatique : Rust, C, Python
+>- Programmation Automate : Structure, LADDER, Grafcet
+>- Conception et assemblage de cartes electroniques
+>- Conception de modeles 3D sur Solidworks 3DExperience
+>- Pack Office
+>- Systemes Linux
diff --git a/content/accomplissements/server-gitea.md b/content/accomplissements/server-gitea.md
new file mode 100644
index 0000000..be5d689
--- /dev/null
+++ b/content/accomplissements/server-gitea.md
@@ -0,0 +1,21 @@
++++
+title = "Serveur Gitea"
+description = "Une page qui explique comment j'ai mis en place un clone auto-heberge de github dans mon salon."
+
+[extra]
+keywords = ["gitea", "github", "homeserver"]
++++
+
+# Les premices du projet
+
+Dans mon voyage dans le monde de la programmation informatique, j'ai fini par eprouver la necessite de versionner les programmes que je developpe.
+Pour j'ai commence a utiliser git mais le besoin de travailler durant les trajets pour optimiser le temps de locomotion m'a pousse a chercher une solution de serveur pour stocker tous ces repo git.
+Je ne voulais pas dependre de microsoft et leur grille tariffaire, j'ai donc porte mon choix sur Gitea.
+
+# La mise en oeuvre
+
+
+
+# La version actuelle de l'installation
+
+
diff --git a/content/objectifs/porsche-944.md b/content/objectifs/porsche-944.md
index d908b62..330f0b3 100644
--- a/content/objectifs/porsche-944.md
+++ b/content/objectifs/porsche-944.md
@@ -6,4 +6,4 @@ description = "Objectifs de Voiture de reve"
 keywords = ["porsche 944", "porsche", "dream car", "hatmos", "Hatmos"]
 +++
 
-{{ image(src="/porsche-944-2-7.jpeg" ,alt="Porsche 944 2.7L 1989", width="1200px") }}
+{{ image(src="/porsche-944-2-7.jpeg" ,alt="Porsche 944 2.7L 1989", width="100%") }}
diff --git a/static/style.css b/static/style.css
index 2e1b5cf..46f494e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -56,3 +56,15 @@ blockquote{
 footer{
   margin: 5px;
 }
+
+.layout{
+  display:grid;
+  grid-template-columns: 2fr 1fr;
+  gap: 2rem;
+}
+
+@media (min-width: 900px){
+  .layout{
+    grid-template-columns: 1fr 300px;
+  }
+}
diff --git a/templates/base.html b/templates/base.html
index 0b75c07..c9a5fdf 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,12 +12,17 @@
     <ul class="nav-list">
       <li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/accomplissements/_index.md')}}">Accomplissements</a></li>
       <li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/objectifs/_index.md')}}">Objectifs</a></li>
-      <li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/cv/CV.md')}}">CV</a></li>
+      <li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/CV.md')}}">CV</a></li>
     </ul>
   </nav>
-  <section>
-    {% block content %} {% endblock content %}
-  <section>
+  <div class="layout">
+    <section>
+      {% block content %} {% endblock content %}
+    <section>
+    <aside>
+      {% include "partials/aside.html" %}
+    </aside>
+  </div>
 </body>
 <footer>
   <small class="footer-text">© <script>document.write(new Date().getFullYear())</script> Hatmos. All Rights Reserved.</small>
diff --git a/templates/partials/aside.html b/templates/partials/aside.html
new file mode 100644
index 0000000..ecda244
--- /dev/null
+++ b/templates/partials/aside.html
@@ -0,0 +1,4 @@
+{% if page.extra.aside %}
+  {% set aside = load_data(path="content/" ~ page.extra.aside) %}
+  {{ aside | markdown | safe }}
+{% endif %}