diff --git a/siteWEB/0_accueil.html b/siteWEB/0_accueil.html
new file mode 100644
index 0000000..505e0a4
--- /dev/null
+++ b/siteWEB/0_accueil.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="fr">
+<head>
+  <meta charset="utf-8">
+  <title>SAE 1.06 - Accueil</title>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+  <header>
+    <h1>
+      <a href="0_accueil.html">SAE 1.06</a>
+    </h1>
+  </header>
+  <nav class="flex-container">
+    <a href="1_caracteristiques.html">Caractéristiques demandeurs et offreurs</a>
+    <a href="2_acteurs_eco.html">Acteurs économiques</a>
+    <a href="3_SWOT.html">S.W.O.T.</a>
+    <a href="4_Ecolo.html">Écologie</a>
+  </nav>
+
+  <div class="presentation">
+    <h2>Présentation</h2>
+    <p>Lorem ipsum</p>
+  </div>
+
+  <div class="carac">
+    <h2>Caractéristiques des demandeurs et offreurs</h2>
+    <p>Lorem ipsum</p>
+  </div>
+
+  <div class="acteurs">
+    <h2>Les acteurs économiques</h2>
+    <p>Lorem ipsum</p>
+  </div>
+
+  <div class="swot">
+    <h2>Représentation du SWOT sous forme de tableau</h2>
+    <table class="tabswot">
+        <thead>
+            <tr>
+                <td>Forces : 
+                    -force1
+                    -force2
+                </td>
+                <td>Faiblesses :
+                    -faib1
+                    -faib2    
+                </td>
+            </tr>
+
+            <tr>
+                <td>Opportunités :
+                    -opp1
+                    -opp2    
+                </td>
+                <td>Menaces :
+                    -mena1
+                    -mena2    
+                </td>
+            </tr>
+        </thead>
+    </table>
+  </div>
+
+  <div class="eco">
+    <h2>Notre empreinte carbone</h2>
+    <p>Lorem ipsum</p>
+  </div>
+
+  <footer>test footer</footer>
+</body>
+</html>
diff --git a/siteWEB/style.css b/siteWEB/style.css
index e69de29..71b2c0e 100644
--- a/siteWEB/style.css
+++ b/siteWEB/style.css
@@ -0,0 +1,93 @@
+
+header {
+    width: 1500px;
+    background-color: #2d3d65;
+    text-align: center;
+    margin : auto;
+    font-family: "Helvetica";
+    font-size : 30px;
+    padding-top: 1px;
+    padding-bottom: 2px;
+    margin-bottom: 5px;
+}
+
+.presentation {
+    border-style: solid;
+    border : 5px;
+    border-color: black;
+    font-family: "Helvetica";
+    font-size: 30px;
+    background-color: #7dced1;
+    
+
+}
+
+.acteurs {
+    font-family: "Helvetica";
+    font-size : 30px;
+    background-color: hsl(51, 89%, 55%);
+}
+
+.carac {
+    font-family: "Helvetica";
+    font-size : 30px;
+    background-color: rgb(160, 79, 241);
+}
+
+.eco {
+    font-family: "Helvetica";
+    font-size : 30px;
+    background-color: rgb(92, 209, 98);
+}
+
+table, th, td{
+    border: 1px solid #555555;
+    background-color: #e8ff74;
+    color : black;
+    opacity: 100%;
+    margin-top : 10px ;
+    text-align :center;
+    font-family : "Helvetica";
+}
+.swot {
+    font-family: "Helvetica";
+    font-size: 30px;
+    background-color: #ff6c8a;
+}
+
+.flex-container {
+    background-color: hsl(209, 100%, 37%);
+    background-size: 10px;
+    border: 1px;
+    height: 50px;
+    font-style: normal;
+    font-family: "Helvetica";
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+a:link {
+	color: white;
+	text-decoration: none;
+}
+
+a:visited {
+	color: rgb(91, 210, 80);
+	text-decoration: none;
+}
+
+a:hover {
+	color: rgb(0, 255, 225);
+	text-decoration: none;
+} 
+
+a:active {
+    color: #888888;
+    text-decoration: none;
+}
+
+footer {
+    font-family: "Helvetica";
+    background-color: #609c9c;
+}
\ No newline at end of file

Forces : + -force1 + -force2 +	Faiblesses : + -faib1 + -faib2 +
Opportunités : + -opp1 + -opp2 +	Menaces : + -mena1 + -mena2 +