Possibilité de faire du Télétravail?

Nofollow pour pre prod
Mise en place teletravail
2020-10-20 11:03:09 +02:00 · 2020-10-20 09:17:24 +02:00 · 2020-10-20 09:13:59 +02:00 · 2020-10-15 15:12:29 +02:00 · 2020-10-15 14:45:27 +02:00 · 2020-10-14 21:47:08 +02:00
1703 changed files with 466671 additions and 3452 deletions
@@ -1,6 +1,9 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
+<main id="content">
 <div class="container contentWrapper">
      <div class="row">
            <div class="col push-s3 s6">
@@ -8,8 +11,10 @@
            </div>
      </div>
 </div>
+</div>
 {% endblock %}

 {% block metarobot %}
    <meta name="robots" content="noindex,nofollow">
+    <meta http-equiv="refresh" content="1;URL=/">
 {% endblock %}
@@ -1,6 +1,7 @@
 {% trans_default_domain 'FOSUserBundle' %}

 <div class="fos_user_user_show">
+Votre mot de passe a bien été modifié<br/>
    <p>{{ 'profile.show.username'|trans }}: {{ user.username }}</p>
    <p>{{ 'profile.show.email'|trans }}: {{ user.email }}</p>
 </div>
@@ -1,7 +1,9 @@
 {% extends "base.html.twig" %}

 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <div class="container contentWrapper">
    <div class="row">
@@ -2,20 +2,32 @@

 {% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}
+
+{% endblock %}
 {% block content %}
-<div class="text-center mb-4">
-      <h1 class="h3 mb-0"></h1>
-      <p></p>
-    </div>
-    <!-- End Title -->
-<div class="container contentWrapper">
-    <div class="row">
-        <div class="col push-s3 s6">
-            <h1 class="m-t-20 alttitle center-align">{{'user.register.title'|trans({},"messages") }}</h1>
-            <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <div class="text-center mb-4">
+          <h1 class="h3 mb-0"></h1>
+          <p></p>
        </div>
+        <!-- End Title -->
+        <div class="container contentWrapper">
+          <div class="row">
+            <div class="col push-s3 s6">
+              <h1 class="m-t-20 alttitle center-align">{{'user.register.title'|trans({},"messages") }}</h1>
+              <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
    </div>
-</div>
+  </div>
+
+</main>
 <!-- ========== END MAIN CONTENT ========== -->

 {% include 'defaultv2/accueil/footer.html.twig' %}
