diff --git a/sites/all/modules/figli/edlp_studio/edlp_studio.module b/sites/all/modules/figli/edlp_studio/edlp_studio.module
index 38d36884f..c5bcec9bc 100644
--- a/sites/all/modules/figli/edlp_studio/edlp_studio.module
+++ b/sites/all/modules/figli/edlp_studio/edlp_studio.module
@@ -33,6 +33,37 @@ function edlp_studio_page_attachments(array &$attachments) {
 }
 
 
+/**
+ * Implements hook_theme().
+ */
+function edlp_studio_theme($existing, $type, $theme, $path) {
+  // @see https://www.drupal.org/docs/8/theming/twig/create-custom-twig-templates-from-custom-module
+
+  return array(
+    'edlp_chutier_ui' => array(
+      'file' => 'includes/edlp_chutier_ui.inc',
+      'variables' => array(
+        'documents' => array(),
+      ),
+    ),
+    'edlp_composition_ui' => array(
+      'file' => 'includes/edlp_composition_ui.inc',
+      'variables' => array(
+        'compositions' => array(),
+      ),
+    ),
+    'edlp_studio_ui' => array(
+      'file' => 'includes/edlp_studio_ui.inc',
+      'variables' => array(
+        'chutier' => null,
+        'compositions' => null,
+      ),
+    ),
+  );
+}
+
+
+
 /**
 * hook_entity_extra_field_info()
 *
diff --git a/sites/all/modules/figli/edlp_studio/edlp_studio.routing.yml b/sites/all/modules/figli/edlp_studio/edlp_studio.routing.yml
index e09de976e..c469fd984 100644
--- a/sites/all/modules/figli/edlp_studio/edlp_studio.routing.yml
+++ b/sites/all/modules/figli/edlp_studio/edlp_studio.routing.yml
@@ -14,3 +14,11 @@ edlp_studio.chutier_controller_ajax_add_content:
     cid: null
   requirements:
     _permission: 'use chutier'
+
+edlp_studio.studio_ui:
+  path: '/edlp/studio-ui'
+  defaults:
+    _controller: '\Drupal\edlp_studio\Controller\StudioUIController::StudioUI'
+    _title: 'Studio User Interface'
+  requirements:
+    _permission: 'use chutier'
diff --git a/sites/all/modules/figli/edlp_studio/includes/edlp_chutier_ui.inc b/sites/all/modules/figli/edlp_studio/includes/edlp_chutier_ui.inc
new file mode 100644
index 000000000..c125cf7ea
--- /dev/null
+++ b/sites/all/modules/figli/edlp_studio/includes/edlp_chutier_ui.inc
@@ -0,0 +1,12 @@
+<?php
+
+// use Drupal\Core\Url;
+
+function template_preprocess_edlp_chutier_ui(&$vars){
+  // dpm($vars);
+/*
+  @see https://www.drupal8.ovh/index.php/en/tutoriels/339/render-a-node-or-an-entity
+  */
+  // $view_builder = \Drupal::entityTypeManager()->getViewBuilder($vars['entity_type']);
+  // $vars['content'] = $view_builder->view($vars['entity'], $vars['view_mode']);
+}
diff --git a/sites/all/modules/figli/edlp_studio/includes/edlp_composition_ui.inc b/sites/all/modules/figli/edlp_studio/includes/edlp_composition_ui.inc
new file mode 100644
index 000000000..f789599df
--- /dev/null
+++ b/sites/all/modules/figli/edlp_studio/includes/edlp_composition_ui.inc
@@ -0,0 +1,12 @@
+<?php
+
+// use Drupal\Core\Url;
+
+function template_preprocess_edlp_compositions_ui(&$vars){
+  // dpm($vars);
+/*
+  @see https://www.drupal8.ovh/index.php/en/tutoriels/339/render-a-node-or-an-entity
+  */
+  // $view_builder = \Drupal::entityTypeManager()->getViewBuilder($vars['entity_type']);
+  // $vars['content'] = $view_builder->view($vars['entity'], $vars['view_mode']);
+}
diff --git a/sites/all/modules/figli/edlp_studio/includes/edlp_studio_ui.inc b/sites/all/modules/figli/edlp_studio/includes/edlp_studio_ui.inc
new file mode 100644
index 000000000..82f846160
--- /dev/null
+++ b/sites/all/modules/figli/edlp_studio/includes/edlp_studio_ui.inc
@@ -0,0 +1,12 @@
+<?php
+
+// use Drupal\Core\Url;
+
+function template_preprocess_edlp_studio_ui(&$vars){
+  // dpm($vars);
+/*
+  @see https://www.drupal8.ovh/index.php/en/tutoriels/339/render-a-node-or-an-entity
+  */
+  // $view_builder = \Drupal::entityTypeManager()->getViewBuilder($vars['entity_type']);
+  // $vars['content'] = $view_builder->view($vars['entity'], $vars['view_mode']);
+}
diff --git a/sites/all/modules/figli/edlp_studio/src/Controller/ChutierController.php b/sites/all/modules/figli/edlp_studio/src/Controller/ChutierController.php
index 38375a9ec..9a0ee629d 100644
--- a/sites/all/modules/figli/edlp_studio/src/Controller/ChutierController.php
+++ b/sites/all/modules/figli/edlp_studio/src/Controller/ChutierController.php
@@ -3,9 +3,9 @@
 namespace Drupal\edlp_studio\Controller;
 
 use Drupal\Core\Controller\ControllerBase;
