diff --git a/index.html b/index.html
index 23487d8..407a5c4 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     </header>
 
     <nav>
-        <h1>Table des matières</h1>
+        <h3>Table des matières</h3>
         <ol>
             <li>
                 <ol>
@@ -33,7 +33,7 @@
     </div>
 
     <section id="1">
-        <h2>Structure de marché, caractéristiques des acteurs externes</h2>
+        <h2 titlenum="1.1">Structure de marché, caractéristiques des acteurs externes</h2>
 
         <p>Notre entreprise propose ses services à de très nombreuses entreprises et particuliers. Nous ne sommes pas la
             première entreprise à se tourner vers ce marché et nous ne serons pas non plus les derniers. Ainsi nous
@@ -62,7 +62,7 @@
             meilleure prestation pour ces services.</p>
 
         <section id="1-2">
-            <h3>Acteurs économiques concernés et leurs rôles</h3>
+            <h3 titlenum="1.2">Acteurs économiques concernés et leurs rôles</h3>
 
             <p>Notre entreprise met en location des véhicules mais ne les produit pas. Nous faisons appel à des
                 fournisseurs de différents types qui vont nous procurer les véhicules (aussi bien les constructeurs que
@@ -79,7 +79,7 @@
     </section>
 
     <section id="2">
-        <h2>Forces et faiblesses</h2>
+        <h2 titlenum="2">Forces et faiblesses</h2>
 
         <p>Le milieu de la location de véhicules est un milieu complexe. Tout d’abord c’est un milieu qui dispose
             d’indéniables forces : les véhicules une fois loués coûtent peu à entretenir et peuvent rapporter beaucoup
@@ -102,8 +102,9 @@
             longtemps.</p>
 
         <figure>
-            <figcaption>Voici un SWOT de notre entreprise :</figcaption>
-            <table>
+            <figcaption>Un <abbr title="Strengths Weaknesses Opportinities Treats">SWOT</abbr> de notre entreprise :
+            </figcaption>
+            <table id="swot">
                 <tr>
                     <th id="strengths">Forces</th>
                     <th id="weaknesses">Faiblesses</th>
@@ -192,10 +193,10 @@
     </section>
 
     <section id="3">
-        <h2>Empreinte carbone de l’entreprise</h2>
+        <h2 titlenum="3">Empreinte carbone de l’entreprise</h2>
 
         <div>
-            <h3>Grousseau Mathieu :</h3>
+            <h3 class="name-title">Grousseau Mathieu :</h3>
             <p>Pour pouvoir évaluer notre empreinte carbone nous devons prendre en compte l’aspect énergétique de
                 l'entreprise en elle-même : c’est-à-dire l’énergie que nous consommons pour faire fonctionner
                 l’entreprise comme l’éclairage mais aussi l’énergie que nous consommons pour faire fonctionner nos
@@ -212,7 +213,7 @@
         </div>
 
         <div>
-            <h3>Cléo Eiras :</h3>
+            <h3 class="name-title">Cléo Eiras :</h3>
             <p>Étant donné que nous gérons une entreprise de location de voiture, pour juger l’empreinte carbone de
                 notre entreprise nous devons prendre en compte la consommation d’essence de chaque véhicule. Il faut
                 aussi prendre en compte comment nous gérons la fin de vie de nos véhicules dans l’empreinte carbone
@@ -223,7 +224,7 @@
         </div>
 
         <div>
-            <h3>Mathis DELAGE:</h3>
+            <h3 class="name-title">Mathis Delage :</h3>
             <p>Pour évaluer notre empreinte carbone, nous devons prendre en compte l'impact environnemental de notre
                 entreprise dans son ensemble avec par exemple l'énergie nécessaire pour maintenir notre site web et nos
                 bases de données.</p>
@@ -236,7 +237,7 @@
         </div>
 
         <div>
-            <h3>Mathis MOULIN:</h3>
+            <h3 class="name-title">Mathis Moulin :</h3>
             <p>Tout d'abord afin de juger l'empreinte carbone mon entreprise je regarderai notre façon de louer nos
                 véhicules en commençant par compter le nombre de nos véhicules, de quelle manière nous les stockons,
                 quelle est leurs anciennetés mais aussi leurs empreintes carbones ainsi je pourrais faire une moyenne de
@@ -263,7 +264,7 @@
         <h2>Les documents de rendu et l'environnement</h2>
 
         <div>
-            <h3>Grousseau Mathieu :</h3>
+            <h3 class="name-title">Grousseau Mathieu :</h3>
             <p>Les deux modes de rendu cités ont un impact environnemental. En ce qui concerne le format papier, nous
                 devons prendre en compte que le papier est communément fait à partir de fibres végétales ("pâte de
                 bois”) qui nécessite des ressources végétales en premier lieu mais aussi d’une grande quantité d’eau.
@@ -283,7 +284,7 @@
                 accessibles, tout en prenant en compte la manière dont est produite l’électricité.</p>
         </div>
         <div>
-            <h3>Cléo Eiras :</h3>
+            <h3 class="name-title">Cléo Eiras :</h3>
             <p>Le format papier est un format auquel nous sommes sensibilisés depuis déjà longtemps, en effet depuis
                 notre enfance nous sommes tous exposés au fait que le papier a un impact sur l’environnement à travers
                 la coupe des arbres nécessaires, et couper des arbres a forcément un impact environnemental non
@@ -302,7 +303,7 @@
                 plus gros impact sur l’environnement.</p>
         </div>
         <div>
-            <h3>Mathis DELAGE:</h3>
+            <h3 class="name-title">Mathis Delage :</h3>
             <p>Pour évaluer l'empreinte environnementale d'un dossier numérique et d'une version papier, il faut prendre
                 en compte plusieurs éléments.</p>
             <p>Pour le dossier numérique, il faut considérer l'énergie nécessaire pour produire et utiliser l'appareil
@@ -325,7 +326,7 @@
                 smartphones, etc.) Malgré le fait que nous allons rendre les fichiers source du site web.</p>
         </div>
         <div>
