diff --git a/documents/poster/PowerPoint.pptx b/documents/poster/PowerPoint.pptx
new file mode 100644
index 0000000000000000000000000000000000000000..1a354f9324a25eba657c8e05fd47d69c11983a2d
Binary files /dev/null and b/documents/poster/PowerPoint.pptx differ
diff --git a/webapp/views/create-meeting.ejs b/webapp/views/create-meeting.ejs
index 0682c6068706f021a3e1ca202281cc75f613b89b..ae06b591da1f2b4f7e7a642418e8598744255e67 100644
--- a/webapp/views/create-meeting.ejs
+++ b/webapp/views/create-meeting.ejs
@@ -42,7 +42,7 @@
 </script>
 
 <%- include('elements/nav.inc.ejs') %>
-<div class="col-lg-8 offset-lg-2">
+<div class="col-lg-10 offset-lg-1">
 
   <div class="card">
     <div class="card-body">
@@ -52,13 +52,6 @@
       </div>
 
       <form>
-        <div class="form-group row">
-          <label for="meeting_name" class="col-sm-4 col-form-label">Id</label>
-          <div class="col-sm-8">
-            <input class="w-100" type="number" placeholder="id" id="id">
-          </div>
-        </div>
-
         <div class="form-group row">
           <label for="meeting_name" class="col-sm-4 col-form-label">Meeting name</label>
           <div class="col-sm-8">
diff --git a/webapp/views/elements/nav.inc.ejs b/webapp/views/elements/nav.inc.ejs
index dd23bde55430ff13073ff6278e88d805f78746d6..3b9dde005169c88d014e5244e8ee1bc8e220e3f0 100644
--- a/webapp/views/elements/nav.inc.ejs
+++ b/webapp/views/elements/nav.inc.ejs
@@ -1,4 +1,4 @@
-<nav class="navbar d-lg-none d-flex nav-mobile-header">
+<nav class="navbar d-lg-none d-flex nav-mobile-header mb-5">
   <div class="justify-content-start">
     <button class="btn" id="navbarToggler">
       <i class="fas fa-bars fa-lg"></i>
diff --git a/webapp/views/index.ejs b/webapp/views/index.ejs
index 941b30095a609a5196ff78140d77d511a4b5f2ac..5dd9e15d96253633798c6691e08a044af7ce5f0b 100644
--- a/webapp/views/index.ejs
+++ b/webapp/views/index.ejs
@@ -33,7 +33,7 @@
         <h1 class="mb-5">Load meeting</h1>
 
         <form class="mb-4">
-          <input class="w-100" type="text" value="0" placeholder="0" id="id_meeting">
+          <input class="w-100" type="text" value="1352698ce0d3f78098da37219c7154a14f351484" placeholder="0" id="id_meeting">
         </form>
         <button class="btn btn-primary" type="button" name="button" onclick="check_id()">Search</button>
 