+use Symfony\Component\DependencyInjection\ContainerInterface;
 use Drupal\Core\Session\AccountInterface;
 use Drupal\User\UserDataInterface;
-use Symfony\Component\DependencyInjection\ContainerInterface;
 use Symfony\Component\HttpFoundation\JsonResponse;
 
 use Drupal\edlp_studio\Entity\Chutier;
diff --git a/sites/all/modules/figli/edlp_studio/src/Controller/StudioUIController.php b/sites/all/modules/figli/edlp_studio/src/Controller/StudioUIController.php
new file mode 100644
index 000000000..a987ab29d
--- /dev/null
+++ b/sites/all/modules/figli/edlp_studio/src/Controller/StudioUIController.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace Drupal\edlp_studio\Controller;
+
+use Drupal\Core\Controller\ControllerBase;
+use Symfony\Component\DependencyInjection\ContainerInterface;
+use Drupal\Core\Session\AccountInterface;
+use Drupal\User\UserDataInterface;
+
+use Drupal\edlp_studio\Entity\Chutier;
+
+
+/**
+ * Class StudioUIController.
+ */
+class StudioUIController extends ControllerBase {
+
+  protected $user;
+  protected $userdata;
+
+  /**
+   * Class constructor.
+   */
+  public function __construct(AccountInterface $account, UserDataInterface $userdata) {
+    $this->user = $account;
+    $this->userdata = $userdata;
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public static function create(ContainerInterface $container) {
+    // Instantiates this form class.
+    return new static(
+      // Load the service required to construct this class.
+      $container->get('current_user'),
+      $container->get('user.data')
+    );
+  }
+
+
+  /**
+   * Studioui.
+   *
+   * @return string
+   *   Return Hello string.
+   */
+  public function StudioUI() {
+    // get current user
+    // done by DependencyInjection of AccountInterface
+    dpm($this->user->id());
+
+    // get his docs in chutier
+    $docs = Chutier::getUserChutiersContents($this->user->id());
+    dpm($docs);
+
+    // TODO: add chutier theme, preprocess, twig template to studio module
+    // TODO: build content renderable array
+
+    // TODO: get compositions
+    // TODO: add compositions theme, preprocess, twig template to studio module
+    // TODO: build content renderable array
+
+    // TODO: add studio theme, preprocess, twig template to studio module
+    // TODO: build global studio renderable array
+
+    return [
+      '#type' => 'markup',
+      '#markup' => $this->t('Implement method: StudioUI')
+    ];
+  }
+
+}
diff --git a/sites/all/modules/figli/edlp_studio/templates/edlp_chutier_ui.html.twig b/sites/all/modules/figli/edlp_studio/templates/edlp_chutier_ui.html.twig
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/all/modules/figli/edlp_studio/templates/edlp_composition_ui.html.twig b/sites/all/modules/figli/edlp_studio/templates/edlp_composition_ui.html.twig
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/all/modules/figli/edlp_studio/templates/edlp_studio_ui.html.twig b/sites/all/modules/figli/edlp_studio/templates/edlp_studio_ui.html.twig
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg
new file mode 100644
index 000000000..743c1f94e
--- /dev/null
+++ b/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 3.96875 3.9687501"><g transform="translate(0 -293.031)"><rect style="isolation:auto;mix-blend-mode:normal" width="3.969" height="3.969" y="293.031" rx="2.299" ry="2.874" color="#000" overflow="visible" fill="none"/><path d="M1.475 294.238q-.133.204-.303.605-.049-.1-.082-.16-.033-.062-.09-.141-.056-.08-.114-.125-.055-.046-.14-.077-.081-.033-.179-.033H.071q-.031 0-.051-.02-.02-.02-.02-.051v-.425q0-.031.02-.051.02-.02.05-.02h.497q.554 0 .908.498zm2.475 1.72q.02.019.02.05 0 .031-.02.051l-.71.709q-.019.02-.05.02-.029 0-.051-.022-.02-.02-.02-.05v-.424l-.188.002q-.118 0-.18.002l-.161-.002q-.1-.005-.158-.012l-.141-.024q-.085-.016-.14-.04l-.129-.064q-.073-.038-.13-.089-.058-.051-.122-.117-.064-.07-.124-.156.13-.206.301-.604.049.1.082.161.033.06.089.14.057.08.113.126.057.045.14.078.083.03.18.03h.568v-.425q0-.03.02-.05.02-.02.05-.02.027 0 .054.022zm0-1.986q.02.02.02.051 0 .031-.02.051l-.71.71q-.019.019-.05.019-.029 0-.051-.02-.02-.022-.02-.05v-.426h-.567q-.106 0-.193.033-.086.033-.153.1-.066.066-.113.137-.046.069-.1.17-.07.138-.172.38-.064.146-.11.245-.045.1-.12.233-.074.133-.142.221-.067.089-.164.184-.095.095-.2.153-.101.055-.234.093-.133.035-.284.035H.071q-.031 0-.051-.02-.02-.02-.02-.05v-.426q0-.03.02-.05.02-.02.05-.02h.497q.106 0 .193-.034.086-.033.153-.1.066-.066.113-.135.046-.07.1-.172.07-.138.172-.38l.109-.245q.046-.1.12-.233.075-.133.141-.221.069-.089.164-.184.097-.095.2-.15.104-.058.236-.094.133-.037.284-.037h.567v-.426q0-.03.02-.05.02-.02.051-.02.027 0 .053.021z" style="line-height:20px;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start" font-weight="400" font-family="#dc143c" letter-spacing="0" word-spacing="0"/></g></svg>
\ No newline at end of file
diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg
index 8fe35e6d6..267ad00c5 100644
--- a/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg
+++ b/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.2916665 5.2916668" height="20" width="20"><path d="M2.506 2.725a1.039 1.039 0 0 1-.317-.76c0-.296.106-.55.317-.76a1.03 1.03 0 0 1 .76-.316c.295 0 .549.104.761.316.21.21.314.464.314.76s-.104.55-.314.76a1.041 1.041 0 0 1-.762.316c-.296 0-.548-.105-.76-.316zM.462 4.375a.3.3 0 0 0-.09.216c0 .084.03.156.093.215.059.062.13.093.216.093a.28.28 0 0 0 .215-.093l1.411-1.448c.287.198.605.298.958.298.229 0 .45-.044.659-.133.208-.09.388-.21.54-.36a1.676 1.676 0 0 0 .492-1.199A1.685 1.685 0 0 0 3.266.274c-.23 0-.449.045-.657.135a1.657 1.657 0 0 0-.901.9c-.09.209-.134.427-.134.657 0 .351.1.67.298.957z" fill="#000004"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 3.96875 3.9687501"><g transform="translate(0 -293.031)"><rect style="isolation:auto;mix-blend-mode:normal" width="3.969" height="3.969" y="293.031" rx="2.299" ry="2.874" color="#000" overflow="visible" fill="none"/><path d="M2.4 295.434a.958.958 0 0 0 .293-.702.95.95 0 0 0-.292-.7.95.95 0 0 0-.7-.292.958.958 0 0 0-.702.292.954.954 0 0 0-.29.7c0 .273.096.507.29.702.195.194.429.29.702.29a.954.954 0 0 0 .7-.29zm1.346.942a.271.271 0 0 1 .081.2.268.268 0 0 1-.084.199.268.268 0 0 1-.2.084.263.263 0 0 1-.198-.084l-.76-.758a1.517 1.517 0 0 1-.884.275c-.211 0-.414-.041-.607-.122a1.601 1.601 0 0 1-.499-.333 1.601 1.601 0 0 1-.332-.498 1.553 1.553 0 0 1 0-1.212c.083-.193.194-.36.332-.498.14-.14.307-.251.499-.332a1.529 1.529 0 0 1 1.212 0 1.52 1.52 0 0 1 .83.83c.083.192.124.394.124.605 0 .325-.091.62-.274.884z" style="line-height:20px;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start" font-weight="400" font-size="20" font-family="#dc143c" letter-spacing="0" word-spacing="0"/></g></svg>
\ No newline at end of file
diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg
new file mode 100644
index 000000000..180d64214
--- /dev/null
+++ b/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 3.96875 3.9687501"><g transform="translate(0 -293.031)"><path d="M3.828 295.135q0 .368-.133.696l-.045.108-.41.073q-.048.184-.201.304-.15.117-.346.117v.071q0 .031-.02.051-.02.02-.05.02H2.48q-.032 0-.051-.02-.02-.02-.02-.05v-1.277q0-.03.02-.05.02-.02.05-.02h.142q.031 0 .051.02.02.02.02.05v.071q.157 0 .288.08.13.077.206.21l.15-.026q.065-.21.065-.428 0-.328-.195-.618t-.525-.463q-.328-.173-.698-.173-.37 0-.7.173-.328.173-.522.463-.195.29-.195.618 0 .217.064.428l.15.026q.076-.133.207-.21.13-.08.288-.08v-.07q0-.032.02-.052.02-.02.05-.02h.142q.031 0 .051.02.02.02.02.051v1.276q0 .031-.02.051-.02.02-.05.02h-.142q-.032 0-.051-.02-.02-.02-.02-.05v-.072q-.195 0-.348-.117-.15-.12-.2-.304l-.41-.073-.044-.108q-.133-.328-.133-.696 0-.334.149-.644.148-.31.396-.537.248-.228.59-.363.34-.135.708-.135.368 0 .71.135.34.135.588.363.249.226.397.537.148.31.148.644z" style="line-height:20px;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start" font-weight="400" font-family="#dc143c" letter-spacing="0" word-spacing="0"/><rect style="isolation:auto;mix-blend-mode:normal" width="3.969" height="3.969" y="293.031" rx="2.299" ry="2.874" color="#000" overflow="visible" fill="none"/></g></svg>
\ No newline at end of file
diff --git a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
index f269f2b0f..48f995bbf 100644
--- a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
+++ b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
@@ -1822,7 +1822,7 @@ footer {
       position: relative;
       width: 20px;
       height: 20px;
-      background-image: url(../img/user.svg);
+      background-image: url(../img/studio.svg);
       background-size: contain;
       text-indent: 40px;
       margin: 0;
diff --git a/sites/all/themes/custom/edlptheme/assets/img/random.svg b/sites/all/themes/custom/edlptheme/assets/img/random.svg
new file mode 100644
index 000000000..29ffd8779
--- /dev/null
+++ b/sites/all/themes/custom/edlptheme/assets/img/random.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="15"
+   height="15"
+   viewBox="0 0 3.96875 3.9687501"
+   version="1.1"
+   id="svg15566"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="random.svg">
+  <defs
+     id="defs15560" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="5.7775113"
+     inkscape:cy="7.0840227"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1025"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata15563">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-293.03123)">
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect16117"
+       width="3.96875"
+       height="3.96875"
+       x="0.00048444583"
+       y="293.03122"
+       rx="2.2991402"
+       ry="2.8739254" />
+    <path
+       d="m 1.4753601,294.23804 q -0.13292,0.20379 -0.3035001,0.60476 -0.0488,-0.0996 -0.082,-0.1595 -0.0332,-0.062 -0.0908001,-0.14177 -0.0554,-0.0797 -0.11291,-0.12406 -0.0554,-0.0466 -0.13957,-0.0775 -0.082,-0.0332 -0.17943,-0.0332 H 0.07093 q -0.0311,0 -0.051,-0.0199 -0.0199,-0.0199 -0.0199,-0.051 v -0.42533 q 0,-0.031 0.0199,-0.051 0.0199,-0.0199 0.051,-0.0199 h 0.49621985 q 0.55383005,0 0.90827005,0.49844 z m 2.4744598,1.71905 q 0.019899,0.0199 0.019899,0.0509 0,0.031 -0.019899,0.051 l -0.7088799,0.7089 q -0.019899,0.0199 -0.051,0.0199 -0.0288,0 -0.051,-0.0221 -0.019899,-0.0199 -0.019899,-0.0488 v -0.42533 q -0.0709,0 -0.1882798,0.002 -0.1174199,0 -0.1794601,0.002 -0.062,0 -0.1617,-0.002 -0.0996,-0.005 -0.15729,-0.0116 -0.057601,-0.009 -0.1417806,-0.0243 -0.0842,-0.0155 -0.13956,-0.0398 -0.0554,-0.0265 -0.1284801,-0.0643 -0.0731,-0.0377 -0.1307,-0.0886 -0.0576,-0.051 -0.12184,-0.11741 -0.0643,-0.0687 -0.12404,-0.15507 0.13068,-0.20602 0.30125,-0.60477 0.0488,0.0997 0.0819,0.1617 0.0332,0.0598 0.0886,0.13958 0.0576,0.0797 0.11303,0.12627 0.0576,0.0443 0.13957,0.0775 0.0842,0.031 0.18165,0.031 h 0.5671 v -0.42533 q 0,-0.031 0.019899,-0.051 0.019899,-0.0199 0.051,-0.0199 0.0265,0 0.0532,0.0221 z m 0,-1.9849 q 0.019899,0.0199 0.019899,0.051 0,0.031 -0.019899,0.051 L 3.24094,294.78307 q -0.019899,0.0199 -0.051,0.0199 -0.0288,0 -0.051,-0.0199 -0.019899,-0.0221 -0.019899,-0.051 v -0.42532 h -0.567101 q -0.10628,0 -0.19273,0.0332 -0.0864,0.0333 -0.1528599,0.0996 -0.0665,0.0665 -0.11304,0.13735 -0.0466,0.0687 -0.0996,0.17058 -0.0709,0.13735 -0.17281,0.37882 -0.0643,0.14621 -0.11071,0.24589 -0.0444,0.0996 -0.11963,0.23261 -0.0731,0.13291 -0.14177,0.22152 -0.0665,0.0886 -0.16392,0.18387 -0.0952,0.0952 -0.19939,0.15286 -0.10185005,0.0554 -0.23479995,0.093 -0.13293,0.0354 -0.2835601,0.0354 H 0.0709 q -0.0311,0 -0.051,-0.0199 Q 0,296.25165 0,296.22055 v -0.42534 q 0,-0.031 0.0199,-0.051 0.0199,-0.0199 0.051,-0.0199 h 0.49621985 q 0.10628,0 0.1927301,-0.0332 0.0864,-0.0332 0.1528499,-0.0996 0.0665,-0.0665 0.11303015,-0.13513 0.0464,-0.0709 0.0996,-0.17278 0.0709,-0.13735 0.17278,-0.37882 0.0643,-0.14621 0.10861,-0.24589 0.0466,-0.0996 0.11964,-0.23261 0.0753,-0.13292 0.1417701,-0.22153 0.0687,-0.0886 0.16393,-0.18386 0.0974,-0.0952 0.19937,-0.15065 0.10407,-0.0576 0.23703,-0.093 0.13293,-0.0376 0.2835599,-0.0376 h 0.5671 v -0.42534 q 0,-0.031 0.019899,-0.051 0.019901,-0.0199 0.051001,-0.0199 0.0265,0 0.0532,0.0221 z"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:20px;font-family:Crimson;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.19848903"
+       id="path35497"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/sites/all/themes/custom/edlptheme/assets/img/search.svg b/sites/all/themes/custom/edlptheme/assets/img/search.svg
index 00e0d9f68..69c9cd1ca 100644
--- a/sites/all/themes/custom/edlptheme/assets/img/search.svg
+++ b/sites/all/themes/custom/edlptheme/assets/img/search.svg
@@ -1,19 +1,44 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
-   id="svg5959"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="15"
+   height="15"
+   viewBox="0 0 3.96875 3.9687501"
    version="1.1"
-   viewBox="0 0 5.2916665 5.2916668"
-   height="20"
-   width="20">
+   id="svg15566"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="search.svg">
   <defs
-     id="defs5953" />
+     id="defs15560" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="5.7775113"
+     inkscape:cy="7.0840227"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1025"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1" />
   <metadata
-     id="metadata5956">
+     id="metadata15563">
     <rdf:RDF>
       <cc:Work
          rdf:about="">
@@ -25,11 +50,29 @@
     </rdf:RDF>
   </metadata>
   <g
-     transform="translate(0,-291.70832)"
-     id="layer1">
-    <path
-       id="path4494"
-       style="fill:#000004;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 2.5055931,294.43377 c -0.2106083,-0.21096 -0.3167945,-0.4646 -0.3167945,-0.76059 0,-0.29633 0.1061862,-0.54998 0.3167945,-0.75953 0.2109611,-0.21202 0.4631972,-0.31679 0.7595306,-0.31679 0.2963333,0 0.5496277,0.10477 0.762,0.31679 0.20955,0.20955 0.314325,0.4632 0.314325,0.75953 0,0.29599 -0.104775,0.54963 -0.314325,0.76059 -0.2123723,0.21096 -0.4656667,0.31539 -0.762,0.31539 -0.2963334,0 -0.5485695,-0.10443 -0.7595306,-0.31539 z m -2.04364158,1.64959 c -0.057856,0.0593 -0.089253,0.13088 -0.089253,0.21626 0,0.084 0.029986,0.15557 0.092075,0.21484 0.059267,0.0621 0.1308806,0.0924 0.2166056,0.0924 0.085372,0 0.1583972,-0.0303 0.2148416,-0.0924 L 2.3073318,295.0663 c 0.2864555,0.19827 0.6050139,0.29775 0.9577917,0.29775 0.2286,0 0.449086,-0.0441 0.658636,-0.13229 0.208139,-0.0896 0.3884084,-0.20955 0.5401027,-0.35984 0.1502833,-0.1531 0.271639,-0.33337 0.3612446,-0.54151 0.088194,-0.20955 0.1308804,-0.42863 0.1308804,-0.65723 0,-0.23036 -0.044097,-0.44802 -0.1308804,-0.65616 -0.089606,-0.21061 -0.2109613,-0.38982 -0.3612446,-0.54152 -0.1516943,-0.15169 -0.3319637,-0.27128 -0.5401027,-0.35948 -0.20955,-0.0896 -0.430036,-0.13511 -0.658636,-0.13511 -0.228953,0 -0.4480278,0.0455 -0.6561667,0.13511 -0.2091973,0.0882 -0.3898195,0.20779 -0.5401028,0.35948 -0.1527528,0.1517 -0.2726972,0.33091 -0.3608917,0.54152 -0.089605,0.20814 -0.1337027,0.4258 -0.1337027,0.65616 0,0.35137 0.099131,0.67099 0.2977444,0.95744 z" />
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-293.03123)">
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect16117"
+       width="3.96875"
+       height="3.96875"
+       x="0"
+       y="293.03122"
+       rx="2.2991402"
+       ry="2.8739254" />
+    <g
+       id="g35509"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:20px;line-height:20px;font-family:Crimson;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:inline;fill:#000000;fill-opacity:1;stroke:none"
+       transform="matrix(0.19848901,0,0,0.19848901,-332.0348,183.79588)"
+       aria-label="">
+      <path
+         sodipodi:nodetypes="cscscscsccscsccscccscccscccscc"
+         inkscape:connector-curvature="0"
+         id="path35507"
+         d="m 1684.9076,562.44127 c 0.9821,-0.98214 1.4732,-2.16145 1.4732,-3.53794 0,-1.37649 -0.4911,-2.55208 -1.4732,-3.52679 -0.9747,-0.98214 -2.1503,-1.47321 -3.5268,-1.47321 -1.3765,0 -2.5558,0.49107 -3.5379,1.47321 -0.9747,0.97471 -1.4621,2.1503 -1.4621,3.52679 0,1.37649 0.4874,2.5558 1.4621,3.53794 0.9821,0.97471 2.1614,1.46206 3.5379,1.46206 1.3765,0 2.5521,-0.48735 3.5268,-1.46206 z m 6.7746,4.74331 c 0.2753,0.27529 0.4129,0.61011 0.4129,1.00446 0,0.39435 -0.1414,0.72917 -0.4241,1.00447 -0.2753,0.28273 -0.6101,0.4241 -1.0044,0.4241 -0.4018,0 -0.7366,-0.14137 -1.0045,-0.4241 l -3.8281,-3.81697 c -1.3319,0.92262 -2.8163,1.38393 -4.4532,1.38393 -1.0639,0 -2.0833,-0.20461 -3.058,-0.61384 -0.9673,-0.41667 -1.8043,-0.9747 -2.5112,-1.67411 -0.6994,-0.70684 -1.2574,-1.54389 -1.6741,-2.51116 -0.4092,-0.9747 -0.6138,-1.99404 -0.6138,-3.05803 0,-1.06399 0.2046,-2.07961 0.6138,-3.04688 0.4167,-0.9747 0.9747,-1.81175 1.6741,-2.51116 0.7069,-0.70685 1.5439,-1.26488 2.5112,-1.6741 0.9747,-0.41667 1.9941,-0.625 3.058,-0.625 1.064,0 2.0796,0.20833 3.0469,0.625 0.9747,0.40922 1.8118,0.96725 2.5112,1.6741 0.7068,0.69941 1.2648,1.53646 1.6741,2.51116 0.4167,0.96727 0.625,1.98289 0.625,3.04688 0,1.63691 -0.4613,3.12128 -1.3839,4.45312 z" />
+    </g>
   </g>
 </svg>
