Error de config

MEP v2.11.2
Epuration code avant MEP
2021-06-28 10:22:21 +02:00 · 2021-06-28 10:10:39 +02:00 · 2021-06-28 08:46:31 +02:00 · 2021-06-14 16:07:52 +02:00 · 2021-06-14 12:52:43 +02:00 · 2021-06-14 12:50:07 +02:00
41 changed files with 2466 additions and 413 deletions
@@ -65,7 +65,7 @@
              ©2017-2021 Talents Tube
            </p>
            <p class="small no-margin pull-right sm-pull-reset">
-              Besoin d'aide ? 02 30 05 06 31
+              Besoin d'aide ? 07 56 85 27 36
            </p>
            <div class="clearfix"></div>
          </div>
@@ -65,7 +65,7 @@
              ©2017-2021 Talents Tube
            </p>
            <p class="small no-margin pull-right sm-pull-reset">
-              Besoin d'aide ? 02 30 05 06 31
+              Besoin d'aide ? 07 56 85 27 36
            </p>
            <div class="clearfix"></div>
          </div>
@@ -5,6 +5,9 @@
    <h1>
        Modification d'un talent
        <small>{{ user.firstname }} {{ user.lastname }}</small>
+        <a class="delete-user" href="{{ path('admin_user_delete',{'id':user.id}) }}" data-toggle="tooltip" title="Supprimer">
+                                    <i class="fa fa-trash"></i>
+                                </a>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
@@ -49,11 +49,9 @@
  <meta name="twitter:card" content="summary_large_image" />
  
  {% endblock %}