-            <h3>Mathis MOULIN:</h3>
+            <h3 class="name-title">Mathis Moulin :</h3>
             <p>Il existe plusieurs modes de rendu tels qu’un rendu physique sur papier, via le stockage du travail dans
                 un disque dur externe tel qu’une simple clé usb ou encore par l’envoie d’un mail qui contient le travail
                 en pièce jointe tous ont leurs avantages et défaut.</p>
diff --git a/styles/base.css b/styles/base.css
index e69de29..780af1d 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -0,0 +1,86 @@
+html,
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+html {
+    margin: 0;
+    padding: 0;
+}
+
+body {}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+    text-decoration: underline;
+}
+
+h2[titlenum]::before,
+h3[titlenum]::before,
+h4[titlenum]::before,
+h5[titlenum]::before,
+h6[titlenum]::before {
+    content: attr(titlenum) " - ";
+}
+
+.name-title {
+    font-weight: normal;
+}
+
+section {}
+
+section>h2,
+section>h3,
+section>h4,
+section>h5,
+section>h6 {
+    position: relative;
+}
+
+section>p,
+section div p {
+    text-align: justify;
+}
+
+#swot {
+    border-collapse: collapse;
+}
+
+#swot th,
+#swot td {
+    width: 50%;
+    border-style: solid;
+    border-width: thin;
+}
+
+@media (min-width: 900px) {
+    body {
+        margin-left: auto;
+        margin-right: auto;
+        width: 80%;
+    }
+
+    section {
+        padding-left: 1rem;
+    }
+
+    section>h2,
+    section>h3,
+    section>h4,
+    section>h5,
+    section>h6 {
+        right: 1rem;
+    }
+}
\ No newline at end of file