diff --git a/sites/all/themes/custom/edlptheme/assets/img/studio.svg b/sites/all/themes/custom/edlptheme/assets/img/studio.svg
new file mode 100644
index 000000000..1ff8e795a
--- /dev/null
+++ b/sites/all/themes/custom/edlptheme/assets/img/studio.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="15"
+   height="15"
+   viewBox="0 0 3.96875 3.9687501"
+   version="1.1"
+   id="svg15566"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="studio.svg">
+  <defs
+     id="defs15560" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="5.7775113"
+     inkscape:cy="7.0840227"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1025"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata15563">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-293.03123)">
+    <path
+       d="m 3.827525,295.13523 q 0,0.36774 -0.1329201,0.69559 l -0.0444,0.1085 -0.4098099,0.0731 q -0.0488,0.18388 -0.20159,0.3035 -0.1506599,0.11741 -0.34559,0.11741 v 0.0709 q 0,0.031 -0.0199,0.051 -0.02,0.0199 -0.051,0.0199 h -0.14178 q -0.0311,0 -0.0509,-0.0199 -0.02,-0.0199 -0.02,-0.051 v -1.27601 q 0,-0.031 0.02,-0.051 0.0199,-0.0199 0.0509,-0.0199 h 0.14178 q 0.031,0 0.051,0.0199 0.0199,0.0199 0.0199,0.051 v 0.0709 q 0.1572799,0 0.2879801,0.0797 0.1307201,0.0775 0.2060199,0.21046 l 0.1506398,-0.0265 q 0.0643,-0.21045 0.0643,-0.42755 0,-0.32786 -0.19494,-0.61806 -0.19495,-0.29021 -0.5250201,-0.463 -0.32787,-0.17279 -0.69781,-0.17279 -0.36997,0 -0.70003,0.17279 -0.32785996,0.17279 -0.52279996,0.463 -0.19496,0.2902 -0.19496,0.61806 0,0.2171 0.0643,0.42755 l 0.15063031,0.0265 q 0.0753,-0.13293 0.20600998,-0.21046 0.13071997,-0.0797 0.28798997,-0.0797 v -0.0709 q 0,-0.031 0.02,-0.051 0.0199,-0.0199 0.051,-0.0199 h 0.14177 q 0.031,0 0.051,0.0199 0.0199,0.0199 0.0199,0.051 v 1.27601 q 0,0.031 -0.0199,0.051 -0.02,0.0199 -0.051,0.0199 h -0.14177 q -0.0311,0 -0.051,-0.0199 -0.02,-0.0199 -0.02,-0.051 v -0.0709 q -0.19493,0 -0.34778996,-0.11741 -0.15063001,-0.11962 -0.19937999,-0.3035 l -0.40982,-0.0731 -0.0444,-0.1085 q -0.13291,-0.32785 -0.13291,-0.69559 0,-0.33451 0.14841,-0.64465 0.14843999,-0.31013 0.39653999,-0.53609 0.24811,-0.22818 0.58925996,-0.36331 0.34116,-0.13513 0.70891,-0.13513 0.36771,0 0.70887,0.13513 0.3411499,0.13513 0.58926,0.36331 0.2481199,0.22596 0.3965498,0.53609 0.1484202,0.31014 0.1484202,0.64465 z"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:20px;font-family:Crimson;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.19848903"
+       id="path35495"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.05833328;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect16117"
+       width="3.96875"
+       height="3.96875"
+       x="1.3877788e-17"
+       y="293.03122"
+       rx="2.2991402"
+       ry="2.8739254" />
+  </g>
+</svg>
diff --git a/sites/all/themes/custom/edlptheme/assets/styles/app.scss b/sites/all/themes/custom/edlptheme/assets/styles/app.scss
index 3de4b37d2..8f90b27de 100644
--- a/sites/all/themes/custom/edlptheme/assets/styles/app.scss
+++ b/sites/all/themes/custom/edlptheme/assets/styles/app.scss
@@ -844,7 +844,7 @@ footer{
     h2{
       position: relative;
       width:$wh; height:$wh;
-      background-image: url(../img/user.svg);
+      background-image: url(../img/studio.svg);
       // background-color: red;
       background-size: contain;
       text-indent: $wh*2;