diff --git a/webapp/views/js/meeting.js b/webapp/views/js/meeting.js
index bba43569ba8ca67d084d5988d03cf057a26ba6e8..c41d87a3bed7db617b8fe2e2edeec9fc1e238779 100644
--- a/webapp/views/js/meeting.js
+++ b/webapp/views/js/meeting.js
@@ -44,8 +44,36 @@ socket.on('get_meeting', function(data){
   $('#users').html('')
 
   const parameters = `
+
+
+  <div class="card mb-5 w-100 mx-3">
+  <div class="card-body">
+
+  <div class="row">
+
+  <div class="col-md-3">
+  <h2 class="font-weight-bold mb-3 d-inline">Code: </h2>
+  </div>
+
+  <div class="col-md-9 text-md-right">
+  <h2 class="d-inline font-weight-bold"><small>${id_meeting}</small></h2>
+  </div>
+
+  <p class="text-muted ml-3 mt-4 text-right">Ce code correspond à ce rendez-vous. Partagez-le avec les personnes concernées.</p>
+
+  </div>
+
+  </div>
+  </div>
+
+
+
   <div class="col-md-6">
-  <h2 class="font-weight-bold mb-5">Paramètres généraux</h2>
+  <h2 class="font-weight-bold mb-3">Paramètres généraux</h2>
+
+  <div class="card mb-5">
+  <div class="card-body">
+
   <dl class="row">
   <dt class="col-sm-3">Nom</dt>
   <dd class="col-sm-9">${data.name}</dd>
@@ -54,15 +82,24 @@ socket.on('get_meeting', function(data){
   <dd class="col-sm-9">${data.creator}</dd>
 
   <dt class="col-sm-3">Périodes</dt>
-<dd class="col-sm-9">Du ${data.period.date_from.day}/${data.period.date_from.month}/${data.period.date_from.year} au ${data.period.date_to.day}/${data.period.date_to.month}/${data.period.date_to.year}</dd>
+  <dd class="col-sm-9">Du ${data.period.date_from.day}/${data.period.date_from.month}/${data.period.date_from.year} au ${data.period.date_to.day}/${data.period.date_to.month}/${data.period.date_to.year}</dd>
 
-  <dt class="col-sm-3">Code</dt>
-  <dd class="col-sm-9">${id_meeting}</dd>
   </dl>
+
+  </div>
+  </div>
+
   </div>
 
   <div class="col-md-6">
-  <h2 class="font-weight-bold mb-5">Résultat</h2>
+
+
+
+  <h2 class="font-weight-bold mb-3">Résultat</h2>
+
+  <div class="card mb-5">
+  <div class="card-body">
+
   <dl class="row">
   <dt class="col-sm-3">Date</dt>
   <dd class="col-sm-9">
@@ -79,6 +116,10 @@ socket.on('get_meeting', function(data){
   ${data.location ? data.location : ''}
   </dd>
   </dl>
+
+  </div>
+  </div>
+
   </div>
   `
   $('#parameters').html(parameters)
diff --git a/webapp/views/meeting.ejs b/webapp/views/meeting.ejs
index 8a2667f38ef5288f03a33cbc8c64b9844f459d17..546563dc6f768181a7d5f4715c5c0dd655014bce 100644
--- a/webapp/views/meeting.ejs
+++ b/webapp/views/meeting.ejs
@@ -15,13 +15,8 @@
   <%- include('include/user.ejs') %>
 
   <%- include('elements/nav.inc.ejs') %>
+  <div class="row mb-4" id="parameters">
 
-  <div class="card mb-5">
-    <div class="card-body">
-      <div class="row mb-4" id="parameters">
-
-      </div>
-    </div>
   </div>
 
   <div class="w-100 d-flex mb-3">
diff --git a/webapp/views/style/add-user.scss b/webapp/views/style/add-user.scss
index 1e609fbb3c0eb2603e777f4437e2acf60f53e7c7..6f7c740138d3df9c0fae6b9be4e7941210433b3f 100644
--- a/webapp/views/style/add-user.scss
+++ b/webapp/views/style/add-user.scss
@@ -3,7 +3,7 @@
   z-index: 100;
   height: 100vh;
   .card{
-    width: 500px;
+    width: 600px;
     margin: auto;
     box-shadow: none;
   }
diff --git a/webapp/views/style/navbar.scss b/webapp/views/style/navbar.scss
index e64ee7eec0ac6b20a6d10a7a7c4e7770e5e138e8..8308896fcbb13742f83d508303fd7cc7737acd38 100644
--- a/webapp/views/style/navbar.scss
+++ b/webapp/views/style/navbar.scss
@@ -1,9 +1,12 @@
+.navbar{
+  background-color: var(--bg-element);
+}
+
 .navbar a{
   color: var(--text-main);
 }
 
 .navbar-computer{
-  background-color: var(--bg-element);
   .main-title{
     font-weight: bold;
   }
diff --git a/webapp/views/style/style.css b/webapp/views/style/style.css
index 7b962316ae0cf68a56c8369b025d461db91517a4..ba81a2d7f3ef5f554cbe91aea96c919e259532b5 100644
--- a/webapp/views/style/style.css
+++ b/webapp/views/style/style.css
@@ -15,13 +15,14 @@
   --color-primary: purple;
 }
 
+.navbar {
+  background-color: var(--bg-element);
+}
+
 .navbar a {
   color: var(--text-main);
 }
 
-.navbar-computer {
-  background-color: var(--bg-element);
-}
 .navbar-computer .main-title {
   font-weight: bold;
 }
@@ -76,7 +77,7 @@
   height: 100vh;
 }
 #user .card {
-  width: 500px;
+  width: 600px;
   margin: auto;
   box-shadow: none;
 }
diff --git a/webapp/views/style/style.css.map b/webapp/views/style/style.css.map
index 40092384bea8e9b6f11238efd4f06225d160f5dc..944094144079a23b307c645ed99cf10c0f7dbfac 100644
--- a/webapp/views/style/style.css.map
+++ b/webapp/views/style/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["vars.scss","navbar.scss","add-user.scss","style.scss"],"names":[],"mappings":"AAAA;AACE;AAEA;AACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EAEA;;;ACrBF;EACE;;;AAGF;EACE;;AACA;EACE;;AAGA;EACE;;;AAKJ;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;EACA;;;AAGJ;EAEI;IACE;;;EAGJ;IACE;;;ACvDJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;;AC3BN;EACE;EACA;;;AAIF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["vars.scss","navbar.scss","add-user.scss","style.scss"],"names":[],"mappings":"AAAA;AACE;AAEA;AACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EAEA;;;ACrBF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGA;EACE;;;AAKJ;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIF;EACE;EACA;;;AAGJ;EAEI;IACE;;;EAGJ;IACE;;;AC1DJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;;AC3BN;EACE;EACA;;;AAIF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA","file":"style.css"}
\ No newline at end of file