@@ -68,14 +80,17 @@ with {
 <script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
 <script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>

-  
+

 <!-- JS Plugins Init. -->
 <script>
  // initialization of google map
-  {# function initMap() {
-    $.HSCore.components.HSGMap.init('.js-g-map');
-  } #}
+  {
+    #
+    function initMap() {
+      $.HSCore.components.HSGMap.init('.js-g-map');
+    }#
+  }

  $(window).on('load', function () {
    // initialization of HSMegaMenu component
@@ -145,15 +160,16 @@ with {
    // initialization of go to
    $.HSCore.components.HSGoTo.init('.js-go-to');

-    
+
  });


  $(document).ready(function () {
    $(window).scroll(function () { // check if scroll event happened
      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
-        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
-        $("#sidebarNavToggler").css("color","#fff");
+        $("#logoAndNav").css("background-color",
+        "#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color", "#fff");
      } else {
        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
        $("#sidebarNavToggler").css("color", "#000");
@@ -167,7 +183,4 @@ with {
 {% block javascripts %}
 {{ parent() }}
 <script src="https://player.vimeo.com/api/player.js"></script>
-{% endblock %}
-
-
-
+{% endblock %}
@@ -1,7 +1,9 @@
-{% extends "base.html.twig" %}
+{% extends "basetemporaire.html.twig" %}

 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}

+{% endblock %}
 {% block content %}

    <div class="container contentWrapper">
@@ -27,4 +29,5 @@

 {% block metarobot %}
    <meta name="robots" content="noindex,nofollow">
+    <meta http-equiv="refresh" content="3; URL=/">
 {% endblock %}
@@ -2,67 +2,68 @@
 <div class="row">
    <div class="col s8 offset-s2">
    {#<h3>Je suis ?</h3>#}
-    <h3>Merci de sélectionner votre profil :</h3>
+    {# <h3>Merci de sélectionner votre profil :</h3>
    <button class="waves-effect waves-light btn btn-dark roleUser active" data-value="TALENT">Je suis un talent</button> 
-    <button class="waves-effect waves-light btn btn-dark roleUser" data-value="COMPANY">Je suis une entreprise</button>
+    <button class="waves-effect waves-light btn btn-dark roleUser" data-value="COMPANY">Je suis une entreprise</button> #}
    <h3>Mes informations</h3>
    {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}
        {{ form_errors(form) }}
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                {{ form_row(form.firstname, {'label': 'Prénom'}) }}
+                {{ form_row(form.firstname, {'label': 'Prénom', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                {{ form_row(form.lastname, {'label': 'Nom'}) }}
+                {{ form_row(form.lastname, {'label': 'Nom', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                {{ form_row(form.email, {'label': 'E-mail'}) }}
+                {{ form_row(form.email, {'label': 'E-mail', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                {{ form_row(form.username, {'label': 'Nom d\'utilisateur'}) }}
+                {{ form_row(form.username, {'label': 'Nom d\'utilisateur', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-            {{ form_row(form.plainPassword.first, {'label': 'Mot de passe'}) }}
+            {{ form_row(form.plainPassword.first, {'label': 'Mot de passe', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
-            {{ form_row(form.plainPassword.second, {'label': 'Répéter le mot de passe'}) }}
+            {{ form_row(form.plainPassword.second, {'label': 'Répéter le mot de passe', 'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
        {% if destination_login is defined %}
            <input type="hidden" name="_target_path" value="{{ destination_login }}" />
        {% endif %}
-         <div class="row">
+         <div class="js-form-message mb-3">
            <div class="input-field col s12">
-            {% set label = 'user.cgu.label'|trans({'%link_start%' : '<a href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
            {{ form_errors(form.cgu) }}
            {{ form_widget(form.cgu) }}
-            {{ form_label(form.cgu) }}
+            {# {{ form_label(form.cgu) }} #}
+             <label>Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                                    href="/politique-confidentialite">conditions générales d’utilisation</a></label>    
            </div>
        </div>
-        <div class="row">
+        {# <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                Lire les conditions générales d'utilisations</a>
+                <a href="/cgu">Lire les conditions générales d'utilisations</a>
                <br /><br />
            </div>
-        </div>
-        <div class="row">
+        </div> #}
+        <div class="js-form-message mb-3">
            <div class="input-field col s12">
            {{ form_rest(form) }}
            </div>
        </div>
-        <div>
-            <input class="btn btn-default" type="submit" value="{{ 'registration.submit'|trans }}" />
-            {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
+        <div class="js-form-message mb-3">
+            <button type="submit" class="btn btn-block btn-primary">{{ 'registration.submit'|trans }}</button>
+            {# {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
                <a href="{{ path('fos_user_security_logout') }}">
                    {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
@@ -73,7 +74,7 @@
                    Je possède déjà un compte Talents Tube
                    </span>
                </a>
-            {% endif %}
+            {% endif %} #}
        </div>
    {{ form_end(form) }}
    </div>
@@ -1,20 +1,24 @@
 {% trans_default_domain 'FOSUserBundle' %}

-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
-<div class="container contentWrapper">
-  <div class="row">
-        <div class="col push-s3 s6">
-          <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-          <p>
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
+        <p>
          {{ 'resetting.check_email'|trans({'%tokenLifetime%': tokenLifetime})|nl2br }}
-          </p>
-        </div>
+        </p>
+      </div>
+    </div>
  </div>
-</div>
+</main>
 {% endblock %}

 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}
@@ -1,16 +1,20 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
-<div class="container contentWrapper">
-  <div class="row">
-        <div class="col push-s3 s6">
-          <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-          {% include "@FOSUser/Resetting/request_content.html.twig" %}
-        </div>
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
+        {% include "@FOSUser/Resetting/request_content.html.twig" %}
+      </div>
+    </div>
  </div>
-</div>
+</main>
 {% endblock %}

 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}
@@ -1,11 +1,13 @@
 {% trans_default_domain 'FOSUserBundle' %}
 <form action="{{ path('fos_user_resetting_send_email') }}" method="POST" class="fos_user_resetting_request">
-    <div>
+    <div class="col-md-12 ">
        <label for="username">{{ 'resetting.request.username'|trans }}</label>
-        <input type="text" id="username" name="username" required="required" />
+        <input type="text" id="username" name="username" required="required" class="form-control" />
    </div>
-    <div>
-        <input class="btn btn-default" type="submit" value="{{ 'resetting.request.submit'|trans }}" />
+     <div class="col-md-6 ">&nbsp;
+     </div>
+    <div class="col-md-5 ">
+        <button type="submit" class="btn btn-block btn-primary">{{ 'resetting.request.submit'|trans }}</button>
    </div>
 </form>
 <br /><br />
@@ -1,24 +1,29 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}

 {% block title %}
-    Mot de passe oublié TalentsTube
+Mot de passe oublié TalentsTube
 {% endblock %}

 {% block description %}
-    Mot de passe oublié TalentsTube
+Mot de passe oublié TalentsTube
 {% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
-<div class="container contentWrapper">
-    <div class="row">
-        <div class="col push-s3 s6">
-            <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-            {% include "@FOSUser/Resetting/reset_content.html.twig" %}
+<main id="content">
+    <div class="container space-2  ">
+        <div class="row row justify-content-lg-end ">
+            <div class="col-md-12 ">
+             <h1 class="m-t-18 alttitle center-align">
+                {{'user.resetpassword.title'|trans({},"messages") }}</h1>
+                {% include "@FOSUser/Resetting/reset_content.html.twig" %}
+            </div>
        </div>
    </div>
-</div>
+</main>
 {% endblock %}

 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}
@@ -0,0 +1,33 @@
+
+{% extends "base.html.twig" %}
+
+{% block title %}
+    Login TalentsTube
+{% endblock %}
+
+{% block description %}
+    Login TalentsTube
+{% endblock %}
+
+{% block content %}
+<div class="container contentWrapper">
+    <div class="row">
+        <div class="col s4 offset-s1">
+            <h3>Connexion</h3>
+            {% block fos_user_content %}
+            {{ include('@FOSUser/Security/login_content.html.twig') }}
+            {% endblock fos_user_content %}
+            <br />
+        </div>
+        <div class="col s4 offset-s2">
+            <h3>Devenez Talents Tubeur(se) !</h3>
+            <p><a class="btn btn-default" href="{{ path('fos_user_registration_register') }}" title="inscription Talents Tube">Inscrivez-vous, c'est gratuit !</a></p>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block metarobot %}
+        <meta name="robots" content="noindex,nofollow">
+{% endblock %}
+
@@ -1,32 +1,197 @@
-{% extends "base.html.twig" %}
+{% extends 'basev2.html.twig' %}

-{% block title %}
-    Login TalentsTube
+{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
+  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+  <meta http-equiv="refresh" content="1;URL=/">
 {% endblock %}
-
-{% block description %}
-    Login TalentsTube
-{% endblock %}
-
 {% block content %}
-<div class="container contentWrapper">
-    <div class="row">
-        <div class="col s4 offset-s1">
-            <h3>Connexion</h3>
-            {% block fos_user_content %}
-            {{ include('@FOSUser/Security/login_content.html.twig') }}
-            {% endblock fos_user_content %}
-            <br />
-        </div>
-        <div class="col s4 offset-s2">
-            <h3>Devenez Talents Tubeur(se) !</h3>
-            <p><a class="btn btn-default" href="{{ path('fos_user_registration_register') }}" title="inscription Talents Tube">Inscrivez-vous, c'est gratuit !</a></p>
-        </div>
-    </div>
-</div>
-{% endblock %}
-
-{% block metarobot %}
-        <meta name="robots" content="noindex,nofollow">
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
+    'textParDefaut' : 'Recrutez les candidats',
+    'textVideo' : 'avec la vidéo'
+  } %}
+  
+  {% include 'defaultv2/accueil/blocDegrade.html.twig' %}
+      
+  {% include 'defaultv2/accueil/blocPlateforme.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocCandidat.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocRecrutez.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocEmployeur.html.twig' %}
+
+  {% include 'defaultv2/accueil/blocTemoignages.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocConfiance.html.twig' %}
+  
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
 {% endblock %}

+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}
@@ -60,9 +60,10 @@
                        {{ form_widget(register_form.cgu) }}
                        {% block form_label %}
                            {% spaceless %}
-                                <label for="fos_user_registration_form_cgu">
-                                    Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank" href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
-                                </label>
+                               <label for="fos_user_registration_form_cgu">
+                                Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                                    href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
+                            </label>
                            {% endspaceless %}
                        {% endblock %}
                    </div>
@@ -150,14 +150,14 @@
                {% endblock %}
            </div>
            <div class="mb-3">
-                {{ form_row(register_form._token) }}
-                token {{ csrf_token }}
-                      {% if csrf_token %}
-                    <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
-                    {% endif %}  
-                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+
+
+                {% if csrf_token %}
+                <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
+                {% endif %}
+
                <input class="btn btn-default btn-round" type="submit" id="_submit_register" name="_submit_register"
-                    value="Créer un compte!" />
+                    value="Créer un compte" />
                <button type="submit" class="btn btn-block btn-primary">S'inscrire</button>
            </div>

@@ -179,8 +179,8 @@
            <div class="text-center mb-3">
                <p class="text-muted">
                    <!-- End Divider -->
-                    
-                    
+
+
                    {% if destination_login is defined %}
                    <input type="hidden" name="_target_path" value="{{ destination_login }}" />

@@ -1,27 +1,59 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}

-    {% block title %}
-        Inscription à TalentsTube
-    {% endblock %}
+{% block title %}Inscription à la première solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+<meta name="description" content="Inscrivez-vous à TalentsTube la première plateforme de recrutement vidéo.">
+
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="@TalentsTube">
+<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
+<meta name="twitter:description"
+    content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+<meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
+<meta property="og:type" content="article" />
+<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+<meta property="og:description"
+    content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+<meta property="og:site_name" content="Talents Tube" />
+<meta property="og:url"
+    content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+
+{% endblock %}
+{% block menu %}

-{% block description %}
-    Inscrivez-vous à TalentsTube la première plateforme de recrutement vidéo.
 {% endblock %}

-    {% block content %}
-        {% for type, messages in app.session.flashBag.all %}
-            {% for message in messages %}
+{% block content %}
+<main id="content">
+    <div class="container space-2  ">
+        <div class="row row justify-content-lg-end ">
+            <div class="col-md-12 ">
+                {% for type, messages in app.session.flashBag.all %}
+                {% for message in messages %}
                <div class="{{ type }}">
                    {{ message|trans({}, 'FOSUserBundle') }}
                </div>
-            {% endfor %}
-        {% endfor %}
-        <div>
-            {% block fos_user_content %}
-            {% endblock fos_user_content %}
+                {% endfor %}
+                {% endfor %}
+                <div>
+                    {% block fos_user_content %}
+                    {% endblock fos_user_content %}
+                </div>
+            </div>
        </div>
-    {% endblock %}
+    </div>
+</main>
+{% endblock %}

-{% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
+{% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    
+    {% endjavascripts %}
 {% endblock %}
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}

    {% block urlCanonical %}
    #!
@@ -1,5 +1,6 @@
-{% extends 'base.html.twig' %}
+{% extends 'basev2.html.twig' %}
 {% block content %}
+<main id="content">
    <div class="row">
        <div class="col s12">
            <h2 class="center-align m-t-100">Page introuvable</h2>
@@ -9,4 +10,5 @@
            </p>
        </div>
    </div>
+</main>
 {% endblock %}
@@ -109,6 +109,10 @@
                <source>company.menu.ads.label</source>
                <target>Espace offres d'emploi</target>
            </trans-unit>
+            <trans-unit id="company.menu.users.label">
+                <source>company.menu.users.label</source>
+                <target>Utilisateurs</target>
+            </trans-unit>
            <trans-unit id="company.title.ads.label">
                <source>company.title.ads.label</source>
                <target>Mes offres d'emploi</target>
@@ -129,6 +133,14 @@
                <source>company.menu.videotheque.label</source>
                <target>Vidéothèque</target>
            </trans-unit>
+            <trans-unit id="company.menu.candidature.label">
+                <source>company.menu.candidature.label</source>
+                <target>Candidatures</target>
+            </trans-unit>
+            <trans-unit id="company.menu.marque.label">
+                <source>company.menu.marque.label</source>
+                <target>Marque employeur</target>
+            </trans-unit>
            <trans-unit id="company.menu.search.label">
                <source>company.menu.search.label</source>
                <target>Mes recherches</target>
@@ -228,7 +240,7 @@
            </trans-unit>
            <trans-unit id="profile.company.tags">
                <source>profile.company.tags</source>
-                <target>Mots clés : merci de séparer vos mots clés par une virgule</target>
+                <target>Mots clés</target>
            </trans-unit>
            <trans-unit id="profile.company.logo">
                <source>profile.company.logo</source>
@@ -259,6 +271,10 @@
                <target>Mon profil</target>
            </trans-unit>
            <!-- ANNONCE-->
+            <trans-unit id="ad.company.list.label">
+                <source>ad.company.list.label</source>
+                <target>Liste de mes offres</target>
+            </trans-unit>
            <trans-unit id="ad.company.add.label">
                <source>ad.company.add.label</source>
                <target>Ajouter une offre</target>
@@ -307,6 +323,36 @@
                <source>ad.save.extension.title</source>
                <target>La prolongation pour l'annonce a bien été pris en compte.</target>
            </trans-unit>
+            <!-- USERS-->
+            <trans-unit id="user.add.label">
+                <source>user.add.label</source>
+                <target>Ajouter un utilisateur</target>
+            </trans-unit>
+            <trans-unit id="label.users">
+                <source>label.users</source>
+                <target>Utilisateurs</target>
+            </trans-unit>
+            <trans-unit id="user.list.nom">
+                <source>user.list.nom</source>
+                <target>Nom</target>
+            </trans-unit>
+            <trans-unit id="user.list.prenom">
+                <source>user.list.prenom</source>
+                <target>Prénom</target>
+            </trans-unit>
+            <trans-unit id="user.list.email">
+                <source>user.list.email</source>
+                <target>Mail</target>
+            </trans-unit>
+            <trans-unit id="user.list.actions">
+                <source>user.list.actions</source>
+                <target>Actions</target>
+            </trans-unit>
+            <trans-unit id="user.edit.label">
+                <source>user.edit.label</source>
+                <target>Editer</target>
+            </trans-unit>
+            <!-- FIN USERS-->
            <!-- MEDIA -->
            <trans-unit id="media.delete.video.label">
                <source>media.delete.video.label</source>
@@ -480,7 +526,7 @@
                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
-                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
                            <p>Merci de votre compréhension.</p>
                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
                        </td></tr></table>
@@ -507,7 +553,7 @@
                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
-                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
                            <p>Merci de votre compréhension.</p>
                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
                        </td></tr></table>
@@ -29,6 +29,7 @@
                {{ form_row(form.title) }}
                {{ form_row(form.location) }}
                {{ form_row(form.location_gmap) }}
+                {{ form_row(form.beneficiaire) }}
                {{ form_row(form.description) }}
                {{ form_row(form.publicTag) }}

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+  <meta charset="utf-8" />
+  <title>Pages - Admin Dashboard UI Kit - Dashboard</title>
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+  <meta content="Meet pages - The simplest and fastest way to build web UI for your dashboard or app."
+    name="description" />
+  <meta content="Ace" name="author" />
+  <link href="{{ asset('dashboard/plugins/pace/pace-theme-flash.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="{{ asset('dashboard/plugins/jquery-scrollbar/jquery.scrollbar.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/nvd3/nv.d3.min.css') }}" rel="stylesheet" type="text/css" media="screen" />
+  <link href="{{ asset('dashboard/plugins/mapplic/css/mapplic.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.css') }}" rel="stylesheet" type="text/css" />
+  <link class="main-stylesheet" href="{{ asset('dashboard/pages/css/themes/corporate.css') }}" rel="stylesheet"
+    type="text/css" />
+  <!-- Please remove the file below for production: Contains demo classes -->
+  <link class="main-stylesheet" href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css" />
+  <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
+</head>
+
+<body class="fixed-header dashboard menu-pin menu-behind">
+  {# {{ include('default/user_switch.html.twig') }} #}
+  {{ include('admin/navigation_gauche.html.twig')}} }}
+
+
+  <!-- START PAGE-CONTAINER -->
+  <div class="page-container ">
+    {{ include('admin/base_dashboard_header.html.twig') }}
+    <!-- START PAGE CONTENT WRAPPER -->
+    <div class="page-content-wrapper ">
+      <div class="content ">
+        {% block dashContent %}
+        Dashboard Company
+        {% endblock %}
+        
+      </div>
+    <!-- START COPYRIGHT -->
+        <!-- START CONTAINER FLUID -->
+        <!-- START CONTAINER FLUID -->
+        <div class=" container-fluid  container-fixed-lg footer">
+          <div class="copyright sm-text-center">
+            <p class="small-text no-margin pull-left sm-pull-reset">
+              ©2017-2020 Talents Tube
+            </p>
+            <p class="small no-margin pull-right sm-pull-reset">
+              Besoin d'aide ? 02 30 05 06 31
+            </p>
+            <div class="clearfix"></div>
+          </div>
+        </div>
+        <!-- END COPYRIGHT -->
+    </div>
+     
+    <!-- END PAGE CONTENT WRAPPER -->
+  </div>
+  <!-- END PAGE CONTAINER -->
+  
+
+  {% block javascripts %}
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places">
+  </script>
+  {% javascripts
+    '@vendors'
+    '@global'
+    '@company'
+    output='assetic/main.dash.company.js' filter='?uglifyjs2' %}
+  <script src="{{ asset_url }}"></script>
+  {% endjavascripts %}
+
+  {% endblock %}
+  <!-- BEGIN VENDOR JS -->
+  <script src="{{ asset('dashboard/plugins/pace/pace.min.js') }}" type="text/javascript"></script>
+  <!--  A polyfill for browsers that don't support ligatures: remove liga.js if not needed-->
+  <script src="{{ asset('dashboard/plugins/liga.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/modernizr.custom.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-ui/jquery-ui.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/popper/umd/popper.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-easy.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-unveil/jquery.unveil.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-ios-list/jquery.ioslist.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-actual/jquery.actual.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-scrollbar/jquery.scrollbar.min.js') }}"></script>
+  <script type="text/javascript" src="{{ asset('dashboard/plugins/select2/js/select2.full.min.js') }}"></script>
+  <script type="text/javascript" src="{{ asset('dashboard/plugins/classie/classie.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/lib/d3.v3.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/nv.d3.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/utils.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/tooltip.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/interactiveLayer.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/axis.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/line.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/lineWithFocusChart.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/hammer.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/jquery.mousewheel.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/mapplic.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-sparkline/jquery.sparkline.min.js') }}" type="text/javascript">
+  </script>
+  <script src="{{ asset('dashboard/plugins/skycons/skycons.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/quill/quill.min.js') }}" type="text/javascript"></script>
+  <!-- END VENDOR JS -->
+  <!-- BEGIN CORE TEMPLATE JS -->
+  <!-- BEGIN CORE TEMPLATE JS -->
+  <script src="{{ asset('dashboard/pages/js/pages.js') }}"></script>
+  <script src="{{ asset('dashboard/pages/js/pages.email.js') }}"></script>
+  <!-- END CORE TEMPLATE JS -->
+  <!-- BEGIN PAGE LEVEL JS -->
+  <script src="{{ asset('dashboard/js/scripts.js') }}" type="text/javascript"></script>
+  <!-- END PAGE LEVEL JS -->
+  <!-- END CORE TEMPLATE JS -->
+  <!-- BEGIN PAGE LEVEL JS -->
+  <script src="{{ asset('dashboard/js/dashboard.js') }}" type="text/javascript"></script>
+
+  <!-- END PAGE LEVEL JS -->
+</body>
+
+</html>
@@ -0,0 +1,33 @@
+<!-- START HEADER -->
+      <div class="header ">
+        <!-- START MOBILE SIDEBAR TOGGLE -->
+        <a href="#" class="btn-link toggle-sidebar d-lg-none pg-icon btn-icon-link" data-toggle="sidebar">
+      		menu</a>
+        <!-- END MOBILE SIDEBAR TOGGLE -->
+        <div class="">
+          <div class="brand inline   m-l-10">
+            <img src="{{ asset('/img/Logo-header.png') }}" alt="logo" data-src="{{ asset('/img/Logo-header.png') }}" data-src-retina="{{ asset('/img/Logo-header.png') }}" width="78" height="22">
+          </div>
+        </div>
+        <div class="d-flex align-items-center">
+          <!-- START User Info-->
+          <div class="dropdown pull-right d-lg-block d-none">
+            <button class="profile-dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="profile dropdown">
+              <span class="thumbnail-wrapper d32 circular inline">
+      					<img src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}" alt="" data-src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+      						data-src-retina="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}" width="32" height="32">
+      				</span>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right profile-dropdown" role="menu">
+              
+              <a href="/logout" class="dropdown-item">Se déconnecter</a>
+              
+            </div>
+          </div>
+          <!-- END User Info-->
+          <a href="#" class="header-icon m-l-5 sm-no-margin d-inline-block" data-toggle="quickview" data-toggle-element="#quickview">
+            <i class="pg-icon btn-icon-link">menu_add</i>
+          </a>
+        </div>
+      </div>
+      <!-- END HEADER -->
@@ -0,0 +1,169 @@
+<!-- BEGIN SIDEBPANEL-->
+<nav class="page-sidebar" data-pages="sidebar">
+  <!-- BEGIN SIDEBAR MENU TOP TRAY CONTENT-->
+  {# <div class="sidebar-overlay-slide from-top" id="appMenu">
+    <div class="row">
+      <div class="col-xs-6 no-padding">
+        <a href="#" class="p-l-40"><img src="{{ asset('dashboard/img/demo/social_app.svg') }}" alt="socail">
+        </a>
+      </div>
+      <div class="col-xs-6 no-padding">
+        <a href="#" class="p-l-10"><img src="{{ asset('dashboard/img/demo/email_app.svg') }}" alt="socail">
+        </a>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-6 m-t-20 no-padding">
+        <a href="#" class="p-l-40"><img src="{{ asset('dashboard/img/demo/calendar_app.svg') }}" alt="socail">
+        </a>
+      </div>
+      <div class="col-xs-6 m-t-20 no-padding">
+        <a href="#" class="p-l-10"><img src="{{ asset('dashboard/img/demo/add_more.svg') }}" alt="socail">
+        </a>
+      </div>
+    </div>
+  </div> #}
+  <!-- END SIDEBAR MENU TOP TRAY CONTENT-->
+  <!-- BEGIN SIDEBAR MENU HEADER-->
+  <div class="sidebar-header">
+    {# <img src="{{ asset('dashboard/img/logo_white.png') }}" alt="logo" class="brand"
+      data-src="{{ asset('dashboard/img/logo_white.png') }}"
+      data-src-retina="{{ asset('dashboard/img/logo_white_2x.png') }}" width="78" height="22"> #}
+    {# <div class="sidebar-header-controls">
+      <button aria-label="Toggle Drawer" type="button"
+        class="btn btn-icon-link invert sidebar-slide-toggle m-l-20 m-r-10" data-pages-toggle="#appMenu">
+        <i class="pg-icon">chevron_down</i>
+      </button>
+      <button aria-label="Pin Menu" type="button"
+        class="btn btn-icon-link invert d-lg-inline-block d-xlg-inline-block d-md-inline-block d-sm-none d-none"
+        data-toggle-pin="sidebar">
+        <i class="pg-icon"></i>
+      </button>
+    </div> #}
+  </div>
+  <!-- END SIDEBAR MENU HEADER-->
+  <!-- START SIDEBAR MENU -->
+  <div class="sidebar-menu">
+    <!-- BEGIN SIDEBAR MENU ITEMS-->
+    <ul class="menu-items">
+
+      <li class="m-t-20 ">
+        <a href="{{ path('company_dashboard') }}" class="detailed">
+          <span class="">Tableau de bord</span>
+          <span class="details"></span>
+        </a>
+        <span class="icon-thumbnail"><span class="material-icons">
+            home
+          </span>
+        </span>
+      </li>
+
+      <li>
+        <a href="javascript:;"><span class="principal">Entreprise</span>
+          <span class=" arrow"></span></a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            business
+          </span>
+        </span>
+        <ul class="sub-menu">
+          <li class="">
+            <a href="{{ path('company_profile') }}">Profil de l'Entreprise</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                store_mall_directory
+              </span>
+            </span>
+          </li>
+          <li class="">
+            <a href="{{ path('company_marque') }}">Vidéo marque employeur</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                store_mall_directory
+              </span>
+            </span>
+          </li>
+          <li class="">
+            <a href="{{ path('users') }}">Utilisateurs</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                group
+              </span>
+            </span>
+          </li>
+          {# <li class="">
+            <a href="{{ path('users') }}">Informations juridiques</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                gavel
+              </span>
+
+            </span>
+          </li> #}
+
+        </ul>
+      </li>
+      <li class="">
+        <a href="{{ path('company_ad') }}">
+          <span class="">Offres d'emploi</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            work
+          </span>
+        </span>
+      </li>
+      <li class="">
+        <a href="{{ path('company_answer_list') }}">
+          <span class="">Candidatures</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            face
+          </span>
+        </span>
+      </li>
+      <li class="">
+        <a href="{{ path('company_my_account') }}">
+          <span class="">Mes paramètres</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            settings
+          </span>
+        </span>
+      </li>
+      <li class="">
+        <a href="mailto:contact@talentstube.com">
+          <span class="principal">Contacter Talents Tube</span>
+        </a>
+        <span class="icon-thumbnail"><i class="pg-icon">mail</i></span>
+      </li>
+
+      {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
+
+      <li class="">
+        <a href="{{ path('admin_dashboard', {'_switch_user': '_exit'}) }}">
+          <span class="principal">Se déconnecter</span>
+        </a>
+        
+        <span class="icon-thumbnail">
+          <i class="pg-icon m-20">exit</i>
+        </span>
+      </li>
+      <li class="">
+        <small>
+        (Connecté en tant que {{ app.user.firstname }} {{ app.user.lastname }})
+       </small>
+      </li>
+    
+{% endif %}
+
+
+    </ul>
+    <div class="clearfix"></div>
+  </div>
+  <!-- END SIDEBAR MENU -->
+</nav>
+<!-- END SIDEBAR -->
+<!-- END SIDEBPANEL-->
@@ -0,0 +1,3 @@
+{% extends 'admin/base_dashboard.html.twig' %}
+
+
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <!-- Title -->
+  <title>{% block title %}{% endblock %}</title>
+
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
+    <!-- Google Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+
+    <!-- CSS Implementing Plugins -->
+    <link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
+    
+    <!-- CSS Space Template -->
+    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+{#{% include 'default/alert.html.twig' %}#}
+{# {% include 'defaultv2/user_switch.html.twig' %}#}
+
+{#{% include 'defaultv2/props_settings.html.twig' %} #}
+{% block content %}
+{% endblock %}
+{% block javascripts %}
+
+{% endblock %}
+{# {% include 'defaultv2/footer.html.twig' %} #}
+{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+</body>
+</html>
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
+    <!-- End Google Tag Manager -->
+    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>
+
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="description" content="{% block description %}
+    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
+{% endblock %}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    {% block ogtc %}{% endblock %}
+    {# Canonical #}
+    <link rel="canonical"
+          href="{% block urlCanonical %}{{  url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"{% endblock %}>
+    {# CSS #}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Varela+Round" rel="stylesheet">
+    <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
+    {% block stylesheets %}
+    {% endblock %}
+</head>
+<body id="dashboard">
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden">
+    </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    {#{% include 'default/alert.html.twig' %}#}
+    {% include 'default/user_switch.html.twig' %}
+    {% include 'default/headertemporaire.html.twig' %}
+
+    {% block content %}
+
+    {% endblock %}
+
+    
+
+
+    {% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.base.dash.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+    {% endjavascripts %}
+    {% endblock %}
+    </body>
+</html>
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
+    <!-- End Google Tag Manager -->
+    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex,nofollow">
+    <title>{% block title %}Talents Tube : La 1ère plateforme pour l’emploi 100% vidéo{% endblock %}</title>
+
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    {% block metarobot %} <meta name="robots" content="noindex,nofollow">{% endblock %}
+    <meta name="description" content="{% block description %}
+    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
+{% endblock %}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="robots" content="index,follow">
+    {# OG et TC #}
+    {% if app.request.attributes.get('_route') != null %}
+        {% block ogtc %}
+            {#Twitter Card data pour les données enrichies sur Twitter#}
+            
+            <meta name="twitter:card" content="summary">
+            <meta name="twitter:site" content="@TalentsTube">
+            <meta name="twitter:title" content="Talents Tube : Le 1er job board 100% vidéo">
+            <meta name="twitter:description" content="Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !">
+            <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+            {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+            <meta property="og:title" content="Talents Tube : Le 1er job board 100% vidéo" />
+            <meta property="og:type" content="article" />
+            <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+            <meta property="og:description" content="Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !" />
+            <meta property="og:site_name" content="Talents Tube" />
+            <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+            
+        {% endblock %}
+        {# Canonical #}
+        <link rel="canonical"
+            href="{% block urlCanonical %}{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}">
+    {% endif %}
+    {# CSS #}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Varela+Round" rel="stylesheet">
+    <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
+    {% block stylesheets %}
+    {% endblock %}
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+{#{% include 'default/alert.html.twig' %}#}
+{% include 'default/user_switch.html.twig' %}
+{% include 'default/headertemporaire.html.twig' %}
+{% include 'default/props_settings.html.twig' %}
+{% block content %}
+{% endblock %}
+{# {% include 'default/footertemporaire.html.twig' %} #}
+{% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    
+    {% endjavascripts %}
+{% endblock %}
+{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+</body>
+</html>
@@ -1,6 +1,15 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-98246968-7');
+  </script>
  <!-- Title -->
  <title>{% block title %}{% endblock %}</title>

@@ -22,10 +31,10 @@
    <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
    <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
-
+    
    <!-- CSS Space Template -->
    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
-    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->
@@ -36,11 +45,17 @@
 <!-- End Google Tag Manager (noscript) -->
 {#{% include 'default/alert.html.twig' %}#}
 {# {% include 'defaultv2/user_switch.html.twig' %}#}
+{% block menu %}
 {% include 'defaultv2/header.html.twig' %}
+{% endblock %}
 {#{% include 'defaultv2/props_settings.html.twig' %} #}
 {% block content %}
+{% endblock %}
+{% block javascripts %}
+
 {% endblock %}
 {# {% include 'defaultv2/footer.html.twig' %} #}
 {{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+
 </body>
 </html>
@@ -1,66 +1,119 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}


 {% block dashContent %}
-    {% if type == "spontaneous" %}
-        {% include 'company/job_submenu.html.twig' with {
-            'tab' : 3
-        } %}
-        {% else %}
-        {% include 'company/job_submenu.html.twig' with {
-            'tab' : 2
-        } %}
-    {% endif %}
-    <div class="row bg-bordered p-20">
-        {% include 'company/ad_breadcrumb.html.twig' with {'step': 2,'ad': ad} %}
-        <div id="reponses" class="col s12">
-            <table id="table-answers" class="bordered highlight responsive-table">
-                <thead>
-                <tr>
-                    <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                    <th>{{ 'global.datereception.label'|trans }}</th>
-                    <th>{{ 'ad.company.list.status'|trans }}</th>
-                    <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                </tr>
-                </thead>
-                <tbody>
-                {% for answer in answers %}
-                    <tr>
-                        <td>
-                            <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
-                        </td>
-                        <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
-                        {% if answer.firstMessage %}
-                            <td>{{ answer.firstMessage.status|trans }}</td>
-                        {% else %}
-                            {% if answer.isViewed %}
-                                {% if answer.isViewed.status == "DRAFT" %}
-                                    <td>{{ 'VIEWED'|trans }}</td>
-                                {% endif %}
-                            {% else %}
-                                <td>{{ 'NEW'|trans }}</td>
-                            {% endif %}
-                        {% endif %}
-                        <td class="center-align">
-                            <a title="{{ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                <i class="fa fa-eye"></i>
-                            </a>
-                            <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                <i class="fa fa-sticky-note"></i>
-                            </a>
-                            {% for note in answer.notes %}
-                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                   data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                    <i class="fa fa-commenting" aria-hidden="true"></i>
-                                </a>
-                            {% endfor %}
-                        </td>
-                    </tr>
-                {% endfor %}
-            </table>
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">{{ ad.title }}
+                    </a></li>
+            </ol>
+            <!-- END BREADCRUMB -->
+
        </div>
    </div>
+</div>
+{# {% if type == "spontaneous" %}
+{% include 'company/job_submenu.html.twig' with {
+            'tab' : 3
+        } %}
+{% else %}
+{% include 'company/job_submenu.html.twig' with {
+            'tab' : 2
+        } %}
+{% endif %} #}
+<div class="row bg-bordered p-20">

-    <div id="note-modal"></div>
+    
+
+    <!-- START CONTAINER FLUID -->
+    <div class=" container-fluid   container-fixed-lg bg-white">
+        <!-- START card -->
+        <div class="card card-transparent">
+            <div class="card-header ">
+                <div class="card-title">Candidatures de l'offre {{ ad.title }}
+                </div>
+            </div>
+            <div class="card-body">
+                <div id="reponses" class="table-responsive">
+                    <table class="table table-hover" id="basicTable">
+                        <thead>
+                            <tr>
+                                <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+
+                                <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
+                                <th>{{ 'global.datereception.label'|trans }}</th>
+                                <th>{{ 'ad.company.list.status'|trans }}</th>
+                                <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+
+                            {% for answer in answers %}
+                            <tr>
+
+                                <td >
+                                    <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                    {{ answer.user.firstname }}</a>
+                                </td>
+                                <td >
+                                    {{ answer.sendTime()|date('d/m/Y') }}
+                                </td>
+                                
+                                {% if answer.firstMessage %}
+                                <td>{{ answer.firstMessage.status|trans }}</td>
+                                {% else %}
+                                    {% if answer.isViewed %}
+                                        {% if answer.isViewed.status == "DRAFT" %}
+                                        <td>{{ 'VIEWED'|trans }}</td>
+                                        {% endif %}
+                                    {% else %}
+                                        <td>{{ 'NEW'|trans }}</td>
+                                    {% endif %}
+                                {% endif %}
+                                    
+                                
+                                <td class="v-align-middle">
+                                    <a title="{{ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                        <i class="pg-icon">eye</i>
+                                    </a>
+                                    <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
+                                        <i class="pg-icon">note</i>
+                                    </a>
+                                    {% for note in answer.notes %}
+                                    <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                        data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                        <i class="pg-icon">comment</i>
+                                    </a>
+                                    {% endfor %}
+                                </td>
+                                
+                            </tr>
+                            {% endfor %}
+                            {% if answers|length == 0  %}
+                                <tr><th colspan="4" class="text-center">Aucune candidature pour le moment</th></tr>
+                            {% endif %}
+
+
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- END card -->
+    </div>
+    <!-- END CONTAINER FLUID -->
+
+</div>
+
+<div id="note-modal"></div>

 {% endblock %}
@@ -1,7 +1,7 @@
 <div class="col s12" id="breadcrumb">
-    <a href="{{ path('company_ad') }}">
+    {# <a href="{{ path('company_ad') }}">
        <span>{% trans %}label.offers{% endtrans %}</span>
-    </a>
+    </a> #}
    {% if step > 1 %}
    <span class="sepa-breadcrumb">></span>
    <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
@@ -17,3 +17,5 @@



+
+
@@ -1,23 +1,255 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}

 {% block dashContent %}
-    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':1} %}
-        <div class="p-20">
-
-            {% if form_errors(form) %}
-                <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-            {% endif %}
-            {{ form_start(form) }}
-            {{ form_widget(form) }}
-            <br/>
-            <div style="text-align: right;">
-                <button class="btn btn-default" type="submit">Je crée mon annonce</button>
-
-            </div>
-            {{ form_end(form) }}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+                
+            </ol>
+            <!-- END BREADCRUMB -->
+            
        </div>
    </div>
+</div>
+<!-- END JUMBOTRON -->
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="m-t-50">
+        {% if type is defined and type == 'update' %}
+            {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
+        {% else %}
+            {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
+        {% endif %}
+        
+        <div class="tab-content">
+            {{ form_start(form, {'attr': {'class': ''}}) }}

-{% endblock %}
+            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">info</i>
+                            <h2>Etape 1 : Je crée une annonce</h2>
+                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
+Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
+Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</p>
+                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p> #}
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                          
+                            <table class="table table-condensed ">
+                                {% if form_errors(form) %}
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       
+                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                                       
+                                    </td>
+                                </tr>
+                                 {% endif %}
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {{ form_row(form.reference) }} 
+                                    </td>
+                                </tr>
+                                 <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {{ form_row(form.title) }}
+                                    </td>  
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.beneficiaire) }}
+                                       <br/>
+                                       Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
+                                    </td> 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.location_gmap) }}
+                                       {{ form_row(form.location) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.description) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.contract_type) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.temps_type) }}
+                                    </td>   
+                                </tr>
+                                {# US 295 : Mise en place du télétravail #}
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.teletravail) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.status) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.publicTag) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                                            type="button">
+                                            <span>{% if type is defined and type == 'update' %}Sauvegarde et étape suivante {% else %}Je crée mon annonce{% endif %}</span>
+                                            <span class="hidden-block">
+                                                <i class="material-icons fs-16">videocam</i>
+                                            </span>
+                                       </button>
+                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
+                                    </td>
+                                    
+                                </tr>
+                                
+                            </table>
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ form_end(form) }}
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>We Secured Your Line</h2>
+                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                            <table class="table table-condensed">
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
+                                        <span class="m-l-10 ">Dashboard UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
+                                        <span class="m-l-10 ">Next Gen UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td colspan="2" class=" col-md-3 text-right">
+                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
+                                    </td>
+                                </tr>
+                            </table>
+                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
+                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
+                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
+                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
+                                    Conditions</a></p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
+                {# <ul class="pager wizard no-style">
+                    <li class="next">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Je crée mon annonce</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">local_shipping</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="next finish hidden">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Finish</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous first hidden">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>First</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Previous</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-14">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                </ul> #}
+            </div>
+            <div class="wizard-footer padding-20 bg-contrast-low">
+                <p class="small hint-text pull-left no-margin">
+                    
+                </p>
+                <div class="pull-right">
+                    
+                </div>
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END CONTAINER FLUID -->

+{% endblock %}
@@ -1,29 +1,254 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}

 {% block dashContent %}
-    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':1} %}
-
-        <div class="p-20">
-            {% if form_errors(form) %}
-                <div class="card-panel">
-        <span class="red-text text-darken-2">
-        {{ form_errors(form) }}
-        </span>
-                </div>
-            {% endif %}
-            {{ form_start(form) }}
-            {{ form_rest(form) }}
-            <br/>
-
-            {% if type is defined and type == "soft" %}
-                <button class="btn btn-default" type="submit">Enregistrer</button>
-            {% else %}
-                <button class="btn btn-default" type="submit">Etape suivante</button>
-            {% endif %}
-
-
-            {{ form_end(form) }}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+               
+            </ol>
+            <!-- END BREADCRUMB -->
+            
        </div>
    </div>
+</div>
+<!-- END JUMBOTRON -->
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="m-t-50">
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
+        
+        <div class="tab-content">
+            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">shopping_cart</i>
+                            <h2>Etape 1 :  Je crée/modifie une annonce</h2>
+                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
+Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
+Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</p>
+                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p> #}
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                          {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
+                            <table class="table table-condensed form-horizontal">
+                                {% if form_errors(form) %}<tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       
+                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                                        
+                                    </td>
+                                </tr>
+                                {% endif %}
+                                {% if form.reference is defined%}
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                    
+                                       {{ form_row(form.reference) }}
+                                    
+                                    </td>
+                                </tr>
+                                {% endif %}
+                                 <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {% if form.title is defined%}
+                                            {{ form_row(form.title) }}
+                                       {% endif %}
+                                    </td>  
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.beneficiaire) }}
+                                       <br/>
+                                       Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
+                                    </td> 
+                                </tr>
+                                 
+                                
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.location_gmap) }}
+                                       {{ form_row(form.location) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.description) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.contract_type) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.temps_type) }}
+                                    </td>   
+                                </tr>
+                                {# US 295 : Mise en place du télétravail #}
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.teletravail) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.publicTag) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.status) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                                            type="button">
+                                            <span>Je crée mon annonce</span>
+                                            <span class="hidden-block">
+                                                <i class="material-icons fs-16">local_shipping</i>
+                                            </span>
+                                       </button>
+                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
+                                    </td>
+                                    
+                                </tr>
+                                
+                            </table>
+                        {{ form_end(form) }}    
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>We Secured Your Line</h2>
+                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                            <table class="table table-condensed">
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
+                                        <span class="m-l-10 ">Dashboard UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
+                                        <span class="m-l-10 ">Next Gen UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td colspan="2" class=" col-md-3 text-right">
+                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
+                                    </td>
+                                </tr>
+                            </table>
+                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
+                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
+                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
+                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
+                                    Conditions</a></p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
+                {# <ul class="pager wizard no-style">
+                    <li class="next">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Je crée mon annonce</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">local_shipping</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="next finish hidden">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Finish</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous first hidden">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>First</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Previous</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-14">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                </ul> #}
+            </div>
+            <div class="wizard-footer padding-20 bg-contrast-low">
+                <p class="small hint-text pull-left no-margin">
+                    
+                </p>
+                <div class="pull-right">
+                    
+                </div>
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END CONTAINER FLUID -->
+
 {% endblock %}
@@ -1,8 +1,8 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{% extends 'company/base_dashboard_company_V2.html.twig' %}

 {% block dashContent %}
    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':3} %}
+        {# {% include 'company/ad_steps.html.twig' with {'tab':3} %} #}
        <div class="p-20">
            <form>
                <p>
@@ -1,5 +1,5 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block title %}
    Mes annonces
 {% endblock %}
@@ -7,14 +7,14 @@
 {% block dashContent %}
    {% include 'default/flash_message.html.twig' %}

-    {% include 'company/job_submenu.html.twig' with {
+    {# {% include 'company/job_submenu.html.twig' with {
        'tab' : 1
-    } %}
+    } %} #}

-    <div class="row bg-bordered p-20">
+    {# <div class="row bg-bordered p-20"> #}
        {% include 'company/ad_breadcrumb.html.twig' with {'step': 1} %}
        {% include 'company/ad_table_listing.html.twig' with {
            'ads' : ads
        } %}
-    </div>
+    {# </div> #}
 {% endblock %}
@@ -14,14 +14,14 @@
                    <div>Je <b>télécharge</b> ma vidéo</div>
                </a>
            </div>
-            <div class="tab col s4">
+            {# <div class="tab col s4">
                <a {% if tab == 3 %}class="active"{% endif %} href="#!">
                    <div class="btn btn-circle">3</div>
                    <div>
                        Je <b>planifie</b> et <b>commande</b> mon annonce
                    </div>
                </a>
-            </div>
+            </div> #}
        </div>
    </div>
 </div>
@@ -0,0 +1,19 @@
+<!-- Nav tabs -->
+<ul class="nav nav-tabs nav-tabs-linetriangle nav-tabs-separator nav-stack-sm" role="tablist"
+    data-init-reponsive-tabs="dropdownfx">
+    <li class="nav-item">
+        <a class="{% if tab == 1 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab1"
+            data-target="#tab1" role="tab"><i class="material-icons fs-14 tab-icon">shopping_cart</i> <span>Je
+                <b>crée</b> mon annonce</span></a>
+    </li>
+    <li class="nav-item">
+        <a class="{% if tab == 2 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab2"
+            data-target="#tab2" role="tab"><i class="material-icons fs-14 tab-icon">local_shipping</i> <span>Je
+                <b>télécharge</b> ma vidéo</span></a>
+    </li>
+    {# <li class="nav-item">
+        <a class="{% if tab == 3 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab3"
+            data-target="#tab3" role="tab"><i class="material-icons fs-14 tab-icon">payment</i> <span>Je <b>planifie</b>
+                et <b>commande</b> mon annonce</span></a>
+    </li> #}
+</ul>
@@ -1,89 +1,221 @@
-<table id="ads-table" class="bordered highlight responsive-table">
-    <thead>
-        <tr>
-            <th>{{ 'ad.company.list.title'|trans }}</th>
-            <th class="tdCount">{{ 'ad.company.list.answers'|trans }}</th>
-            <th class="tdCount">{{ 'ad.company.list.views'|trans }}</th>
-            <th>{{ 'ad.company.list.status'|trans }}</th>
-            <th>{{ 'ad.company.list.actions'|trans }}</th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for ad in ads %}
-            <tr>
-                <td>
-                    {% if ad.countAnswers > 0 %}
-                        <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
-                            {{ ad.title }}
-                        </a>
-                    {% else %}
-                        {{ ad.title }}
-                    {% endif %}
-                </td>
-                <td class="tdCount">
-                    {% if ad.countAnswers > 0 %}
-                        <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
-                            <i class="fa fa-eye"></i>&nbsp; {{ ad.countAnswers }}
-                        </a>
-                    {% else %}
-                        0
-                    {% endif %}
-                </td>
-                <td class="tdCount">
-                    {% if arrayByAds is defined %}
-                        {{ arrayByAds[ad.id]["count"] }}
-                    {% endif %}
-                </td>
-                <td align="center" valign="center">
-                    {% if ad.getStatus() == "DECLINED" %}
-                        <div class="tooltipped" data-position="top" data-delay="50" data-tooltip="{{ ad.moderationText }}">
-                            <span class="">{{ ad.getStatus()|trans }}</span>
-                            <i class="c-pointer fa fa-info-circle color-red" aria-hidden="true"></i>
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Offres d'emploi</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
                        </div>
-                    {% else %}
-                        <span class="">{{ ad.getStatus()|trans }}</span>
-                    {% endif %}
-                </td>
-                <td>
-                    {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
-                        {#Edit#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.edit.label'|trans }}" href="{{ path('company_ad_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
-                        </a>
-                    {% else %}
-                        {#Soft Edit#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.edit.label'|trans }}" href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
+                        <div class="card-body">

-                    {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
-                        {#Video#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.video.edit.label'|trans }}" href="{{ path('create_media', { 'id': ad.id }) }}">
-                            <i class="fa fa-video-camera" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
+                            <a class="btn-square" target="_self" href="{{ path('company_ad_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'ad.company.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->

-                    {% if ad.getStatus() == "PUBLISHED" %}
-                        {#Extension#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.dates.extension.label'|trans }}" href="{{ path('company_ad_extension', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-calendar" aria-hidden="true"></i>
-                        </a>
-                        {#Force ending#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.closed.label'|trans }}" href="{{ path('company_ad_closed', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-window-close-o" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
+<!-- Modal -->
+<div class="modal fade " id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+    aria-hidden="false">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <h5>Popover in a modal</h5>
+                <p>This <a href="#" role="button" class="btn btn-secondary popover-test" title="Popover title"
+                        data-content="Popover body content is set in this attribute.">button</a> triggers a popover on
+                    click!</p>
+                <a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>

-                    {% if ad.getStatus() == "TO_PUBLISH" or ad.getStatus() == "VALIDATED" or ad.getStatus() == "CLOSED" or ad.getStatus() == "EXPIRED" %}
-                        {#Edit Dates#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.dates.edit.label'|trans }}" href="{{ path('company_ad_step3', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-calendar" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
-                </td>
+                <div class="tooltip bs-tooltip-top" role="tooltip">
+                    <div class="arrow"></div>
+                    <div class="tooltip-inner">
+                        Some tooltip text!
+                    </div>
+                </div>
+                <hr>
+                <h5>Tooltips in a modal</h5>
+                <p><a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test"
+                        title="Tooltip">that link</a> have tooltips on hover.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>
+{# 
+<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>

-            </tr>
-        {% endfor %}
-    </tbody>
-</table>
+<!-- Generated markup by the plugin -->
+<div class="tooltip bs-tooltip-top" role="tooltip">
+    <div class="arrow"></div>
+    <div class="tooltip-inner">
+        Some tooltip text!
+    </div>
+</div> #}
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Offres d'emploi
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
+                    Launch demo modal
+                </button>
+            </div>
+        </div>
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover" id="basicTable">
+                    <thead>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+
+                            <th style="width:20%">{{ 'ad.company.list.title'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.answers'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.views'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.status'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                        {% for ad in ads %}
+                        <tr>
+
+                            <td class="v-align-middle ">
+                                {% if ad.countAnswers > 0 %}
+                                <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
+                                    {{ ad.title }}
+                                </a>
+                                {% else %}
+                                {{ ad.title }}
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.countAnswers > 0 %}
+                                <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
+                                    <i class="fa fa-eye"></i>&nbsp; {{ ad.countAnswers }}
+                                </a>
+                                {% else %}
+                                0
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if arrayByAds is defined %}
+                                {{ arrayByAds[ad.id]["count"] }}
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.getStatus() == "DECLINED" %}
+                                <div class="">
+                                    <span class="">{{ ad.getStatus()|trans }}</span>
+                                    <i class="c-pointer fa fa-info-circle color-red" aria-hidden="true"></i>
+                                </div>
+                                {% else %}
+                                <span class="">{{ ad.getStatus()|trans }}</span>
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
+                                {#Edit#}
+                                <a class=" td-none" href="{{ path('company_ad_edit', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                {% else %}
+                                {#Soft Edit#}
+                                <a class=" td-none" href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                {% endif %}
+
+                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
+                                {#Video#}
+                                <a class="tooltipped td-none" href="{{ path('create_media', { 'id': ad.id }) }}">
+                                    <i class="material-icons">
+                                        videocam
+                                    </i>
+                                </a>
+                                {% endif %}
+
+                                {% if ad.getStatus() == "PUBLISHED" %}
+                                {#Extension#}
+                                {# ENLEVE LE 01/09 #}
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.dates.extension.label'|trans }}"
+                                    href="{{ path('company_ad_extension', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">calendar</i>
+                                </a> #}
+                                {#Force ending#}
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.closed.label'|trans }}"
+                                    href="{{ path('company_ad_closed', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                    <i class="material-icons">
+                                        close
+                                    </i>
+                                </a> #}
+                                {% endif %}
+
+                                {% if ad.getStatus() == "TO_PUBLISH" or ad.getStatus() == "VALIDATED" or ad.getStatus() == "CLOSED" or ad.getStatus() == "EXPIRED" %}
+                                {#Edit Dates#}
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.dates.edit.label'|trans }}"
+                                    href="{{ path('company_ad_step3', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                    <i class="material-icons">
+                                        close
+                                    </i>
+                                </a> #}
+                                {% endif %}
+                            </td>
+
+                        </tr>
+                        {% endfor %}
+                        {% if ads|length == 0  %}
+                        <tr>
+                            <th colspan="5" class="text-center">Aucune offre pour le moment</th>
+                        </tr>
+                        {% endif %}
+
+
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<script type="text/javascript">
+    <!-- END CONTAINER FLUID 
+    -->
+
+
+</script>
@@ -1,86 +1,148 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
-    {% include 'company/job_submenu.html.twig' with {'tab' : 2} %}
-    <div class="row bg-bordered p-20">
-        <div class="col s12">
-            <h4 class="title-table">{{ 'company.menu.answers.label'|trans }}</h4>
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Candidatures</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+
        </div>
-        <div id="reponses" class="col s12">
-                <table id="table-answers" class="bordered highlight responsive-table">
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Candidatures
+            </div>
+        </div>
+        <div class="card-body">
+            <div class="table-responsive" id="reponses">
+                <table class="table table-hover" id="basicTable">
                    <thead>
-                    <tr>
-                        <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                        <th>{{ 'global.datereception.label'|trans }}</th>
-                        <th>{{ 'ad.company.list.title'|trans }}</th>
-                        <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                    </tr>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+
+                            <th style="width:25%">{{ 'profile.talent.lastname'|trans }}
+                                {{ 'profile.talent.firstname'|trans }}</th>
+                            <th style="width:25%">{{ 'global.datereception.label'|trans }}</th>
+                            <th style="width:25%">{{ 'ad.company.list.title'|trans }}</th>
+                            <th style="width:25%" class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
                    </thead>
                    <tbody>
-                    {% for answer in answers %}
+                        {% for answer in answers %}
                        <tr>
                            <td>
-                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
+                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                    {{ answer.user.firstname }}</a>
                            </td>
                            <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
                            <td>{{ answer.ad.title }}</td>
                            <td class="center-align">
-                                <a title="{{answer.ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                    <i class="fa fa-eye"></i>
+                                <a title="{{answer.ad.title}}"
+                                    href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                    <i class="pg-icon">eye</i>
                                </a>
                                <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                    <i class="fa fa-sticky-note"></i>
+                                    <i class="pg-icon">note</i>
                                </a>
                                {% for note in answer.notes %}
-                                    <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                        data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                        <i class="fa fa-commenting" aria-hidden="true"></i>
-                                    </a>
+                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                    data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                    <i class="pg-icon">comment</i>
+                                </a>
                                {% endfor %}
                            </td>
                        </tr>
-                    {% endfor %}
+                        {% endfor %}
+                        {% if answers|length == 0  %}
+                            <th colspan="4" class="text-center">Aucune candidature pour le moment</th>
+                        {% endif %}
+                    </tbody>
                </table>
            </div>
        </div>
-        <div class="row bg-bordered p-20">
-            <div class="col s12">
-                <h4 class="title-table">{{ 'company.menu.spontaneous.label'|trans }}</h4>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Candidatures spontanées
            </div>
-            <div id="spontaneous" class="col s12">
-                <table id="table-answers" class="bordered highlight responsive-table">
+        </div>
+        <div class="card-body">
+            <div class="table-responsive" id="spontaneous">
+                <table class="table table-hover" id="basicTable">
                    <thead>
-                    <tr>
-                        <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                        <th>{{ 'global.datereception.label'|trans }}</th>
-                        <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                    </tr>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                            <th style="width:33%">{{ 'profile.talent.lastname'|trans }}
+                                {{ 'profile.talent.firstname'|trans }}</th>
+                            <th style="width:33%">{{ 'global.datereception.label'|trans }}</th>
+                            <th style="width:33%" class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
                    </thead>
                    <tbody>
-                    {% for answer in spontaneous %}
+                        {% for answer in spontaneous %}
                        <tr>
                            <td>
-                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
+                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                    {{ answer.user.firstname }}</a>
                            </td>
                            <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
                            <td class="center-align">
                                <a title="" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                    <i class="fa fa-eye"></i>
+                                    <i class="pg-icon">eye</i>
                                </a>
                                <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                    <i class="fa fa-sticky-note"></i>
+                                    <i class="pg-icon">note</i>
                                </a>
                                {% for note in answer.notes %}
-                                    <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                        data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                        <i class="fa fa-commenting" aria-hidden="true"></i>
-                                    </a>
+                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                    data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                    <i class="pg-icon">comment</i>
+                                </a>
                                {% endfor %}
                            </td>
                        </tr>
-                    {% endfor %}
+                        {% endfor %}
+                        {% if answers|length == 0  %}
+                            <tr><th colspan="3" class="text-center">Aucune candidature pour le moment</th></tr>
+                        {% endif %}
+                    </tbody>
                </table>
            </div>
        </div>
-        <div id="note-modal"></div>
-    {% endblock %}
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
+
+
+<div id="note-modal"></div>
+{% endblock %}
@@ -0,0 +1,343 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+
+{% block dashContent %}
+{# {% if type == "spontaneous" %}
+        {% include 'company/job_submenu.html.twig' with {
+            'tab' : 3
+        } %}
+    {% else %}
+        {% include 'company/job_submenu.html.twig' with {
+            'tab' : 2
+        } %}
+    {% endif %} #}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item ">Candidatures!</li>
+                <li class="breadcrumb-item active"><a
+                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                </li>
+
+            </ol>
+            <!-- END BREADCRUMB -->
+
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+<div class="col-lg-12">
+    <div class="card card-borderless">
+        <ul class="nav nav-tabs nav-tabs-simple" role="tablist" data-init-reponsive-tabs="dropdownfx">
+            <li class="nav-item">
+                <a class="active" data-toggle="tab" role="tab" data-target="#candidature" href="#"
+                    id="candidatureLien">Candidature</a>
+            </li>
+            <li class="nav-item">
+                <a href="#" data-toggle="tab" role="tab" data-target="#messagerieVideo"
+                    id="messagerieVideoLien">Messagerie vidéo</a>
+            </li>
+            <li class="nav-item">
+                <a href="#" data-toggle="tab" role="tab" data-target="#messagerie"
+                    id="messagerieLien">Messagerie texte</a>
+            </li>
+            <li class="nav-item">
+                <a href="#" data-toggle="tab" role="tab" data-target="#comment" id="commentLien">Commentaire</a>
+            </li>
+        </ul>
+        <div class="tab-content">
+            <!-- ========== bloc candidature ========== -->
+
+            {% include 'company/answer_show_candidature.html.twig' %}
+            
+            <!-- ========== bloc message video ========== -->
+
+            {% include 'company/answer_show_message_video.html.twig' %}
+
+            <!-- ========== bloc message texte ========== -->
+
+            {% include 'company/answer_show_message_texte.html.twig' %}
+
+            <!-- ========== bloc commentaire ========== -->
+
+            {% include 'company/answer_show_comment.html.twig' %}
+            
+
+            
+        </div>
+    </div>
+</div>
+
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<div class="card card-borderless">
+    <div class="row bg-bordered p-20">
+        {% include 'company/ad_breadcrumb.html.twig' with {'step': 3,'ad': answer.ad,'firstname':answer.user.firstname ,'lastname':answer.user.lastname} %}
+        <div class="col s12 m6">
+            <div id="mini-profil-block">
+                <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
+                    {% include 'talent/talent_picture.html.twig' with {
+                    'user' : answer.user
+                } %}
+                </a>
+                <div>
+                    <div class="mini-profil-picture-name">
+                        <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
+                            {{ answer.user.firstname }} {{ answer.user.lastname }}
+                            &nbsp;<i class="fa fa-user-circle"></i>
+                        </a>
+                    </div>
+                    <div>Recu le {{ answer.sendTime|date('d/m/Y') }}</div>
+                </div>
+            </div>
+            <div class="embed-responsive embed-responsive-16by9">
+                <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                    width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                    allowfullscreen></iframe>
+            </div>
+        </div>
+        <div class="col s12 m6">
+            {% if answer.comment %}
+            <strong>{% trans %}label.message{% endtrans %}</strong>
+            <p class="message-answer">{{ answer.comment }}</p>
+            {% else %}
+            {% trans %}label.noMessage{% endtrans %}
+            {% endif %}
+        </div>
+        <div class="col s12">
+            <h4 class="no-margin-top bordered">Contacter {{ answer.user.firstname }} {{ answer.user.lastname }} par :
+            </h4>
+        </div>
+        <div class="col s12 col-actions">
+            <a class="btn btn-default btn-active bnt-choice-message" data-value="message">Message</a><a
+                class="btn btn-default bnt-choice-message" data-value="video">Vidéo</a>
+        </div>
+        <div class="col s12">
+            <div class="col-bordered">
+                <div class="blockanswer blockanswer-video">
+                    <a class="btn btn-default bnt-choice-video" data-value="webcam" href="#">Enregistrer une vidéo</a>
+                    <a class="btn btn-default bnt-choice-video" data-value="upload" href="#">Importer une vidéo</a>
+                    <a class="btn btn-default bnt-choice-video" data-value="videotheque" ref="#">Choisir depuis la
+                        videothèque</a>
+                </div>
+                <div class="blockanswer blockanswer-message">
+                    <div class="sender">De : {{ app.user.firstname }} {{ app.user.lastname }}</div>
+                    {{ form_start(form) }}
+                    {{ form_rest(form) }}
+                    <div class="bottom-form">
+                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                    </div>
+                    {{ form_end(form) }}
+                </div>
+                {{ form_start(formVideo) }}
+                <div id="blockanswer-video-webcam" class="panel-hide">
+                    {% include 'message/message_create_webcam.twig' %}
+                </div>
+                <div id="blockanswer-video-upload" class="panel-hide">
+                    {% include 'message/message_create_import.twig' %}
+                </div>
+                <div id="blockanswer-video-videotheque" class="panel-hide">
+                    {% include 'message/message_create_videotheque.twig' %}
+                </div>
+                <div id="validFormVideo" class="panel-hide">
+                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
+                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
+                    {{ form_rest(formVideo) }}
+                    <div class="bottom-form">
+                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                    </div>
+                </div>
+                {{ form_end(formVideo) }}
+            </div>
+        </div>
+        <div class="col s12">
+            <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
+        </div>
+        <div class="col s12">
+            {% if answer.messages %}
+            {% for message in answer.messages if message.status != "DRAFT" %}
+            {% set class = '' %}
+            {% if loop.index > 1 %}
+            {% set class = 'history-hidden' %}
+            {% endif %}
+            <div class="blockanswer-answer {{class}}">
+                <div class="title-answer">
+                    {% trans %}label.answer{% endtrans %}{{ message.status|trans }}
+                    <span
+                        class="date-answer">{% trans %}label.sended{% endtrans %}{{ message.uTime|date('d-m-Y') }}</span>
+                </div>
+                <div class="description-answer">
+                    {% if message.video %}
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <iframe
+                            src="https://player.vimeo.com/video/{{ message.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                            width="100%" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                            allowfullscreen></iframe>
+                    </div>
+                    {% endif %}
+                    {{ message.content|nl2br }}
+                </div>
+            </div>
+            {% endfor %}
+            {% endif %}
+        </div>
+        <div class="col s12 center-align m-t-30">
+            <a class="bnt btn-round btn-grey-2 link-history-more" href="#"
+                title="{% trans %}label.history.link{% endtrans %}">{% trans %}label.history.link{% endtrans %}</a>
+        </div>
+    </div>
+    {% endblock %}
+
+    {% block javascripts %}
+    {{ parent() }}
+    <script type="text/javascript">
+        var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
+        var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
+        var idObject = null;
+        var typeObject = "answer";
+        var videoExist = false;
+    </script>
+    <script src="{{ asset('/js/dropzone.js') }}"></script>
+    <script src="{{ asset('/js/vendors/video.min.js') }}"></script>
+    <script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
+    <script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
+    <script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
+    <script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
+    <script src="{{ asset('/js/answer.js') }}"></script>
+    <script type="text/javascript">
+        $(".card-action").click(function () {
+            var idVideo = $(this).data("id");
+            var titleVideo = $(this).data("title");
+            var imgVideo = $(this).data("img");
+            var urlVideo = $(this).data("url");
+            var elem = $(this);
+            form['contact_talent_video'] = 1;
+            $.ajax({
+                type: 'POST',
+                url: '{{ path("link_media_message", {"id": message.getId()}) }}',
+                data: "idVideo=" + idVideo,
+                dataType: 'html',
+                success: function (response) {
+                    $(".card-action").removeClass('active');
+                    elem.addClass('active');
+                    Materialize.toast('Vidéo bien associé à la réponse', 4000);
+                    if ($("#submit").hasClass('disabled')) {
+                        $("#submit").removeClass('disabled');
+                        $("#submit").addClass('pulse');
+                    }
+                },
+                error: function (response, xhr, ajaxOptions, thrownError) {
+                    Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
+                }
+            });
+        });
+        $('.bnt-choice-message').on('click', function () {
+            var type = $(this).data('value');
+            $('.bnt-choice-message').removeClass('btn-active');
+            $('.bnt-choice-video').removeClass('active');
+            $(this).addClass('btn-active');
+            $(".panel-hide").removeClass('active');
+            $(".panel-hide").stop().fadeOut();
+            $('.blockanswer').stop().fadeOut('normal', function () {
+                $('.blockanswer-' + type).stop().fadeIn();
+                if (type == 'video') {
+                    $('.bnt-choice-video:first').click();
+                }
+            });
+        });
+        $('.blockanswer-video').css('display', 'none');
+        $('.bnt-choice-video').on('click', function (e) {
+            e.preventDefault();
+            var type = $(this).data('value');
+            $('.bnt-choice-video').removeClass('active');
+            $(this).addClass('active');
+            $(".panel-hide").removeClass('active');
+            $('#blockanswer-video-' + type).addClass('active');
+            $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
+                $('#blockanswer-video-' + type).stop().fadeIn('fast');
+                if (type == "webcam") {
+                    $('#blockanswer-video-upload').stop().fadeIn('fast');
+                }
+                $('#validFormVideo').stop().fadeIn('fast');
+
+            });
+        });
+        $('.link-history-more').on('click', function (e) {
+            e.preventDefault();
+            $('.history-hidden').fadeIn();
+            $(this).fadeOut();
+        });
+
+        document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
+        $('#contact_talent_status').on('change', verifySubmitButton);
+
+        var form = [];
+        form['contact_talent_message'] = 0;
+        form['contact_talent_video'] = 0;
+        form['contact_talent_status_video'] = 0;
+        form['contact_talent_status'] = 0;
+
+        function verifySubmitButton() {
+            if (this.value && this.value != 0) {
+                form[this.id] = 1;
+            } else {
+                form[this.id] = 0;
+            }
+            if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
+                $('.blockanswer-message .btn').removeClass('disabled');
+            } else {
+                $('.blockanswer-message .btn').addClass('disabled');
+            }
+        }
+
+        $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
+
+        function verifyVideoSubmitButton() {
+            if (this.value && this.value != 0) {
+                form[this.id] = 1;
+            } else {
+                form[this.id] = 0;
+            }
+            if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
+                $('#validFormVideo .btn').removeClass('disabled');
+            } else {
+                $('#validFormVideo .btn').addClass('disabled');
+            }
+        }
+
+        $('.message-answer').readmore({
+            speed: 75,
+            lessLink: '<a href="#" class="link-message-more">Fermer</a>',
+            moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
+            blockProcessed: function (element, collapsable) {
+                console.log(element);
+                console.log(collapsable);
+                if (collapsable == false) {
+                    $('.message-answer').readmore('destroy');
+                }
+            }
+        });
+
+
+        function changerActive(tabActive) {
+            $("#comment").removeClass("active");
+            $("#candidature").removeClass("active");
+            $("#messagerieVideo").removeClass("active");
+            $("#messagerie").removeClass("active");
+            $("#commentLien").removeClass("active");
+            $("#candidatureLien").removeClass("active");
+            $("#messagerieVideoLien").removeClass("active");
+            $("#messagerieLien").removeClass("active");
+            $("#" + tabActive).addClass("active");
+            $("#" + tabActive + "Lien").addClass("active");
+
+        }
+    </script>
+    {% endblock %}
@@ -1,8 +1,8 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}

 {% block dashContent %}
-    {% if type == "spontaneous" %}
+{# {% if type == "spontaneous" %}
        {% include 'company/job_submenu.html.twig' with {
            'tab' : 3
        } %}
@@ -10,244 +10,227 @@
        {% include 'company/job_submenu.html.twig' with {
            'tab' : 2
        } %}
-    {% endif %}
-    <div class="row bg-bordered p-20">
-        {% include 'company/ad_breadcrumb.html.twig' with {'step': 3,'ad': answer.ad,'firstname':answer.user.firstname ,'lastname':answer.user.lastname} %}
-        <div class="col s12 m6">
-            <div id="mini-profil-block">
-                <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
-                {% include 'talent/talent_picture.html.twig' with {
-                    'user' : answer.user
-                } %}
-                </a>
-                <div>
-                    <div class="mini-profil-picture-name">
-                        <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
-                        {{ answer.user.firstname }} {{ answer.user.lastname }}
-                        &nbsp;<i class="fa fa-user-circle"></i>
-                        </a>
-                    </div>
-                    <div>Recu le {{ answer.sendTime|date('d/m/Y') }}</div>
-                </div>
-            </div>
-            <div class="embed-responsive embed-responsive-16by9">
-                <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                allowfullscreen></iframe>
-            </div>
-        </div>
-        <div class="col s12 m6">
-            {% if answer.comment %}
-            <strong>{% trans %}label.message{% endtrans %}</strong>
-            <p class="message-answer">{{ answer.comment }}</p>
-            {% else %}
-                {% trans %}label.noMessage{% endtrans %}
-            {% endif %}
-        </div>
-        <div class="col s12">
-            <h4 class="no-margin-top bordered">Contacter {{ answer.user.firstname }} {{ answer.user.lastname }} par : </h4>
-        </div>
-        <div class="col s12 col-actions">
-            <a class="btn btn-default btn-active bnt-choice-message" data-value="message">Message</a><a class="btn btn-default bnt-choice-message" data-value="video">Vidéo</a>
-        </div>
-        <div class="col s12">
-            <div class="col-bordered">
-                <div class="blockanswer blockanswer-video">
-                    <a class="btn btn-default bnt-choice-video" data-value="webcam" href="#">Enregistrer une vidéo</a>
-                    <a class="btn btn-default bnt-choice-video" data-value="upload" href="#">Importer une vidéo</a>
-                    <a class="btn btn-default bnt-choice-video" data-value="videotheque" ref="#">Choisir depuis la videothèque</a>
-                </div>
-                <div class="blockanswer blockanswer-message">
-                    <div class="sender">De : {{ app.user.firstname }} {{ app.user.lastname }}</div>
-                    {{ form_start(form) }}
-                    {{ form_rest(form) }}
-                    <div class="bottom-form">
-                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
-                    </div>
-                    {{ form_end(form) }}
-                </div>
-                {{ form_start(formVideo) }}
-                <div id="blockanswer-video-webcam" class="panel-hide">
-                    {% include 'message/message_create_webcam.twig' %}
-                </div>
-                <div id="blockanswer-video-upload" class="panel-hide">
-                    {% include 'message/message_create_import.twig' %}
-                </div>
-                <div id="blockanswer-video-videotheque" class="panel-hide">
-                    {% include 'message/message_create_videotheque.twig' %}
-                </div>
-                <div id="validFormVideo" class="panel-hide">
-                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
-                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
-                    {{ form_rest(formVideo) }}
-                    <div class="bottom-form">
-                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
-                    </div>
-                </div>
-                {{ form_end(formVideo) }}
-            </div>
-        </div>
-        <div class="col s12">
-            <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
-        </div>
-        <div class="col s12">            
-            {% if answer.messages %}
-                {% for message in answer.messages if message.status != "DRAFT" %}
-                {% set class = '' %}
-                {% if loop.index > 1 %}
-                    {% set class = 'history-hidden' %}
-                {% endif %}
-                <div class="blockanswer-answer {{class}}">
-                    <div class="title-answer">
-                        {% trans %}label.answer{% endtrans %}{{ message.status|trans }}
-                        <span class="date-answer">{% trans %}label.sended{% endtrans %}{{ message.uTime|date('d-m-Y') }}</span>
-                    </div>
-                    <div class="description-answer">
-                        {% if message.video %}
-                        <div class="embed-responsive embed-responsive-16by9">
-                            <iframe src="https://player.vimeo.com/video/{{ message.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                            width="100%" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                            allowfullscreen></iframe>
-                        </div>
-                        {% endif %}
-                        {{ message.content|nl2br }}
-                    </div>
-                </div>
-                {% endfor %}
-            {% endif %}
-        </div>
-        <div class="col s12 center-align m-t-30">
-            <a class="bnt btn-round btn-grey-2 link-history-more" href="#" title="{% trans %}label.history.link{% endtrans %}">{% trans %}label.history.link{% endtrans %}</a>
+    {% endif %} #}
+
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item "><a href="{{ path('company_answer_list') }}">Candidatures</a></li>
+                <li class="breadcrumb-item"><a
+                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}
+                    </a>
+                </li>
+                <li class="breadcrumb-item active"><a href="#"> candidat {{ answer.user.firstname }}
+                        {{ answer.user.lastname }}</a>
+                </li>
+
+            </ol>
+            <!-- END BREADCRUMB -->
+
        </div>
    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+        <div class="col-lg-12">
+            <div class="card card-borderless">
+                <ul class="nav nav-tabs nav-tabs-simple" role="tablist" data-init-reponsive-tabs="dropdownfx">
+                    <li class="nav-item">
+                        <a class="active" data-toggle="tab" role="tab" data-target="#candidature" href="#"
+                            id="candidatureLien">Candidature</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#" data-toggle="tab" role="tab" data-target="#messagerieVideo"
+                            id="messagerieVideoLien">Messagerie vidéo</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="#" data-toggle="tab" role="tab" data-target="#messagerie"
+                            id="messagerieLien">Messagerie
+                            texte</a>
+                    </li>
+
+                    {# <li class="nav-item">
+                        <a href="#" data-toggle="tab" role="tab" data-target="#comment" id="commentLien">Commentaire</a>
+                    </li> #}
+                </ul>
+            </div>
+            <div class="tab-content">
+                <!-- ========== bloc candidature ========== -->
+
+                {% include 'company/answer_show_candidature.html.twig' %}
+
+                <!-- ========== bloc message video ========== -->
+
+                {% include 'company/answer_show_message_video.html.twig' %}
+
+                <!-- ========== bloc message texte ========== -->
+
+                {% include 'company/answer_show_message_texte.html.twig' %}
+
+                <!-- ========== bloc commentaire ========== -->
+
+                {# {% include 'company/answer_show_comment.html.twig' %} #}
+
+
+
+            </div>
+        </div>
+
+
+
+
+
+
 {% endblock %}

 {% block javascripts %}
-    {{ parent() }}
-    <script type="text/javascript">
-        var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
-        var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
-        var idObject = null;
-        var typeObject = "answer";
-        var videoExist =  false;
-    </script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
-    <script src="{{ asset('/js/vendors/video.min.js') }}"></script>
-    <script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
-    <script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
-    <script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
-    <script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
-    <script src="{{ asset('/js/answer.js') }}"></script>
-    <script type="text/javascript">
-        $(".card-action").click(function(){
-            var idVideo = $(this).data("id");
-            var titleVideo = $(this).data("title");
-            var imgVideo = $(this).data("img");
-            var urlVideo = $(this).data("url");
-            var elem = $(this);
-            form['contact_talent_video'] = 1;
-            $.ajax({
-                type: 'POST',
-                url: '{{ path("link_media_message", {"id": message.getId()}) }}',
-                data: "idVideo="+idVideo,
-                dataType: 'html',
-                success: function (response) {
-                    $(".card-action").removeClass('active');
-                    elem.addClass('active');
-                    Materialize.toast('Vidéo bien associé à la réponse', 4000);
-                    if($("#submit").hasClass('disabled')){
-                        $("#submit").removeClass('disabled');
-                        $("#submit").addClass('pulse');
-                    }
-                },
-                error: function (response, xhr, ajaxOptions, thrownError) {
-                    Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
+{{ parent() }}
+<script type="text/javascript">
+    var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
+    var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
+    var idObject = null;
+    var typeObject = "answer";
+    var videoExist = false;
+</script>
+<script src="{{ asset('/js/dropzone.js') }}"></script>
+<script src="{{ asset('/js/vendors/video.min.js') }}"></script>
+<script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
+<script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
+<script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
+<script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
+<script src="{{ asset('/js/answer.js') }}"></script>
+<script src="{{ asset('/js/demo.js') }}"></script>
+<script src="{{ asset('/js/scripts.js') }}"></script>
+<script type="text/javascript">
+    $(".card-action").click(function () {
+        var idVideo = $(this).data("id");
+        var titleVideo = $(this).data("title");
+        var imgVideo = $(this).data("img");
+        var urlVideo = $(this).data("url");
+        var elem = $(this);
+        form['contact_talent_video'] = 1;
+        $.ajax({
+            type: 'POST',
+            url: '{{ path("link_media_message", {"id": message.getId()}) }}',
+            data: "idVideo=" + idVideo,
+            dataType: 'html',
+            success: function (response) {
+                $(".card-action").removeClass('active');
+                elem.addClass('active');
+                Materialize.toast('Vidéo bien associé à la réponse', 4000);
+                if ($("#submit").hasClass('disabled')) {
+                    $("#submit").removeClass('disabled');
+                    $("#submit").addClass('pulse');
                }
-            });
-        });
-        $('.bnt-choice-message').on('click',function(){
-            var type = $(this).data('value');
-            $('.bnt-choice-message').removeClass('btn-active');
-            $('.bnt-choice-video').removeClass('active');
-            $(this).addClass('btn-active');
-            $(".panel-hide").removeClass('active');
-            $(".panel-hide").stop().fadeOut();
-            $('.blockanswer').stop().fadeOut('normal',function(){
-                $('.blockanswer-'+type).stop().fadeIn();
-                if(type == 'video'){
-                    $('.bnt-choice-video:first').click();
-                }
-            });
-        });
-        $('.blockanswer-video').css('display','none');
-        $('.bnt-choice-video').on('click',function(e){
-            e.preventDefault();
-            var type = $(this).data('value');
-            $('.bnt-choice-video').removeClass('active');
-            $(this).addClass('active');
-            $(".panel-hide").removeClass('active');
-            $('#blockanswer-video-'+type).addClass('active');
-            $(".panel-hide").not(".active").stop().fadeOut('normal',function(){
-                $('#blockanswer-video-'+type).stop().fadeIn('fast');
-                if(type=="webcam"){
-                    $('#blockanswer-video-upload').stop().fadeIn('fast');
-                }
-                $('#validFormVideo').stop().fadeIn('fast');
-                
-            });
-        });
-        $('.link-history-more').on('click',function(e) {
-            e.preventDefault();
-            $('.history-hidden').fadeIn();
-            $(this).fadeOut();
-        });
-
-        document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
-        $('#contact_talent_status').on('change',verifySubmitButton);
-
-        var form = [];
-        form['contact_talent_message'] = 0;
-        form['contact_talent_video'] = 0;
-        form['contact_talent_status_video'] = 0;
-        form['contact_talent_status'] = 0;
-        function verifySubmitButton(){
-            if(this.value && this.value != 0){
-                form[this.id] = 1;
-            } else {
-                form[this.id] = 0;
+            },
+            error: function (response, xhr, ajaxOptions, thrownError) {
+                Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
            }
-            if(form['contact_talent_message'] + form['contact_talent_status'] >= 2){
-                $('.blockanswer-message .btn').removeClass('disabled');
-            } else {
-                $('.blockanswer-message .btn').addClass('disabled');
+        });
+    });
+    $('.bnt-choice-message').on('click', function () {
+        var type = $(this).data('value');
+        $('.bnt-choice-message').removeClass('btn-active');
+        $('.bnt-choice-video').removeClass('active');
+        $(this).addClass('btn-active');
+        $(".panel-hide").removeClass('active');
+        $(".panel-hide").stop().fadeOut();
+        $('.blockanswer').stop().fadeOut('normal', function () {
+            $('.blockanswer-' + type).stop().fadeIn();
+            if (type == 'video') {
+                $('.bnt-choice-video:first').click();
+            }
+        });
+    });
+    $('.blockanswer-video').css('display', 'none');
+    $('.bnt-choice-video').on('click', function (e) {
+        e.preventDefault();
+        var type = $(this).data('value');
+        $('.bnt-choice-video').removeClass('active');
+        $(this).addClass('active');
+        $(".panel-hide").removeClass('active');
+        $('#blockanswer-video-' + type).addClass('active');
+        $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
+            $('#blockanswer-video-' + type).stop().fadeIn('fast');
+            if (type == "webcam") {
+                $('#blockanswer-video-upload').stop().fadeIn('fast');
+            }
+            $('#validFormVideo').stop().fadeIn('fast');
+
+        });
+    });
+    $('.link-history-more').on('click', function (e) {
+        e.preventDefault();
+        $('.history-hidden').fadeIn();
+        $(this).fadeOut();
+    });
+
+    document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
+    $('#contact_talent_status').on('change', verifySubmitButton);
+
+    var form = [];
+    form['contact_talent_message'] = 0;
+    form['contact_talent_video'] = 0;
+    form['contact_talent_status_video'] = 0;
+    form['contact_talent_status'] = 0;
+
+    function verifySubmitButton() {
+        if (this.value && this.value != 0) {
+            form[this.id] = 1;
+        } else {
+            form[this.id] = 0;
+        }
+        if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
+            $('.blockanswer-message .btn').removeClass('disabled');
+        } else {
+            $('.blockanswer-message .btn').addClass('disabled');
+        }
+    }
+
+    $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
+
+    function verifyVideoSubmitButton() {
+        if (this.value && this.value != 0) {
+            form[this.id] = 1;
+        } else {
+            form[this.id] = 0;
+        }
+        if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
+            $('#validFormVideo .btn').removeClass('disabled');
+        } else {
+            $('#validFormVideo .btn').addClass('disabled');
+        }
+    }
+
+    $('.message-answer').readmore({
+        speed: 75,
+        lessLink: '<a href="#" class="link-message-more">Fermer</a>',
+        moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
+        blockProcessed: function (element, collapsable) {
+            console.log(element);
+            console.log(collapsable);
+            if (collapsable == false) {
+                $('.message-answer').readmore('destroy');
            }
        }
+    });

-        $('#contact_talent_status_video').on('change',verifyVideoSubmitButton);
-        function verifyVideoSubmitButton(){
-            if(this.value && this.value != 0){
-                form[this.id] = 1;
-            } else {
-                form[this.id] = 0;
-            }
-            if(form['contact_talent_video'] + form['contact_talent_status_video'] >= 2){
-                $('#validFormVideo .btn').removeClass('disabled');
-            } else {
-                $('#validFormVideo .btn').addClass('disabled');
-            }
-        }

-        $('.message-answer').readmore({
-            speed: 75,
-            lessLink: '<a href="#" class="link-message-more">Fermer</a>',
-            moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
-            blockProcessed: function(element,collapsable){
-                console.log(element);
-                console.log(collapsable);
-                if(collapsable == false){
-                    $('.message-answer').readmore('destroy');
-                }
-            }
-        });
-    </script>
+    function changerActive(tabActive) {
+        //$("#comment").removeClass("active");
+        $("#candidature").removeClass("active");
+        $("#messagerieVideo").removeClass("active");
+        $("#messagerie").removeClass("active");
+        //$("#commentLien").removeClass("active");
+        $("#candidatureLien").removeClass("active");
+        $("#messagerieVideoLien").removeClass("active");
+        $("#messagerieLien").removeClass("active");
+        $("#" + tabActive).addClass("active");
+        $("#" + tabActive + "Lien").addClass("active");
+
+    }
+</script>
 {% endblock %}
@@ -0,0 +1,137 @@
+<div class="tab-pane active" id="candidature">
+    <div class="row ">
+        <div class="col-xl-7 col-lg-6 bg-white">
+            <!-- START card -->
+            <div class="full-height">
+                <div class="card-body text-center">
+                    <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                        width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                        allowfullscreen></iframe>
+                </div>
+            </div>
+            <!-- END card -->
+        </div>
+        <div class="col-xl-5 col-lg-6 col-top fondBlanc">
+            <!-- START card -->
+            <div class="card card-transparent">
+                <div class="card-header ">
+                    <div class="card-title">
+
+                        <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>Son dernier message (Recu le {{ answer.sendTime|date('d/m/Y') }})</h3>
+                    <p>
+                        {{ answer.comment }}
+                    </p>
+                    <br>
+                    <div>
+                        <div class="profile-img-wrapper m-t-5 inline">
+                            <img alt="Avatar" width="35" height="35"
+                                data-src-retina="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+                                data-src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+                                src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}">
+                            <div class="chat-status available">
+                            </div>
+                        </div>
+                        <div class="inline m-l-10">
+                            <p class="small hint-text m-t-5">{{ answer.user.firstname }}
+                                {{ answer.user.lastname }}
+                            </p>
+                            <p class="small hint-text m-t-5">
+                            {% if answer.user.company %}
+                                {% if answer.user.company.cv %}
+                                    <a href="/uploads/cv/{{ answer.user.company.cv }}" target="_blank"><button aria-label="" type="button" class="btn btn-outline-primary">Télécharger le cv</button></a>
+                                {% endif %}
+                            {% endif %}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- END card -->
+        </div>
+    </div>
+    <div class="row column-seperation fondBlanc">
+        <div class="col-lg-6">
+            <h3>
+
+
+            </h3>
+        </div>
+        <div class="col-lg-6">
+            <p class="pull-right">
+                <a href="#" onClick="changerActive('messagerie')" data-toggle="tab" role="tab"
+                    data-target="#messagerie">
+                    <button aria-label="" type="button" class="btn btn-primary btn-cons">Réponse en message
+                        texte</button>
+                </a>
+                <a href="#" onClick="changerActive('messagerieVideo')" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo">
+                    <button aria-label="" type="button" class="btn btn-primary btn-cons">Réponse en vidéo</button>
+                </a>
+            </p>
+        </div>
+    </div>
+    <div class="row fondBlanc">
+        <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
+    </div>
+    <div class="row fondBlanc">
+
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover" id="basicTable">
+                    <thead>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                            
+                            <th style="width:15%">Objet</th>
+                            <th style="width:15%">Envoyé le</th>
+                            <th style="width:70%">Message</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% if answer.messages %}
+                        {% for message in answer.messages if message.status != "DRAFT" %}
+                        {% set class = '' %}
+                        {% if loop.index > 1 %}
+                        {% set class = 'history-hidden' %}
+                        {% endif %}
+                        <tr>
+                            <td class="v-align-middle">
+                                <div class="v-align-middle">
+                                    {{ message.status|trans }}
+                                </div>
+                            </td>
+                            <td class="v-align-middle ">
+                                <p>{{ message.uTime|date('d-m-Y') }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                {% if message.video %}
+                                <div class="embed-responsive embed-responsive-16by9">
+                                    <iframe
+                                        src="https://player.vimeo.com/video/{{ message.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                        width="100%" height="300" frameborder="0" webkitallowfullscreen
+                                        mozallowfullscreen allowfullscreen></iframe>
+                                </div>
+                                {% endif %}
+                                {{ message.content|nl2br }}
+                            </td>
+
+                        </tr>
+                        {% endfor %}
+                        {% if answer.messages|length == 0  %}
+                                <tr><th colspan="3" class="text-center">Aucun message pour le moment</th></tr>
+                        {% endif %}
+                        {% endif %}
+                        
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+    </div>
+</div>
@@ -0,0 +1,10 @@
+<div class="tab-pane" id="comment">
+    <div class="row">
+        <div class="col-lg-12">
+            <h3>Follow us &amp; get updated!</h3>
+            <p>Instantly connect to what's most important to you. Follow your friends, experts, favorite
+                celebrities, and breaking news.</p>
+            <br>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,129 @@
+<div class="tab-pane " id="messagerie">
+    <div class="row fondBlanc">
+
+        <!-- START ITEM -->
+        <div class="col-lg-4 fondBlanc">
+            <div class="card card-default bg-success">
+                <div class="card-header  separator">
+                    <div class="card-title">Réponse par mail
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>
+                        <span class="semi-bold">Envoyez un message à </span> {{ answer.user.firstname }} {{ answer.user.lastname }}</h3>
+                    <p>
+                        Vous avez également la possibilité d'envoyer une réponse en vidéo. Je souhaite répondre <b><a href="#" onClick="changerActive('messagerieVideo')" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo">en vidéo</a></b>.
+                        
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- END ITEM -->
+
+
+
+
+        <div class="col-md-12 col-lg-8 col-xlg-8 md-m-t-10">
+            <!-- START WIDGET widget_weatherWidget-->
+            <div class="widget-17 card  no-border no-margin widget-loader-circle">
+
+                <div class="card-body">
+                    <!-- START COMPOSE EMAIL -->
+                    {{ form_start(form) }}
+                    <div class="email-composer container-fluid">
+                        <div class="row">
+                            <div class="col-md-12 no-padding">
+                                {# <div class="wysiwyg5-wrapper email-toolbar-wrapper no-border" id="emailToolbar">
+                                    <span class="ql-formats">
+                                        <!-- Add a bold button -->
+                                        <button class="ql-bold"></button>
+                                        <!-- Add a italic button -->
+                                        <button class="ql-italic"></button>
+                                        <!-- Add a underline button -->
+                                        <button class="ql-underline"></button>
+                                        <!-- Add a strike button -->
+                                        <button class="ql-strike"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add headings buttons -->
+                                        <button class="ql-header" value="1"></button>
+                                        <button class="ql-header" value="2"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add list buttons -->
+                                        <button class="ql-list" value="ordered"></button>
+                                        <button class="ql-list" value="bullet"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add indent buttons -->
+                                        <button class="ql-indent" value="-1"></button>
+                                        <button class="ql-indent" value="+1"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add font size dropdown -->
+                                        <select class="ql-size">
+                                            <option value="small"></option>
+                                            <!-- Note a missing, thus falsy value, is used to reset to default -->
+                                            <option selected></option>
+                                            <option value="large"></option>
+                                            <option value="huge"></option>
+                                        </select>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add indent buttons -->
+                                        <button class="ql-clean"></button>
+                                    </span>
+                                </div> #}
+                                
+                                    <div class="form-group-attached">
+                                        <div class="row clearfix">
+                                            <div class="col-md-12">
+                                                <div class="form-group form-group-default">
+                                                    <label>De : </label>
+                                                    <input name="to" data-role="tagsinput" disabled
+                                                        class="form-control tagsinput" type="text" value="{{ app.user.firstname }} {{ app.user.lastname }}" />
+                                                </div>
+                                            </div>
+                                            
+                                        </div>
+                                        {# <div class="form-group form-group-default">
+                                            <label>Subject</label>
+                                            <input type="text" class="form-control" name="subject">
+                                        </div> #}
+                                    </div>
+                                <div class="form-group form-group-default required">
+                                   {{ form_row(form.status) }}
+                                </div>
+                                <div class="form-group  required">
+                                   {{ form_row(form.message) }}
+                                </div>
+                                {# <div class="quill-wrapper email-body-wrapper">
+                                    <div id="quill-compose" style="height:250px" class="no-border">
+                                    
+                                    </div>
+                                    <div class="form-group ">
+                                   
+                                </div> #}
+                                
+                            </div>
+                        </div>
+                        <div class="row p-b-10">
+                            <div class="col-md-11 d-md-flex d-lg-flex d-xl-flex d-block align-items-start">
+                                
+                            </div>
+                            <div class="col-md-1">
+                                <button type="submit" aria-label="" class="btn btn-primary btn-lg pull-right btn-icon-left"><i
+                                        class="pg-icon">send</i>Envoyer</button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END COMPOSE EMAIL -->
+                    {{ form_end(form) }}
+                </div>
+            </div>
+            <!-- END WIDGET -->
+        </div>
+    </div>
+
+</div>
@@ -0,0 +1,62 @@
+<div class="tab-pane fondBlanc" id="messagerieVideo">
+    <div class="row fondBlanc">
+
+        <!-- START ITEM -->
+        <div class="col-lg-4 fondBlanc">
+            <div class="card card-default bg-success">
+                <div class="card-header  separator">
+                    <div class="card-title">Réponse vidéo
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>
+                        <span class="semi-bold">Et si vous répondiez à  </span> {{ answer.user.firstname }} {{ answer.user.lastname }} <b>en vidéo</b></h3>
+                    <p>Découvrez <a href="https://blog.talentstube.com/articles-entreprise/comment-faire-une-video-avec-une-webcam/" target="_blank">nos conseils</a> pour réaliser une vidéo de réponse.</p>
+                    
+                </div>
+            </div>
+        </div>
+        <!-- END ITEM -->
+
+
+
+
+        <div class="col-md-12 col-lg-8 col-xlg-8 md-m-t-10">
+            <!-- START WIDGET widget_weatherWidget-->
+            <div class="widget-17 card  no-border no-margin widget-loader-circle">
+                <div class="widget-16-header p-r-20 p-l-20 p-t-10 d-flex">
+                    <span class="icon-thumbnail bg-contrast-low pull-left text-color pg-icon">M</span>
+                    <div class="flex-1 full-width overflow-ellipsis">
+                        <p class="hint-text all-caps font-montserrat  small no-margin overflow-ellipsis ">
+                            Contacter
+                        </p>
+                        <h6 class="no-margin overflow-ellipsis ">par vidéo</h6>
+                    </div>
+                </div>
+                <div class="card-body">
+                    {{ form_start(formVideo) }}
+                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
+
+
+
+                    {% include 'message/message_create_import.twig' %}
+                    <br />
+                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
+                    {{ form_rest(formVideo) }}
+                    <br />
+                    <div class="bottom-form">
+                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                    </div>
+
+                    {{ form_end(formVideo) }}
+                </div>
+            </div>
+            <!-- END WIDGET -->
+        </div>
+
+
+
+
+    </div>
+
+</div>
@@ -0,0 +1,29 @@
+{% extends 'base_dashboard_temporaire.html.twig' %}
+
+
+{% block content %}
+     <div class="fluid-container bg-grey-3 dashboardWrapper dashboardCompanyWrapper">
+        <div class="container">
+            <div class="row flexcontainer">
+                {% include "company/menutemporaire.html.twig" ignore missing %}
+                <div class="col s12 m12 l8 xl9 col-padding-left" id="page-content">
+                    {% block dashContent %}
+                        Dashboard Company
+                    {% endblock %}
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}
+
+{% block javascripts %}
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+    {% javascripts
+    '@vendors'
+    '@global'
+    '@company'
+    output='assetic/main.dash.company.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+
+{% endblock %}
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}


 {% block title %}Offres d'emploi et recrutement {{ company.brandName }} | TalentsTube{% endblock %}
@@ -1,26 +1,26 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}

    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':2} %}
+        {# {% include 'company/ad_steps.html.twig' with {'tab':2} %} #}

        <div class="p-20">
            <div class="row">
                <div class="col s12">
-                    <ul id="tabs-video" class="tabs">
+                    {# <ul id="tabs-video" class="tabs">
                        <li class="tab col s4"><a class="active" href="#tab-video-new">Ajouter une nouvelle vidéo</a>
                        </li>
                        <li class="tab col s4"><a href="#tab-video-select">Utiliser une vidéo existante</a></li>
-                    </ul>
+                    </ul> #}
                </div>
                <div id="tab-video-new" class="col s12">
-                    {% include 'media/dropzone.html.twig' %}
+                    {# {% include 'media/dropzone.html.twig' %}
                    {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
                    {{ form_widget(form) }}
                    <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" class="btn btn-round btn-dark">Etape précédente</a>
                    <button id="submit" class="btn btn-default hide" type="submit">Etape suivante</button>
-                    {{ form_end(form) }}
+                    {{ form_end(form) }} #}
                </div>
                <div id="tab-video-select" class="col s12">
                    <div class="row">
@@ -36,14 +36,188 @@
                                        {#mozallowfullscreen allowfullscreen></iframe>#}
                            {#</div>#}
                        {#{% endfor %}#}
-                        {% if videos|length > 0 %}
+                        {# {% if videos|length > 0 %}
                            {% include 'default/video_card.html.twig' %}
-                        {% endif %}
+                        {% endif %} #}
                    </div>
                </div>
            </div>
        </div>
    </div>
+    <!-- START CONTAINER FLUID -->
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+               
+            </ol>
+            <!-- END BREADCRUMB -->
+            
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="m-t-50">
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':2} %}
+        
+        <div class="tab-content">
+            <div class="tab-pane padding-20 sm-no-padding  slide-left disabled" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">shopping_cart</i>
+                            <h2>Etape 1 : détail de l'annonce</h2>
+                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
+Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
+Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</p>
+                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p> #}
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                           
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding active" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>J'importe une vidéo</h2>
+                            <p>Importez votre vidéo de recrutement et publiez votre annonce.
+Vous ne possédez pas encore de vidéo ? 
+Talents Tube peut vous accompagner dans la réalisation de votre 
+vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="_blank">Contactez-nous</a></p>
+                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p> #}
+                                {# <ul id="tabs-video" class="tabs">
+                                    <li class="tab col s4"><a class="active" href="#tab-video-new">Ajouter une nouvelle vidéo</a>
+                                    </li>
+                                    <li class="tab col s4"><a href="#tab-video-select">Utiliser une vidéo existante</a></li>
+                                </ul> #}
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5" id="tab-video-new">
+                            {% include 'media/dropzoneV2.html.twig' %}
+                            {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
+                            {{ form_row(form.title) }}
+                            <br/>
+                            <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" class="btn btn-round btn-dark">
+                                <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                                    type="button">
+                                    <span>Retour au détail de l'annonce </span>
+                                    <span class="hidden-block">
+                                        <i class="material-icons fs-16">info</i>
+                                    </span>
+                                </button>
+                            </a>
+                            <button aria-label="" id="submit" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right hide"
+                                    type="button">
+                                    <span>Valider l'annonce</span>
+                                    <span class="hidden-block">
+                                        <i class="material-icons fs-16">save</i>
+                                    </span>
+                                </button>
+                            
+                            {{ form_end(form) }}
+                        </div>
+                        <div id="tab-video-select" class="col s12">
+                            <div class="row">
+                                {#{% for vid in videos %}#}
+                                    {#<div class="col s4">#}
+                                        {#<a class="addExistingVideo tooltipped btn btn-default" data-position="top"#}
+                                        {#data-tooltip="Choisir cette vidéo" href="#" data-title="{{ vid.getTitle() }}"#}
+                                        {#data-id="{{ vid.getId() }}">#}
+                                            {#<span>{{ vid.getTitle() }}</span><br/>#}
+                                        {#</a>#}
+                                        {#<iframe src="https://player.vimeo.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}"#}
+                                                {#width="90%" height="auto" frameborder="0" webkitallowfullscreen#}
+                                                {#mozallowfullscreen allowfullscreen></iframe>#}
+                                    {#</div>#}
+                                {#{% endfor %}#}
+                                {# {% if videos|length > 0 %}
+                                    {% include 'default/video_card.html.twig' %}
+                                {% endif %} #}
+                            </div>
+                        </div>
+                    </div>
+                    
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
+                {# <ul class="pager wizard no-style">
+                    <li class="next">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Je crée mon annonce</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">local_shipping</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="next finish hidden">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Finish</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous first hidden">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>First</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Previous</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-14">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                </ul> #}
+            </div>
+            <div class="wizard-footer padding-20 bg-contrast-low">
+                
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END CONTAINER FLUID -->
 {% endblock %}
 {% block javascripts %}
    {{ parent() }}
@@ -59,7 +233,7 @@
                dataType: 'html',
                success: function (response) {
                    Materialize.toast('Vidéo associé Merci', 4000);
-                    document.location.href = stepDate;
+                    //document.location.href = stepDate;

                },
                error: function (response, xhr, ajaxOptions, thrownError) {
@@ -85,5 +259,5 @@
        {% endif %}

    </script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
+    <script src="{{ asset('/js/dropzoneV2.js') }}"></script>
 {% endblock %}
@@ -1,242 +1,238 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
-    <div class="row bg-bordered p-20">
-    {% if app.user.company.brandname == null %}
-        <div class="row flexcontainer">
-            <div class="col s12 m12 l12">
-                <div class="card-panel grey lighten-3 ">
-                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
-                    Vous n'avez pas encore complété le profil de votre entreprise. <br>
-                    Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
-                    <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link"
-                                                                                    aria-hidden="true"></i></a>
-                </div>
-            </div>
-        </div>
-    {% endif %}
-        <div class="col s3">
-            <h5 class="blue-text no-margin-top">Volumes des visites</h5>
-        </div>
-        <div class="col s9 choiceMonthWrapper right-align">
-            {% set thisYear = "now"|date("Y") %}
-            {% set thisMonth = "now"|date("m") %}
-            {% set thisDay = "now"|date("d") %}
-            {% set dateTextMoins = "now -1 Month"|date("d-m-Y") %}
-            {% set dateText = "now"|date("d-m-Y") %}
-            <input id="choiceMonth" type="text" name="daterange" value="{{ dateTextMoins }} au {{ dateText }}" />
-            <i class="fa fa-refresh fa-spin fa-fw"></i>
-            <span class="sr-only">Loading...</span>
-        </div>
-        <div class="col s12">
-            <canvas id="nb_visits" width="600" height="300"></canvas>
-        </div>
-        <div class="col s6 countLegend">
-            <p><span class="btn-countVisitsAds">&nbsp;</span>Nombre de visites de vos annonces</p>
-            <p><span class="btn-countVisitsCompany">&nbsp;</span>Nombre de visites de la page entreprise</p>
-        </div>
-        <div class="col s6 countBlock">
-            <span class="btn-countVisitsAds"><span class="countVisitsAds"></span>&nbsp;visites</span>
-            <span class="btn-countVisitsCompany"><span class="countVisitsCompany"></span>&nbsp;visites</span>
-        </div>
-    </div>
-    <div id="donutChart-wrapper" class="row bg-bordered p-20">
-        <div class="col s6">
-                <h5 class="blue-text no-margin-top">Répartition des visites</h5>
-                <canvas id="donught_visits" width="300" height="300"></canvas>
-        </div>
-        <div class="col s6 donutLegend countLegend">
-            <p><span class="btn-count btn-countVisitsTalentByCompany">&nbsp;</span>Visites de talents</p>
-            <p><span class="btn-count btn-countVisitsCompanyByCompany">&nbsp;</span>Visites d'entreprises</p>
-            <p><span class="btn-count btn-countVisitsAnonymByCompany">&nbsp;</span>Visites d'internautes non-inscrits</p>
-        </div>
-    </div>
-    <div class="row bg-bordered p-20">
-        <div class="col s12">
-            <h5 class="blue-text no-margin-top">Statistiques par offre d'emploi</h5>
-            {% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
+<div class="row bg-bordered p-20">
+
+    {# <div class="col s3">
+        <h5 class="blue-text no-margin-top">Volumes des visites</h5>
+    </div>
+    <div class="col s9 choiceMonthWrapper right-align">
+        {% set thisYear = "now"|date("Y") %}
+        {% set thisMonth = "now"|date("m") %}
+        {% set thisDay = "now"|date("d") %}
+        {% set dateTextMoins = "now -1 Month"|date("d-m-Y") %}
+        {% set dateText = "now"|date("d-m-Y") %}
+        <input id="choiceMonth" type="text" name="daterange" value="{{ dateTextMoins }} au {{ dateText }}" />
+        <i class="fa fa-refresh fa-spin fa-fw"></i>
+        <span class="sr-only">Loading...</span>
+    </div>
+    <div class="col s12">
+        <canvas id="nb_visits" width="600" height="300"></canvas>
+    </div>
+    <div class="col s6 countLegend">
+        <p><span class="btn-countVisitsAds">&nbsp;</span>Nombre de visites de vos annonces</p>
+        <p><span class="btn-countVisitsCompany">&nbsp;</span>Nombre de visites de la page entreprise</p>
+    </div>
+    <div class="col s6 countBlock">
+        <span class="btn-countVisitsAds"><span class="countVisitsAds"></span>&nbsp;visites</span>
+        <span class="btn-countVisitsCompany"><span class="countVisitsCompany"></span>&nbsp;visites</span>
+    </div> #}
+</div>
+<div id="donutChart-wrapper" class="row bg-bordered p-20">
+    {# <div class="col s6">
+        <h5 class="blue-text no-margin-top">Répartition des visites</h5>
+        <canvas id="donught_visits" width="300" height="300"></canvas>
+    </div>
+    <div class="col s6 donutLegend countLegend">
+        <p><span class="btn-count btn-countVisitsTalentByCompany">&nbsp;</span>Visites de talents</p>
+        <p><span class="btn-count btn-countVisitsCompanyByCompany">&nbsp;</span>Visites d'entreprises</p>
+        <p><span class="btn-count btn-countVisitsAnonymByCompany">&nbsp;</span>Visites d'internautes non-inscrits</p>
+    </div> #}
+</div>
+{% if app.user.company.brandname == null %}
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <div class="card card-transparent">
+        <div class="card-body">
+            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+            Vous n'avez pas encore complété le profil de votre entreprise. <br>
+            Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
+            <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link" aria-hidden="true"></i></a>
        </div>
    </div>
+</div>
+{% endif %}
+
+{% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
+
 {% endblock %}

 {% block javascripts %}
-    {{ parent() }}
-    <script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script>
-    <script type="text/javascript">
-        var currentMonth = '{{ "now"|date("m") }}';
-        var arrayRecords;
-        var ctx,myChart,arrayCurrentsLabel,arrayCurrentsAdsValues,arrayCurrentsCompanyValues,donughtRecords;
-        var sumVisitsAds = 0;
-        var sumCompanyValues = 0;
-        function loadChartData() {
-            setArrayValues();
-            myChart.update();
-            myDoughnutChart.update();
-        }
+{{ parent() }}
+<script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script>
+<script type="text/javascript">
+    var currentMonth = '{{ "now"|date("m") }}';
+    var arrayRecords;
+    var ctx, myChart, arrayCurrentsLabel, arrayCurrentsAdsValues, arrayCurrentsCompanyValues, donughtRecords;
+    var sumVisitsAds = 0;
+    var sumCompanyValues = 0;

-        function getChartData(date1,date2) {
-            $.ajax({
-                type: "POST",
-                url: '{{ path("company_ajax_dashboard") }}',
-                data: 'date1='+date1+'&date2='+date2,
-                dataType: "json",
-                success: function (data) {
-                    arrayRecords = data.lineRecords;
-                    donughtRecords = data.donughtRecords;
-                    myDoughnutChart.data.datasets[0].data = donughtRecords;
-                    loadChartData();
-                    $('.fa-refresh').hide();
-                },
-                error: function (data) {
-                    $('.fa-refresh').hide();
-                }
-            });
-        }
+    function loadChartData() {
+        setArrayValues();
+        myChart.update();
+        myDoughnutChart.update();
+    }

-        document.addEventListener("DOMContentLoaded", function(event) {
-            $('.fa-refresh').hide();
-            getChartData(0, 0);
-            configDatePicker = { 
-                    applyBtnClass: 'btn btn-default',
-                    format: 'DD-MM-YYYY',
-                    separator: ' au ',
-                    endDate: new Date(),
-                    maxDays: 365
-                }				
-            $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply',function(event,obj) {
-                $('.fa-refresh').show();
-                var month1 = obj.date1.getMonth();
-                var day1 = obj.date1.getDate();
-                var year1 = obj.date1.getFullYear();
-                var month2 = obj.date2.getMonth();
-                var day2 = obj.date2.getDate();
-                var year2 = obj.date2.getFullYear();
-                var date1 = (month1 + 1) + "/" + day1 + "/" + year1 +" 00:00:01";
-                var date2 = (month2 + 1) +"/" + day2 + "/" + year2 +" 23:59:59";
-                getChartData(date1, date2);
-            });
-            $('.apply-btn').attr('value','Valider');
+    function getChartData(date1, date2) {
+        $.ajax({
+            type: "POST",
+            url: '{{ path("company_ajax_dashboard") }}',
+            data: 'date1=' + date1 + '&date2=' + date2,
+            dataType: "json",
+            success: function (data) {
+                arrayRecords = data.lineRecords;
+                donughtRecords = data.donughtRecords;
+                myDoughnutChart.data.datasets[0].data = donughtRecords;
+                loadChartData();
+                $('.fa-refresh').hide();
+            },
+            error: function (data) {
+                $('.fa-refresh').hide();
+            }
        });
+    }

-        function setArrayValues(){
-            arrayCurrentsLabel = [];
-            arrayCurrentsAdsValues = [];
-            arrayCurrentsCompanyValues = [];
-            arrayRecords['labels'].forEach(function(element, index) {
-                var date = element.split("-");
-                var dateAffiche = date[2]+"-"+date[1]+"-"+date[0];
-                arrayCurrentsLabel.push(dateAffiche);
-                arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
-                arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
+    document.addEventListener("DOMContentLoaded", function (event) {
+        $('.fa-refresh').hide();
+        getChartData(0, 0);
+        configDatePicker = {
+            applyBtnClass: 'btn btn-default',
+            format: 'DD-MM-YYYY',
+            separator: ' au ',
+            endDate: new Date(),
+            maxDays: 365
+        }
+        $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply', function (event, obj) {
+            $('.fa-refresh').show();
+            var month1 = obj.date1.getMonth();
+            var day1 = obj.date1.getDate();
+            var year1 = obj.date1.getFullYear();
+            var month2 = obj.date2.getMonth();
+            var day2 = obj.date2.getDate();
+            var year2 = obj.date2.getFullYear();
+            var date1 = (month1 + 1) + "/" + day1 + "/" + year1 + " 00:00:01";
+            var date2 = (month2 + 1) + "/" + day2 + "/" + year2 + " 23:59:59";
+            getChartData(date1, date2);
+        });
+        $('.apply-btn').attr('value', 'Valider');
+    });
+
+    function setArrayValues() {
+        arrayCurrentsLabel = [];
+        arrayCurrentsAdsValues = [];
+        arrayCurrentsCompanyValues = [];
+        arrayRecords['labels'].forEach(function (element, index) {
+            var date = element.split("-");
+            var dateAffiche = date[2] + "-" + date[1] + "-" + date[0];
+            arrayCurrentsLabel.push(dateAffiche);
+            arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
+            arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
+        });
+        myChart.data.labels = arrayCurrentsLabel;
+        myChart.data.datasets[0].data = arrayCurrentsAdsValues;
+        myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
+
+        if (arrayCurrentsAdsValues.length > 0) {
+            sumVisitsAds = arrayCurrentsAdsValues.reduce(function (memo, val) {
+                let value = val || 0;
+                if (value != null) {
+                    return memo + value;
+                }
            });
-            myChart.data.labels = arrayCurrentsLabel;
-            myChart.data.datasets[0].data = arrayCurrentsAdsValues;
-            myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
-
-            if (arrayCurrentsAdsValues.length > 0) {
-                sumVisitsAds = arrayCurrentsAdsValues.reduce(function(memo, val) {
-                    let value = val || 0;
-                    if (value != null) {
-                        return memo + value;
-                    }
-                });
-            } else {
-                sumVisitsAds = 0;
-            }
-            if (arrayCurrentsCompanyValues.length > 0) {
-                sumCompanyValues = arrayCurrentsCompanyValues.reduce(function(memo, val) {
-                    let value = val || 0;
-                    if (value != null) {
-                        return memo + value;
-                    }
-                });
-            } else {
-                sumCompanyValues = 0;
-            }
-
-            $('.countVisitsAds').html(sumVisitsAds);
-            $('.countVisitsCompany').html(sumCompanyValues);
+        } else {
+            sumVisitsAds = 0;
+        }
+        if (arrayCurrentsCompanyValues.length > 0) {
+            sumCompanyValues = arrayCurrentsCompanyValues.reduce(function (memo, val) {
+                let value = val || 0;
+                if (value != null) {
+                    return memo + value;
+                }
+            });
+        } else {
+            sumCompanyValues = 0;
        }

-        var dataLine = {
-            datasets: [
-                {
-                    label: "Nombre de visite d'annonce par jour",
-                    fill: false,
-                    fontColor: "rgba(39,139,231,1)",
-                    backgroundColor: "rgba(39,139,231,1)",
-                    borderColor: "rgba(39,139,231,1)"
-                }, {
-                    label: "Nombre de visite de votre page entreprise",
-                    fill: false,
-                    fontColor: "#F9C339",
-                    backgroundColor: "#F9C339",
-                    borderColor: "#F9C339"
-                }
-            ]
-        };
+        $('.countVisitsAds').html(sumVisitsAds);
+        $('.countVisitsCompany').html(sumCompanyValues);
+    }

-        var ctx = document.getElementById("nb_visits");
-            var myChart = new Chart(ctx, {
-                type: 'line',
-                data: dataLine,
-                options: {
-                    legend: {
-                        display: false
+    var dataLine = {
+        datasets: [{
+            label: "Nombre de visite d'annonce par jour",
+            fill: false,
+            fontColor: "rgba(39,139,231,1)",
+            backgroundColor: "rgba(39,139,231,1)",
+            borderColor: "rgba(39,139,231,1)"
+        }, {
+            label: "Nombre de visite de votre page entreprise",
+            fill: false,
+            fontColor: "#F9C339",
+            backgroundColor: "#F9C339",
+            borderColor: "#F9C339"
+        }]
+    };
+
+    var ctx = document.getElementById("nb_visits");
+    var myChart = new Chart(ctx, {
+        type: 'line',
+        data: dataLine,
+        options: {
+            legend: {
+                display: false
+            },
+            scales: {
+                xAxes: [{
+                    display: true,
+                    scaleLabel: {
+                        display: true,
+                        labelString: 'Date'
+                    }
+                }],
+                yAxes: [{
+                    ticks: {
+                        min: 0
                    },
-                    scales: {
-                        xAxes: [{
-                            display: true,
-                            scaleLabel: {
-                                display: true,
-                                labelString: 'Date'
-                            }
-                        }],
-                        yAxes: [{
-                            ticks: {
-                                min: 0
-                            },
-                            scaleLabel: {
-                                display: true,
-                                labelString: 'Valeur'
-                            }
-                        }]
+                    scaleLabel: {
+                        display: true,
+                        labelString: 'Valeur'
                    }
-                }
-            });
-
-        var dataDonught = {
-            labels: [
-                "Visites de talents",
-                "Visites d'entreprises",
-                "Visites d'internautes non inscrit"
-            ],
-            datasets: [
-                {
-                    data: donughtRecords,
-                    backgroundColor: [
-                        "#FF6384",
-                        "#36A2EB",
-                        "#FFCE56"
-                    ],
-                    hoverBackgroundColor: [
-                        "#FF6384",
-                        "#36A2EB",
-                        "#FFCE56"
-                    ]
                }]
-        };
-        var ctxDonught = document.getElementById("donught_visits");
-        var myDoughnutChart = new Chart(ctxDonught, {
-            type: 'doughnut',
-            data: dataDonught,
-            options: {
-                legend: {
-                    display: false,
-                },
-                animation: {
-                    animateScale: true
-                }
            }
-        });
-    </script>
+        }
+    });
+
+    var dataDonught = {
+        labels: [
+            "Visites de talents",
+            "Visites d'entreprises",
+            "Visites d'internautes non inscrit"
+        ],
+        datasets: [{
+            data: donughtRecords,
+            backgroundColor: [
+                "#FF6384",
+                "#36A2EB",
+                "#FFCE56"
+            ],
+            hoverBackgroundColor: [
+                "#FF6384",
+                "#36A2EB",
+                "#FFCE56"
+            ]
+        }]
+    };
+    var ctxDonught = document.getElementById("donught_visits");
+    var myDoughnutChart = new Chart(ctxDonught, {
+        type: 'doughnut',
+        data: dataDonught,
+        options: {
+            legend: {
+                display: false,
+            },
+            animation: {
+                animateScale: true
+            }
+        }
+    });
+</script>
 {% endblock %}
@@ -42,10 +42,11 @@
                        <i class="fa fa-search"></i>
                        {{ 'company.menu.ads.label'|trans }}</a></li>
                <li>
-                    <a href="{{ path('company_media') }}">
-                        <i class="fa fa-play"></i>
-                        {{ 'company.menu.videotheque.label'|trans }}</a>
-                </li>
+                    <a href="{{ path('users') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.users.label'|trans }}</a></li>
+
+              
                <li>
                    <a href="{{ path('company_my_account') }}">
                        <i class="fa fa-cog"></i>
@@ -0,0 +1,96 @@
+<div class="col s12 m12 l4 xl3" id="sidebar">
+    <div class="inside-m">
+        <div class="profil center-align">
+            {% set company = app.user.company %}
+            <div class="profil-picture logo-picture">
+                {% if company.logo %}
+                    <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
+                        alt="{{ app.user.firstname }} {{ app.user.lastname }}"/>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% else %}
+                    <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% endif %}
+            </div>
+            <p class="profil-name ">{{ app.user.firstname }} {{ app.user.lastname|first|upper }}</p>
+            {% if company.addresses %}
+                <p class="profil-city">{{ company.addresses.billing.city }}
+                    - {{ company.addresses.billing.country|country }}</p>
+            {% endif %}
+            {# <p class="profil-job"><a
+                        href="{{ path("company_show",{"alias":company.alias}) }}">{{ company.brandname }}</a></p> #}
+            <p class="profil-job"><a
+            href="https://www.talentstube.com/Entreprise/{{company.alias}}" target="_blank">{{ company.brandname }}</a></p>
+        </div>
+        <div class="profil-nav">
+            <ul class="font-2">
+                <li>
+                    <a href="{{ path('company_dashboard') }}">
+                        <i class="fa fa-bar-chart"></i>
+                        {{ 'company.menu.dashboard.label'|trans }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ path('company_profile') }}">
+                        <i class="fa fa-user"></i>
+                        {{ 'company.menu.profile.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_marque') }}">
+                        <i class="fa fa-share"></i>
+                        {{ 'company.menu.marque.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_ad') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.ads.label'|trans }}</a></li>
+                <li>
+                    <a href="{{ path('users') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.users.label'|trans }}</a></li>
+
+                
+                <li>
+                    <a href="{{ path('company_answer_list') }}">
+                        <i class="fa fa-user"></i>
+                        {{ 'company.menu.candidature.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_my_account') }}">
+                        <i class="fa fa-cog"></i>
+                        {{ 'company.menu.account.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="mailto:contact@talentstube.com">
+                        <i class="fa fa-comment"></i>
+                        {{ 'company.menu.account.contact'|trans }}</a>
+                </li>
+                <li>
+                    <a class="chip center-align" href="{{ path('fos_user_security_logout') }}">Déconnexion <i class="fa fa-sign-out" aria-hidden="true"></i></a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+<div id="modalProfilePicture" class="modal">
+    <div class="modal-content">
+        <h4>Edition du logo de votre entreprise</h4>
+        <div class="row">
+            {{ render(controller(
+            'AppBundle:Media:profileLogo'
+            )) }}
+        </div>
+
+    </div>
+    <div class="modal-footer">
+        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Fermer</a>
+    </div>
+</div>
+
+
+
+
@@ -1,27 +1,122 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}

 {% block title %} Mon compte{% endblock %}

 {% block dashContent %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="row bg-bordered p-20">
-        <div class="col s6">
-            <h4>{{ 'company.menu.account.label'|trans }}</h4>
-            {{ form_start(form, { 'action': path('company_my_account'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-            {{ form_rest(form) }}
-            <br/>
-            <input class="btn btn-default" type="submit" value="{{ 'global.save.label'|trans }}"/>
-            {{ form_end(form) }}
-        </div>
+{% include 'default/flash_message.html.twig' %}
+
+
+
+
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Profil</li>
+            </ol>
+            <!-- END BREADCRUMB -->

-        <div class="col s6">
-            <h4>{{ 'company.account.password.modify'|trans }}</h4>
-            {{ form_start(formPw) }}
-            {{ form_rest(formPw) }}
-            <br/>
-            <input class="btn btn-default" type="submit" value="{{ 'company.account.password.modify.label'|trans }}"/>
-            {{ form_end(formPw) }}
        </div>
    </div>
+</div>
+<!-- END JUMBOTRON -->

-{% endblock %}
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="row">
+        <div class="col-lg-12s">
+
+            <div class="card card-transparent">
+                {{ form_start(form, { 'action': path('company_my_account'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
+
+
+                <div class="card-body">
+                    <div class="card-body">
+                        {% if form_errors(form) %}
+                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                        {% endif %}
+
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group form-group-default required">
+
+                                    {{ form_row(form.firstname) }}
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group form-group-default">
+
+                                    {{ form_row(form.lastname) }}
+                                </div>
+                            </div>
+                        </div>
+                        {# <div class="row">
+                            <div class="col-md-12">
+
+                                <div class="form-group  ">
+
+                                    {{ form_row(form.gender) }}
+                                </div>
+                            </div>
+                        </div>
+                        <br /> #}
+                        <div style="text-align: right;">
+                            <button class="btn btn-default" type="submit">Sauvegarde</button>
+
+                        </div>
+
+                    </div>
+                    {{ form_end(form) }}
+                </div>
+                <!-- END card -->
+
+            </div>
+
+            <div class="col-lg-12">
+                {# <div class="card card-transparent">
+                {{ form_start(formPw) }}
+                <div class="card-body">
+                    {% if form_errors(formPw) %}
+                    <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                    {% endif %}
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="form-group form-group-default required">
+
+                                {{ form_rest(formPw) }}
+                                <br />
+                                <input class="btn btn-default" type="submit" value="{{ 'company.account.password.modify.label'|trans }}" />
+                                {{ form_end(formPw) }}
+                            </div>
+                        </div>   
+                    </div>
+                </div>
+                 {{ form_end(formPw) }} #}
+                <div class="card card-transparent">
+
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <a href="/resetting/request" target="_blank">Réinitialisation de mot de passe</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- END card -->
+
+
+        </div>
+    </div>
+    <!-- END CONTAINER FLUID -->
+
+    {% endblock %}
@@ -1,15 +1,152 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block title %}{{ 'profile.company.title'|trans }}{% endblock %}

 {% block dashContent %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="row bg-bordered p-20">
-    {#<h1 class="alttitle">{{ 'profile.company.title'|trans }}</h1>#}
-    {{ form_start(form, { 'action': path('company_profile'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-    {{ form_widget(form) }}
-    <br/>
-    <input class="btn btn-default" type="submit" value="{{ 'profile.edit.submit'|trans }}"/>
-    {{ form_end(form) }}
+{% include 'default/flash_message.html.twig' %}
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Profil</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            
+        </div>
    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+
+        <div class="card-body">
+            {% if form_errors(form) %}
+            <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+            {% endif %}
+            {{ form_start(form) }}
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="form-group form-group-default required">
+
+                        {{ form_row(form.brandName) }}
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="form-group form-group-default">
+
+                        {{ form_row(form.businessName) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+
+                        {{ form_row(form.description) }}
+                    </div>
+                </div>
+
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.website) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.siren) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.size) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.address) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.addressComp) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.zipcode) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.city) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.country) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.tagsComma) }}
+                    </div>
+                </div>
+            </div>
+            <br />
+            <div style="text-align: right;">
+                <button class="btn btn-default" type="submit">Sauvegarde</button>
+
+            </div>
+            {{ form_end(form) }}
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
 {% endblock %}
@@ -0,0 +1,10 @@
+<div class="col s12" id="breadcrumb">
+    <a href="{{ path('company_ad') }}">
+        <span>{% trans %}label.users{% endtrans %}</span>
+    </a>
+    
+    <div class="border-breadcrumb"></div>
+</div>
+
+
+
@@ -0,0 +1,111 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+{% block dashContent %}
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Utilisateurs</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
+                        </div>
+                        <div class="card-body">
+
+                            <a class="btn-square" target="_self" href="{{ path('user_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'user.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Créer un Utilisateur
+            </div>
+        </div>
+        <div class="card-body">
+            {% if form_errors(form) %}
+                <span class="red-text text-darken-2">{{ form_errors(form) }}{{ error }}</span>
+            {% endif %}
+            {% if  error%}
+                <span class="red-text text-darken-2"><b>{{ error }}</b><br/>&nbsp;</span>
+            {% endif %}
+            {{ form_start(form) }}
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.firstname) }}
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="form-group form-group-default">
+                    
+                     {{ form_row(form.lastname) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.email) }}
+                    </div>
+                </div>
+                
+            </div>
+            {# <div class="row">
+                
+                <div class="col-md-12">
+                    <div class="form-group ">
+                    
+                     {{ form_row(form.gender) }}
+                    </div>
+                </div>
+            </div> #}
+            {% if form.password is defined%}
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.password) }}
+                    </div>
+                </div>
+                
+            </div>
+            {% endif %}
+            <br/>
+            <div style="text-align: right;">
+                <button class="btn btn-default" type="submit">Je crée/modifie un utilisateur</button>
+
+            </div>
+            {{ form_end(form) }}
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
+
+{% endblock %}
+
@@ -0,0 +1,94 @@
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Utilisateurs</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
+                        </div>
+                        <div class="card-body">
+
+                            <a class="btn-square" target="_self" href="{{ path('user_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'user.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Utilisateurs
+            </div>
+        </div>
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover" id="basicTable">
+                    <thead>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                            
+                            <th style="width:20%">{{ 'user.list.nom'|trans }}</th>
+                            <th style="width:20%">{{ 'user.list.prenom'|trans }}</th>
+                            <th style="width:29%">{{ 'user.list.email'|trans }}</th>
+                            <th style="width:15%">{{ 'user.list.actions'|trans }}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                        {% for user in users %}
+                        <tr>
+                            
+                            <td class="v-align-middle ">
+                                <p>{{ user.lastname }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p>{{ user.firstname }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p>{{ user.email }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p><a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'user.edit.label'|trans }}" href="{{ path('user_edit', { 'id': user.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                </p>
+                            </td>
+                            
+                        </tr>
+                        {% endfor %}
+                        {% if users|length == 0  %}
+                            <tr><th colspan="4" class="text-center">Aucun utilisateur pour le moment</th></tr>
+                        {% endif %}
+                       
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
@@ -0,0 +1,14 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+
+{% block title %}
+    Mes utilisateurs
+{% endblock %}
+
+{% block dashContent %}
+    {# {% include 'default/flash_message.html.twig' %} #}
+        {% include 'company/user_table_listing.html.twig' with {
+            'ads' : ads
+        } %}
+    
+{% endblock %}
@@ -28,9 +28,12 @@
                {% if company.presentationVideo is defined %}
                    {% if company.presentationVideo.thumbnails.0.sizes is defined %}
                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
+                            {% if company.presentationVideo.thumbnails.0.sizes.4.link is defined %}
                            <img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
                                 alt="{{ company.brandName }}"/>
+
                            <span class="playerbtn"></span>
+                            {% endif %}
                        </a>
                    {% endif %}
                {% endif %}
@@ -20,7 +20,7 @@
                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
                    </li>
                    <li>
-                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
+                        <a class="white-text" href="https://blog.talentstube.com/contact" title="Talents Tube ">Contact</a>
                    </li>
                </ul>
            </div>
@@ -0,0 +1,65 @@
+<footer class="page-footer">
+    <div class="container">
+        <div class="row footer-info">
+            <div class="col xl2 l2 m6 s12 col-footer-logo">
+                <img src="{{ asset('/img/logo-mini-white.svg') }}" alt="Talents Tube 1er job board 100% vidéo">
+            </div>
+            <div class="col xl3 l3 m6 s6">
+                <h5 class="white-text">Talents Tube</h5>
+                <ul>
+                    <li>
+                        <a class="white-text" href="{{ path('homepage') }}">Accueil</a>
+                    </li>
+                    
+                </ul>
+            </div>
+            <div class="col xl4 l4 m6 s6">
+                <h5 class="white-text">Informations</h5>
+               
+            </div>
+            <div class="col xl3 l3 m6 s12 left-align">
+                <h5 class="white-text">Suivez-nous !</h5>
+                <p class="footer-socials">
+                    <a class="white-text td-none" href="https://www.facebook.com/TalentsTuber/" title="Facebook" target="_blank">
+                        <i class="fa fa-facebook" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://twitter.com/TalentsTuber" title="Twitter" target="_blank">
+                        <i class="fa fa-twitter" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" title="Youtube" target="_blank">
+                        <i class="fa fa-youtube" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://www.linkedin.com/company/talentstube" title="Linkedin" target="_blank">
+                        <i class="fa fa-linkedin-square" aria-hidden="true"></i>
+                    </a>
+                </p>
+                <h5 class="white-text">Contactez-nous !</h5>
+                <a class="white-text" href="mailto:&#098;&#111;&#110;&#106;&#111;&#117;&#114;&#064;&#116;&#097;&#108;&#101;&#110;&#116;&#115;&#116;&#117;&#098;&#101;&#046;&#099;&#111;&#109;">Par mail</a>
+                <p class="white-text">02 30 05 06 31</p>
+                <p class="footer-newsletter">
+                    <a class="btn-large btn-round" href="#" title="Newsletter" data-token="ecea5416671e97e3abfa8195848a9140" onclick="mjOpenPopin(event, this)">
+                        <i class="fa fa-envelope-open-o left" aria-hidden="true"></i>
+                        Newsletter</a>
+                    <data data-token="ecea5416671e97e3abfa8195848a9140" class="mj-w-data" data-apikey="2jWA" data-w-id="31E" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="420" data-statics="statics"></data>
+                </p>
+            </div>
+        </div>
+        <div class="row footer-more-links">
+            <div class="col s12 center-align">
+                <p class="text-center white-text">Entreprise soutenue par</p>
+                <a href="https://www.bretagne.bzh/"><img src="{{ asset('img/RB_monochrome_blanc.svg')}}" alt="Region Bretagne"></a><br>
+            </div>
+            <div class="col s12 center-align m-t-30">
+                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2018 Talents Tube</a>
+            </div>
+        </div>
+    </div>
+</footer>
+{# Modal Login#}
+{% if app.request.get('_route') != "fos_user_security_login" %}
+    <div id="modal_login" class="modal ">
+        <div class="modal-content">
+            {{ render(controller('AppBundle:SecurityModal:loginModal')) }}
+        </div>
+    </div>
+{% endif %}
@@ -85,9 +85,7 @@
    </div>
    <div id="newApp" class="container-fluid">
        <div class="row">
-            <div class="col s12 m12">
-                <p>"Nouveau ! Trouvez un job plus facilement avec notre <a href="http://app.talentstube.com">web application</a>.📲"</p>
-            </div>
+            
        </div>
    </div>
 </div>
@@ -0,0 +1,80 @@
+<div class="fluid-container header-fixed-top" id="header-wrapper">
+    <div id="header" class="container">
+        <div class="row">
+            <div class="col s12 m12 l10">
+                
+                <nav>
+                    <div class="nav-wrapper">
+                        <div class="logo-wrapper">
+                            <a href="{{ path('homepage') }}" class="brand-logo">
+                                <img src="{{ asset('img/Logo-header.png') }}" alt="Talents Tube"/>
+                            </a>
+                        </div>
+                        <a href="#" data-activates="mobile-demo" class="button-collapse">
+                            <i class="material-icons">menu</i>
+                        </a>
+                        <ul class="right hide-on-med-and-down">
+
+                            <li>
+                                <a href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
+                            </li>
+                        </ul>
+
+                    </div>
+                </nav>
+            </div>
+            
+        </div>
+    </div>
+    {# <div id="newApp" class="container-fluid">
+        <div class="row">
+           
+        </div>
+    </div> #}
+</div>
+<div class="nav-wrapper">
+    <ul class="side-nav collapsible" data-collapsible="accordion" id="mobile-demo">
+        <li class="header-links">
+            {% include 'default/button_login.html.twig' with {'app': app } %}
+        </li>
+        <li>
+            <a class="collapsible-header" title="Talents">Talents</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a></li>
+                    <li><a href="{{ path('page_cvVideo') }}" title="Le Cv vidéo">Le CV vidéo</a></li>
+                    <li><a href="{{ path('page_reussirCVvideo') }}" title="Comment faire son CV Vidéo ?">Comment faire son CV Vidéo ?</a></li>
+                    <li><a href="{{ path('page_accompagnementTalent') }}" title="Accompagnement talent">Accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a>
+        </li>
+        <li>
+            <a class="collapsible-header" title="Les entreprises de talents">Entreprises</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('company_list') }}" title="Listes entreprises">Listes entreprises</a></li>
+                    <li><a href="{{ path('page_OffreEmploi') }}" title="L'offre d'emploi en vidéo">L'offre d'emploi en vidéo</a></li>
+                    <li><a href="{{ path('page_reussirOffrevideo') }}" title="Comment faire une offre en vidéo">Comment faire une offre en vidéo</a></li>
+                    <li><a href="{{ path('page_MarqueEmployeur') }}" title="Vidéo Marque Employeur">Vidéo Marque Employeur</a></li>
+                    <li><a href="{{ path('page_accompagnementEntreprise') }}" title="Conseils & accompagnement">Conseils & accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" title="Les territoires">Territoires</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('territory_list') }}">Liste des territoires</a></li>
+                    <li><a href="{{ path('page_VideoTerritory') }}">La vidéo territoire</a></li>
+                    <li><a href="{{ path('page_AccompagnementTerritory') }}">Conseils et accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
+        </li>
+    </ul>
+</div>
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}

 {% block metarobot %}
    {% if robot is defined and robot == 0 %}
@@ -6,6 +6,7 @@
    {% else %}
        <meta name="robots" content="index,follow">
    {% endif %}
+    
 {% endblock %}

 {% block title %}{{ page.title }}{% endblock %}
@@ -6,7 +6,7 @@
          <!-- Title -->
          <div class="mb-4">
            <h2 class="h3"> Recevez les candidatures en vidéo</h2>
-            <p> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
+            <p class="accueilFondNoir"> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
              toute confidentialité, grâce à notre outil d’enregistrement vidéo simple, rapide et gratuit.

              Vous recevez des vidéos de motivation, c’est-à-dire des candidatures qui répondent à votre vidéo de
@@ -11,8 +11,8 @@
                  <div class="media">

                    <div class="media-body px-4">
-                      <h2 class="statChiffre">1500+</h2>
-                      <p class="statTexte">Talents connectés</p>
+                      <h2 class="statChiffre">10000+</h2>
+                      <p class="statTexte">Visiteurs par mois</p>
                    </div>
                  </div>
                </div>
@@ -24,7 +24,7 @@
                <div class="card-body p-4">
                  <div class="media">
                    <div class="media-body px-4">
-                      <h2 class="statChiffre">900+</h2>
+                      <h2 class="statChiffre">1050+</h2>
                      <p class="statTexte">Vues par vidéo</p>
                    </div>
                  </div>
@@ -38,7 +38,7 @@
                  <div class="media">

                    <div class="media-body px-4">
-                      <h2 class="statChiffre">350</h2>
+                      <h2 class="statChiffre">550+</h2>
                      <p class="statTexte">Candidatures vidéo</p>
                    </div>
                  </div>
@@ -56,7 +56,7 @@
          <div class="col-md-4 mb-7 mb-md-0">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Diffusez vos offres d'emploi et marque employeur en video">
              <h3 class="h4 text-white text300">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -65,7 +65,7 @@
          <div class="col-md-4 mb-7 mb-md-0">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Recevez les candidatures en video">
              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -74,7 +74,7 @@
          <div class="col-md-4">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Gérez vos candidatures en vidéo">
              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -1,32 +1,31 @@
 <!-- Marque employeur DEBUT -->
-  <div class="space-1-bottom accueilFondBlanc">
-    <div class="container space-2 ">
-      <div class="row align-items-lg-center">
-        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
-          <!-- Title -->
-          <div class="mb-4">
-            <h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
-            <p> Talents Tube offre une visibilité essentielle à votre marque employeur.
+<div class="space-1-bottom accueilFondBlanc">
+  <div class="container space-2 ">
+    <div class="row align-items-lg-center">
+      <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+        <!-- Title -->
+        <div class="mb-4">
+          <h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
+          <p> Talents Tube offre une visibilité essentielle à votre marque employeur. Grâce à la vidéo, votre
+            entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier concret et efficace pour
+            parfaire votre réputation. Développez l’attractivité de votre entreprise pour séduire de nouveaux talents.

-              Grâce à la vidéo, votre entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier
-              concret et efficace pour parfaire votre réputation. Développez l’attractivité de votre entreprise pour
-              séduire de nouveaux talents.
+            <strong>Donnez vie à votre marque employeur en plaçant la vidéo au centre de votre stratégie de
+              communication et de votre gestion des ressources humaines.
+            </strong>
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-video">En savoir plus</a>

-              <strong>Donnez vie à votre marque employeur en plaçant la vidéo au coeur de votre stratégie de
-                communication
-                et de votre gestion des ressources humaines.</strong>
-            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-video">En savoir plus</a>
-
-          </div>
        </div>
+      </div>

-        <div class="col-md-6 order-md-1">
-          <div class="pr-lg-4">
-            <a href="marque-employeur-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
-          </div>
+      <div class="col-md-6 order-md-1">
+        <div class="pr-lg-4">
+          <a href="marque-employeur-video"><img class="img-fluid"
+              src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
        </div>
      </div>
    </div>
  </div>
-  <!-- Marque employeur FIN -->
+</div>
+<!-- Marque employeur FIN -->
@@ -19,7 +19,7 @@
          <!-- Title -->
          <header class="text-center mb-5">
            <h2 class="h4 mb-0">Connexion</h2>
-            <p>Connecter vous pour gérer votre compte</p>
+            <p>Connectez-vous pour gérer votre compte</p>
          </header>

        
@@ -35,7 +35,7 @@
                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
                data-success-class="u-has-success"> #}
              
-                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
+                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" class="form-control" placeholder="Saisissez votre adresse email"/>
            </div>
          </div>
          <!-- End Input -->
@@ -51,7 +51,7 @@
              {# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
                aria-label="Password" data-msg="Your password is invalid. Please try again."
                data-error-class="u-has-error" data-success-class="u-has-success"> #}
-                <input type="password" id="password" name="_password" required="required" />
+                <input type="password" id="password" name="_password" required="required" class="form-control" placeholder="Saisissez votre mot de passe" />
            </div>
          </div>
          <!-- End Input -->
@@ -59,9 +59,9 @@
          <div class="row mb-3">
            <div class="col-6">
              <!-- Checkbox -->
-              <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
+              <div class="  d-flex align-items-center text-muted">
                <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
-                <label class="custom-control-label" for="rememberMeCheckbox">
+                <label class="" for="">
                  Se souvenir de moi
                </label>
              </div>
@@ -69,34 +69,33 @@
            </div>

            <div class="col-6 text-right">
-              <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
-                data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
+              <a href="resetting/request" target="_blank">Mot de passe oublié?</a>
            </div>
          </div>

          <div class="mb-3">
              
-                  <input type="hidden" name="_target_path" value="redirect_dashboard" />
+            <input type="hidden" name="_target_path" value="redirect_dashboard" />
              
-            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary"/>
+            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary" value="Se connecter"/>
          </div>

          <div class="text-center mb-3">
            <p class="text-muted">
-              Do not have an account?
-              <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
-                data-animation-in="fadeIn">S'inscrire
+              Vous n'avez pas encore de compte?
+              <a class="" href="register"   target="_blank"
+                >S'inscrire
              </a>
            </p>
          </div>
        </div>
        
    </form>
-    {% if app.request.get('_route') != "fos_user_security_login" %}
+    {# {% if app.request.get('_route') != "fos_user_security_login" %}
     {{ render(controller('AppBundle:SecurityModal:loginModalV2')) }}
-    {% endif %}
+    {% endif %} #}
      <!-- Forgot Password -->
-      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
+      {# <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
        <!-- Title -->
        <header class="text-center mb-5">
          <h2 class="h4 mb-0">Recover account</h2>
@@ -138,7 +137,7 @@
            </a>
          </p>
        </div>
-      </div>
+      </div> #}
      <!-- End Forgot Password -->
  </div>
  <!-- End Content -->
@@ -5,7 +5,7 @@
    <!-- Title -->
    <div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
      <h2 class="text-lh-xs mb-0">Témoignages de nos clients</h2>
-      <h6 class="text-uppercase text-gray-700 font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
+      <h6 class="text-uppercase  font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
        pour recruter différemment.</h6>
      
    </div>
@@ -51,7 +51,7 @@
          <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>

          <a class="js-fancybox text-white" href="javascript:;"
-            data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
+            data-src="https://www.youtube.com/watch?v=Em3niStNutA" data-speed="700"
            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
            Voir le témoignage
            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
@@ -9,9 +9,9 @@
        <div class="list-group list-group-flush list-group-transparent">
           <!-- Links -->
            <ul class="list-unstyled">
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="/">Espace recruteurs</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li>
+                <li><a class="list-group-item list-group-item-action" href="/">Espace recruteurs</a></li>
+                <li><a class="list-group-item list-group-item-action"href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
+                {# <li><a class="list-group-item list-group-item-action" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li> #}
            </ul>
            <!-- End Links -->
        </div>
@@ -25,10 +25,11 @@
        <div class="list-group list-group-flush list-group-transparent">
             <!-- Links -->
            <ul class="list-unstyled">
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions-legales">Mentions légales</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="cgu">CGU</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="politique-confidentialite">Politique de confidentialité</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://blog.talentstube.com/contact.html
+                <li><a class="list-group-item list-group-item-action" href="{{ path('mentions-legales') }}" target="_blank">Mentions légales</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('cgu') }}" target="_blank">CGU</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('politique-confidentialite') }}"  target="_blank">Politique de confidentialité</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('abonnement') }}"  >Tarifs</a></li>
+                <li><a class="list-group-item list-group-item-action" href="https://blog.talentstube.com/contact"  target="_blank"
 ">Contact</a></li>
            </ul>
            <!-- End Links -->
@@ -71,7 +72,7 @@

      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
        <!-- Logo -->
-        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
+        <a class="d-inline-block mb-5" href="/" aria-label="Space">
          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
        </a>
        <!-- End Logo -->
@@ -1,17 +1,17 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
 {% block meta %}
  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@TalentsTube">
-  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">

  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
  <meta property="og:type" content="article" />
  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
@@ -1,61 +0,0 @@
-{% for a in ads if a.isPrivate != true %}
-<div class="col s12">
-    <div class="card z-depth-3">
-        <div class="card-image">
-            {% if a.video %}
-                {% if a.video.thumbnails.0.sizes is defined %}
-                    <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">
-                        <img src="{{ a.video.thumbnails.0.sizes.4.link }}" alt="{{ a.company.brandName }}"/>
-                        <span class="playerbtn"></span>
-                    </a>
-                {% endif %}
-            {% endif %}
-            {% if a.isPromoted %}
-            <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-droite.png')}}" alt="promoted"></div>
-            {% endif %}
-        </div>
-        <div class="card-content-wrapper">
-            <div class="card-content card-content-company">
-                <div class="row company-infos row-noMargin">
-                    <div class="col-infos">
-                        <p class="item-list-name color-blue1">
-                             <a href="{{ path('company_show',{'alias': a.company.alias }) }}" title="{{ a.company.brandName }}">
-                            {{ a.company.brandName }}
-                            </a>
-                        </p>
-                        {% if a.location is iterable %}
-                            {% if a.location.gmap_address %}
-                                <p class="item-list-city">{{ a.location.gmap_address.address_components.0.long_name }}</p>
-                            {% endif %}
-                        {% endif %}
-                    </div>
-                    <div class="col-logo">
-
-                        {% if a.company.webPath %}
-                            <img class="responsive-img" src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
-                        {% endif %}
-                    </div>
-                </div>
-                
-            </div>
-            <div class="card-content card-content-ad">
-                <a class="link-job left-align truncate" href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">{{ a.title }}</a>
-            </div>
-            <div class="card-action">
-                <a class="btn-tags" href="#">Les mots clés<i class="fa fa-chevron-up right" aria-hidden="true"></i></a>
-                <span class="clearfix"></span>
-                <div class="keywords">
-                    {% if a.publicTag %}
-                        {% for tag in a.publicTag %}
-                        <div class="chip">
-                            <a href="{{ path('ad_search_result',{'tag':tag }) }}">{{ tag }}</a>
-                        </div>
-                        {% endfor %}
-                    {% endif %}
-                </div>
-            </div>
-        </div>
-        <div class="borderList"></div>
-    </div>
-</div>
-{% endfor %}
@@ -1,69 +0,0 @@
-{% for a in ads if a.isPrivate != true %}
-    <div id="adRow" class="row item-list-bis z-depth-2 row-noMargin">
-        <div class="col s12 m4 col-noPadding ad-picture">
-            <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="item-list-media">
-                {% if a.video %}
-                    {% if a.video.thumbnails.0.sizes is defined %}
-
-                        <img class="thumbnail_list" src="{{ a.video.thumbnails.0.sizes.4.link }}"
-                             alt="{{ a.company.brandName }}"/>
-
-                    {% endif %}
-                    <span class="playerbtn"></span>
-                {% endif %}
-            </a>
-            {% if a.isPromoted %}
-                <div class="isPromoted">
-                    OFFRE POURVUE
-                </div>
-            {% endif %}
-        </div>
-        <div class="col s12 m8 col-noPadding">
-            <div class="row row-infos row-noMargin">
-                <div class="col s4 m4 l5 company-infos col-noPadding">
-                    <h2 class="no-margin-top">
-                        <a href="{{ path('ad_show',{'alias': a.alias }) }}"
-                           title="{{ a.title }}" class="hover-blue1">{{ a.title }}</a>
-                    </h2>
-                    {% if a.extra.contract_type is defined %}
-                        <span>{{ a.extra.contract_type }}</span>
-                    {% endif %}
-                </div>
-                <div class="col s4 m3 l3 col-noPadding col-logo">
-                    {% if (a.company.logo is defined) and (a.company.webPath is not null) %}
-                        <a href="{{ path('company_show',{'alias':a.company.alias}) }}">
-                            <img src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
-                        </a>
-                    {% endif %}
-                </div>
-                <div class="hide-on-small-only col s4 m5 l4 col-noPadding company-infos m-l-30">
-                    <p class="item-list-website">
-                        <a href="{{ path('company_show',{'alias': a.company.alias }) }}" class="hover-blue2">
-                            {{ a.company.brandName }}
-                        </a>
-                        <br/>
-                        {% if a.location is iterable %}
-                            <span>{{ a.location.gmap_address.address_components.0.long_name }}</span>
-                        {% endif %}
-                    </p>
-                </div>
-            </div>
-            <div class="row row-tags row-noMargin">
-                <div class="col s11 col-noPadding" style="position:relative;">
-                    <div class="frame" id="basic">
-                        <ul class="slidee">{% for tag in a.publicTag %}
-                                <li class="chip">
-                                    <a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a>
-                                </li>{% endfor %}</ul>
-                    </div>
-                    <div class="controls center">
-                        <a class="prev"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a>
-                        <a class="next"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="borderList"></div>
-        <div class="clearfix"></div>
-    </div>
-{% endfor %}
@@ -1,80 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Découvrez toutes les offres d'emploi en vidéo sur Talents Tube{% endblock %}
-
-{% block description %}Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube">
-    <meta name="twitter:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !">
-    <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube" />
-    <meta property="og:type" content="article" />
-    <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
-    <meta property="og:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !" />
-    <meta property="og:site_name" content="Talents Tube" />
-    <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
-
-{% endblock %}
-
-{% block content %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
-
-    <div class="fluid-container bg-grey-3 contentPage">
-        <div id="searchResultWrapper" class="container">
-            <div class="row">
-                <div class="col s12 center-align">
-                    <h1 class="alttitle">Les offres d’emploi en vidéo</h1>
-                </div>
-            </div>
-            <div class="row m-b-0 p-b-30">
-                <div class="col s12 m12">
-                    <div id="header-resultats">
-                        {% if isPromotedAds %}
-                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi pourvues</div>
-                            <div><span><a href="{{ path('ad_search_result') }}">Voir les offres d'emploi en cours</a></span></div>
-                        {% else %}
-                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi en cours</div>
-                            <div><span><a href="{{ path('ad_search_result', {'promoted': true }) }}">Voir les offres d'emploi pourvues</a></span></div>
-                        {% endif %}
-                    </div>
-                    <div id="liste-resultats">
-                        {% if ads|length > 0 and noResults == false %}
-                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
-                        {% else %}
-                            <h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
-                            <h4 class="center-align">Mais vous pourriez être intéressé(e) par</h4>
-                            <br/>
-                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
-                        {% endif %}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-    <script type="text/javascript">
-        $(document).ready(function () {
-            var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_search_location_gmap'));
-            var autocomplete = new google.maps.places.Autocomplete(input);
-            autocomplete.addListener('place_changed', onPlaceChanged);
-
-            function onPlaceChanged() {
-                var place = autocomplete.getPlace();
-                var gmap_address = {'gmap_address': place}
-                if (place.geometry) {
-                    $("#ad_search_location").val(JSON.stringify(gmap_address));
-                }
-            }
-        });
-    </script>
-{% endblock %}
@@ -1,218 +0,0 @@
- {% extends 'base.html.twig' %}
-
-{% block title %}{{ ad.htmlTitle|raw }}{% endblock %}
-
-{% block description %}{{ ad.htmlDescription|raw }}{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="{{ ad.htmlTitle|raw }}">
-    <meta name="twitter:description" content="{{ ad.htmlDescription|raw }}">
-    <meta name="twitter:image"
-          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}
-">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="{{ ad.htmlTitle|raw }}"/>
-    <meta property="og:type" content="article"/>
-    <meta property="og:url" content="{{ app.request.uri }}"/>
-    <meta property="og:image"
-          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}"/>
-    <meta property="og:description" content="{{ ad.htmlDescription|raw }}"/>
-    <meta property="og:site_name" content="Talents Tube"/>
-{% endblock %}
-
-{% block content %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="fluid-container bg-grey-3 button-plus">
-        <div id="ad_show" class="container contentWrapper contentPage">
-            <div class="row">
-                <div class="col s12 m12 l4 xl3 hide-on-med-and-down" id="sidebar">
-                {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
-                </div>
-                <div class="col s12 m12 l8 xl9">
-                    {% if ad.video and ad.status != "CLOSED" %}
-                        <div class="row m-b-0" id="adVideo">
-                            {#{% if ad.id == 38 %}
-                                <img class="responsive-img" src="{{asset('/img/GROUPE-ROCHER-TT.jpg')}}">
-                            {% else %}#}
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <div class="col s12">
-                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}?texttrack=fr"
-                                            width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                                            allowfullscreen></iframe>
-                                </div>
-                            </div>
-                            {#{% endif %}#}
-                            {% if ad.isPromoted %}
-                                <div class="isPromoted">
-                                    OFFRE POURVUE
-                                </div>
-                            {% endif %}
-                            {% if ad.id == 53 %}
-                            <div class="isPromoted">
-                            Traitement des candidatures vidéos 
-                            </div>
-                            {% endif %}
-                        </div>
-                    {% endif %}
-                    
-                    <div class="row bg-bordered">
-                        <div class="row row-title-ad">
-                            <div class="col s6 col-title-ad">
-                                <h1>{%- spaceless -%}{{ ad.title}}{%- endspaceless -%}</h1>
-                            </div>
-                            <div class="col s6 col-type-ad">
-                                <h2>
-
-
-                            {% if ad.extra.contract_type is defined %}
-                                <i class="fa fa-suitcase" aria-hidden="true"></i>&nbsp;{{ ad.extra.contract_type }}
-                            {% endif %}
-                            {% if ad.location is iterable %}
-                                {% if ad.location.gmap_address %}
-                                <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;{{ ad.location.gmap_address.address_components.0.long_name }}
-                                {% endif %}
-                            {% endif %}
-                                </h2>
-                            </div>
-                        </div>
-                        <div class="col s12">
-                            {% for tag in ad.publicTag %}
-                                <p class="chip"><a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a></p>
-                            {% endfor %}
-                            <div class="item-detail-description">
-                                <h3 class="blue-text">Détails de l'offre d'emploi</h3>
-                                <p>{{ ad.description|nl2br }}</p>
-                            </div>
-                            <h3 class="blue-text">Informations complémentaires</h3>
-                            <p class="item-detail-reference">Référence : <span>{{ ad.reference }}</span></p>
-                            <p class="item-detail-date">Publié le : <span>{{ ad.publishedAt|date('d/m/Y') }}</span></p>
-                        </div>
-                        <div class="col s12 center-align">
-                            {% if ad.status == "CLOSED" %}
-                                <div class="card-panel orange lighten-1 whiteColor">
-                                    {{ 'Offre cloturée'|trans }}
-                                </div>
-                            {% else %}
-                                {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
-                                    <div class="card-panel green lighten-1 whiteColor">
-                                        {{ 'ad.talent.isAnswer.label'|trans }}
-                                    </div>
-                                {% elseif not is_granted('ROLE_COMPANY') %}
-                                    {% if not ad.isPromoted %}
-                                        {% if ad.id != 53 %}
-                                        <p class="item-detail-reply">
-                                            <a  title="postuler-bottom" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                                            class="btn btn-default">
-                                                Postuler
-                                            </a>
-                                        </p>
-                                        {% endif %}
-                                    {% endif %}
-                                {% endif %}
-                            {% endif %}
-                        </div>
-                    </div>
-                    {% if ad.isPromoted %}
-                    <div class="row bg-bordered row-promoted">
-                        <div class="col s12 center-align">
-                            <h3>Vous souhaitez rejoindre <span class="color-blue1">{{ ad.company.brandname }}</span> ?</h3>
-                            <a href="{{ path('talent_spontaneous_application_create',{'id': ad.company.getId()}) }}"
-                            class="btn btn-default">
-                                Candidature spontanée
-                            </a>
-                        </div>
-                    </div>
-                    {% endif %}
-                    <div class="col s12 hide-on-large-only m-b-50">
-                    {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
-                    </div>
-                </div>
-                 <div class="row">
-                    {% if companyAds|length > 0 %}
-                    <div class="col s12"> 
-                        <h2>Autres offres d’emploi pour {{ ad.company.brandname }}</h2>
-                        <div id="liste-resultats">
-                            {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
-                        </div>
-                    </div>
-                    {% endif %}
-                </div>
-            </div>
-        </div>
-    </div>
-    {% if ad.territories|length %}
-        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.territories } %}
-    {% elseif ad.company.territories|length %}
-        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.company.territories } %}
-    {% endif %}
-    {% set popup_answer_send = app.session.flashbag.get('popup_answer_send') %}
-    {% set popup_answer_already_send = app.session.flashbag.get('popup_answer_already_send') %}
-    {% if popup_answer_send is not empty %}
-        {% if popup_answer_send[0] == true %}
-            <div id="modal-answer" class="modal">
-                <div class="modal-content">
-                    <div class="row">
-                        <div class="col s12">
-                            <div class="col-content p-30">
-                                {% if popup_answer_already_send is not empty and popup_answer_already_send[0] == true %}
-                                    <h3 class="color-blue1 center-align">Candidature pour {{ ad.company.brandname }} !</h3>
-                                    <div class="col offset-s2 s8 center-align">
-                                        <p>Vous avez déjà répondu à cette annonce.</p>
-                                        <a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
-                                        <br /><br />
-                                        <a class="text modal-action modal-close">Fermer</a>
-                                    </div>   
-                                {% else %}
-                                    <h3 class="color-blue1 center-align">Votre candidature a bien été envoyée à {{ ad.company.brandname }} !</h3>
-                                    <div class="col offset-s2 s8 center-align">
-                                        <div class="embed-responsive embed-responsive-16by9">
-                                            <div class="col s12">
-                                                <iframe src="https://player.vimeo.com/video/249822507"
-                                                        width="100%" height="640" frameborder="0"></iframe>
-                                            </div>
-                                        </div>
-                                        <a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
-                                        <br /><br />
-                                        <a class="text modal-action modal-close">Fermer</a>
-                                    </div>
-                                {% endif %}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        {% endif %}
-    {% endif %}
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-    <script type="text/javascript">
-        $(document).ready(function(){
-            //asking for push
-            EdeclicLib = window.EdeclicLib || {};
-            EdeclicLib.delayedAsk();
-            //
-            $('.tooltipped').tooltip();
-            $.get( "{{ path('ad_ajaxRecStat',{'id': ad.id }) }}", function( data ) {});
-            if ($('#modal-answer').length > 0) { 
-                $('#modal-answer').modal({
-                    dismissible: false,
-                    ready: function(modal, trigger) {}
-                });
-                $('#modal-answer').modal('open');
-            }
-        });
-    </script>
-{% endblock %}
-{% block stylesheets %}
-    <script type="application/ld+json">
-    {{- ad.structuredData|raw -}}
-    </script>
-    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a095d2dd3cf90df"></script>
-{% endblock %}
@@ -1,75 +0,0 @@
-<div class="profil-company center-align">
-    {% set company = ad.company %}
-        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="profil-picture logo-picture">
-            {% if company.logo %}
-                <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
-                    alt="{{ company.brandname }}"/>
-            
-            {% else %}
-                <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
-            {% endif %}
-        </a>
-        {% if showBrand is defined %}
-            {% if company.presentationVideo %}
-                <div class="brandImage">
-                    <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}">
-                        <img class="" src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}">
-                        <span class="filter"></span>
-                        <span class="playerbtn"></span>
-                    </a>
-                </div>
-            {% endif %}
-        {% endif %}
-        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="btn btn-default btn-small-grey">
-            Découvrir l'employeur
-        </a>
-        <p class="profil-name">
-            <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
-                <b>{{ company.brandname }}</b>
-            </a>
-        </p>
-    {% if company.addresses.billing is defined %}
-        <p class="profil-city">{{ company.addresses.billing.city }}
-            - {{ company.addresses.billing.country|country }}</p>
-    {% endif %}
-</div>
-{#<div class="col s12 profil-links">
-    {% if company.website %}
-        <a target="_blank" href="{{ company.website }}" class="td-none">
-                <span class="fa-stack fa-lg">
-                    <i class="fa fa-circle fa-stack-2x z-depth-2"></i>
-                    <i class="fa fa-link fa-stack-1x fa-inverse"></i>
-                </span>
-        </a>
-    {% endif %}
-</div>#}
-<div class="col s12 center-align">
-    <div class="divider"></div>
-    <br />
-    {% if ad.status == "CLOSED" %}
-        <div class="card-panel orange lighten-1 whiteColor">
-            {{ 'Offre cloturée'|trans }}
-        </div>
-    {% else %}
-        {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
-            <div class="card-panel green lighten-1 whiteColor">
-                {{ 'ad.talent.isAnswer.label'|trans }}
-            </div>
-        {% elseif not is_granted('ROLE_COMPANY') %}
-            {% if not ad.isPromoted %}
-                {% if ad.id != 53 %}
-                <p class="item-detail-reply">
-                    <a title="postuler-side" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                    class="btn btn-default">
-                        Postuler
-                    </a>
-                </p>
-                {% endif %}
-            {% else %}
-                <div class="item-detail-ispromoted">
-                    Offre pourvue
-                </div>
-            {% endif %}
-        {% endif %}
-    {% endif %}
-</div>
@@ -1,7 +0,0 @@
-{% for type, flash_messages in app.session.flashBag.all %}
-    {% for flash_message in flash_messages %}
-        <div class="flash-{{ type }}">
-            {{ flash_message }}
-        </div>
-    {% endfor %}
-{% endfor %}
@@ -1,31 +0,0 @@
-{% if not app.user or is_granted('ROLE_TALENT_TMP')%}
-    <div class="header-link header-link-signin right-align">
-        {% if app.request.get('_route') == "fos_user_security_login" %}
-            {% set href = "" %}
-        {% else %}
-            {% set href = "#modal_login" %}
-        {% endif %}
-        <a class="btn button-round-small" href="{{ href }}">
-            <i class="fa fa-power-off" aria-hidden="true"></i>
-            <span>Connexion</span>
-        </a>
-    </div>
-{% else %}
-    <div class="header-link header-link-signin right-align">
-        {% if is_granted('ROLE_TALENT') %}
-            {% set pathDash = path('talent_dashboard') %}
-        {% elseif is_granted('ROLE_COMPANY') %}
-            {% set pathDash = path('company_dashboard') %}
-        {% elseif is_granted('ROLE_TERRITORY') %}
-            {% set pathDash = path('territory_dashboard') %}
-        {% elseif is_granted('ROLE_ADMIN') %}
-            {% set pathDash = path('admin_dashboard') %}
-        {% else %}
-            {% set pathDash = path('talent_dashboard') %}
-        {% endif %}
-        <a class="btn button-round-small" href="{{ pathDash }}">
-            <i class="material-icons">perm_identity</i>
-            <span>Mon compte</span>
-        </a>
-    </div>
-{% endif %}
@@ -1,43 +1,44 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
-    <div class="container space-2  ">
-       <!-- Video Section -->
+<div class=" accueilFondBlanc">
+  <div class="  ">
+    <!-- Video Section -->
    <div class="">
-      <div class="container space-2-bottom space-3-bottom--lg">
-        <div class=" text-center mx-auto">
-          <!-- Video Block -->
-          <div id="youTubeVideoPlayer" class="u-video-player mb-7">
-            <!-- Cover Image -->
-            <img class="img-fluid u-video-player__preview" src="{{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}} " alt="Image">
-            <!-- End Cover Image -->

-            <!-- Play Button -->
-            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
-            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
-            data-caption="Témoignage">
-              <span class="u-video-player__icon">
-                <i class="fa fa-play u-video-player__icon-inner"></i>
+
+      <div class="gradient-overlay-half-dark-v1 bg-img-hero"
+        style="background-image: url({{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}});">
+        <div class="d-lg-flex align-items-lg-center flex-lg-column">
+          <div class="container space-3 space-4-top--lg">
+            <!-- Title -->
+            <div class="w-md-50">
+              <h1 class="display-4 font-size-48--md-down text-white">Accompagnement candidats</h1>
+              <p class="lead text-white">Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
+            </div>
+            <!-- End Title -->
+          </div>
+        </div>
+
+        <div class="container space-1-bottom">
+          <!-- Fancybox -->
+          <div class="d-inline-block">
+            <a class="js-fancybox u-media-player media align-items-center text-white" href="javascript:;"
+              data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700" data-animate-in="zoomIn"
+              data-animate-out="zoomOut" data-caption="Space - Responsive Website Template">
+              <span class="u-media-player__icon mr-3">
+                <i class="fa fa-play u-media-player__icon-inner"></i>
+              </span>
+              <span class="media-body">
+                <small class="d-block text-uppercase">Regarder</small>
+                la vidéo
              </span>
            </a>
-            <!-- End Play Button -->
-
-            <!-- Video Iframe -->
-            <div class="embed-responsive embed-responsive-16by9">
-             
-            </div>
-            <!-- End Video Iframe -->
          </div>
-          <!-- End Video Block -->
-
-          <!-- Title -->
-          <h2 class="h3">Accompagnement candidats</h2>
-          <p>Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
-          <!-- End Title -->
+          <!-- End Fancybox -->
        </div>
      </div>
    </div>
    <!-- End Video Section -->
-    </div>
  </div>
+</div>

-  <!-- Plateforme FIN -->
+<!-- Plateforme FIN -->
@@ -12,7 +12,7 @@ La candidature en vidéo ou vidéo de motivation s’avère être un outil perfo

 En plus des savoirs et savoir-faire, la candidature vidéo met en lumière le savoir-être et le savoir devenir des candidats. Vous pouvez cerner la personnalité du candidat et son projet professionnel en quelques instants.
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com">Voir la plateforme</a>

          </div>
        </div>
@@ -1,29 +1,32 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBleute">
-    <div class="container space-2  ">
-      <div class="row row justify-content-lg-end ">
-        <div class="col-md-6 ">
-          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
-          <div class="mb-6">
-            <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
-            <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le savoir-faire n’est plus le principal critère de sélection des candidats.
+<div class=" accueilFondBleute">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-6 ">
+        <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+        <div class="mb-6">
+          <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
+          <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le
+            savoir-faire n’est plus le principal critère de sélection des candidats. Aujourd’hui, votre entreprise
+            recherche de plus en plus des compétences comportementales, communément appelées “soft skills”. Il est
+            difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+            Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous
+            souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en
+            relation pour l’emploi.

-Aujourd’hui, votre entreprise recherche de plus en plus des compétences comportementales ou communément appelées “soft skills”. Il est difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/">Voir la plateforme</a>

-Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en relation pour l’emploi.
-            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/">Voir la plateforme</a>
-
-          </div>
        </div>
+      </div>

-        <div class="col-md-6 align-right paddintRight">
-          <div class="mb-6">
-            <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
-              alt="Image Description">
-          </div>
+      <div class="col-md-6 align-right paddintRight">
+        <div class="mb-6">
+          <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+            alt="Image Description">
        </div>
      </div>
    </div>
  </div>
-  <!-- Plateforme FIN -->
+</div>
+<!-- Plateforme FIN -->
@@ -10,8 +10,8 @@
        <!-- End Gallery Heading -->

        <!-- Gallery Description -->
-        <div class="col-lg-5 ml-lg-auto text-muted">
-          Ils ont postulé aux offres d'emploi vidéo
+        <div class="col-lg-12 ml-lg-auto text-muted">
+          Ils ont postulé aux offres d'emploi vidéo.
        </div>
        <!-- End Gallery Description -->
      </div>
@@ -12,7 +12,7 @@
              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
          </svg>
        </figure>
-          <h2 class="text-white text-center">Fini le papier, faîtes place à la vidéo !</h2>
+          <h2 class="text-white text-center">Fini le papier, faites place à la vidéo !</h2>
        </div>
      </div>
      
@@ -1,12 +1,12 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
+  <div class=" accueilFondBlanc" id="atouts">
    <div class="container space-2  ">
      <div class="card-deck d-block d-lg-flex">
        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/consult-cyan-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/multi-support.svg') }}" alt="Les candidats consultent et postulent aux offres d’emploi vidéo depuis leur smartphone, tablette ou ordinateur.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Multi-support</h4>
                <p class="mb-0">Smartphone, tablette ou ordinateur.</p>
@@ -18,9 +18,9 @@

        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/plan-brown-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/candidature-video-offre-emploi.svg') }}" alt="Les candidats disposent d’un outil d’enregistrement vidéo pour postuler simplement à vos offres d’emploi en vidéo.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Outil d’enregistrement vidéo</h4>
                <p>Simple, rapide, gratuit et confidentiel.</p>
@@ -32,9 +32,9 @@

        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/create-blue-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/candidature-video.svg') }}" alt="Recevez des vidéos de réponse aux offres d’emploi vidéo ou des candidatures spontanées en vidéo.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Candidature vidéo</h4>
                <p>Réponse à vos offres d’emploi vidéo ou candidature spontanée.</p>
@@ -48,12 +48,12 @@
      <div class="card-deck d-block d-lg-flex">
        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/develop-purple-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/tutoriel-aide-video.svg') }}" alt="Les candidats disposent d’un tutoriel pour créer un CV vidéo ou une vidéo de motivation.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Tutoriel vidéo</h4>
-                <p>Pour la réalisation, les candidats disposent de vidéos conseils.</p>
+                <p>Pour la réalisation, les candidats disposent de vidéos de conseils.</p>
              </div>
            </div>
          </a>
@@ -62,9 +62,9 @@

        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/avantages-candidature-video.svg') }}" alt="Découvrez la personnalité, les motivations et le projet professionnel des candidats en vidéo.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Les plus de la vidéo de motivation</h4>
                <p>Personnalité, motivation et projet professionnel.</p>
@@ -76,9 +76,9 @@

        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/data-analysis-dark-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/gestion-des-candidatures.svg') }}" alt="Répondez aux candidats avec notre outil vidéo.">
              <div class="media-body px-4">
                <h4 class="h6 text-dark mb-1">Traitement des candidatures</h4>
                <p>Réponses aux candidats depuis l’outil : écrite ou en vidéo.</p>
@@ -4,11 +4,11 @@
      <div class=" text-center ">
        <!-- SVG Quote -->

-          <h2 class="text-white text-center">De nombreuses entreprises utilisent notre solution de recrutement, alors pourquoi pas vous ?</h2>
+          <h2 class="text-white text-center">Une question sur l’offre d’emploi vidéo ?</h2>
        </div>
      </div>
      <div class=" text-center space-3-bottom">
-      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button" >
+      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button" >
                  <i class="fa fa-user-circle mr-1"></i>
                  Contactez nous
                </a>
@@ -1,60 +0,0 @@
-{% for company in companies if company.isPrivate != true %}
-    <div class="col s12">
-        <div class="card z-depth-3 card-company">
-            <div class="card-content card-content-company">
-                <div class="row row-noMargin">
-                    <div class="col s4 col-logo">
-                        {% if company.logo is not null %}
-                            <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"/>
-                        {% endif %}
-                    </div>
-                    <div class="col s8 col-infos">
-                        <p class="item-list-name color-blue1">
-                            <a href="{{ path('company_show',{'alias': company.alias }) }}"
-                               title="{{ company.brandName }}">
-                                {{ company.brandName }}
-                            </a>
-                        </p>
-                        {% if company.addresses %}
-                            <span class="truncate">{{ company.addresses.billing.city }}</span>
-                        {% endif %}
-                    </div>
-
-                </div>
-
-            </div>
-            <div class="card-image">
-
-                {% if company.presentationVideo is defined %}
-                    {% if company.presentationVideo.thumbnails.0.sizes is defined %}
-                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
-                            <img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
-                                 alt="{{ company.brandName }}"/>
-                            <span class="playerbtn"></span>
-                        </a>
-                    {% endif %}
-                {% endif %}
-            </div>
-            <div class="card-content-wrapper">
-                <div class="card-content">
-                    <div class="row">
-                        <div class="col s12 card-infos-company">
-                            <div class="chip center-align">
-                                <a class="td-none color-grey3" href="{{ path('company_show',{'alias': company.alias, '_fragment':'offers' }) }}">
-                                    {% set nbAds = company.getPublishedAds|length %}
-                                    {% if nbAds > 1 %}
-                                        <strong>{{company.getPublishedAds|length}} offres d'emploi en cours</strong>
-                                    {% else %}
-                                        <strong>{{company.getPublishedAds|length}} offre d'emploi en cours</strong>
-                                    {% endif %}
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-
-                </div>
-            </div>
-            <div class="borderList"></div>
-        </div>
-    </div>
-{% endfor %}
@@ -1,48 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Les entreprises qui recrutent en vidéo | TalentsTube{% endblock %}
-
-{% block description %}Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="Les entreprises qui recrutent en vidéo | TalentsTube">
-    <meta name="twitter:description"
-          content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.">
-    <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="Les entreprises qui recrutent en vidéo | TalentsTube"/>
-    <meta property="og:type" content="article"/>
-    <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}"/>
-    <meta property="og:description"
-          content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient."/>
-    <meta property="og:site_name" content="Talents Tube"/>
-    <meta property="og:url"
-          content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
-
-{% endblock %}
-
-{% block content %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
-    <div class="fluid-container bg-grey-3 contentPage">
-        <div id="searchResultWrapper" class="container">
-            <div class="row">
-                <div class="col s12 center-align">
-                    <h1 class="alttitle">Les entreprises de talents</h1>
-                </div>
-            </div>
-            <div class="row m-b-0 p-b-30">
-                <div class="col s12 m12">
-                    <div id="liste-resultats">
-                        {% include 'default/company_listing.html.twig' with {'companies':companies} %}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-{% endblock %}
-
@@ -1,81 +0,0 @@
-{% for c in companies if c.isPrivate != true %}
-    {% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
-        <div class="row item-list-bis z-depth-2 row-noMargin">
-
-            <div class="col s12 m2 ad-picture col-logo-lg">
-                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                    title="{{ c.brandname }}">
-                    {% if c.logo is not null %}
-                        <img src="{{ c.webPath | imagine_filter('profile_thumb') }}"/>
-                    {% endif %}
-                </a>
-            </div>
-            <div class="col s12 m6 col-noPadding">
-                <div class="row row-infos row-noMargin">
-                    <div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
-                        <div class="item-list-website">
-                            <h2>
-                                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                                    class="hover-blue2">
-                                    <b>{{ c.brandName }}</b>
-                                </a>
-                            </h2>
-
-                            <br/>
-                            {{ c.init }}
-                            {% if c.city != null %}
-                                {{ c.city }}
-                            {% endif %}
-                        </div>
-                    </div>
-                </div>
-                <div class="row row-tags row-noMargin">
-                    <div class="col s11 col-noPadding" style="position:relative;">
-                        <div class="chip center-align">
-                            {% set nbAds = c.getPublishedAds|length %}
-                            {% set fragment = "" %}
-                            {% if nbAds > 0 %}
-                            {% set fragment = "offers" %}
-                            {% endif %}
-                            <a class="td-none color-grey3"
-                                href="{{ path('company_show',{'alias': c.alias, '_fragment': fragment }) }}">
-                                {% set nbAds = c.getPublishedAds|length %}
-                                {% if nbAds > 1 %}
-                                    <strong>{{ c.getPublishedAds|length }} offres d'emploi en
-                                        cours</strong>
-                                {% elseif nbAds == 1 %}
-                                    <strong>{{ c.getPublishedAds|length }} offre d'emploi en
-                                        cours</strong>
-                                {% else %}
-                                    <strong>candidature spontanée</strong>
-                                {% endif %}
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="col s12 m4 col-noPadding ad-picture">
-                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                    title="{{ c.brandname }}"
-                    class="item-list-media">
-                    {% if c.presentationVideo %}
-                        {% if c.presentationVideo.thumbnails.0.sizes is defined %}
-
-                            <img class="thumbnail_list"
-                                    src="{{ c.presentationVideo.thumbnails.0.sizes.4.link }}"
-                                    alt="{{ c.brandName }}"/>
-
-                        {% endif %}
-                        <span class="playerbtn"></span>
-                    {% else %}
-                        <img class="thumbnail_list"
-                                src="{{ asset('/img/default_picture_company.svg') }}"
-                                alt="{{ c.brandName }}"/>
-                    {% endif %}
-                </a>
-            </div>
-            <div class="borderList"></div>
-            <div class="clearfix"></div>
-        </div>
-    {% endif %}
-{% endfor %}
@@ -1,15 +0,0 @@
-    {% if destination_login is defined %}
-        {% set destination = destination_login %}
-    {% else %}
-        {% set destination = path('redirect_dashboard') %}
-    {% endif %}
-    <a class="btn btn-default btn-facebook z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}?_destination={{ destination }}">Connexion avec Facebook</a>
-    {# <a class="btn btn-default btn-linkedin z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "linkedin"}) }}?_destination={{ destination }}">Connexion avec Linkedin</a> #}
-    <div class="row">
-        <div class="col s12">
-            <div class="separator-with-label">
-                <hr>
-                <label><span>ou</span></label>
-            </div>
-        </div>
-    </div>
@@ -1,11 +0,0 @@
-<script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function(event) { 
-        {% for flashMessage in app.session.flashbag.get('notice') %}
-        var message = "{{ flashMessage }}";
-        {% endfor %}
-        if(typeof(message) !== "undefined"){
-            var $toastContent = $('<span>'+message+'</span>');
-            Materialize.toast($toastContent, 5000);
-        }
-    });
-</script>
@@ -20,7 +20,7 @@
                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
                    </li>
                    <li>
-                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
+                        <a class="white-text" href="https://blog.talentstube.com/contact" title="Talents Tube ">Contact</a>
                    </li>
                </ul>
            </div>
@@ -28,13 +28,13 @@
                <h5 class="white-text">Informations</h5>
                <ul>
                    <li>
-                        <a class="white-text" href="{{ path('service_legals') }}">Mentions légales</a>
+                        <a class="white-text" href="{{ path('service_legals') }}" target="_blank">Mentions légales</a>
                    </li>
                    <li>
-                        <a class="white-text" href="{{ path('service_cgu') }}">Conditions générales d'utilisation</a>
+                        <a class="white-text" href="{{ path('service_cgu') }}" target="_blank">Conditions générales d'utilisation</a>
                    </li>
                    <li>
-                        <a class="white-text" href="{{ path('page_Confidentialite') }}">Politique de confidentialité et protection des données</a>
+                        <a class="white-text" href="{{ path('page_Confidentialite') }}" target="_blank">Politique de confidentialité et protection des données</a>
                    </li>
                </ul>
            </div>
@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

 {% block title %}Talents Tube : Conditions générales d’utilisation - {% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Terms Section -->
@@ -473,7 +475,7 @@
        <div id="2.0" class="space-2">
          <div class="mb-3">
            <span class="d-block text-secondary font-weight-medium">2.0</span>
-            <h3>Using our servicesChamp d'application</h3>
+            <h3>Champ d'application</h3>
          </div>

          <p>Les présentes Conditions Générales d'Utilisation et de Vente ont pour objet de définir les modalités et les
@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talentts tube : Politique de confidentialité et protection des données{% endblock %}
+{% block title %}Talents tube : Politique de confidentialité et protection des données{% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Privacy Section -->
@@ -19,7 +21,7 @@
          <p>Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document
            et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société
            talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact :
-            https://blog.talentstube.com/contact.html
+            <a href="https://blog.talentstube.com/contact" target="_blank">https://blog.talentstube.com/contact</a>
          </p>
          <div class="mb-3">
            <h2 class="h4">Données personnelles</h2>
@@ -134,7 +136,7 @@
          <p>Vous pouvez demander une limitation du traitement des données collectées. L’exercice de ces droits peut
            exercer ce droit auprès de TALENTS TUBE en adressant une requête soit par voie postale à l'adresse suivante
            : 3 Rue Louis de Broglie, Village By CA 56000 Vannes, soit par courrier électronique via le formulaire
-            présent sur la page Contact https://blog.talentstube.com/contact.html. Cette requête devra être accompagnée
+            présent sur la page Contact <a href="https://blog.talentstube.com/contact" target="_blank"> https://blog.talentstube.com/contact</a>. Cette requête devra être accompagnée
            d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par
            lesquelles une réponse pourra être envoyée.</p>.

@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

 {% block title %}Mentions légales - Talents Tube{% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Privacy Section -->
@@ -142,70 +144,7 @@ with {
    });
  });

-  $(document).on('ready', function () {
-    // initialization of header
-    $.HSCore.components.HSHeader.init($('#header'));
-
-    // initialization of fancybox
-    $.HSCore.components.HSFancyBox.init('.js-fancybox');
-
-    // initialization of unfold component
-    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
-      afterOpen: function () {
-        if (!$('body').hasClass('IE11')) {
-          $(this).find('input[type="search"]').focus();
-        }
-      }
-    });
-
-    // initialization of form validation
-    $.HSCore.components.HSValidation.init('.js-validate', {
-      rules: {
-        confirmPassword: {
-          equalTo: '#password'
-        }
-      }
-    });
-
-    // initialization of forms
-    $.HSCore.helpers.HSFocusState.init();
-
-    // initialization of malihu scrollbar
-    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
-
-    // initialization of autonomous popups
-    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
-      autonomous: true
-    });
-
-    // initialization of show animations
-    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
-
-    // initialization of slick carousel
-    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
-
-     // initialization of video player
-    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
-
-    // initialization of text animation (typing)
-     $('.u-text-animation.u-text-animation').html("");
-   
-    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: [" Attirez des talents "],
-      typeSpeed: 60,
-      loop: true,
-      backSpeed: 25,
-      backDelay: 3000
-    });
-
-    // initialization of cubeportfolio
-    $.HSCore.components.HSCubeportfolio.init('.cbp');
-
-    // initialization of go to
-    $.HSCore.components.HSGoTo.init('.js-go-to');
-
-    
-  });
+  


  $(document).ready(function () {
@@ -44,7 +44,7 @@
                  data-event="hover"
                  data-animation-in="fadeInUp"
                  data-animation-out="fadeOut">
-                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="offre-emploi-video">
+                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('offresVideo') }}">
                  L'Offre d'emploi
                  
                </a>
@@ -53,7 +53,7 @@

              <!-- Pages -->
              <li class="nav-item  u-header__nav-item">
-                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-video"
+                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="{{ path('employeurVideo') }}"
                   aria-haspopup="true"
                   aria-expanded="false">
                  La Marque employeur
@@ -67,7 +67,7 @@
                  data-event="hover"
                  data-animation-in="fadeInUp"
                  data-animation-out="fadeOut">
-                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-video">
+                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="{{ path('candidaturesVideo') }}">
                  La Candidature
                  
                </a>
@@ -93,7 +93,7 @@
              
               <!-- Button -->
              <li class="nav-item u-header__nav-item-btn">
-                <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button">
+                <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button">
                  {# <i class="fa fa-user-circle mr-1"></i> #}
                  Contactez-nous
                </a>
@@ -14,11 +14,11 @@
          <div class="col-sm-6 mb-7">
            <!-- Icon Blocks -->
            <div class="media pr-lg-2">
-              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/search-browser-primary-icon.svg') }}
-                alt="Image Description">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/adn-entreprise-recrutement.svg') }}
+                alt="Dévoilez l’adn de votre entreprise en vidéo et montrez vos atouts, vos valeurs et vos savoirs-faire.">
              <div class="media-body">
                <h3 class="h6"> Dévoilez l’ADN de votre entreprise</h3>
-                <p class="mb-0">Ses atouts, ses valeurs, ses savoirs-faire et sa richesse humaine.</p>
+                <p class="mb-0">Ses atouts, ses valeurs, ses savoir-faire et sa richesse humaine.</p>
              </div>
            </div>
            <!-- End Icon Blocks -->
@@ -27,8 +27,8 @@
          <div class="col-sm-6 mb-7 mb-sm-0">
            <!-- Icon Blocks -->
            <div class="media pr-lg-2">
-              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/genious-purple-icon.svg') }}
-                alt="Image Description">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/attirer-des-candidats.svg') }}
+                alt="Attirez les candidats, valorisez et gardez vos compétences grâce à la vidéo.">
              <div class="media-body">
                <h3 class="h6">Recrutez mieux, fidélisez plus</h3>
                <p class="mb-0">Attirez les talents, valorisez et gardez vos compétences.</p>
@@ -40,8 +40,8 @@
          <div class="col-sm-6 mb-7 mb-sm-0">
            <!-- Icon Blocks -->
            <div class="media pr-lg-2">
-              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/analytics-blue-icon.svg') }}
-                alt="Image Description">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/marque-employeur-offre-emploi-video.svg') }}
+                alt="Boostez vos recrutements avec la vidéo marque employeur et les offres d’emploi en vidéo.">
              <div class="media-body">
                <h3 class="h6">Offres d’emploi & marque employeur</h3>
                <p class="mb-0">Les associer pour un recrutement optimal.</p>
@@ -54,8 +54,8 @@
            <!-- Icon Blocks -->
            <div class="media pr-lg-2">
            
-              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/documentation-red-icon.svg') }}
-                alt="Image Description">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/ouvrir-les-portes-entreprise-marque-employeur.svg') }}
+                alt="Montrez aux candidats l’intérieur de votre entreprise, le cadre de travail et le bien-être dans votre organisation.">
              <div class="media-body">
                <h3 class="h6">Ouvrez les portes de votre univers</h3>
                <p class="mb-0">Organisation, cadre de travail, bien-être en entreprise.</p>
@@ -67,7 +67,7 @@
      </div>

      <div class="col-lg-4 d-none d-lg-block">
-        <img class="img-fluid" src={{ asset('v2/svg/components/startup-life-illustration.svg') }} alt="Image Description">
+        <img class="img-fluid" src={{ asset('v2/img/marque/pourquoi-faire-une-video-marque-employeur.jpg') }} alt="Image Description">
      </div>
    </div>
  </div>
@@ -1,5 +1,5 @@
 <!-- Plateforme DEBUT -->
-  <div class="space1-bottom accueilFondBleute">
+  <div class="space1-bottom gradient-overlay-half-primary-v1">
    <div class="container space-2 ">
      <div class="row align-items-lg-center">
       
@@ -10,9 +10,9 @@
            <div class="col-md-4 mb-7 mb-md-0">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/trophy-purple-icon.svg') }}" alt="Image Description">
-                <h3 class="h4">Valorisez votre implantation territoire</h3>
-                <p class="mb-0">Les talents sont sensibles à l’équilibre vie professionnelle et vie privée, la situation géographique de vos sites est un atout.</p>
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/recrutement-territoire.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center">Valorisez votre implantation territoire</h3>
+                <p class="mb-0 text-white text-center">Les talents sont sensibles à l’équilibre vie professionnelle et vie privée, la situation géographique de vos sites est un atout.</p>
              </div>
              <!-- End Icon Blocks -->
            </div>
@@ -20,9 +20,9 @@
            <div class="col-md-4 mb-7 mb-md-0">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/idea-primary-icon.svg') }}" alt="Image Description">
-                <h3 class="h4">Donnez la parole à vos collaborateurs</h3>
-                <p class="mb-0">Ce sont ceux qui le vivent qui en parlent le mieux. Soyez authentique, montrez les évolutions de carrière et donnez du sens à vos emplois.</p>
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/temoignage-collaborateur.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center">Donnez la parole à vos collaborateurs</h3>
+                <p class="mb-0 text-white text-center">Ce sont ceux qui le vivent qui en parlent le mieux. Soyez authentique, montrez les évolutions de carrière et donnez du sens à vos emplois.</p>
              </div>
              <!-- End Icon Blocks -->
            </div>
@@ -30,9 +30,9 @@
            <div class="col-md-4">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
-                <h3 class="h4">Boostez votre identité digitale</h3>
-                <p class="mb-0">Avec la vidéo, 1er média sur le web, propulsez votre image de marque employeur et gagnez en notoriété.</p>
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/boost-identite-digitale.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center" >Boostez votre identité digitale</h3>
+                <p class="mb-0 text-white text-center">Avec la vidéo, 1er média sur le web, propulsez votre image de marque employeur et gagnez en notoriété.</p>
              </div>
              <!-- End Icon Blocks -->
            </div>
@@ -1,101 +1,45 @@
-<!-- Plateforme DEBUT -->
-  <div class="space1-bottom accueilFondBleute">
-    <!-- Features Section -->
-    <div class="container space-2 space-3--lg">
-      <!-- Title -->
-      <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
-        <span class="u-label u-label--sm u-label--purple mb-3">Key features</span>
-        <h2 class="h3">Comment ça fonctionne ?</h2>
-        <p>Vous ne savez pas comment réaliser votre vidéo et vous avez besoin d’accompagnement ? 
-Nos équipes sont là pour construire avec vous le projet qui vous correspond. Avec nos prestataires audiovisuels, choisis et formés, nous pilotons le tournage et le montage de votre vidéo. 
-Sinon, passez directement à l’étape diffusion et bénéficiez des services de Talents Tube :</p>
-      </div>
-      <!-- End Title -->
-
-      <div class="row justify-content-lg-between align-items-lg-center">
-        <div class="col-lg-5 mb-7 mb-lg-0">
-          <!-- Slick Carousel - Features Main -->
-          <div id="featuresSlickNavMain" class="js-slick-carousel u-slick u-slick--pagination-simple u-slick--transform-off"
-               data-infinite="true"
-               data-autoplay="true"
-               data-speed="7000"
-               data-slides-show="3"
-               data-adaptive-height="true"
-               data-vertical="true"
-               data-vertical-swiping="true"
-               data-focus-on-select="true"
-               data-nav-for="#featuresSlickNavThumb">
-            <!-- Slide Item -->
-            <div class="js-slide u-slick--pagination-simple__item">
-              <div class="media">
-                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
-                  <span class="u-slick--pagination-simple__icon-inner">1</span>
-                </span>
-                <div class="media-body">
-                  <h3 class="h6 u-slick--pagination-simple__title">Les candidatures spontanées en vidéo </h3>
-                  <p class="u-slick--pagination-simple__text">Vous êtes ouvert à tous types de profils ? Le rôle de la marque employeur est de donner envie à des talents de rejoindre vos équipes. Ils peuvent postuler en envoyant une candidature spontanée en vidéo ! </p>
-                </div>
-              </div>
-            </div>
-            <!-- End Slide Item -->
-
-            <!-- Slide Item -->
-            <div class="js-slide u-slick--pagination-simple__item">
-              <div class="media">
-                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
-                  <span class="u-slick--pagination-simple__icon-inner">2</span>
-                </span>
-                <div class="media-body">
-                  <h4 class="h6 u-slick--pagination-simple__title">Le recrutement optimal</h4>
-                  <p class="u-slick--pagination-simple__text">Pour un recrutement optimisé, optez pour une vidéo marque employeur qui présente votre entreprise dans sa globalité et des vidéos d’offres d’emploi explicites qui présentent vos différents métiers.
-</p>
-                </div>
-              </div>
-            </div>
-            <!-- End Slide Item -->
-
-            <!-- Slide Item -->
-            <div class="js-slide u-slick--pagination-simple__item">
-              <div class="media">
-                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
-                  <span class="u-slick--pagination-simple__icon-inner">3</span>
-                </span>
-                <div class="media-body">
-                  <h4 class="h6 u-slick--pagination-simple__title">La page entreprise parfaite</h4>
-                  <p class="u-slick--pagination-simple__text">Misez sur votre image dynamique, attrayante et référencée pour solutionner vos problématiques de recrutement. Gagnez du temps et assurez le matching avec vos talents. </p>
-                </div>
-              </div>
-            </div>
-            <!-- End Slide Item -->
+<div class="accueilFondBleute">
+<!-- Features Section -->
+    <div class="container space-2-top space-3--lg ">
+      <div class="row justify-content-lg-between align-items-md-center">
+        <div class="col-md-6 col-lg-5 mb-7 mb-md-0">
+          <!-- Title -->
+          <div class="mb-7">
+            <h2>Comment ça fonctionne ?</h2>
+            <p>Misez sur une image dynamique et attrayante pour solutionner vos problématiques de recrutement.</p>
          </div>
-          <!-- End Slick Carousel - Features Main -->
+          <!-- End Title -->
+
+          <!-- Icon Block -->
+          <div class="media mb-3">
+            <img class="max-width-9" src="{{ asset('v2/svg/components/candidature-video-offre-emploi.svg') }}" alt="Recevez des candidatures spontanées grâce à la vidéo marque employeur.">
+            <div class="media-body pl-4">
+              <h4 class="h5 mb-1">Les candidatures spontanées en vidéo</h4>
+              <p>La vidéo marque employeur donne envie aux talents de postuler en candidature spontanée pour rejoindre vos équipes.</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
+
+          <!-- Icon Block -->
+          <div class="media mb-3">
+            <img class="max-width-9" src="{{ asset('v2/svg/components/avantages-candidature-video.svg') }}" alt="Optimisez votre recrutement avec une vidéo marque employeur et des offres d’emploi vidéo.">
+            <div class="media-body pl-4">
+              <h4 class="h5 mb-1">Le recrutement optimal</h4>
+              <p>Combinez la vidéo marque employeur et les offres d'emploi vidéo pour optimiser l'efficacité de vos recrutements.</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
+
+          
        </div>

-        <div class="col-lg-6">
-          <!-- Slick Carousel - Features Main -->
-          <div id="featuresSlickNavThumb" class="js-slick-carousel u-slick"
-               data-infinite="true"
-               data-autoplay="true"
-               data-speed="7000"
-               data-fade="true"
-               data-is-thumbs="true"
-               data-nav-for="#featuresSlickNavMain">
-            <div class="js-slide">
-              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-mockup-1.svg') }}"></object>
-            </div>
-
-            <div class="js-slide">
-              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-mockup-2.svg') }}"></object>
-            </div>
-
-            <div class="js-slide">
-              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-and-phone-2.svg') }}"></object>
-            </div>
-          </div>
-          <!-- End Slick Carousel - Features Main -->
+        <div class="col-md-6 mb-9 mb-md-0">
+          <img src="{{ asset('v2/img/marque/marque-employeur-candidature-spontanee.jpg') }}">
        </div>
      </div>
    </div>
    <!-- End Features Section -->
-  </div>
-  <!-- Plateforme FIN -->
+</div>
+
+
+
@@ -6,10 +6,10 @@
        
          <h2 class="text-white text-center"> Envie de dévoiler votre marque employeur en vidéo ? </h2>
        </div>
-        <a class="btn btn-sm btn-contact" href="#" 
+        <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" 
                   data-overlay-color="#151b26">
-                  <i class="fa fa-user-circle mr-1"></i>
-                  Contactez nous
+                 
+                  Contactez-nous
                </a>
      </div>
      
@@ -6,14 +6,15 @@
        <!-- Title -->
        <div class="mb-4">
          <h2 class="h3"> Pourquoi révéler votre marque employeur en vidéo ?</h2>
-          <p> Recruter, fidéliser, rayonner sont des bénéfices directs de la diffusion de votre marque employeur en
-            vidéo. Mettre en image vos locaux et votre organisation est une véritable plus value pour vos candidats
-            potentiels qui pourront se projeter dans l’entreprise.
+          <p>
+            Recruter, fidéliser et rayonner sont des bénéfices directs de la diffusion de votre marque employeur en
+            vidéo. Mettre en image vos locaux et votre organisation sont de véritables plus-values pour vos candidats
+            potentiels qui pourront se projeter dans l’entreprise. Diffuser votre vidéo sur Talents Tube vous permet de
+            cibler votre audience et de générer des candidatures spontanées, en vidéo !

-            Diffusez votre vidéo sur Talents Tube vous permet de cibler votre audience et de générer des candidatures
-            spontanées, en vidéo!
          </p>
-          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">En savoir plus</a>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">En
+            savoir plus</a>

        </div>
      </div>
@@ -1,16 +1,16 @@
 <!-- Plateforme DEBUT -->
-  <div class="space1-bottom accueilFondBleute">
-    <div class="container space-2 ">
+  <div class="accueilFondBleute">
+    <div class="container ">
      <div class="row align-items-lg-center">
       

          <!-- Icon Blocks Section -->
-        <div class="container space-2 space-3--lg">
+        <div class="container ">
          <div class="row">
            <div class="col-md-4 mb-7 mb-md-0">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/trophy-purple-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/boost-annonce.svg') }}" alt="Améliorez le nombre de candidatures avec l’offre d’emploi vidéo.">
                <h3 class="h4">Améliorez vos annonces</h3>
                <p class="mb-0">La vidéo génère 34% de candidatures supplémentaires par rapport à une annonce d’emploi écrite.</p>
              </div>
@@ -20,7 +20,8 @@
            <div class="col-md-4 mb-7 mb-md-0">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/idea-primary-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/attirer-des-candidats-large.svg') }}" alt="
+Attirer les jeunes candidats à postuler en vidéo à vos offres d’emploi.">
                <h3 class="h4">Attirez les jeunes candidats</h3>
                <p class="mb-0">La génération des millenials représentera 75% de la population active d’ici 2030.</p>
              </div>
@@ -30,7 +31,7 @@
            <div class="col-md-4">
              <!-- Icon Blocks -->
              <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/mobile-first.svg') }}" alt="82 % des candidats recherchent des offres d’emploi depuis leur mobile.">
                <h3 class="h4">Adoptez le Mobile First</h3>
                <p class="mb-0">82% des candidats recherchent des offres d’emploi depuis leur smartphone.</p>
              </div>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
llaniau	c76645669d	Possibilité de faire du Télétravail?	2020-10-20 11:03:09 +02:00
llaniau	5f29e076e6	Nofollow pour pre prod	2020-10-20 09:17:24 +02:00
llaniau	c48ec26bc4	Mise en place teletravail	2020-10-20 09:13:59 +02:00
llaniau	18d07463ab	Suppression balise meta pour MEP et analytics	2020-10-15 15:12:29 +02:00
llaniau	9f58cf7f58	Correction mineure graphique	2020-10-15 14:45:27 +02:00
llaniau	40688feb88	correction suite a modif de pole emploi	2020-10-14 21:47:08 +02:00
llaniau	2275c6aadd	Correction bug suite recette du 14_10	2020-10-14 17:36:33 +02:00
llaniau	6e4f718fe0	Cas du doublon d'utilisateur	2020-10-13 17:24:29 +02:00
llaniau	b19eb227b5	Mise en place API pole emploi	2020-10-12 18:28:16 +02:00
llaniau	f35dcbbeba	US 439, US466 modif terme, US462 num assistance, US461 crisp US 464 copyright	2020-10-07 16:11:41 +02:00
llaniau	6860dee286	Evoi de mail lors de creation multi util	2020-10-06 16:39:27 +02:00
llaniau	a93d58e119	Bug push git	2020-10-05 23:58:07 +02:00
llaniau	6babd6976c	Amélioration employmentType	2020-10-05 17:55:50 +02:00
llaniau	468f5baed6	Changement stat page accueil recruteur	2020-10-05 15:18:11 +02:00
llaniau	6a1c231fcb	Ajout unpublished dans le groupe ad_detail	2020-10-05 14:05:01 +02:00
llaniau	6b25e5b5e7	Correction de fautes d'orthographe	2020-10-01 17:01:44 +02:00
llaniau	bb231fbeb3	Ajout d'un commentaire dans Answerrepo	2020-09-29 11:02:19 +02:00
llaniau	cae04bc8d7	Modification de libellés	2020-09-29 09:58:40 +02:00
llaniau	4fa83f1c51	Envoi de mail apres candidature	2020-09-24 17:10:16 +02:00
llaniau	15c9e8811d	MEP 21 sept	2020-09-21 16:08:35 +02:00
llaniau	be62f29fb9	version stabilisé pre prod avant mise en prod	2020-09-21 15:52:14 +02:00
llaniau	439362bda4	Recette avant mise en prod	2020-09-21 13:16:16 +02:00
llaniau	1866008c84	Redirection vers web app lors de message	2020-09-21 11:38:19 +02:00
llaniau	4e8d3b8a9d	mediaController	2020-09-21 11:02:39 +02:00
llaniau	b21946500a	Correction bug offre d'emploi sur la crea	2020-09-21 10:49:10 +02:00
llaniau	8808da8af1	params pre prod	2020-09-21 08:46:15 +02:00
llaniau	6ba0c4744e	param prod	2020-09-21 08:38:17 +02:00
llaniau	f8a03f317b	parameter pre prod erreur	2020-09-21 08:36:25 +02:00
llaniau	8de926b22f	Modif param mail et resolution de bugs mineur	2020-09-19 11:46:29 +02:00
llaniau	eb70757671	Suppression d'un user (correction d'un bug)	2020-09-17 16:35:50 +02:00
llaniau	0c82a72da5	oubli de mdp	2020-09-16 18:08:01 +02:00
llaniau	719c6ae0ee	erreur 404	2020-09-15 17:43:41 +02:00
llaniau	ba84cc4859	changement d'adresse mail de ref	2020-09-15 14:11:25 +02:00
llaniau	09716c5b69	page tarifs	2020-09-15 12:45:26 +02:00
llaniau	5d593cf46c	Page tarifs plus changement lien contact	2020-09-15 12:42:53 +02:00
llaniau	676317050a	Modif adblock maj de ads->jobs	2020-09-15 11:46:38 +02:00
llaniau	3d64f000e0	Ajout d(une video marque employeur	2020-09-14 18:25:21 +02:00
llaniau	28de33c053	Ménage dans les twig	2020-09-10 09:29:00 +02:00
llaniau	35b49ac496	Résolution bug 9/11	2020-09-09 17:09:10 +02:00
llaniau	c2d8aa85ec	Mise en place video marque employeur mode dashboard v2	2020-09-09 15:26:58 +02:00
llaniau	93c7394c8e	Correction ano 8 sept	2020-09-08 17:37:35 +02:00
llaniau	b57f5e9de2	Résolution de bugs suite a la recette de Corentin	2020-09-08 10:32:54 +02:00
llaniau	07531fb0de	Organisation cliente	2020-09-07 16:00:41 +02:00
llaniau	e4cd963ffd	cv theque	2020-09-03 18:49:58 +02:00
llaniau	96367dd0af	cv videotheque	2020-09-03 17:34:07 +02:00
llaniau	857e32e574	base temporaire pour avoir des pages en mode V1 meme en V2	2020-09-02 18:40:24 +02:00
llaniau	6b4581bd5d	Amelioration dashboard entreprise sur la gestion des offres	2020-09-01 16:57:24 +02:00
llaniau	52ec51b973	Fix : dashboard entreprise - ajout ad	2020-09-01 14:24:44 +02:00
llaniau	1b5a4ff368	Dashboard / gestion annonce	2020-09-01 13:03:27 +02:00
llaniau	b9b93ee8f1	modif user dashboard entreprise	2020-09-01 12:04:04 +02:00
llaniau	5bcc995f81	Modif inscription	2020-09-01 11:33:16 +02:00
llaniau	36d67ead43	Mise a jour video de test 216125621	2020-09-01 09:01:04 +02:00
llaniau	34cffed212	Test vimeo avec la video 217844541	2020-09-01 08:45:26 +02:00
llaniau	45e9031268	Mise au point de CSS	2020-08-31 17:25:50 +02:00
llaniau	af0e1db407	dashboard V2 (inscription, login, candidatures)	2020-08-31 16:12:13 +02:00
llaniau	f12b6f16a9	Dashboard entreprise : reponse texte et video en mode V2	2020-08-27 16:59:32 +02:00
llaniau	301a0c4496	Prise en compte des remarques de Corentins + Dashboard Entreoprise V2	2020-08-26 18:34:45 +02:00
llaniau	fd8226ab33	Mise en place dashboard entreprise V2 - Espace offre d'emploi	2020-08-25 17:47:36 +02:00
llaniau	a937a21150	Mise en place template dashboard	2020-08-24 18:27:29 +02:00
llaniau	f19baff135	modif user	2020-08-20 17:55:55 +02:00
llaniau	6a5bbdcd84	multi utilisateur	2020-08-20 17:44:04 +02:00
llaniau	bc15ae214e	Fix : connexion avec address json qui ne fonctionnait pas	2020-08-19 18:34:37 +02:00
				`@@ -0,0 +1,3 @@`
				`{% extends 'admin/base_dashboard.html.twig' %}`