-  {% if app.environment == "dev" %}
-    <meta name="robots" content="noindex,nofollow">
-  {% else %}
-    {# <meta name="robots" content="noindex,nofollow"> #}
-  {% endif %}
+   {# A ENLEVER EN PROD  #}
+  <meta name="robots" content="noindex,nofollow">
+  
 </head>

 <body>
@@ -0,0 +1,274 @@
+<!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>
+  <!-- End Google Tag Manager -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <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 %}
+  {# A ENLEVER EN PROD  #}
+  <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="/landing/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/v2/css/product.css" rel="stylesheet">
+  <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
+  <link href="css/bootstrap-lightbox.min.css" rel="stylesheet" type="text/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>
+
+{% block modalCallToAction %}
+  <!-- Modal : Formulaire -->
+ <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+        </div>
+        <div class="modal-body">
+          <div class="container-fluid">
+            <div class="row" id="demandeRdvContainer">
+              <div class="col-sm-12">
+                <h2>Envoyer un message à {{ user.firstname }}</h2>
+                <p>Pour contacter le candidat, vous devez compléter les champs ci-dessous. Ces informations vont
+                  permettre au candidat de répondre à votre message.</p>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputPrenom>">Prénom</label>
+                      <input type="text" class="form-control" id="prenom" placeholder="Votre prénom">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputNom">Nom</label>
+                      <input type="text" class="form-control" id="nom" placeholder="Votre nom">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputEntreprise">Entreprise</label>
+                      <input type="text" class="form-control" id="entreprise" placeholder="Nom de l'entreprise">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputEmail1">E-mail</label>
+                      <input type="email" class="form-control" id="email" placeholder="Votre email">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputPhone">Téléphone</label>
+                      <input type="hidden" id="userId" value="{{ user.id }}">
+                      <input type="phone" class="form-control" id="telephone" placeholder="Votre téléphone">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputMessage">Message</label>
+                      <textarea class="form-control" id="message"
+                        placeholder="Ecrivez le message que vous souhaitez envoyer à ce talent."></textarea>
+                    </div>
+                  </div>
+                  <div class="form-group">
+                      <p class="text-danger" id="erreur">Veuillez compléter l'ensemble des champs ci-dessus pour
+                        envoyer votre message</p>
+                      <p class="text-danger" id="erreurCgu">Vous devez accepter les CGU pour contacter un candidat.</p>
+                    </div>
+                </div>
+                <div class="form-check">
+                  <input type="checkbox" class="form-check-input" id="cgu">
+                  <label class="form-check-label" for="cgu">J'accepte les <a href="https://recruteur.talentstube.com/cgu">conditions générales d'utilisation</a></label>
+                  <p>* En acceptant nos CGU, vous acceptez de recevoir des propositions commerciales de la part de Talents Tube</p>
+                </div>
+              </div>
+            </div>
+            <div class="row" id="felicitationRdvContainer" class="text-center">
+              <div class="text-center">
+                <img src="/landing/img/demande-rendez-vous.svg">
+                <h2>Message envoyé !</h2>
+                <p>Votre message a bien été envoyé à {{ user.firstname }} {{ user.lastname }}.</p>
+                <p>Découvrez la plateforme <a href="/">Talents Tube</a>.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="bttn" onClick="miseEnRelationTalentEntreprise();" id="boutonDemandeRdv">Envoyer le message</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--Modal : Formulaire End -->
+  {% endblock %}
+  <!-- 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/headerTalent.html.twig' %}
+  {# {% include 'default/props_settings.html.twig' %} #}
+  
+{% block content %}
+{% endblock %}
+{# {% include 'default/footertemporaire.html.twig' %} #}
+<script src="/landing/js/jquery-2.1.3.min.js"></script>
+  <script src="/landing/js/bootstrap.min.js"></script>
+  <script src="/landing/js/waypoints.min.js"></script>
+    <!--Ordre important-->
+  <script src="/landing/js/waypoints-sticky.min.js"></script> <!-- Nécessaire header sticky -->
+  <script src="/landing/js/retina.min.js"></script> <!-- Nécessaire logo header (à voir pour l'enlever) -->
+  <script src="/landing/js/owl.carousel.min.js"></script> <!-- Nécessaire avec les avantages (+de 3 avantages) -->
+  <script src="/landing/js/jquery.ajaxchimp.min.js"></script> <!-- Nécessaire FAQ-->
+  <script src="/landing/js/jquery.validate.min.js"></script>
+  <script src="/landing/js/main.js"></script>
+{% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    
+    {% endjavascripts %}
+{% endblock %}
+<script>
+    $("#erreur").hide();
+    $("#erreurCgu").hide();
+    $("#felicitationRdvContainer").hide();
+    function miseEnRelationTalentEntreprise() {
+      if ($("#nom").val() == "" || $("#prenom").val() == "" || $("#entreprise").val() == "" || $("#email").val() == "" || $("#telephone").val() == "" || $("#message").val() == "") {
+        $("#erreur").show();
+        $("#erreurCgu").hide();
+      }else if ($("#cgu").prop('checked')==false){
+        $("#erreurCgu").show();
+        $("#erreur").hide();
+      }else {
+        $("#erreur").hide();
+        $("#erreurCgu").hide();
+        $("#boutonDemandeRdv").hide();
+        $("#felicitationRdvContainer").show();
+        $("#demandeRdvContainer").hide();
+
+        $.ajax({
+            //L'URL de la requête 
+
+            url: "/app_dev.php/api/miseEnRelationTalentEntreprise?nom=" + $("#nom").val() + "&prenom=" + $("#prenom").val()+ "&entreprise=" + $("#entreprise").val() + "&email=" +
+              $("#email").val() + "&telephone=" + $("#telephone").val()+ "&userId=" + $("#userId").val()+ "&message=" + $("#message").val() + "&page=Demande mise en relation",
+            method: "GET",
+            //La méthode d'envoi (type de requête)
+
+
+            //Le format de réponse attendu
+            dataType: "json",
+          })
+          //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+          /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+           * cette chaine dans un div id="res"*/
+          .done(function (response) {
+            console.log("Requête mise en relation done");
+            
+
+          })
+
+          //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+          //On peut afficher les informations relatives à la requête et à l'erreur
+          .fail(function (error) {
+            console.log("Requête  mise en relation fail");
+            console.log(error);
+          })
+
+          //Ce code sera exécuté que la requête soit un succès ou un échec
+          .always(function () {
+            console.log("Requête mise en relation effectuée");
+          });
+      }
+
+
+    }
+</script>
+
+</body>
+
+
+</html>
+
@@ -16,11 +16,10 @@
  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
 
-  {% if app.environment == "dev" %}
-    <meta name="robots" content="noindex,nofollow">
-  {% else %}
-    <meta name="robots" content="noindex,nofollow">
-  {% endif %}
+  
+  {# A ENLEVER EN PROD  #}
+  <meta name="robots" content="noindex,nofollow">
+  
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  {% block meta %}
  {% endblock %}
@@ -478,6 +478,7 @@
    });
 </script>
 <script>
+//appel de l'api getAppelationsLibelle
    $(document)
        .ready(function () {
            // Construction du champ typeahead d'auto compléetion de métier
@@ -56,7 +56,7 @@
                </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="white-text">07 56 85 27 36</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>
@@ -35,7 +35,7 @@
                </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="white-text">07 56 85 27 36/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>
@@ -0,0 +1,69 @@
+<div class="fluid-container header-fixed-top sticky-top " id="header-wrapper">
+    <div id="header" class="">
+        <nav class="nav-wrapper site-header sticky-top p-3 ">
+            <div class=" logo-wrapper d-flex flex-column flex-md-row justify-content-between w-100 pl-md-3">
+                <a class="py-2" href="{{ path('homepage') }}" class="brand-logo">
+                    <img alt="talents-tube" src="{{ asset('img/logo-talentstube-blanc-header.svg') }}"
+                        alt="Talents Tube" />
+                </a>
+            </div>
+        </nav>
+    </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,18 +1,18 @@
 <div class=" space-1-bottom accueilFondBlanc">
  <div class="container space-2  ">

-    <div class="row mx-gutters-2 text-center">
-      <div class="col-lg-9">
+    <div class="row mx-gutters-2">
+      <div class="col-md-6">
        <!-- Collapse -->
        <div id="faqAccordionOne">
          <div class="card mb-2">
            <div class="card-header card-collapse__header" id="faqAccordionOneHeadingOne">
              <h5 class="mb-0">
                <button
-                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn p-3 collapsed"
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
                  data-toggle="collapse" data-target="#faqAccordionOneCollapseOne" aria-expanded="false"
                  aria-controls="faqAccordionOneCollapseOne">
-                  J’y arrive pas pourquoi j’y arriverais avec la vidéo ?
+                  Je n’arrive pas à recruter, en quoi la vidéo pourrait résoudre ma problématique ?
                  <span class="card-collapse__btn-arrow">
                    <i class="fa fa-arrow-down small"></i>
                  </span>
@@ -20,10 +20,21 @@
              </h5>
            </div>
            <div id="faqAccordionOneCollapseOne" class="collapse" aria-labelledby="faqAccordionOneHeadingOne"
-              data-parent="#faqAccordionOne" style="">
+              data-parent="#faqAccordionOne">
              <div class="card-body card-collapse__body">
-                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
-                moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
+                Pour recruter des talents dans vos métiers en tension et <strong>attirer l’attention</strong> sur votre
+                marque employeur, la vidéo est votre meilleur allié ! Grâce à la vidéo, vous allez <strong>raconter
+                  votre
+                  histoire, transmettre des émotions</strong> afin de présenter votre entreprise de façon dynamique et
+                authentique
+                et dire aux candidats : “Venez vivre et travailler chez nous !”
+                La vidéo permet de vous montrer <strong>plus humain</strong>, de renforcer la <strong>proximité</strong>
+                entre votre marque employeur et
+                les candidats. Vous <strong>valorisez vos collaborateurs, votre métier, votre culture d’entreprise,
+                  l’ambiance</strong>
+                au sein de vos équipes et expliquez vos valeurs par des témoignages authentiques et <strong>bien plus
+                  impactants</strong>
+                que les méthodes de recrutement traditionnelles.
              </div>
            </div>
          </div>
@@ -35,7 +46,8 @@
                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
                  data-toggle="collapse" data-target="#faqAccordionOneCollapseTwo" aria-expanded="false"
                  aria-controls="faqAccordionOneCollapseTwo">
-                  Je publie déjà mes offres vidéo sur mon site, sur Youtube,… en quoi Talents Tube peut faire mieux ?
+                  Quand je recrute c’est tout de suite, pas le temps de faire une vidéo en plus cela coûte trop cher !
+
                  <span class="card-collapse__btn-arrow">
                    <i class="fa fa-arrow-down small"></i>
                  </span>
@@ -45,30 +57,255 @@
            <div id="faqAccordionOneCollapseTwo" class="collapse" aria-labelledby="faqAccordionOneHeadingTwo"
              data-parent="#faqAccordionOne">
              <div class="card-body card-collapse__body">
-                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
-                moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
+                C’est pourtant une occasion unique de vous démarquer de vos concurrents et transmettre des valeurs de
+                fraîcheur, de modernité et d’innovation : autant d’éléments que la nouvelle génération recherche chez
+                son futur employeur et qui vont vous permettre de recruter efficacement.
+                <h5>La vidéo est prête en seulement 3 jours !</h5>
+                Prendre le virage de <strong>la vidéo est beaucoup plus facile aujourd’hui</strong>. Vous pouvez
+                réaliser des vidéos de
+                qualité en interne <strong>grâce à la caméra de votre smartphone</strong>. Vous définissez votre poste
+                et vous sollicitez
+                un ou deux collaborateurs qui vont vous aider ou témoigner. Le lendemain, vous organisez <strong>2
+                  heures de
+                  tournage</strong> puis vous faites le montage ou vous contactez Talents Tube pour le faire.
+                <strong>48h plus tard, votre
+                  vidéo est prête à être diffusée</strong> sur Talents Tube et autres supports de communication. Et si
+                vous avez
+                besoin de conseils, Talents Tube est là pour vous accompagner dans cette transition.
+                <h5>La vidéo coûte moins chère qu’un mauvais recrutement !</h5>
+                La vidéo ne représente pas seulement un coût… c’est un investissement qui permet une toute nouvelle
+                attractivité de votre entreprise : fierté interne, fidélisation de vos collaborateurs, attractivité des
+                candidats, valorisation de vos produits ou services…
              </div>
            </div>
          </div>
+
          <div class="card mb-2">
-            <div class="card-header card-collapse__header" id="faqAccordionOneHeadingTwo">
+            <div class="card-header card-collapse__header" id="faqAccordionOneHeadingThree">
              <h5 class="mb-0">
                <button
                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
-                  data-toggle="collapse" data-target="#faqAccordionOneCollapseTwo" aria-expanded="false"
-                  aria-controls="faqAccordionOneCollapseTwo">
-                  Quelle différence entre une vidéo « marque employeur », « métier » et « offre d’emploi » ?
+                  data-toggle="collapse" data-target="#faqAccordionOneCollapseThree" aria-expanded="false"
+                  aria-controls="faqAccordionOneCollapseThree">
+                  Comment vais-je faire pour trier 100 vidéos de motivation en réponse à mon offre d’emploi ?
                  <span class="card-collapse__btn-arrow">
                    <i class="fa fa-arrow-down small"></i>
                  </span>
                </button>
              </h5>
            </div>
-            <div id="faqAccordionOneCollapseTwo" class="collapse" aria-labelledby="faqAccordionOneHeadingTwo"
+            <div id="faqAccordionOneCollapseThree" class="collapse" aria-labelledby="faqAccordionOneHeadingThree"
              data-parent="#faqAccordionOne">
              <div class="card-body card-collapse__body">
-                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
-                moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
+                Ne comparez pas avec les CV papier ! La vidéo génère tant de transparence que les <strong>candidats ne
+                  pourront
+                  pas se tromper sur vos attentes</strong>. C’est surtout parce que vous avez bien défini votre offre
+                d’emploi, que
+                ceux qui postulent auront toutes les cartes pour vous dire : « c’est moi que vous recherchez ! ».
+                Ainsi, <strong>vous recevrez moins de candidatures et beaucoup plus d’excellents candidats</strong>.
+                Finalement, vous
+                gagnerez du temps dans votre recrutement.
+                Le plus de Talents Tube : vous conservez dans votre espace recruteur, les vidéos de motivation pour vous
+                <strong>constituer votre vivier de candidats</strong>.
+              </div>
+            </div>
+          </div>
+
+          <div class="card mb-2 mb-md-0">
+            <div class="card-header card-collapse__header" id="faqAccordionOneHeadingFour">
+              <h5 class="mb-0">
+                <button
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
+                  data-toggle="collapse" data-target="#faqAccordionOneCollapseFour" aria-expanded="false"
+                  aria-controls="faqAccordionOneCollapseFour">
+                  Les candidats qui ne veulent pas faire de vidéo peuvent-ils me répondre avec une candidature classique
+                  sur papier ?
+                  <span class="card-collapse__btn-arrow">
+                    <i class="fa fa-arrow-down small"></i>
+                  </span>
+                </button>
+              </h5>
+            </div>
+            <div id="faqAccordionOneCollapseFour" class="collapse" aria-labelledby="faqAccordionOneHeadingFour"
+              data-parent="#faqAccordionOne">
+              <div class="card-body card-collapse__body">
+                <strong>Nos collaborateurs accompagnent les candidats dans ce changement</strong> afin qu’ils puissent
+                présenter en
+                vidéo, leur personnalité, leur motivation et expliquer ce qu’ils ont trouvé d’excellent dans la vidéo
+                d’offre d’emploi de votre entreprise, pour leur parcours professionnel. <strong>Il peut arriver que les
+                  candidats ne souhaitent pas se présenter en vidéo</strong> et nous ne les forçons pas. Sur Talents
+                Tube, ils ont
+                vos coordonnées. Après avoir visionné l’offre d’emploi vidéo, <strong>ils peuvent vous envoyer leur CV
+                  papier
+                  directement sur votre site internet</strong>.
+
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- End Collapse -->
+      </div>
+
+      <div class="col-md-6">
+        <!-- Collapse -->
+        <div id="faqAccordionTwo">
+          <div class="card mb-2">
+            <div class="card-header card-collapse__header" id="faqAccordionTwoHeadingOne">
+              <h5 class="mb-0">
+                <button
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
+                  data-toggle="collapse" data-target="#faqAccordionTwoCollapseFive" aria-expanded="false"
+                  aria-controls="faqAccordionTwoCollapseFive">
+                  Quelle différence entre une vidéo « marque employeur », « métier » et « offre d’emploi » ?
+
+                  <span class="card-collapse__btn-arrow">
+                    <i class="fa fa-arrow-down small"></i>
+                  </span>
+                </button>
+              </h5>
+            </div>
+            <div id="faqAccordionTwoCollapseFive" class="collapse" aria-labelledby="faqAccordionTwoHeadingOne"
+              data-parent="#faqAccordionTwo">
+              <div class="card-body card-collapse__body">
+                <h5>La vidéo Marque employeur :</h5>
+                Pour développer ou améliorer votre marque employeur, la vidéo révèle l’âme de votre entreprise. Elle
+                permet de la rendre attractive, de fédérer vos équipes et de persuader les candidats que vous ciblez de
+                venir travailler chez vous plutôt que chez votre concurrent ! La vidéo marque employeur présente votre
+                culture d’entreprise, vos valeurs, vos objectifs, l’état d’esprit de vos collaborateurs, l’ambiance qui
+                y règne afin de vous distinguer et d’attirer les meilleurs candidats.
+                C’est un <strong>moyen efficace pour améliorer votre image</strong> de marque, votre e-réputation et
+                fidéliser vos
+                collaborateurs.
+                <h5>La vidéo Métier :</h5>
+                La vidéo permet de valoriser des métiers souvent méconnus du public ou qui souffrent d’une mauvaise
+                image. Pour expliquer à quoi ressemble votre métier au quotidien et casser les a priori, il est
+                préférable de le montrer, plutôt que de le décrire. Le collaborateur qui exerce le métier le raconte
+                avec émotion à travers ses propres mots.
+                L’objectif d’une vidéo métier est simple : <strong>faire connaître le métier, le montrer sous un autre
+                  angle</strong>,
+                permettre aux personnes de se projeter, de s’identifier, susciter des vocations et préparer l’avenir.
+                <h5>La vidéo d’offre d’emploi :</h5>
+                Pour un candidat, l’<strong>offre d’emploi écrite est souvent difficile à lire et peu
+                  attractive</strong>. Rien ne
+                différencie vraiment une offre d’une autre ! Il scanne rapidement le texte ce qui l'amène à postuler
+                pour des offres sans être certain d’avoir les compétences ou à se décourager avant de candidater alors
+                qu’il a le bon profil.
+                L’offre d’emploi vidéo est captivante et rassure le candidat sur le poste à pourvoir, les compétences
+                attendues et lui permet de <strong>mettre un visage sur ses futurs collègues</strong>, les personnes
+                avec lesquelles il
+                sera amené à travailler au quotidien. Grâce à la vidéo, il sait d’emblée si le feeling opère, avant même
+                d’avoir postulé.
+                Le témoignage d’un collaborateur donne du crédit à l’annonce vidéo sur le plan opérationnel et celle
+                d’un RH est appréciée pour évoquer la rémunération et les avantages.
+                En résumé, <strong>la vidéo d’offre d’emploi capte l’attention des candidats et les rassurent dans leur
+                  intention de postuler</strong>.
+              </div>
+            </div>
+          </div>
+
+          <div class="card mb-2">
+            <div class="card-header card-collapse__header" id="faqAccordionTwoHeadingTwo">
+              <h5 class="mb-0">
+                <button
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
+                  data-toggle="collapse" data-target="#faqAccordionTwoCollapseSix" aria-expanded="false"
+                  aria-controls="faqAccordionTwoCollapseSix">
+                  Je publie déjà mes offres vidéo sur mon site internet, sur Youtube,… en quoi Talents Tube peut mieux
+                  faire ?
+                  <span class="card-collapse__btn-arrow">
+                    <i class="fa fa-arrow-down small"></i>
+                  </span>
+                </button>
+              </h5>
+            </div>
+            <div id="faqAccordionTwoCollapseSix" class="collapse" aria-labelledby="faqAccordionTwoHeadingTwo"
+              data-parent="#faqAccordionTwo">
+              <div class="card-body card-collapse__body">
+                <h5>Talents Tube : votre outil de recrutement</h5>
+                Talents Tube est un véritable outil de recrutement vidéo avec <strong>un seul objectif : vous aider à
+                  recruter </strong>!
+                Les autres supports tels que Youtube, votre site internet… ne sont pas destinés uniquement à votre
+                recrutement. Les personnes qui visitent talentstube.com viennent soit chercher du travail soit relayer
+                les annonces d’emploi auprès de leur réseau qui pourrait être intéressé par votre offre.
+
+                <h5>Talents Tube : votre partenaire communication</h5>
+                Pour réussir votre recrutement, vous devez communiquer ! Une vidéo n’est efficace que si elle est vue !
+                <strong>Talents Tube s’occupe de votre visibilité par ses savoirs en communication</strong>. Nous
+                utilisons de nombreux
+                réseaux afin de <strong>promouvoir vos vidéos de recrutement</strong> (réseaux sociaux, YouTube, Indeed,
+                dynamique
+                territoire…).
+
+                <h5>Talents Tube : votre atout pour détecter les bons profils</h5>
+                Vous vous êtes certainement déjà dit, au bout de 2 minutes d’entretien : “Ce n’est pas la bonne
+                personne”. Et bien chez Talents Tube, <strong>vous recevez des vidéos de motivation</strong> qui
+                s’adressent directement
+                à vous. C’est unique, engageant et <strong>vous allez gagner du temps pour sélectionner les candidats
+                  mais
+                  également à l’entretien d’embauche </strong>car vous en savez déjà beaucoup plus. Vous allez pouvoir
+                en toute
+                simplicité <strong>évaluer votre retour sur investissement</strong> (ROI) de l’apport de votre offre
+                d’emploi vidéo.
+
+              </div>
+            </div>
+          </div>
+
+          <div class="card mb-2">
+            <div class="card-header card-collapse__header" id="faqAccordionTwoHeadingThree">
+              <h5 class="mb-0">
+                <button
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
+                  data-toggle="collapse" data-target="#faqAccordionTwoCollapseSeven" aria-expanded="false"
+                  aria-controls="faqAccordionTwoCollapseSeven">
+                  Suis-je sûr d'avoir des candidatures vidéo ?
+                  <span class="card-collapse__btn-arrow">
+                    <i class="fa fa-arrow-down small"></i>
+                  </span>
+                </button>
+              </h5>
+            </div>
+            <div id="faqAccordionTwoCollapseSeven" class="collapse" aria-labelledby="faqAccordionTwoHeadingThree"
+              data-parent="#faqAccordionTwo">
+              <div class="card-body card-collapse__body">
+                Nous ne sommes pas magiciens, <strong>il peut arriver que certaines entreprises ne reçoivent pas de
+                  candidatures
+                  vidéo</strong>. Toutefois, <strong>de nombreuses entreprises qui ne recevaient plus aucun CV papier,
+                  ont reçu des vidéos
+                  de motivation</strong> sur Talents Tube. Elles ont enfin pu recruter le talent qu’elles cherchaient
+                depuis
+                longtemps, grâce à Talents Tube.
+                Si toutefois vous ne recevez pas de candidatures vidéo, pas de panique, <strong>Talents Tube étudiera
+                  précisément votre problématique</strong> et vous proposera des solutions adaptées notamment des
+                actions de
+                communication ciblées pour répondre à votre difficulté.
+              </div>
+            </div>
+          </div>
+
+          <div class="card">
+            <div class="card-header card-collapse__header" id="faqAccordionTwoHeadingFour">
+              <h5 class="mb-0">
+                <button
+                  class="btn btn-sm btn-link btn-block d-flex justify-content-between card-collapse__btn collapsed p-3"
+                  data-toggle="collapse" data-target="#faqAccordionTwoCollapseEight" aria-expanded="false"
+                  aria-controls="faqAccordionTwoCollapseEight">
+                  Est-ce que je peux modifier ou changer mes vidéos sur l'espace Talents Tube ?
+                  <span class="card-collapse__btn-arrow">
+                    <i class="fa fa-arrow-down small"></i>
+                  </span>
+                </button>
+              </h5>
+            </div>
+            <div id="faqAccordionTwoCollapseEight" class="collapse" aria-labelledby="faqAccordionTwoHeadingFour"
+              data-parent="#faqAccordionTwo">
+              <div class="card-body card-collapse__body">
+                L'abonnement proposé par Talents Tube vous permet de <strong>diffuser plusieurs vidéos de recrutement en
+                simultanée</strong>. Par exemple avec l'abonnement à 99€/mois pour la diffusion de 3 vidéos, vous avez la
+                possibilité d'avoir plus de 3 vidéos sur Talents Tube mais vous ne pouvez avoir que 3 vidéos diffusées
+                en même temps. <strong>Vous avez évidemment la possibilité de désactiver une annonce au profit d'une autre</strong>,
+                toujours dans la limite de 3 vidéos en ligne. Si vous souhaitez diffuser plus de 3 vidéos, c’est
+                possible. Vous passerez sur la formule d’abonnement à 199€/mois pour 9 vidéos diffusées.
              </div>
            </div>
          </div>
@@ -2,7 +2,7 @@

 <div class="gradient-overlay-half-dark-v3 bg-img-hero" style="background-image: url({{ asset(urlImage)}}); background-size:cover;">
      <!-- Main Content -->
-      <div class="d-lg-flex align-items-lg-center height-85vh--lg">
+      <div class="d-lg-flex align-items-lg-center height-100vh--lg">
        <div class="container space-2 space-0--lg mt-lg-8">
          <div class="row justify-content-lg-between align-items-lg-center">
            <div class="col-lg-5 mb-7 mb-lg-0">
@@ -56,7 +56,7 @@
                </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="white-text">07 56 85 27 36</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>
@@ -42,7 +42,7 @@

          <p>Talents Tube est joignable :</p>
          <p>- Par internet : via le **formulaire de contact** </p>
-          <p>- Par téléphone au 02 30 05 06 31, du lundi au vendredi de 9 h à 18 h;</p>
+          <p>- Par téléphone au 07 56 85 27 36, du lundi au vendredi de 9 h à 18 h;</p>
          <p>- Par voie postale :</p>
          <p>Talents Tube</p>
          <p>3 Rue Louis de Broglie</p>
@@ -1,11 +1,11 @@
 {% extends "baseLanding.html.twig" %}
-{% block title %}Valorisez votre métier d'aide à domicile et recrutez grâce à la vidéo{% endblock %}
+{% block title %}Valorisez le métier d'aide à domicile et recrutez en vidéo{% endblock %}
 {% block meta %}
 <meta name="description"
  content="Vous souhaitez améliorer l'attractivité de votre métier ? Avec le recrutement vidéo, valorisez sa richesse réelle et recrutez des aides à domicile en vidéo.">
 <meta property="og:locale" content="fr_FR">
 <meta property="og:type" content="website">
-<meta property="og:title" content="Valorisez votre métier d'aide à domicile et recrutez grâce à la vidéo">
+<meta property="og:title" content="Valorisez le métier d'aide à domicile et recrutez en vidéo">
 <meta property="og:description"
  content="Vous souhaitez améliorer l'attractivité de votre métier ? Avec le recrutement vidéo, valorisez sa richesse réelle et recrutez des aides à domicile en vidéo.">
 <meta property="og:url" content="https://recruteur.talentstube.com/recrutement-aide-a-domicile">
@@ -67,8 +67,7 @@
            </div>
            <ul class="nav navbar-nav navbar-right">
              <li>
-                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
-                  rendez-vous</div>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</div>
              </li>
            </ul>
          </div>
@@ -90,7 +89,7 @@
          </div>
          <!--welcome-message end-->
          <div class=" video-header">
-            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</button>

          </div>
        </div>
@@ -210,11 +209,9 @@
            <div class="col-md-12">
              <!--goodbye-message-->
              <div class="appel-action">
-                <h2>Demandez un RDV gratuitement</h2>
-                <p>Plus qu'une dernière étape avant de rendre le métier d'aide à domicile plus attractif.</p>
-                <p>Osez recruter autrement !</p>
-                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
-                  un rendez-vous</button>
+                <h2>Organisons un rendez-vous diagnostic gratuit</h2>
+                <p>Bénéficiez de 15 minutes de diagnostic gratuit pour faire le point sur vos enjeux de recrutement, <br>identifier ce que Talents Tube peut résoudre et prendre connaissance de l’offre la plus appropriée pour votre entreprise.</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander mon diagnostic</button>
              </div>
              <!--goodbye-message end-->
            </div>
@@ -0,0 +1,239 @@
+{% extends "baseLanding.html.twig" %}
+{% block title %}Améliorez votre recrutement informatique et recrutez en vidéo{% endblock %}
+{% block meta %}
+<meta name="description"
+  content="Votre entreprise recherche un développeur ? Découvrez des solutions pour trouver un développeur et réussir votre recrutement.">
+<meta property="og:locale" content="fr_FR">
+<meta property="og:type" content="website">
+<meta property="og:title" content="Améliorez votre recrutement informatique et recrutez en vidéo">
+<meta property="og:description"
+  content="Votre entreprise recherche un développeur ? Découvrez des solutions pour trouver un développeur et réussir votre recrutement.">
+<meta property="og:url" content="https://recruteur.talentstube.com/recrutement-informatique">
+<meta property="og:site_name" content="Talents Tube">
+<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/recrutement-informatique.jpg" />
+<meta name="twitter:card" content="summary_large_image" />
+<link rel="canonical" href="https://recruteur.talentstube.com/recrutement-informatique" />
+{% endblock %}
+
+{% block main %}
+<main>
+
+  <!--Header : Menu et Vidéo en fond-->
+  <header class="hero-section-informatique">
+    <!--HTML5 Video-->
+    <video autoplay loop muted id="bgvid" poster="">
+      <source src="/landing/video/recrutement-informatique.mp4" type="video/mp4" alt="Recrutement informatique">
+      <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+    </video>
+
+    <!--HTML5 Video end-->
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <div class="logo-header" style="display:inline-block;">
+            <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+              alt="Talents Tube" class="logo-talentstube" style="width:150px">
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--nav-->
+    <nav class="navbar-default">
+      <!-- clas="navbar"-->
+      <div class="container">
+        <div class="logo-brand">
+          <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
+        </div>
+        <!--<div class="navbar-header">
+                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
+                          <span class="sr-only">Toggle navigation</span> 
+                          <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span> 
+                      </button>
+                  </div>-->
+        <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
+          <div class="row">
+            <div class="logo-header" style="display:inline-block;">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                alt="Talents Tube" class="logo-nav">
+            </div>
+            <ul class="nav navbar-nav navbar-right">
+              <li>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <!--nav end-->
+
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <!--welcome-message-->
+          <div class="welcome-message">
+            <h1>Recrutement informatique : <br>Je cherche un développeur web</h1>
+            <p>Vous vous demandez comment optimiser votre recrutement informatique ?</p>
+            <p>Vous cherchez un développeur web mais vos meilleurs candidats vous échappent ?</p><br>
+            <p>Démarquez vous grâce au recrutement vidéo, choississez Talents Tube.</p>
+          </div>
+          <!--welcome-message end-->
+          <div class="video-header">
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</button>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+  <!--Header end-->
+  <!--about 1-->
+  <section class="about section-spacing-little" style="margin-top:20px">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/recrutement-informatique.jpg"
+            alt="Recrutement informatique" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Les difficultés de recrutement informatique freinent votre développement?</h2>
+          <p>Vous n'êtes pas les seuls à chercher des solutions originales pour <strong>attirer et recruter de nouveaux
+            développeurs</strong>, c'est un constat partagé : le secteur de l'informatique peine à recruter.</p>
+
+          <p>Même dans ce contexte sanitaire difficile, 15% des entreprises de l'ingéniérie informatique envisagent de
+            recruter des développeurs. Le nombre de projets de recrutement n'a jamais été aussi élevé.</p>
+          <p><strong>Mais comment recruter des développeurs web (php, java, react, angular) ?</strong></p>
+          <p>Pour cibler les jeunes talents, les "millennials", <strong>adoptez leurs codes pour mieux les toucher</strong>. La vidéo en
+            fait partie. Au delà de l'audience qu'elle générera, elle humanisera votre communication et renforcera votre
+            proximité entre votre cible et votre marque employeur.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 2-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+          <h2>Publiez une offre d'emploi attractive pour réussir votre recherche de développeur web</h2>
+          <p>L'offre d'emploi vidéo est un projet fédérateur et participatif qui permet d'<strong>impliquer vos collaborateurs</strong>.
+            Ils sont <strong>fiers de montrer leur quotidien mais aussi le métier de développeur</strong> sous un autre angle. Cette dynamique permet
+            d'une part de souder vos équipes et d'autre part, montrer à l'extérieur l'ambiance qui y règne.</p>
+            <p><strong>L'offre d'emploi vidéo pour attirer et recruter des développeurs :</strong></p>
+
+          <ul class="list-puces">
+            <li>Parlez le même langage que les développeurs. Ils ont besoin de sentir qu'ils font partie d'une communauté</li>
+            <li>Montrez l'ambiance et les à-côtés (salle de pause, animation de communauté, soirée,...)</li>
+            <li>Ouvrez la porte aux personnes non diplômées. (73% d'entre elles ont commencé à coder avant l'âge de 20 ans
+              sans diplôme)</li>
+            <li>Pas besoin d’une super vidéo pour donner du corps et du sens à votre futur candidat</li>
+          </ul><br>
+          <p><strong>Produire des vidéos n’a jamais été aussi simple</strong><br>
+          Passer à la vidéo est beaucoup plus abordable aujourd'hui.
+            Avec l'aide de la caméra de votre téléphone (iPhone ou autres smartphones), la capture vidéo est devenue une
+            formalité.
+            Dans un souci d'authenticité, il est d'ailleurs préférable de choisir ces modes d'enregistrement au lieu
+            des méthodes de prise de vue classiques et beaucoup plus coûteuses
+          </p>
+        </div>
+        <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/recherche-developpeur.jpg"
+            alt="Recherche développeur" data-no-retina> </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 3-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/recrutement-developpeur.jpg"
+            alt="Recrutement developpeur" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Recevez des candidatures de développeurs web</h2>
+          <p>Une vidéo, oui, mais comment communiquer avec ses candidats ? En gérant ses candidats en vidéo
+            !</p>
+
+          <p>Vous avez une vidéo marque employeur ou une vidéo d'offre d'emploi ?</p>
+          <p>Vous voulez que les développeurs puissent interagir avec vous. Pourquoi ne pas les laisser postuler en
+            vidéo ? <strong>Grâce à la candidature vidéo, découvrez qui se cache derrière le CV papier</strong>. Au déla des
+            compétences, rencontrez des personnalités ! Vous aurez <strong>déjà l'impression de connaitre votre candidat</strong> avant
+            son entretien. De son côté, le développeur aura enfin la possibilité d'exprimer qui il est au delà d'un simple CV papier. Les développeurs ont besoin d'être écoutés. Grâce à la candidature vidéo, ils sauront que <strong>vous leurs consacrerez au moins deux minutes d'attention.</strong></p>
+
+          <p>Talents Tube met à votre disposition un outil de diffusion de vos vidéos d’offres d’emploi & marque
+            employeur pour <strong>attirer les meilleurs talents en vidéo</strong>. Cette plateforme rassemble l’entreprise et les
+            talents qui se présentent en vidéo <strong>pour un recrutement réussi</strong>. Vous pouvez même leur répondre de manière
+            positive ou négative … en vidéo bien sûr. </p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--sponsor-->
+  <section class="sponsor section-spacing text-center">
+    <div class="container">
+      <header>
+        <h2>Ils ont recruté en vidéo, pourquoi pas vous ?</h2>
+        <h3>Ces entreprises de l'informatique ont choisi Talents Tube pour recruter des développeurs autrement !</h3>
+      </header>
+      <div class="row">
+        <div class="col-md-12">
+          <figure>
+            <img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/d1455e7fffbefd4128886edf86198e1d.png"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/d1455e7fffbefd4128886edf86198e1d.png"
+              alt="MGDIS difficulté à recruter informatique " width="100" height="32">
+          </figure>
+          <figure>
+            <img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/80ec2e6eef2f7d67be06874c0eedbc45.jpeg"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/80ec2e6eef2f7d67be06874c0eedbc45.jpeg"
+              alt="Medaviz difficulté à recruter informatique" width="100" height="100">
+          </figure>
+          <figure>
+            <img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4babe80a352d085e8c766a20b7067d73.png"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4babe80a352d085e8c766a20b7067d73.png"
+              alt="A2COM difficulté à recruter informatique" width="100" height="100">
+          </figure>
+        </div>
+      </div>
+
+    </div>
+  </section>
+  <!--sponsor end-->
+  <!--venue-->
+  <section class="venue section-spacing" id="venue_informatique">
+    <div class="container">
+      <div class="row">
+        <div class="container text-center">
+          <div class="row">
+            <div class="col-md-12">
+              <!--goodbye-message-->
+              <div class="appel-action">
+                <h2>Organisons un rendez-vous diagnostic gratuit</h2>
+                <p>Bénéficiez de 15 minutes de diagnostic gratuit pour faire le point sur vos enjeux de recrutement, <br>identifier ce que Talents Tube peut résoudre et prendre connaissance de l’offre la plus appropriée pour votre entreprise.</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander mon diagnostic</button>
+              </div>
+              <!--goodbye-message end-->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</main>
+{% endblock %}
+{% block modalCallToAction %}
+{{ parent() }}
+{% endblock %}
+
+{% block javascripts %}
+{% endblock %}
@@ -1,10 +1,10 @@
 {% extends "baseLanding.html.twig" %}
-{% block title %}Valorisez votre métier en tension et recrutez des candidats grâce à la vidéo{% endblock %}
+{% block title %}Valorisez votre métier en tension et recrutez des candidats en vidéo{% endblock %}
 {% block meta %}
 <meta name="description" content="Votre métier est en tension ? Vous souhaitez améliorer son attractivité ? Avec le recrutement vidéo, valorisez votre métier et recevez des candidatures vidéo.">
 <meta property="og:locale" content="fr_FR">
 <meta property="og:type" content="website">
-<meta property="og:title" content="Valorisez votre métier en tension et recrutez des candidats grâce à la vidéo">
+<meta property="og:title" content="Valorisez votre métier en tension et recrutez des candidats en vidéo">
 <meta property="og:description" content="Votre métier est en tension ? Vous souhaitez améliorer son attractivité ? Avec le recrutement vidéo, valorisez votre métier et recevez des candidatures vidéo.">
 <meta property="og:url" content="https://recruteur.talentstube.com/metier-en-tension">
 <meta property="og:site_name" content="Talents Tube">
@@ -65,8 +65,7 @@
            </div>
            <ul class="nav navbar-nav navbar-right">
              <li>
-                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
-                  rendez-vous</div>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</div>
              </li>
            </ul>
          </div>
@@ -87,7 +86,7 @@
          </div>
          <!--welcome-message end-->
          <div class=" video-header">
-            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un diagnostic</button>

          </div>
        </div>
@@ -222,11 +221,9 @@
            <div class="col-md-12">
              <!--goodbye-message-->
              <div class="appel-action">
-                <h2>Demandez un RDV gratuitement</h2>
-                <p>Plus qu’une dernière étape avant de rendre votre métier en tension plus attractif. </p>
-                <p>Osez recruter autrement !</p>
-                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
-                  un rendez-vous</button>
+                <h2>Organisons un rendez-vous diagnostic gratuit</h2>
+                <p>Bénéficiez de 15 minutes de diagnostic gratuit pour faire le point sur vos enjeux de recrutement, <br>identifier ce que Talents Tube peut résoudre et prendre connaissance de l’offre la plus appropriée pour votre entreprise.</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander mon diagnostic</button>
              </div>
              <!--goodbye-message end-->
            </div>
@@ -1,79 +1,81 @@
 {% extends "baseLanding.html.twig" %}
 {% block title %}Réalisez une offre d’emploi originale vous-même{% endblock %}
 {% block meta %}
-<meta name="description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez">
+<meta name="description"
+  content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez">
 <meta property="og:locale" content="fr_FR" />
-	<meta property="og:type" content="website" />
-	<meta property="og:title" content="Réalisez une offre d’emploi originale vous-même" />
-	<meta property="og:description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez" />
-	<meta property="og:url" content="https://recruteur.talentstube.com/offre-emploi-originale" />
-	<meta property="og:site_name" content="Talents Tube : espace recruteur" />
-	<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/offre-emploi-originale-en-video.jpg" />
-	<meta name="twitter:card" content="summary_large_image" />
-  <link rel="canonical" href="https://recruteur.talentstube.com/offre-emploi-originale" />
+<meta property="og:type" content="website" />
+<meta property="og:title" content="Réalisez une offre d’emploi originale vous-même" />
+<meta property="og:description"
+  content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez" />
+<meta property="og:url" content="https://recruteur.talentstube.com/offre-emploi-originale" />
+<meta property="og:site_name" content="Talents Tube : espace recruteur" />
+<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/offre-emploi-originale-en-video.jpg" />
+<meta name="twitter:card" content="summary_large_image" />
+<link rel="canonical" href="https://recruteur.talentstube.com/offre-emploi-originale" />
 {% endblock %}
 {% block modalCallToAction %}
 {{ parent() }}
 {% endblock %}
 {% block main %}
-    <!-- Modal : Vidéo -->
-    <div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog"
-      aria-labelledby="myLargeModalLabel" aria-hidden="true">
-      <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
-          <div class="modal-body">
-            <div class="container-video" style="position:relative;width:100%;height:0;padding-bottom:56.25%;">
-              <iframe src="https://www.youtube.com/embed/gOXg9e29dyc"
-                style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" frameborder="0"
-                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-                allowfullscreen id="player"></iframe>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="fermerVideo()">Fermer</button>
+<!-- Modal : Vidéo -->
+<div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog"
+  aria-labelledby="myLargeModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="container-video" style="position:relative;width:100%;height:0;padding-bottom:56.25%;">
+          <iframe src="https://www.youtube.com/embed/gOXg9e29dyc"
+            style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen id="player"></iframe>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="fermerVideo()">Fermer</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!--Modal : Vidéo End -->
+<main>
+
+  <!--Header : Menu et Vidéo en fond-->
+  <header class="hero-section">
+    <!--HTML5 Video-->
+    <video autoplay loop muted id="bgvid" poster="">
+      <source src="/landing/video/modele-offre-emploi-originale.mp4" type="video/mp4"
+        alt="Modèle offre d'emploi originale">
+      <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+    </video>
+
+    <!--HTML5 Video end-->
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <div class="logo-header" style="display:inline-block;">
+            <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+              alt="Talents Tube" class="logo-talentstube" style="width:150px">
          </div>
        </div>
      </div>
    </div>
-    <!--Modal : Vidéo End -->
-<main>
-
-      <!--Header : Menu et Vidéo en fond-->
-      <header class="hero-section">
-        <!--HTML5 Video-->
-        <video autoplay loop muted id="bgvid" poster="">
-          <source src="/landing/video/modele-offre-emploi-originale.mp4" type="video/mp4"
-            alt="Modèle offre d'emploi originale">
-          <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
-        </video>
-
-        <!--HTML5 Video end-->
-        <div class="overlay"></div>
-        <div class="container">
-          <div class="row">
-            <div class="col-md-12">
-              <div class="logo-header" style="display:inline-block;">
-                <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
-                  alt="Talents Tube" class="logo-talentstube" style="width:150px">
-              </div>
-            </div>
-          </div>
+    <!--nav-->
+    <nav class="navbar-default">
+      <!-- clas="navbar"-->
+      <div class="container">
+        <div class="logo-brand">
+          <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
        </div>
-        <!--nav-->
-        <nav class="navbar-default">
-          <!-- clas="navbar"-->
-          <div class="container">
-            <div class="logo-brand">
-              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
-                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
-                alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
-            </div>
-            <!--<div class="navbar-header">
+        <!--<div class="navbar-header">
                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
                          <span class="sr-only">Toggle navigation</span> 
                          <span class="icon-bar"></span>
@@ -81,138 +83,138 @@
                            <span class="icon-bar"></span> 
                      </button>
                  </div>-->
-            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
-              <div class="row">
-                <div class="logo-header" style="display:inline-block;">
-                  <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
-                    data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
-                    alt="Talents Tube" class="logo-nav">
-                </div>
-                <ul class="nav navbar-nav navbar-right">
-                  <li>
-                    <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
-                      rendez-vous</div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </nav>
-        <!--nav end-->
-
-        <div class="container">
+        <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
          <div class="row">
-            <div class="col-md-12">
-              <!--welcome-message-->
-              <div class="welcome-message">
-              
-                <h1>Créez des vidéos d’offres d’emploi avec votre smartphone</h1>
-                <p>Vous voulez recruter rapidement, efficacement, vous démarquer de la concurrence tout en restant
-                  vous-même ? Votre recrutement, c’est dans la poche avec Talents Tube !</p>
-              </div>
-              <!--welcome-message end-->
-              <div class="action-btn video-header">
-                <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
-                <button class="bttn" data-toggle="modal" data-target=".bd-example-modal-lg">Voir la démo</button>
-              </div>
+            <div class="logo-header" style="display:inline-block;">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                alt="Talents Tube" class="logo-nav">
            </div>
+            <ul class="nav navbar-nav navbar-right">
+              <li>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
+                  rendez-vous</div>
+              </li>
+            </ul>
          </div>
        </div>
+      </div>
+    </nav>
+    <!--nav end-->
+
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <!--welcome-message-->
+          <div class="welcome-message">
+
+            <h1>Créez des vidéos d’offres d’emploi avec votre smartphone</h1>
+            <p>Vous voulez recruter rapidement, efficacement, vous démarquer de la concurrence tout en restant
+              vous-même ? Votre recrutement, c’est dans la poche avec Talents Tube !</p>
+          </div>
+          <!--welcome-message end-->
+          <div class="action-btn video-header">
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+            <button class="bttn" data-toggle="modal" data-target=".bd-example-modal-lg">Voir la démo</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+  <!--Header end-->
+  <!--about 1-->
+  <section class="about section-spacing-little" style="margin-top:20px">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/realiser-offre-emploi-originale.jpg"
+            alt="Réaliser une offre d'emploi originale avec un smartphone" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Votre offre d’emploi originale en vidéo</h2>
+          <p>Parce que <span class="texte-gras">votre recrutement mérite mieux que du texte</span>, lancez-vous dans
+            <span class="texte-gras">la vidéo de recrutement !</span></p>
+          <p>Vous êtes en quête de rapidité et d’efficacité dans votre processus de recrutement? Vous ne voulez pas
+            ressembler à vos concurrents?</p>
+          <p>Démarquez-vous avec des <span class="texte-gras">annonces de recrutement originales et
+              attractives.</span>En filmant vos collaborateurs, vos gestes métiers, vous offrez une <span
+              class="texte-gras">meilleure expérience candidat</span>, vous engagez et valorisez vos collaborateurs et
+            vous <span class="texte-gras">recrutez plus efficacement.</span></p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 2-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+          <h2>Votre vidéo de recrutement originale avec un smartphone</h2>
+          <p>Vous vous dites que c’est une super idée mais <span class="texte-gras">faire une vidéo c’est trop
+              compliqué, trop cher et pas pour vous !</span></p>
+          <p>Sachez qu’aujourd’hui, vous pouvez <span class="texte-gras">créer des vidéos facilement !</span></p>
+          <p>Vous possédez <span class="texte-gras">un smartphone avec une caméra</span> ultra performante qui vous
+            permet de créer du contenu vidéo tout le temps et partout, avec une qualité pro. Et tout ceci ne nécessite
+            aucun investissement supplémentaire.</p>
+          <p><span class="texte-gras">Le recrutement vidéo</span> est dans votre poche !</p>
+        </div>
+        <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/recruter-rapidement-offre-emploi-originale.jpg"
+            alt="Recruter rapidement avec une offre d'emploi vidéo originale" data-no-retina> </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 3-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/etape-realisation-offre-emploi-originale.jpg"
+            alt="3 étapes pour réaliser une offre d'emploi originale" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Un recrutement vidéo rapide en quelques étapes</h2>
+          <p>Avec Talents Tube, vous allez recruter de nouveaux profils en seulement 3 étapes :</p>
+          <ul class="list-puces">
+            <li>Rédigez votre scénario pour préparer le tournage de votre vidéo</li>
+            <li>Réalisez votre offre d’emploi vidéo avec un smartphone</li>
+            <li>Envoyez-nous vos séquences vidéo</li>
+            <li>Pour vous, nous réalisons le montage de votre vidéo</li>
+            <li>Et nous vous accompagnons dans votre recherche du candidat idéal</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--sponsor-->
+  <section class="sponsor section-spacing text-center">
+    <div class="container">
+      <header>
+        <h2>Ils ont recruté en vidéo</h2>
+        <h3>Ces entreprises ont choisi Talents Tube pour recruter avec des offres d'emploi originales !</h3>
      </header>
-      <!--Header end-->
-      <!--about 1-->
-      <section class="about section-spacing-little" style="margin-top:20px">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/realiser-offre-emploi-originale.jpg"
-                alt="Réaliser une offre d'emploi originale avec un smartphone" data-no-retina> </div>
-            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
-              <h2>Votre offre d’emploi originale en vidéo</h2>
-              <p>Parce que <span class="texte-gras">votre recrutement mérite mieux que du texte</span>, lancez-vous dans
-                <span class="texte-gras">la vidéo de recrutement !</span></p>
-              <p>Vous êtes en quête de rapidité et d’efficacité dans votre processus de recrutement? Vous ne voulez pas
-                ressembler à vos concurrents?</p>
-              <p>Démarquez-vous avec des <span class="texte-gras">annonces de recrutement originales et
-                  attractives.</span>En filmant vos collaborateurs, vos gestes métiers, vous offrez une <span
-                  class="texte-gras">meilleure expérience candidat</span>, vous engagez et valorisez vos collaborateurs et
-                vous <span class="texte-gras">recrutez plus efficacement.</span></p>
-            </div>
-          </div>
+      <div class="row">
+        <div class="col-md-12">
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+              alt="actual-offre-emploi-orignale"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+              alt="aer-recyclage-offre-emploi-orignale"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+              alt="cdg-offre-emploi-orignale"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+              alt="temporis-offre-emploi-orignale"></figure>
        </div>
-      </section>
-      <!--about end-->
-
-      <!--about 2-->
-      <section class="about section-spacing-little">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
-              <h2>Votre vidéo de recrutement originale avec un smartphone</h2>
-              <p>Vous vous dites que c’est une super idée mais <span class="texte-gras">faire une vidéo c’est trop
-                  compliqué, trop cher et pas pour vous !</span></p>
-              <p>Sachez qu’aujourd’hui, vous pouvez <span class="texte-gras">créer des vidéos facilement !</span></p>
-              <p>Vous possédez <span class="texte-gras">un smartphone avec une caméra</span> ultra performante qui vous
-                permet de créer du contenu vidéo tout le temps et partout, avec une qualité pro. Et tout ceci ne nécessite
-                aucun investissement supplémentaire.</p>
-              <p><span class="texte-gras">Le recrutement vidéo</span> est dans votre poche !</p>
-            </div>
-            <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/recruter-rapidement-offre-emploi-originale.jpg"
-                alt="Recruter rapidement avec une offre d'emploi vidéo originale" data-no-retina> </div>
-          </div>
-        </div>
-      </section>
-      <!--about end-->
-
-      <!--about 3-->
-      <section class="about section-spacing-little">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/etape-realisation-offre-emploi-originale.jpg"
-                alt="3 étapes pour réaliser une offre d'emploi originale" data-no-retina> </div>
-            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
-              <h2>Un recrutement vidéo rapide en quelques étapes</h2>
-              <p>Avec Talents Tube, vous allez recruter de nouveaux profils en seulement 3 étapes :</p>
-              <ul class="list-puces">
-                <li>Rédigez votre scénario pour préparer le tournage de votre vidéo</li>
-                <li>Réalisez votre offre d’emploi vidéo avec un smartphone</li>
-                <li>Envoyez-nous vos séquences vidéo</li>
-                <li>Pour vous, nous réalisons le montage de votre vidéo</li>
-                <li>Et nous vous accompagnons dans votre recherche du candidat idéal</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </section>
-      <!--about end-->
-
-      <!--sponsor-->
-      <section class="sponsor section-spacing text-center">
-        <div class="container">
-          <header>
-            <h2>Ils ont recruté en vidéo</h2>
-            <h3>Ces entreprises ont choisi Talents Tube pour recruter avec des offres d'emploi originales !</h3>
-          </header>
-          <div class="row">
-            <div class="col-md-12">
-              <figure><img
-                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
-                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
-                  alt="actual-offre-emploi-orignale"></figure>
-              <figure><img
-                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
-                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
-                  alt="aer-recyclage-offre-emploi-orignale"></figure>
-              <figure><img
-                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
-                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
-                  alt="cdg-offre-emploi-orignale"></figure>
-              <figure><img
-                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
-                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
-                  alt="temporis-offre-emploi-orignale"></figure>
-            </div>
-          </div>
-          <!--<div class="row">
+      </div>
+      <!--<div class="row">
              <div class="col-md-12">
                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" alt="sponsor"></figure>
                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" alt="sponsor"></figure>
@@ -220,35 +222,39 @@
                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" alt="sponsor"></figure>
              </div>
            </div>-->
-        </div>
-      </section>
-      <!--sponsor end-->
-      <!--venue-->
-      <section class="venue section-spacing" id="venue">
-        <div class="container">
+    </div>
+  </section>
+  <!--sponsor end-->
+  <!--venue-->
+  <section class="venue section-spacing" id="venue">
+    <div class="container">
+      <div class="row">
+        <div class="container text-center">
          <div class="row">
-            <div class="container text-center">
-              <div class="row">
-                <div class="col-md-12">
-                  <!--goodbye-message-->
-                  <div class="appel-action">
-                    <h2>Créez votre première offre d’emploi originale avec un smartphone</h2>
-                    <p>Il ne vous reste plus qu'un clic pour recruter rapidement, efficacement et vous démarquer de la
-                      concurrence...</p>
-                    <p>Lancez-vous et demandez un rendez-vous dès maintenant !</p>
-                    <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
-                      un rendez-vous</button>
-                  </div>
-                  <!--goodbye-message end-->
-                </div>
+            <div class="col-md-12">
+              <!--goodbye-message-->
+              <div class="appel-action">
+                <h2>Créez votre première offre d’emploi originale avec un smartphone</h2>
+                <p>Il ne vous reste plus qu'un clic pour recruter rapidement, efficacement et vous démarquer de la
+                  concurrence...</p>
+                <p>Lancez-vous et demandez un rendez-vous dès maintenant !</p>
+                <br>
+                <p>Bénéficiez de 15 minutes de diagnostic gratuit pour faire le point sur vos enjeux de recrutement,
+                  <br>identifier ce que Talents Tube peut résoudre et prendre connaissance de l’offre la plus appropriée
+                  pour votre entreprise.</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
+                  un rendez-vous</button>
              </div>
+              <!--goodbye-message end-->
            </div>
          </div>
        </div>
-      </section>
-    </main>
+      </div>
+    </div>
+  </section>
+</main>
 {% endblock %}

 {% block javascripts %}

-{% endblock %}
+{% endblock %}
@@ -0,0 +1,456 @@
+{% extends 'baseTalent.html.twig' %}
+
+{% block title %}Recruter 
+{% if user.appellationLibelle %}
+         un poste de {{ user.appellationLibelle }}
+{% endif %}
+| Talents Tube{% endblock %}
+
+{% block description %}Découvrez le CV vidéo de
+{{ user.firstname }}. Trouvez le prochain talent de votre équipe sur Talents Tube.{% 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 le CV vidéo de
+    {{ user.firstname }} sur Talents Tube">
+<meta name="twitter:description" content="Découvrez le CV vidéo de
+    {{ user.firstname }}. Trouvez le prochain talent de votre équipe sur Talents Tube.">
+<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 le CV vidéo de
+    {{ user.firstname }} 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 le CV vidéo de
+    {{ user.firstname }}. Trouvez le prochain talent de votre équipe sur Talents Tube." />
+<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 %}
+{# {% include 'default/flash_message.html.twig' %} #}
+
+<div class="col-md-12 text-center section-spacing">
+    <div class="col-md-12 p-lg-5 mx-auto my-1">
+        <h1 class="display-6 font-weight-normal">Découvrez le CV vidéo de {{ user.firstname }} {{ user.lastname }} 
+        {% if user.appellationLibelle %}
+        qui recherche un poste de {{ user.appellationLibelle }}</h1>
+        {% endif %}
+    </div>
+</div>
+<section class="col-md-12 p-5 fond-clair">
+    <div class="col-md-12 ">
+        <div class="col-md-8 text-center">
+            <div class="col s12 detail-item-video">
+                {% if talent.presentationVideo %}
+                <iframe
+                    src="https://player.vimeo.com/video/{{ talent.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
+                    width="100%" height="640" frameborder="0" webkitallowfullscreen="webkitallowfullscreen"
+                    mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
+                {% endif %}
+            </div>
+        </div>
+        <div class="col-md-4 text-center">
+            <div class="profil center-align color-t">
+                {% set company = user.company %}
+                {#  Photo de profil du candidat : À garder pour V2
+                <div class="profil-picture">
+                {% if user.socialPicture is not null and user.photo is null %}
+                    <img class="circle responsive-img" src="{{ user.socialPicture }}" alt="{{ user.firstname }} {{ user.lastname|first|upper }}"/>
+                {% elseif user.photo %}
+                    <img class="circle responsive-img" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
+                {% else %}
+                    <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
+                {% endif %}
+            </div> #}
+                <h2 class="profil-name">
+                    {{ user.firstname }}
+                    {{ user.lastname }}
+                </h2>
+                {# À modifier par Laurent : Nouveau format d'adresse Géoloc Google Maps #}
+                {% if user.geoloc is defined %}
+                    <p class="lead font-weight-normal">{{ user.geoloc[0].locality }}-
+                    {{ user.geoloc[0].country }}</p>
+                {% elseif company.addresses.billing is defined %}
+                <p class="lead font-weight-normal">{{ company.addresses.billing.city }}
+                    -
+                    {{ company.addresses.billing.country|country }}</p>
+                {% endif %}
+            </div>
+            <div class="row">
+                <div class="col">
+                    {% if talent.extra.linkedin or talent.extra.linkedin !='null' %}
+                    <a target="_blank" href="{{ talent.extra.linkedin }}" class="btn">Linkedin</a>
+                    {% endif %}
+                    {% if talent.extra.twitter or talent.extra.twitter !='null' %}
+                    <a target="_blank" href="{{ talent.extra.twitter }}" class="btn">Twitter</a>
+                    {% endif %}
+                    {% if talent.website or talent.extra.website !='null' or talent.extra.website !='NULL'%}
+                    <a target="_blank" href="{{ talent.website }}" class="btn">Site internet</a>
+                    {% endif %}
+                </div>
+            </div>
+            <div class="row p-4">
+                <div class="col-md p-2">
+                    {# Bouton de téléchargement de CV PDF
+                Je pense avoir réussi, mais je n'arrive pas vérifier. Je n'ai pas de compte candidat avec un CV PDF#}
+
+                    {# Code à remplacer avec celui-ci-dessous #}
+                    {# {% if user.company.cv %}  
+                    <a class="btn btn-outline-primary m-1" target="_blank" href="/uploads/cv/{{ user.company.cv }}" class="btn">Télécharger le CV</a>
+                {% endif %} #}
+                    {% if company.cv  %}
+                        <a class="btn btn-default m-1" target="_blank" href="/uploads/cv/{{ user.company.cv }}">Télécharger le CV</a>
+                    {% endif %}
+                    {# Modal pour envoyer un email au candidat et Talents Tube #}
+                    <!-- Button trigger modal -->
+                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
+                        Contacter {{ user.firstname }}
+                    </button>
+                </div>
+            </div>
+            {# Afficher la dernière date de connexion = Dernière connexion : mois/année #}
+            <small class="font-weight-light text-muted">Dernière connexion :  {{ user.lastLogin|date('d-m-Y') }}</small>
+        </div>
+    </div>
+</section>
+<section class="col-md-12 p-3 mt-4">
+    <!-- Card -->
+    <div class="col-md-6">
+        <a class="card shadow-none fond-clair text-indigo transition-3d-hover p-5 p-lg-7 mb-3 mb-sm-5 mb-lg-11"
+            href="https://blog.talentstube.com/cv-video/">
+            <h3 class="mb-1">Je suis candidat</h3>
+            <p class="text-dark">Découvrir comment faire un CV vidéo</p>
+        </a>
+    </div>
+    <!-- End Card -->
+
+    <!-- Card -->
+    <div class="col-md-6">
+        <a class="card shadow-none bg-soft-info text-indigo transition-3d-hover p-5 p-lg-7 mb-3 mb-sm-5 mb-lg-11"
+            href="/">
+            <h3 class="mb-1">Je suis recruteur</h3>
+            <p class=" text-dark">Découvrir la solution de recrutement Talents Tube</p>
+        </a>
+    </div>
+    <!-- End Card -->
+</section>
+<footer class="col-md-12 p-3 mt-4">
+    <div class="container">
+        <div class="col-12 col-md-3">
+            <a class="py-2" href="/">
+                <img alt="talents-tube"
+                    src="https://blog.talentstube.com/wp-content/uploads/2021/05/logo-talentstube-bleu-1.svg">
+            </a>
+            <div><small class="d-block mt-3 text-muted">&copy; 2017-2021</small></div>
+        </div>
+        <div class="col-12 col-md-3">
+            <h5>Plateforme</h5>
+            <ul class="list-unstyled text-small">
+                <li><a class="text-muted" href="/">Espace recruteurs</a></li>
+                <li><a class="text-muted" href="https://www.talentstube.com/">Jobs</a></li>
+                <li><a class="text-muted" href="http://blog.talentstube.com/">Blog</a></li>
+
+            </ul>
+        </div>
+        <div class="col-12 col-md-3">
+            <h5>Informations</h5>
+            <ul class="list-unstyled text-small">
+                <li><a class="text-muted" href="/mentions-legales">Mentions légales</a>
+                </li>
+                <li><a class="text-muted" href="/cgu">CGU</a></li>
+                <li><a class="text-muted" href="/politique-confidentialite">Politique
+                        de confidentialité</a></li>
+                <li><a class="text-muted" href="https://blog.talentstube.com/contact">Contact</a></li>
+            </ul>
+        </div>
+        <div class="col-12 col-md-3">
+            <h5>Contact</h5>
+            <ul class="list-unstyled text-small">
+                <li>
+                    <p class="text-muted">3, rue Louis de Broglie</p>
+                </li>
+                <li>
+                    <p class="text-muted">56 000 Vannes</p>
+                </li>
+                <li><a class="text-muted" href="tel:+33756852736">07 56 85 27 36</a></li>
+            </ul>
+        </div>
+    </div>
+</footer>
+
+
+{# <div class="fluid-container bg-grey-3" id="talent-show">
+    <div class="container contentWrapper contentPage">
+        <div class="row">
+            <div class="col s12 m4 l3" id="sidebar">
+                <div class="profil center-align">
+                    {% set company = user.company %}
+                    <div class="profil-picture">
+                        {% if user.socialPicture is not null and user.photo is null %}
+                        <img class="circle responsive-img" src="{{ user.socialPicture }}"
+                            alt="{{ user.firstname }} {{ user.lastname|first|upper }}" />
+                        {% elseif user.photo %}
+                        <img class="circle responsive-img" src="{{ user.webPath | imagine_filter('profile_square') }}"
+                            alt="{{ user.firstname }} {{ user.lastname }}" />
+                        {% else %}
+                        <div class="circle-letters font-2">
+                            {{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
+                        {% endif %}
+                    </div>
+                    <p class="profil-name">
+                        <b>{{ user.firstname }}
+                            {{ user.lastname|upper }}</b>
+                    </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 center-align">
+                    <div class="divider"></div>
+                    <br />
+                    {% if is_granted("ROLE_COMPANY") %}
+                    <a class="btn btn-default contact-talent" href="#modal1">Contacter le talent</a>
+                    {% endif %}
+                </div>
+            </div>
+            <div class="col s12 m8 l9">
+                <div class="row bg-bordered">
+                    <div class="col s12 detail-item-video">
+                        {% if talent.presentationVideo %}
+                        <div class="video-responsive">
+                            <iframe
+                                src="https://player.vimeo.com/video/{{ talent.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
+                                width="100%" height="640" frameborder="0" webkitallowfullscreen="webkitallowfullscreen"
+                                mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+                <div class="row bg-bordered talent-profile">
+                    <div class="col s8">
+                        <h3 class="no-margin-top">{{ user.company.extra.titleTalent }}</h3>
+                        <span>{{ user.company.extra.situationTalent|trans }}</span>
+                    </div>
+                    <div class="col s4 talent-border-left">
+                        <h3 class="no-margin-top talent-profile-title">DÉCOUVRIR SON PROFIL</h3>
+                        <div class="profil-links">
+                            {% if talent.extra.linkedin %}
+                            <a target="_blank" href="{{ talent.extra.linkedin }}">
+                                <i class="fa fa-linkedin fa-inverse"></i>
+                            </a>
+                            {% endif %}
+                            {% if talent.extra.twitter %}
+                            <a target="_blank" href="{{ talent.extra.twitter }}">
+                                <i class="fa fa-twitter fa-inverse"></i>
+                            </a>
+                            {% endif %}
+                            {% if talent.website %}
+                            <a target="_blank" href="{{ talent.website }}">
+                                <i class="fa fa-globe-africa fa-inverse"></i>
+                            </a>
+                            {% endif %}
+                        </div>
+                    </div>
+                    <div class="col s12 talent-border-top">
+                        {% for tag in talent.publicTag if talent.publicTag[0] is not empty %}
+                        <div class="chip  {% if loop.index > 5 %}chip-invisible{% endif %}">{{ tag }}</div>
+                        {% endfor %}
+                        {% if talent.publicTag|length > 5 %}
+                        <div class="chip chip-more">+ {{ talent.publicTag|length - 5 }}</div>
+                        {% endif %}
+                    </div>
+                </div>
+                {% if user.company.extra.descriptionTalent %}
+                <div class="row bg-bordered">
+                    <div class="col s12">
+                        <h3 class="blue-text no-margin-top">{{ user.firstname }} {% trans %}en quelques
+                            mots{% endtrans %}</h3>
+                    </div>
+                    <div class="col s12">
+                        <p>
+                            {{ user.company.extra.descriptionTalent|raw|nl2br }}
+                        </p>
+                    </div>
+                </div>
+                {% endif %}
+                {% if user.career %}
+                <div class="row bg-bordered">
+                    <div class="col s12">
+                        <h3 class="blue-text no-margin-top">Expériences</h3>
+                    </div>
+                    <div class="col s12">
+                        <div class="col s12" id="career_container">
+                            {% include 'talent/profile_career.html.twig' with {'career': user.career } %}
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+                <div class="row bg-bordered">
+                    <div class="col s12 header-recommendations">
+                        <h3 class="blue-text no-margin-top">{% trans %}label.recommendations{% endtrans %}</h3>
+                        {% if showRecommendation %}
+                        <a title="Recommander {{ user.firstname }} {{ user.lastname }}" href="{{urlRecommendation}}"
+                            id="recommendation" class=" btn btn-large btn-default" type="submit">
+                            {% trans %}label.button.recommendation{% endtrans %}
+                            {{ user.firstname }}
+                        </a>
+                        {% endif %}
+                    </div>
+                    {% if recommendations is not null %}
+                    <div class="recommendations-list">
+                        {% for recommendation in recommendations if recommendation.isVisible != false %}
+                        <div class="col s6 recommendation-block">
+                            <div class="video-responsive">
+                                <iframe
+                                    src="https://player.vimeo.com/video/{{ recommendation.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                    width="100%" height="640" frameborder="0"
+                                    webkitallowfullscreen="webkitallowfullscreen"
+                                    mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
+                            </div>
+                            <div class="recommendation-user-infos">
+                                <div class="profil-picture">
+                                    {% if recommendation.sender.socialPicture is not null and recommendation.sender.photo is null %}
+                                    <img class="circle responsive-img" src="{{ recommendation.sender.socialPicture }}"
+                                        alt="{{ recommendation.sender.firstname }} {{ recommendation.sender.lastname|first|upper }}" />
+                                    {% elseif user.photo %}
+                                    <img class="circle responsive-img"
+                                        src="{{ recommendation.sender.webPath | imagine_filter('profile_square') }}"
+                                        alt="{{ recommendation.sender.firstname }} {{ recommendation.sender.lastname }}" />
+                                    {% else %}
+                                    <div class="circle-letters font-2">
+                                        {{ recommendation.sender.firstname|first|upper }}{{ recommendation.sender.lastname|first|upper }}
+                                    </div>
+                                    {% endif %}
+                                </div>
+                                <div>
+                                    <span class="recommendation-user-name">{{ recommendation.sender.firstname }}
+                                        {{ recommendation.sender.lastname }}</span>
+                                    <br />
+                                    <span
+                                        class="recommendation-date">{{ recommendation.ctime|localizeddate('medium', 'none', 'fr_FR') }},
+                                        {{ recommendation.relationType|replace({'choice': 'front'})|trans({'%{name}' : user.firstname,'%{name2}' : recommendation.sender.firstname})}}</span>
+                                </div>
+                            </div>
+                        </div>
+                        {% endfor %}
+                    </div>
+                    {% endif %}
+                </div>
+                {% if user.formation %}
+                <div class="row bg-bordered">
+                    <div class="col s12">
+                        <h3 class="blue-text no-margin-top">Formations & Certifications </h3>
+                    </div>
+                    <div class="col s12">
+                        <div class="col s12" id="formation_container">
+                            {% include 'talent/profile_formation.html.twig' with {'formation': user.formation } %}
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+                {% if user.language %}
+                <div class="row bg-bordered">
+                    <div class="col s12">
+                        <h3 class="blue-text no-margin-top">Langues </h3>
+                    </div>
+                    <div class="col s12">
+                        <div class="col s12" id="formation_container">
+                            {% include 'talent/profile_language.html.twig' with {'language': user.language } %}
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+            </div>
+        </div>
+    </div> 
+</div> #}
+
+{# {% set popup_recommendation = app.session.flashbag.get('popup_recommendation') %}
+{% if popup_recommendation is not empty %}
+{% if popup_recommendation == true %}
+<div id="modal-recommendation" class="modal">
+    <div class="modal-content">
+        <div class="col-content center-align">
+            <span class="color-blue1">Votre recommandation a bien été envoyée à <br />{{ user.firstname }}
+                {{ user.lastname }}</span>
+            <hr />
+            <a class="btn btn-default modal-action modal-close text-center">Fermer</a>
+        </div>
+    </div>
+</div>
+{% endif %}
+{% endif %} #}
+
+{# {% if is_granted("ROLE_COMPANY") %}
+<div id="modal1" class="modal">
+    <div class="col s12 m12 l12">
+        <div class="bg-bordered inside-m">
+            <h4 class="no-margin-top">
+                Contacter le talent
+            </h4>
+            <p>
+                Expéditeur :
+                {{ app.user.firstname }}
+                {{ app.user.lastname }}
+            </p>
+            {{ form_start(form) }}
+            {{ form_rest(form) }}
+            <button type="submit" class="btn btn-default">Envoyer</button>
+            {{ form_end(form) }}
+        </div>
+    </div>
+</div>
+{% endif %} #}
+{% endblock %}
+
+{% block modalCallToAction %}
+{{ parent() }}
+{% endblock %}
+
+{% block stylesheets %}
+<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a095d2dd3cf90df"></script>
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+
+{# 
+<script type="text/javascript">
+    {
+        %
+        if mustLogin == true %
+    }
+    $('#recommendation').on('click', function (event) {
+        event.preventDefault();
+        $('#modal_login').modal('open');
+    }); {
+        %
+        endif %
+    }
+</script>
+
+<script>
+    $(document).ready(function () {
+        $.get("{{ path('talent_ajaxRecStat',{'id': talent.id }) }}", function (data) {});
+        if ($('#modal-recommendation').length > 0) {
+            $('#modal-recommendation').modal({
+                dismissible: false,
+                ready: function (modal, trigger) {}
+            });
+            $('#modal-recommendation').modal('open');
+        }
+
+        $(".chip-more").on('click', function () {
+            $(this).fadeOut();
+            $(".chip-invisible").css('display', 'inline-block');
+        });
+    });
+</script> #}
+{% endblock %}
@@ -80,7 +80,7 @@ twig:
    globals:
        push_public_key: "%push_params.public_key%" 
        fairlane_cookie_consent: '@fairlane_cookie_consent.twig'
-        version: '2.9.1'
+        version: '2.11.2'

    

@@ -132,6 +132,12 @@ request_lab_vimeo:
    client_secret: "q8zbdPscn+GD1hd9aXQ5RX9pKJbj60vzLPjCOGMqjbKqSW3p71FboX6U06ufi799317kQlRLmPQrV78gG6bY0uoy2QPRLntNUp0PsePWjq3cfREAX+PS9KFji2Qq23ma"
    access_token: "8159fe43dfc819d5744033de2adbbc64"

+# Vimeo Preprod
+# request_lab_vimeo:
+#     client_id: "c84050827c12ae80080f48a5970bb089bd7f672e"
+#     client_secret: "JJxwoBXo/wsP59LjsRQwk9Lu69QL6pmFujoOU86nST+P9aXjcEak6t6BCzxubzLrYDNZ7IcKWCdLvSQHlIsxVOvoVmqvPsznmFmo520kCnnslakZUZoxxQLUwzu3qUGp"
+#     access_token: "db8ca407e8ddb66358a380327664f589"
+
 # Video
 dubture_f_fmpeg:
  ffmpeg_binary: /usr/bin/ffmpeg
@@ -151,8 +151,8 @@ class BatchController extends Controller
            }
            $em->persist($u);
            $em->flush();
-            //$response = $mj->post(Resources::$Email, ['body' => $body]);
-            //$response->success() && var_dump($response->getData());
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+            $response->success() && var_dump($response->getData());
            
            $listeUsersRelance[]=array(
                'id' => $u->getId(),
@@ -131,7 +131,7 @@ class UserController extends Controller
        // }
        //$em->flush();

-        return $this->redirectToRoute('admin_config_others_user');
+        return $this->redirectToRoute('admin_config_talent');
    }

    public function deleteRelation($user)
@@ -400,9 +400,9 @@ class AnswerController extends Controller
            $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
            // $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
            $contactMail = $answer->getUser()->getEmail();
-            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
-                $contactMail = "dev@talentstube.com";
-            }
+            // if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+            //     $contactMail = "dev@talentstube.com";
+            // }
            // if($message->getVideo() == null){
                $body = [
                    'FromEmail' => "noreply@talentstube.io",
@@ -177,7 +177,7 @@ class AnswerController extends FOSRestController
                        $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
                        $contactMail = $user->getEmail();
                        if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
-                            $contactMail = "dev@talentstube.com";
+                            //$contactMail = "dev@talentstube.com";

                        }else{
                            // $complSubject="";
@@ -320,7 +320,7 @@ class AnswerController extends FOSRestController
        $usr->getUsername();

        $file = $request->files->get('upload');
-        $status = array('status' => "success", "fileUploaded" => false);
+        $status = array('statusPres' => "failure", "fileUploaded" => false);
        //dump($file);
        // If a file was uploaded
        if (!is_null($file)) {
@@ -332,7 +332,7 @@ class AnswerController extends FOSRestController
            //    $filename = uniqid().".".$file->getClientOriginalExtension();
            //    $path = "/path/where/we/want-to-save-the-file";
            //    $file->move($path,$filename); // move the file to a path
-            $status = array('status' => "success", "fileUploaded" => true, "message" => $message);
+            $status = array('statusPres' => "success", "fileUploaded" => true, "message" => $message);
        }

        return new JsonResponse($status);
@@ -368,7 +368,7 @@ class AnswerController extends FOSRestController
        $company = $usr->getCompany();

        $file = $request->files->get('upload');
-        $status = array('status' => "success", "companyUpdated" => false);
+        $status = array('status' => "success",'statusCv' => "failure", "companyUpdated" => false, "loadingCv" => false);
        //dump($file);
        // If a file was uploaded
        //TODO Controle sur l'extension du fichier (pdf, word)
@@ -382,7 +382,7 @@ class AnswerController extends FOSRestController
            //    $filename = uniqid().".".$file->getClientOriginalExtension();
            //    $path = "/path/where/we/want-to-save-the-file";
            //    $file->move($path,$filename); // move the file to a path
-            $status = array('status' => "success", "companyUpdated" => true, "message" => $message);
+            $status = array('status' => "success", 'statusCv' => "success", "companyUpdated" => true, "message" => $message, "loadingCv" => true);
        }

        return new JsonResponse($status);
@@ -443,7 +443,7 @@ class AnswerController extends FOSRestController
            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
            $contactMail = $user->getEmail();
            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
-                $contactMail = "dev@talentstube.com";
+                //$contactMail = "dev@talentstube.com";
            }
            $body = [
                'FromEmail' => "noreply@talentstube.io",
@@ -383,6 +383,104 @@ class CompanyController extends FOSRestController
            return new JsonResponse(array('retour' => "true"));
    }

+    /**
+     * @Rest\Get(path="/api/miseEnRelationTalentEntreprise", name="miseEnRelationTalentEntreprise")
+     * @Rest\View
+     */
+    public function miseEnRelationTalentEntrepriseAction(Request $request)
+    {
+        //APPEL  de l'api Pole emploi pour recuperer Token
+        $nom=$request->query->get('nom');
+        $prenom=$request->query->get('prenom');
+        $email=$request->query->get('email');
+        $entreprise=$request->query->get('entreprise');
+        $telephone=$request->query->get('telephone');
+        $message=$request->query->get('message');
+        $userId=$request->query->get('userId');
+        $user = $this->getDoctrine()->getRepository('AppBundle:User')->findOneBy(array('id' => $userId));
+        if($user){
+            if($user->getAppellationLibelle()){
+                $appellation = $user->getAppellationLibelle();
+            }else{
+                $appellation = "Aucun" ;
+            } 
+            
+            if($user->getFirstName()){
+                $firstname = $user->getFirstName();
+            }else{
+                $firstname = "ND" ;
+            } 
+
+            if($user->getLastname()){
+                $lastname = $user->getLastname();
+            }else{
+                $lastname = "ND" ;
+            }      
+        }
+        $page=$request->query->get('page');
+        if(isset($_SERVER['HTTP_REFERER'])) {
+            $previous = $_SERVER['HTTP_REFERER']." / ".$_SERVER['REQUEST_URI'];
+        }
+        
+        $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            $contactMail = "contact@talentstube.com";
+            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                $contactMail = "contact@talentstube.com";
+            }
+            $body = [
+                'FromEmail' => "noreply@talentstube.io",
+                'FromName' => "Talents Tube",
+                'Subject' => "Un recruteur a contacté un candidat ",
+                'MJ-TemplateID' =>2934089 ,
+                'MJ-TemplateLanguage' => true,
+                'Recipients' => [
+                    [
+                        'Email' => $contactMail, 
+                        'Vars' => [
+                            'prenomRecruteur' => $prenom,
+                            'nomRecruteur' => $nom,
+                            'entrepriseRecruteur' => $entreprise,
+                            'emailRecruteur' => $email,
+                            'telephoneRecruteur' => $telephone,
+                            'prenomCandidat' => $firstname,
+                            'nomCandidat' => $lastname,
+                            'posteCandidat' => $appellation,
+                        ]
+                    ]
+                ]
+            ];
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+            $body2 = [
+                'FromEmail' => "noreply@talentstube.io",
+                'FromName' => "Talents Tube",
+                'Subject' => "Vous avez reçu un nouveau message",
+                'MJ-TemplateID' =>2932086 ,
+                'MJ-TemplateLanguage' => true,
+                'Recipients' => [
+                    [
+                        'Email' => $user->getEmail(), 
+                        'Vars' => [
+                            'prenomRecruteur' => $prenom,
+                            'nomRecruteur' => $nom,
+                            'entrepriseRecruteur' => $entreprise,
+                            'emailRecruteur' => $email,
+                            'messageRecruteur' => $message,
+                            'telephoneRecruteur' => $telephone,
+                            'prenomCandidat' => $user->getFirstName(),
+                            'nomCandidat' => $user->getLastname(),
+                        ]
+                    ]
+                ]
+            ];
+            
+            $mj2 = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            $response = $mj2->post(Resources::$Email, ['body' => $body2]);
+         
+
+            return new JsonResponse(array('retour' => "true"));
+    }
+
    /**
     * @Rest\Get(path="/api/validerOffreMail", name="api_validerOffreMail")
     * @Rest\View
@@ -399,10 +497,10 @@ class CompanyController extends FOSRestController
            
            $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
-            $contactMail = "contact@talentstube.com";
-            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
-                $contactMail = "contact@talentstube.com";
-            }
+            $contactMail = $user->getEmail();
+            // if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+            //     $contactMail = "contact@talentstube.com";
+            // }
            $body = [
                'FromEmail' => "noreply@talentstube.io",
                'FromName' => "Talents Tube",
@@ -234,115 +234,109 @@ class SecurityController extends FOSRestController
      else{
        $phoneTalent = "";
      }
-      if ($request->get('address1')){ 
-        $address1Talent = htmlspecialchars($request->get('address1'));  
-      }
-      else{
-        $address1Talent = "";
-      }
+      // if ($request->get('address1')){ 
+      //   $address1Talent = htmlspecialchars($request->get('address1'));  
+      // }
+      // else{
+      //   $address1Talent = "";
+      // }

-      if ($request->get('address2')){ 
-        $address2Talent = htmlspecialchars($request->get('address2'));  
-      }
-      else{
-        $address2Talent = "";
-      }
+      // if ($request->get('address2')){ 
+      //   $address2Talent = htmlspecialchars($request->get('address2'));  
+      // }
+      // else{
+      //   $address2Talent = "";
+      // }

-      if ($request->get('zipCode')){ 
-        $zipTalent = htmlspecialchars($request->get('zipCode'));  
-      }
-      else{
-        $zipTalent = "";
-      }
+      // if ($request->get('zipCode')){ 
+      //   $zipTalent = htmlspecialchars($request->get('zipCode'));  
+      // }
+      // else{
+      //   $zipTalent = "";
+      // }

-      if ($request->get('city')){ 
-        $cityTalent = htmlspecialchars($request->get('city'));  
+      // if ($request->get('city')){ 
+      //   $cityTalent = htmlspecialchars($request->get('city'));  
+      // }
+      // else{
+      //   $cityTalent = "";
+      // }
+
+      // if ($request->get('country')){ 
+      //   $countryTalent = htmlspecialchars($request->get('country'));  
+      // }
+      // else{
+      //   $countryTalent = "";
+      // }
+      $titleTalent = htmlspecialchars($request->get('currentJob'));
+      if ($request->get('geoloc')){ 
+        $geoloc = htmlspecialchars($request->get('geoloc'));
+      }else{
+        $geoloc ="";
      }
-      else{
-        $cityTalent = "";
+      if ($request->get('street_number')){ 
+        $street_number = htmlspecialchars($request->get('street_number'));
+      }else{
+        $street_number ="";
+      }
+      if ($request->get('route')){ 
+      $route = htmlspecialchars($request->get('route'));
+      }else{
+        $route ="";
+      }  
+      if ($request->get('locality')){ 
+      $locality = htmlspecialchars($request->get('locality'));
+      }else{
+        $locality ="";
+      }  
+
+      if ($request->get('administrative_area_level_2')){ 
+      $administrative_area_level_2 = htmlspecialchars($request->get('administrative_area_level_2'));
+      }else{
+        $administrative_area_level_2 ="";
+      }
+      
+      if ($request->get('administrative_area_level_1')){ 
+        $administrative_area_level_1 = htmlspecialchars($request->get('administrative_area_level_1'));
+      }else{
+        $administrative_area_level_1 ="";
      }

      if ($request->get('country')){ 
-        $countryTalent = htmlspecialchars($request->get('country'));  
+        $country = htmlspecialchars($request->get('country'));
+      }else{
+        $country ="";
      }
-      else{
-        $countryTalent = "";
+
+      if ($request->get('postal_code')){ 
+        $postal_code = htmlspecialchars($request->get('postal_code'));
+      }else{
+        $postal_code ="";
      }
-      $titleTalent = htmlspecialchars($request->get('currentJob'));
-     
-      $geoloc = htmlspecialchars($request->get('geoloc'));
-      $street_number = htmlspecialchars($request->get('street_number'));
-      $route = htmlspecialchars($request->get('route'));
-      $locality = htmlspecialchars($request->get('locality'));
-      $administrative_area_level_2 = htmlspecialchars($request->get('administrative_area_level_2'));
-      $administrative_area_level_1 = htmlspecialchars($request->get('administrative_area_level_1'));
-      $country = htmlspecialchars($request->get('country'));
-      $postal_code = htmlspecialchars($request->get('postal_code'));
+
+      if ($request->get('formatted_address')){ 
      $formatted_address =  str_replace('"', '', $request->get('formatted_address'));
-      $lat = stripslashes($request->get('lat'));
-      $lng = stripslashes($request->get('lng'));
+      }else{
+        $formatted_address ="";
+      }
+
+      if ($request->get('lat')){ 
+        $lat = stripslashes($request->get('lat'));
+      }else{
+        $lat ="";
+      }
+
+      if ($request->get('lng')){ 
+        $lng = stripslashes($request->get('lng'));
+      }else{
+        $lng ="";
+      }
      $appellationId="";
      $appellationLibelle="";
      $competences =null;
      $codeRome=null;
-      if ($request->get('appellationId')){ 
-        $appellationId = $request->get('appellationId');
-        $appellationLibelle = $request->get('appellationLibelle');
-        $url="https://recruteur.talentstube.com/api/getDetailAppelation?q=".$appellationId;
-        $curl = curl_init();
-        curl_setopt($curl, CURLOPT_HTTPHEADER, array(
-            'Content-Type: application/json',
-            'Accept : application/json',
-            ));
-        curl_setopt_array($curl, array(
-                CURLOPT_URL => $url,
-                CURLOPT_RETURNTRANSFER => true,
-                CURLOPT_ENCODING => "",
-                CURLOPT_MAXREDIRS => 10,
-                CURLOPT_TIMEOUT => 0,
-                CURLOPT_FOLLOWLOCATION => true,
-                CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
-                CURLOPT_CUSTOMREQUEST => "GET",
-                CURLOPT_HTTPHEADER => array(
-                    "Accept: application/json",
-                ),
-        ));
-         //TODO transformer en array comme dans AdController 
-        $detailMetier = curl_exec($curl);
-        $parsed_json = json_decode($detailMetier);
-        $codeRome = $parsed_json->{'metier'}->{'code'};
-            //dump($competencesDeBase);
-            //echo "competencesDeBase!!2 --------------- <br>";
-            foreach ($parsed_json->{'competencesDeBase'} as $json){
-              //echo( $json->{'code'})." / ";
-              //echo( $json->{'libelle'});
-              $competences[] = Array (
-                intval($json->{'code'}) => $json->{'libelle'}
-              );
-              //echo "<br>";
-            }
-            //echo "<br>";
-            foreach ($parsed_json->{'groupesCompetencesSpecifiques'} as $json){
-              foreach ($json->{'competences'} as $json2){
-                //echo( $json2->{'code'})." / ";
-                //echo( $json2->{'libelle'});
-                //echo "<br>";
-                $competences[] = Array (
-                  intval($json2->{'code'}) => $json2->{'libelle'}
-                );
-              }
-              
-            }
-        
-        $err = curl_error($curl);
-        if (!$err)
-        {
-            
-            
-        }       
-        curl_close($curl);
-      }
-//
+      
+

      $newLinkedin = htmlspecialchars($request->get('linkedin'));
      $newTwitter = htmlspecialchars($request->get('twitter'));
@@ -363,34 +357,95 @@ class SecurityController extends FOSRestController
          $array = Array ();
        
          // \"$formatted_address
-          if($formatted_address!=""){
-            $array[] =  Array (
-              "street_number" => $street_number,
-              "route" => $route,
-              "administrative_area_level_2" => $administrative_area_level_2,
-              "administrative_area_level_1" => $administrative_area_level_1,
-              "country" => $country,
-              "locality" => $locality,
-              "postal_code" => $postal_code,
-              "formatted_address" => $formatted_address,
-              "lat" =>  stripslashes($lat),
-              "lng" =>  stripslashes($lng)
-            );
+          
+          $array[] =  Array (
+            "street_number" => $street_number,
+            "route" => $route,
+            "administrative_area_level_2" => $administrative_area_level_2,
+            "administrative_area_level_1" => $administrative_area_level_1,
+            "country" => $country,
+            "locality" => $locality,
+            "postal_code" => $postal_code,
+            "formatted_address" => $formatted_address,
+            "lat" =>  stripslashes($lat),
+            "lng" =>  stripslashes($lng)
+          );
+
+
             
-           $usr->setGeoloc($array);
-          }
+          $usr->setGeoloc($array);
+          
          
          $talent->setPhoneTalent($phoneTalent);
+          $companyManager->updateTalent($usr);
          //$talent->setPhoneTalent($phoneTalent);
-          $billing = array(
-            'address1' => $address1Talent,
-            'address2' => $address2Talent,
-            'postcode' => $zipTalent,
-            'city' => $cityTalent,
-            'country' => $countryTalent,
-          );
-          $addrs['billing'] = $billing;
-          $talent->setAddresses($addrs);
+          // $billing = array(
+          //   'address1' => $address1Talent,
+          //   'address2' => $address2Talent,
+          //   'postcode' => $zipTalent,
+          //   'city' => $cityTalent,
+          //   'country' => $countryTalent,
+          // );
+          // $addrs['billing'] = $billing;
+          // $talent->setAddresses($addrs);
+          if ($request->get('appellationId')){ 
+            $appellationId = $request->get('appellationId');
+            $appellationLibelle = $request->get('appellationLibelle');
+            $url="https://recruteur.talentstube.com/api/getDetailAppelation?q=".$appellationId;
+            $curl = curl_init();
+            curl_setopt($curl, CURLOPT_HTTPHEADER, array(
+                'Content-Type: application/json',
+                'Accept : application/json',
+                ));
+            curl_setopt_array($curl, array(
+                    CURLOPT_URL => $url,
+                    CURLOPT_RETURNTRANSFER => true,
+                    CURLOPT_ENCODING => "",
+                    CURLOPT_MAXREDIRS => 10,
+                    CURLOPT_TIMEOUT => 0,
+                    CURLOPT_FOLLOWLOCATION => true,
+                    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
+                    CURLOPT_CUSTOMREQUEST => "GET",
+                    CURLOPT_HTTPHEADER => array(
+                        "Accept: application/json",
+                    ),
+            ));
+            
+            
+            $detailMetier = curl_exec($curl);
+            $parsed_json = json_decode($detailMetier);
+            $codeRome = $parsed_json->{'metier'}->{'code'};
+                //dump($competencesDeBase);
+                //echo "competencesDeBase!!2 --------------- <br>";
+                foreach ($parsed_json->{'competencesDeBase'} as $json){
+                  //echo( $json->{'code'})." / ";
+                  //echo( $json->{'libelle'});
+                  $competences[] = Array (
+                    intval($json->{'code'}) => $json->{'libelle'}
+                  );
+                  //echo "<br>";
+                }
+                //echo "<br>";
+                foreach ($parsed_json->{'groupesCompetencesSpecifiques'} as $json){
+                  foreach ($json->{'competences'} as $json2){
+                    //echo( $json2->{'code'})." / ";
+                    //echo( $json2->{'libelle'});
+                    //echo "<br>";
+                    $competences[] = Array (
+                      intval($json2->{'code'}) => $json2->{'libelle'}
+                    );
+                  }
+                  
+                }
+            
+            $err = curl_error($curl);
+            if (!$err)
+            {
+                
+                
+            }       
+            curl_close($curl);
+          }
          $usr->setAppellationId($appellationId);
          $usr->setAppellationLibelle($appellationLibelle);
         
@@ -475,6 +475,16 @@ class DefaultController extends Controller
        ]);
    }

+    /**
+     * @Route("/recrutement-informatique", name="recrutement_informatique")
+     */
+    public function informatiqueAction()
+    {
+        return $this->render('landing/informatique.html.twig',  [        
+        ]);
+    }
+
+

    /**
     * @param Request $request
@@ -397,6 +397,85 @@ class TalentController extends Controller
        return $res;
    }

+/**
+     * @Route("/talent2/{alias}/", name="talent_show2")
+     * @ParamConverter("company", options={"mapping": {"alias": "alias"}})
+     */
+    public function talent2ShowAction(Request $request, Company $talent)
+    {
+        setlocale(LC_ALL, 'fr_FR.utf-8');
+        $user = $talent->getUsers();
+        $subject = "Demande de contact";
+        $form = $this->createForm(ContactTalentType::class, array("subject" => false));
+        $form->handleRequest($request);
+        if ($form->isSubmitted() && $form->isValid()) {
+            $userCompany = $this->getUser();
+            $message = $form['message']->getData();
+            $htmlView = $this->renderView('email/contact_default.html.twig', array(
+                'type' => 'html',
+                'message' => $message,
+                'user' => $user{0},
+            ));
+            $plainView = $this->renderView('email/contact_default.html.twig', array(
+                'type' => 'plain',
+                'message' => $message,
+                'user' => $user{0},
+            ));
+            $email = \Swift_Message::newInstance()
+                ->setSubject('Une entreprise vous a contacter sur Talents Tube')
+                ->setFrom($userCompany->getEmail())
+                ->setTo($user{0}->getEmail())
+                ->setBody($htmlView, 'text/html')
+                ->addPart($plainView, 'text/plain');
+            $this->get('mailer')->send($email);
+            $this->addFlash(
+                'notice',
+                $this->get('translator')->trans('talent.mail.contact.send')
+            );
+            $em = $this->getDoctrine()->getManager();
+            $messageObj = new message($subject, $message, $userCompany, $user{0}, 'CONTACT_TALENT');
+            $em->persist($messageObj);
+            $em->flush();
+            $em->close();
+            return $this->redirectToRoute('talent_show', ['alias' => $talent->getAlias()]);
+        }
+        $mustLogin = true;
+        if ($this->getUser() && $this->getUser()->hasRole('ROLE_TALENT')) {
+            $mustLogin = false;
+            if ($this->getUser() && ($this->getUser()->getCompany()->getId() ==  $talent->getId())) {
+                $showRecommendation = false;
+            }
+        }
+        
+        $showRecommendation = true;
+        if ($this->getUser() && !$this->getUser()->hasRole('ROLE_TALENT')) {
+            $showRecommendation = false;
+        }
+
+        $em = $this->getDoctrine()->getManager();
+        $recommendations = $em->getRepository('AppBundle:Recommendation')->findBy(
+            array('isEnabled'=>true, 'status'=> 'SENDED', 'user'=> $talent->getMainUser()),
+            array('uTime' => 'DESC')
+        );
+        /*Definition des urls de destination pour oauth login et register pour la recommandation vidéo*/
+        $destination = $this->generateUrl('recommandation_create', array('alias' => $talent->getAlias()));
+        $this->get('twig')->addGlobal('destination_login', $destination);
+        $session = $request->getSession();
+        $session->set('registration_destination', $destination);
+        $res = $this->render('talent/talent_show2.html.twig', [
+            'talent' => $talent,
+            'user' => $user{0},
+            'form' => $form->createView(),
+            'mustLogin' => $mustLogin,
+            'showRecommendation' => $showRecommendation,
+            'urlRecommendation' => $destination,
+            'recommendations' => $recommendations
+        ]);
+        $res->headers->setCookie(new Cookie('redirect_register', $destination));
+
+        return $res;
+    }
+
    /***********************
     * This route must stay at the end
     ***********************/
@@ -229,8 +229,7 @@ class Ad
     * @var array
     *
     * @ORM\Column(name="extra", type="json_document", nullable=true, options={"jsonb":true})
-     * 
-     * @Groups({"ad_detail", "ad_list", "answer_detail", "company_detail"})
+     * @Groups({"ad_detail", "ad_list", "answer_detail", "company_detail","answer_list"})
     * 
     */
    private $extra;
@@ -240,7 +239,7 @@ class Ad
     *
     * @ORM\Column(name="location", type="json_document", nullable=true, options={"jsonb":true})
     * 
-     * @Groups({"ad_detail", "ad_list","answer_detail", "company_detail"})
+     * @Groups({"ad_detail", "ad_list","answer_detail", "company_detail","answer_list"})
     */
    private $location;

@@ -109,7 +109,7 @@ class Answer
     * @var string
     *
      * @ORM\Column(name="status_reponse", type="string", length=255, nullable=true, options={"default":"A_TRAITER"})
-     * 
+     * @Groups({"answer_detail","answer_list"})
     */
    private $statusReponse ='A_TRAITER';

@@ -272,8 +272,8 @@ class User extends BaseUser
        $this->products = new ArrayCollection();
        $this->recommendations = new ArrayCollection();
        $this->sendedRecommendations = new ArrayCollection();
-        $this->datePremiereRelance = new DateTime();
-        $this->dateDeuxiemeRelance = new DateTime();
+        $this->datePremiereRelance = null;
+        $this->dateDeuxiemeRelance = null;
    }

    /***********************
@@ -488,8 +488,12 @@ class User extends BaseUser
            if($this->getCompany()->getType()){
                $type=$this->getCompany()->getType();
            }
-        }
-            
+        }$formatted_address ="";
+        if($this->getGeoloc()){
+            if($this->getGeoloc()[0]){
+                $formatted_address = $this->getGeoloc();
+            }  
+        } 
        $card = array(
            "firstname" => $this->getFirstname(),
            "lastname" => $this->getLastname(),
@@ -510,13 +514,12 @@ class User extends BaseUser
            "type" => $type,
            "currentJob" => $this->getCompany()->getExtra()["titleTalent"],
            "geoloc" => $this->getGeoloc(),
+            "formattedAddress" => $formatted_address,
            "website" => $this->getCompany()->getWebsite(),
            "appellationId" => $this->getAppellationId(),
            "appellationLibelle" => $this->getAppellationLibelle(),
            "codeRome" => $this->getCodeRome(),
            "competences" => $this->getCompetences(),
-            "datePremiereRelance" => $this->getDatePremiereRelance(),
-            "dateDeuxiemeRelance" => $this->getDateDeuxiemeRelance(),
        );
        return $card;
    }
@@ -11,8 +11,7 @@ trait ExtraJsonTrait
     * @var array
     *
     * @ORM\Column(name="extra", type="json_document", nullable=true)
-     * 
-     * @Groups({"ad_detail" , "company_detail", "company_list"})
+     * @Groups({"answer_detail","answer_list", "ad_detail" , "company_detail", "company_list"})
     */
    private $extra;

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="176.844" height="36.819" viewBox="0 0 176.844 36.819">
+  <g id="Logo" transform="translate(-63.141 -208.083)">
+    <g id="Groupe_7907" data-name="Groupe 7907" transform="translate(63.141 216.195)" style="isolation: isolate">
+      <g id="Groupe_7904" data-name="Groupe 7904" transform="translate(0 1.274)" style="isolation: isolate">
+        <path id="Tracé_369" data-name="Tracé 369" d="M64.764,258.549v-6.266h-.451a1.172,1.172,0,0,1,0-2.344h.451V247.91a1.363,1.363,0,0,1,2.727,0v2.028h2.141a1.173,1.173,0,1,1,0,2.344H67.492v5.837a1.3,1.3,0,0,0,1.465,1.488,6.447,6.447,0,0,0,.676-.067,1.15,1.15,0,0,1,1.15,1.128,1.173,1.173,0,0,1-.721,1.059,5.424,5.424,0,0,1-1.875.315C66.185,262.042,64.764,261.164,64.764,258.549Z" transform="translate(-63.141 -246.547)" fill="#fff"/>
+      </g>
+      <g id="Groupe_7905" data-name="Groupe 7905" transform="translate(9.996 4.49)" style="isolation: isolate">
+        <path id="Tracé_370" data-name="Tracé 370" d="M104.07,268.386v-.045c0-2.569,2.006-3.835,4.913-3.835a9.938,9.938,0,0,1,3.2.5v-.293c0-1.69-1.037-2.591-2.953-2.591a7.072,7.072,0,0,0-2.637.473,1.53,1.53,0,0,1-.426.068,1.135,1.135,0,0,1-1.15-1.127,1.193,1.193,0,0,1,.744-1.082,10.2,10.2,0,0,1,3.835-.7,5.333,5.333,0,0,1,3.945,1.329,4.942,4.942,0,0,1,1.284,3.674v5.858a1.3,1.3,0,0,1-1.33,1.307,1.232,1.232,0,0,1-1.329-1.15v-.451a4.837,4.837,0,0,1-3.876,1.735C106.055,272.061,104.07,270.775,104.07,268.386Zm8.159-.856v-.811a7.563,7.563,0,0,0-2.7-.473c-1.758,0-2.8.744-2.8,1.983v.045c0,1.15,1.014,1.8,2.321,1.8C110.854,270.076,112.229,269.04,112.229,267.53Z" transform="translate(-104.07 -259.736)" fill="#fff"/>
+      </g>
+      <g id="Groupe_7906" data-name="Groupe 7906" transform="translate(24.297 0)" style="isolation: isolate">
+        <path id="Tracé_371" data-name="Tracé 371" d="M162.626,242.651a1.342,1.342,0,0,1,1.352-1.352,1.363,1.363,0,0,1,1.375,1.352v13.975a1.363,1.363,0,1,1-2.727,0Z" transform="translate(-162.626 -241.299)" fill="#fff"/>
+        <path id="Tracé_372" data-name="Tracé 372" d="M191.8,271.805a5.938,5.938,0,0,1-6.108-6.175v-.045a5.906,5.906,0,0,1,5.815-6.2,5.629,5.629,0,0,1,5.657,5.86,1.278,1.278,0,0,1-1.284,1.307h-7.457a3.323,3.323,0,0,0,3.426,3.02,4.277,4.277,0,0,0,2.817-1.037,1.016,1.016,0,0,1,.7-.248,1.073,1.073,0,0,1,1.081,1.108,1.193,1.193,0,0,1-.36.834A6.11,6.11,0,0,1,191.8,271.805Zm2.7-7.055c-.181-1.758-1.217-3.132-3.02-3.132-1.668,0-2.84,1.284-3.088,3.132Z" transform="translate(-180.061 -254.969)" fill="#fff"/>
+        <path id="Tracé_373" data-name="Tracé 373" d="M244.11,260.875a1.347,1.347,0,0,1,1.352-1.375,1.364,1.364,0,0,1,1.375,1.375v.586a4.314,4.314,0,0,1,3.719-2.074c2.682,0,4.237,1.8,4.237,4.553V270.3a1.328,1.328,0,0,1-1.352,1.352,1.347,1.347,0,0,1-1.375-1.352v-5.522c0-1.848-.924-2.908-2.547-2.908a2.649,2.649,0,0,0-2.682,2.953V270.3a1.363,1.363,0,0,1-2.727,0Z" transform="translate(-224.21 -254.969)" fill="#fff"/>
+        <path id="Tracé_374" data-name="Tracé 374" d="M298.61,258.549v-6.266h-.451a1.172,1.172,0,0,1,0-2.344h.451V247.91a1.363,1.363,0,0,1,2.727,0v2.028h2.141a1.173,1.173,0,1,1,0,2.344h-2.141v5.837a1.3,1.3,0,0,0,1.465,1.488,6.447,6.447,0,0,0,.677-.067,1.15,1.15,0,0,1,1.15,1.128,1.173,1.173,0,0,1-.721,1.059,5.422,5.422,0,0,1-1.875.315C300.03,262.042,298.61,261.164,298.61,258.549Z" transform="translate(-264.174 -245.273)" fill="#fff"/>
+        <path id="Tracé_375" data-name="Tracé 375" d="M335.8,270.48a1.045,1.045,0,0,1-.518-.947,1.091,1.091,0,0,1,1.108-1.108,1.192,1.192,0,0,1,.586.158,6.282,6.282,0,0,0,3.426,1.15c1.172,0,1.848-.5,1.848-1.285V268.4c0-.924-1.262-1.239-2.66-1.668-1.758-.5-3.719-1.217-3.719-3.494V263.2c0-2.254,1.875-3.628,4.237-3.628a8.181,8.181,0,0,1,3.741.969,1.156,1.156,0,0,1,.654,1.037,1.1,1.1,0,0,1-1.127,1.108,1.071,1.071,0,0,1-.541-.135,6.489,6.489,0,0,0-2.8-.811c-1.059,0-1.668.5-1.668,1.172v.045c0,.879,1.285,1.24,2.682,1.691,1.736.54,3.7,1.329,3.7,3.471v.045c0,2.5-1.938,3.741-4.418,3.741A8.133,8.133,0,0,1,335.8,270.48Z" transform="translate(-293.118 -255.109)" fill="#fff"/>
+        <path id="Tracé_376" data-name="Tracé 376" d="M410.454,258.549v-6.266H410a1.172,1.172,0,0,1,0-2.344h.451V247.91a1.363,1.363,0,0,1,2.727,0v2.028h2.141a1.173,1.173,0,1,1,0,2.344h-2.141v5.837a1.3,1.3,0,0,0,1.465,1.488,6.463,6.463,0,0,0,.677-.067,1.15,1.15,0,0,1,1.15,1.128,1.173,1.173,0,0,1-.721,1.059,5.422,5.422,0,0,1-1.875.315C411.872,262.042,410.454,261.164,410.454,258.549Z" transform="translate(-348.703 -245.273)" fill="#fff"/>
+        <path id="Tracé_377" data-name="Tracé 377" d="M461.249,270.644a1.375,1.375,0,1,1-2.75,0v-.612a4.283,4.283,0,0,1-3.719,2.1c-2.682,0-4.237-1.8-4.237-4.575V261.22a1.363,1.363,0,1,1,2.727,0v5.522c0,1.848.925,2.885,2.547,2.885a2.629,2.629,0,0,0,2.682-2.93V261.22a1.363,1.363,0,0,1,1.375-1.375,1.38,1.38,0,0,1,1.374,1.375Z" transform="translate(-380.229 -255.319)" fill="#fff"/>
+        <path id="Tracé_378" data-name="Tracé 378" d="M508.312,242.651a1.329,1.329,0,0,1,1.353-1.352,1.347,1.347,0,0,1,1.374,1.352v5.294a4.764,4.764,0,0,1,4.057-2.232c2.8,0,5.522,2.209,5.522,6.175v.045c0,3.944-2.7,6.175-5.522,6.175a4.857,4.857,0,0,1-4.057-2.1v.608a1.363,1.363,0,1,1-2.727,0Zm9.534,9.288v-.045a3.523,3.523,0,0,0-3.4-3.809,3.588,3.588,0,0,0-3.471,3.809v.045a3.588,3.588,0,0,0,3.471,3.809,3.489,3.489,0,0,0,3.4-3.812Z" transform="translate(-423.888 -241.299)" fill="#fff"/>
+        <path id="Tracé_379" data-name="Tracé 379" d="M573.663,271.805a5.938,5.938,0,0,1-6.107-6.175v-.045a5.906,5.906,0,0,1,5.815-6.2,5.629,5.629,0,0,1,5.657,5.86,1.278,1.278,0,0,1-1.285,1.307h-7.46a3.323,3.323,0,0,0,3.426,3.02,4.278,4.278,0,0,0,2.817-1.037,1.015,1.015,0,0,1,.7-.248,1.073,1.073,0,0,1,1.082,1.108,1.193,1.193,0,0,1-.36.834,6.111,6.111,0,0,1-4.282,1.574Zm2.7-7.055c-.181-1.758-1.217-3.132-3.02-3.132-1.668,0-2.84,1.284-3.087,3.132Z" transform="translate(-468.664 -254.969)" fill="#fff"/>
+      </g>
+    </g>
+    <g id="Groupe_7908" data-name="Groupe 7908" transform="translate(208.921 208.083)">
+      <circle id="Ellipse_2" data-name="Ellipse 2" cx="4.548" cy="4.548" r="4.548" transform="translate(12.87 19.982)" fill="#fff"/>
+      <circle id="Ellipse_3" data-name="Ellipse 3" cx="4.548" cy="4.548" r="4.548" transform="translate(12.87 7.838)" fill="#fff"/>
+      <circle id="Ellipse_4" data-name="Ellipse 4" cx="5.467" cy="5.467" r="5.467" transform="translate(0 12.967)" fill="#fff"/>
+      <circle id="Ellipse_5" data-name="Ellipse 5" cx="5.467" cy="5.467" r="5.467" transform="translate(0 0)" fill="#fff"/>
+      <circle id="Ellipse_6" data-name="Ellipse 6" cx="5.467" cy="5.467" r="5.467" transform="translate(0 25.885)" fill="#fff"/>
+      <circle id="Ellipse_7" data-name="Ellipse 7" cx="3.774" cy="3.774" r="3.774" transform="translate(23.514 14.66)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
@@ -117,6 +117,14 @@ strong {
  color: #fff;
 }

+.hero-section-informatique {
+  background: url("https://blog.talentstube.com/wp-content/uploads/2021/04/recruter-un-developpeur.jpg") center center no-repeat scroll;
+  background-size: cover;
+  padding: 5em 0 9em;
+  position: relative;
+  color: #fff;
+}
+

 .venue::before {
  content: '';
@@ -903,6 +911,14 @@ main.slide-out .cd-overlay {
  color: #fff;
 }

+#venue_informatique {
+  background-color: #f3f3f4;
+  background: url(https://blog.talentstube.com/wp-content/uploads/2021/04/trouver-un-developpeur-1.jpg) center center no-repeat fixed;
+  background-size: cover;
+  position: relative;
+  color: #fff;
+}
+
 /*.venue::before { background: rgba(0, 0, 0, 0.5);}*/

 .venue h2 {
@@ -5,6 +5,11 @@
      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
 <!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+<url>
+  <loc>https://recruteur.talentstube.com/recrutement-informatique</loc>
+  <lastmod>2021-04-15T10:04:00+00:00</lastmod>
+  <priority>1.00</priority>
+</url>
 <url>
  <loc>https://recruteur.talentstube.com/concept</loc>
  <lastmod>2021-03-24T16:05:39+00:00</lastmod>
@@ -0,0 +1,469 @@
+.container {
+    max-width: 960px;
+}
+
+.section-spacing {
+    padding: 4.5em 0;
+}
+
+.p-2 {
+    padding: 0.8em;
+}
+
+.p-3 {
+    padding: 1em;
+}
+
+.p-4 {
+    padding: 2em;
+}
+
+.m-0 {
+    margin: 0 !important
+}
+
+.mt-0,
+.my-0 {
+    margin-top: 0 !important
+}
+
+.mr-0,
+.mx-0 {
+    margin-right: 0 !important
+}
+
+.mb-0,
+.my-0 {
+    margin-bottom: 0 !important
+}
+
+.ml-0,
+.mx-0 {
+    margin-left: 0 !important
+}
+
+.m-1 {
+    margin: .25rem !important
+}
+
+.mt-1,
+.my-1 {
+    margin-top: .25rem !important
+}
+
+.mr-1,
+.mx-1 {
+    margin-right: .25rem !important
+}
+
+.mb-1,
+.my-1 {
+    margin-bottom: .25rem !important
+}
+
+.ml-1,
+.mx-1 {
+    margin-left: .25rem !important
+}
+
+.m-2 {
+    margin: .5rem !important
+}
+
+.mt-2,
+.my-2 {
+    margin-top: .5rem !important
+}
+
+.mr-2,
+.mx-2 {
+    margin-right: .5rem !important
+}
+
+.mb-2,
+.my-2 {
+    margin-bottom: .5rem !important
+}
+
+.ml-2,
+.mx-2 {
+    margin-left: .5rem !important
+}
+
+.m-3 {
+    margin: 1rem !important
+}
+
+.mt-3,
+.my-3 {
+    margin-top: 1rem !important
+}
+
+.mr-3,
+.mx-3 {
+    margin-right: 1rem !important
+}
+
+.mb-3,
+.my-3 {
+    margin-bottom: 1rem !important
+}
+
+.ml-3,
+.mx-3 {
+    margin-left: 1rem !important
+}
+
+.m-4 {
+    margin: 1.5rem !important
+}
+
+.mt-4,
+.my-4 {
+    margin-top: 1.5rem !important
+}
+
+.mr-4,
+.mx-4 {
+    margin-right: 1.5rem !important
+}
+
+.mb-4,
+.my-4 {
+    margin-bottom: 1.5rem !important
+}
+
+.ml-4,
+.mx-4 {
+    margin-left: 1.5rem !important
+}
+
+.m-5 {
+    margin: 3rem !important
+}
+
+.mt-5,
+.my-5 {
+    margin-top: 3rem !important
+}
+
+.mr-5,
+.mx-5 {
+    margin-right: 3rem !important
+}
+
+.mb-5,
+.my-5 {
+    margin-bottom: 3rem !important
+}
+
+.ml-5,
+.mx-5 {
+    margin-left: 3rem !important
+}
+
+.p-0 {
+    padding: 0 !important
+}
+
+.pt-0,
+.py-0 {
+    padding-top: 0 !important
+}
+
+.pr-0,
+.px-0 {
+    padding-right: 0 !important
+}
+
+.pb-0,
+.py-0 {
+    padding-bottom: 0 !important
+}
+
+.pl-0,
+.px-0 {
+    padding-left: 0 !important
+}
+
+.p-1 {
+    padding: .25rem !important
+}
+
+.pt-1,
+.py-1 {
+    padding-top: .25rem !important
+}
+
+.pr-1,
+.px-1 {
+    padding-right: .25rem !important
+}
+
+.pb-1,
+.py-1 {
+    padding-bottom: .25rem !important
+}
+
+.pl-1,
+.px-1 {
+    padding-left: .25rem !important
+}
+
+.p-2 {
+    padding: .5rem !important
+}
+
+.pt-2,
+.py-2 {
+    padding-top: .5rem !important
+}
+
+.pr-2,
+.px-2 {
+    padding-right: .5rem !important
+}
+
+.pb-2,
+.py-2 {
+    padding-bottom: .5rem !important
+}
+
+.pl-2,
+.px-2 {
+    padding-left: .5rem !important
+}
+
+.p-3 {
+    padding: 1rem !important
+}
+
+.pt-3,
+.py-3 {
+    padding-top: 1rem !important
+}
+
+.pr-3,
+.px-3 {
+    padding-right: 1rem !important
+}
+
+.pb-3,
+.py-3 {
+    padding-bottom: 1rem !important
+}
+
+.pl-3,
+.px-3 {
+    padding-left: 1rem !important
+}
+
+.p-4 {
+    padding: 1.5rem !important
+}
+
+.pt-4,
+.py-4 {
+    padding-top: 1.5rem !important
+}
+
+.pr-4,
+.px-4 {
+    padding-right: 1.5rem !important
+}
+
+.pb-4,
+.py-4 {
+    padding-bottom: 1.5rem !important
+}
+
+.pl-4,
+.px-4 {
+    padding-left: 1.5rem !important
+}
+
+.p-5 {
+    padding: 3rem !important
+}
+
+.pt-5,
+.py-5 {
+    padding-top: 3rem !important
+}
+
+.pr-5,
+.px-5 {
+    padding-right: 3rem !important
+}
+
+.pb-5,
+.py-5 {
+    padding-bottom: 3rem !important
+}
+
+.pl-5,
+.px-5 {
+    padding-left: 3rem !important
+}
+
+.m-auto {
+    margin: auto !important
+}
+
+/* Header */
+
+.site-header {
+    background-color: #1689FB;
+    -webkit-backdrop-filter: saturate(180%) blur(20px);
+    backdrop-filter: saturate(180%) blur(20px);
+}
+
+.site-header a {
+    color: #fff;
+    transition: ease-in-out color .15s;
+}
+
+.site-header a:hover {
+    color: #fff;
+    text-decoration: none;
+}
+
+.card {
+    position: relative;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-color: #fff;
+    background-clip: border-box;
+    border: 1px solid rgba(0, 0, 0, .125);
+    border-radius: .25rem
+}
+
+ /* Dummy devices (replace them with your own or something else entirely!)
+ */
+
+.fond-clair {
+    background-color: #F3F9FF;
+}
+
+.product-device {
+    position: absolute;
+    right: 10%;
+    bottom: -30%;
+    width: 300px;
+    height: 540px;
+    background-color: #333;
+    border-radius: 21px;
+    -webkit-transform: rotate(30deg);
+    transform: rotate(30deg);
+}
+
+.product-device::before {
+    position: absolute;
+    top: 10%;
+    right: 10px;
+    bottom: 10%;
+    left: 10px;
+    content: "";
+    background-color: rgba(255, 255, 255, .1);
+    border-radius: 5px;
+}
+
+.product-device-2 {
+    top: -25%;
+    right: auto;
+    bottom: 0;
+    left: 5%;
+    background-color: #e5e5e5;
+}
+
+
+/*
+ * Extra utilities
+ */
+
+.flex-equal>* {
+    -ms-flex: 1;
+    flex: 1;
+}
+
+@media (min-width: 768px) {
+    .flex-md-equal>* {
+        -ms-flex: 1;
+        flex: 1;
+    }
+}
+
+.overflow-hidden {
+    overflow: hidden;
+}
+
+.logo-footer {
+    width: 100px;
+}
+
+
+.card-md-columns {
+    orphans: 1;
+    widows: 1
+}
+
+.card-md-columns .transition-3d-hover {
+    transition: all .2s ease-in-out
+}
+
+.transition-3d-hover:focus,
+.transition-3d-hover:hover {
+    -webkit-transform: translateY(-3px);
+    transform: translateY(-3px)
+}
+
+.bg-soft-primary {
+    background-color: rgba(55, 125, 255, .1)
+}
+
+.bg-soft-secondary {
+    background-color: rgba(113, 134, 157, .1)
+}
+
+.bg-soft-info {
+    background-color: #25D89A;
+}
+
+@media (min-width:768px) {
+    .card-md-2-count {
+        -webkit-column-count: 2;
+        -moz-column-count: 2;
+        column-count: 2
+    }
+}
+
+.img-fluid {
+    max-width: 100%;
+    height: auto
+}
+
+.lien {
+    text-decoration: none;
+}
+
+.text-dark {
+    color: #1E2327 !important
+}
+
+a.text-dark:focus,
+a.text-dark:hover {
+    color: #1E2327 !important
+}
+
+.text-indigo {
+    color: #1E2327 !important
+}
+
+a.text-indigo:focus,
+a.text-indigo:hover {
+    color: #1E2327 !important
+}
Author	SHA1	Message	Date
devtt	cf78529385	Error de config	2021-06-28 10:22:21 +02:00
devtt	0002b814c0	MEP v2.11.2	2021-06-28 10:10:39 +02:00
llaniau	8ca69f778c	Epuration code avant MEP	2021-06-28 08:46:31 +02:00
llaniau	6ae87a487a	Correction bugs suite recette 14 06	2021-06-14 16:07:52 +02:00
llaniau	f52dcc7c96	...	2021-06-14 12:52:43 +02:00
llaniau	639e1b2bcd	Page talent referencement	2021-06-14 12:50:07 +02:00
llaniau	991e04dbaf	talent show, metier	2021-06-14 12:43:53 +02:00
llaniau	09e021f02e	Résolution de bugs	2021-06-14 12:28:03 +02:00
llaniau	3adfbb57e1	BaseTalent referencement	2021-06-07 17:05:42 +02:00
llaniau	195ec8c4bd	US 558	2021-06-07 16:59:56 +02:00
devtt	4ba368ea27	Modif page partage profil public	2021-06-07 15:35:15 +02:00
devtt	1491178bd8	Nouvelle page partage profil public (candidat)	2021-06-03 08:40:17 +02:00
devtt	ce8301bfc6	Init V2.11.1	2021-05-31 15:54:31 +02:00
llaniau	264e97dbaf	Config vimeo pre prod	2021-05-31 12:52:09 +02:00
llaniau	a26841091c	media manager	2021-05-31 12:20:36 +02:00
llaniau	8c797c884a	V2.10.4	2021-05-25 18:09:28 +02:00
llaniau	96c4c726b4	Changement tel	2021-05-25 17:43:48 +02:00
llaniau	a20990ec04	Suppression talent	2021-05-17 16:07:55 +02:00
llaniau	684ecd94b1	MEP V2.10.3	2021-05-17 10:52:50 +02:00
llaniau	b6b473d54f	US 549 /550	2021-05-03 16:45:16 +02:00
llaniau	1616739b78	Init V2.10.1	2021-04-26 11:30:15 +02:00
llaniau	af032886ef	Bloc FAQ	2021-04-26 10:27:43 +02:00
llaniau	29445cd4a3	MEP V2.9.2	2021-04-19 10:01:24 +02:00
llaniau	925410dfe8	Merge branch 'V2.9.2' of https://git.e-declic.net/talents-tube/website into V2.9.2	2021-04-16 09:20:18 +02:00
llaniau	2cec912442	Mail auto	2021-04-16 09:20:00 +02:00
devtt	2bcf221d2a	Mise à jour du sitemap	2021-04-15 10:07:12 +02:00
devtt	322c770d62	Ajout landing Informatique + Modif landing	2021-04-14 15:32:32 +02:00
llaniau	b473869726	Merge branch 'V2.9.2' of https://git.e-declic.net/talents-tube/website into V2.9.2	2021-04-12 20:16:33 +02:00
llaniau	53bcf6e02a	Bug 239	2021-04-12 20:12:25 +02:00
devtt	2ccb5cf08a	Mise en commentaires FAQ	2021-04-12 14:59:55 +02:00
llaniau	f84d8ed73b	Bug date relance	2021-04-12 14:03:08 +02:00