Merge branch 'master' into develop

conf/build/nginx/Dockerfile

@@ -10,6 +10,8 @@ RUN rm /etc/nginx/conf.d/default.conf \
 	&& sed -i 's|include /etc/nginx/conf.d/\*.conf;|include /etc/nginx/conf.d/\*.conf;\ninclude /etc/nginx/sites-enabled/\*.conf;\n|' /etc/nginx/nginx.conf
 
 COPY log_format.conf /etc/nginx/conf.d/
+COPY tt-dev.crt /etc/nginx/ssl/server.crt
+COPY tt-dev.key /etc/nginx/ssl/server.key
 
 RUN apt-get clean \
 	&& rm -rf /var/lib/apt/lists/

conf/build/nginx/tt-dev.crt

@@ -0,0 +1,22 @@
+-----BEGIN CERTIFICATE-----
+MIIDrjCCApYCCQD0c9mokUtilTANBgkqhkiG9w0BAQsFADCBmDELMAkGA1UEBhMC
+RlIxDDAKBgNVBAgMA0JaSDEOMAwGA1UEBwwFQXVyYXkxGTAXBgNVBAoMEHRhbGVu
+dHN0dWJlLnRlc3QxETAPBgNVBAsMCGUtZGVjbGljMRkwFwYDVQQDDBB0YWxlbnRz
+dHViZS50ZXN0MSIwIAYJKoZIhvcNAQkBFhN0aG9tYXNAZS1kZWNsaWMuY29tMB4X
+DTE4MDQzMDA5MTkwMVoXDTE5MDQzMDA5MTkwMVowgZgxCzAJBgNVBAYTAkZSMQww
+CgYDVQQIDANCWkgxDjAMBgNVBAcMBUF1cmF5MRkwFwYDVQQKDBB0YWxlbnRzdHVi
+ZS50ZXN0MREwDwYDVQQLDAhlLWRlY2xpYzEZMBcGA1UEAwwQdGFsZW50c3R1YmUu
+dGVzdDEiMCAGCSqGSIb3DQEJARYTdGhvbWFzQGUtZGVjbGljLmNvbTCCASIwDQYJ
+KoZIhvcNAQEBBQADggEPADCCAQoCggEBANVTxapL6RtTjEoO4wWTswIqTW/zTI4B
+bETbPHYOeb8+kgLTxH04ETmVzPYz0b5RfkotY0EZzwntv3c5JsLnqqrQAXN4fcl3
+iIXCXMKUo1Nrbp0yAMGzGDmnpmvABE/nkg0ZJ3YeKV9xkEYcyMCU+DhUuazd1W3d
+odjMs/BHeuoZau9HRE+6lE+/tqWhHrmgRghP8g2Z2g8lrHak5BuQNwnvVmg6oJae
+94DWygKV7ZJ3vBHRkLIOaG+mVI8FRjrlHQke/tFStD2dd3TgsqvzYBM3f1VBm85y
+qhyIxr2s+xgOl2/Z0VZzmVgI2jAPhvN8VNvXtlFM6BOkyHAFwm7jCtcCAwEAATAN
+BgkqhkiG9w0BAQsFAAOCAQEAjlPu5wtZwW0jP0cBBBvZWLRe9+Wlz9uJXiOb2AMF
+ibYeKgcGNbruY8Ayvmm++C/mMpkm50NG5ycEiO5rB/1665zB5ibWAswRD+F5rjzx
+8qM4YsUVDkiuW5ul0RI2KO6llAbdQaCfaqXtsCZ+b/XVwe41S1ZkvigLaL99pscU
+ghgD9yz/RY6C7PHPS+8dF0Uc+YND3vqWfAhUQCXdXetXndPMxwBOXnT08RQOWMBK
+lTSHIsFACFhynL3wfQ6xH4+/TQkquxzqqh3MeB1LpqHiFChCoNmBPKWf7ZvFkg/p
+4DzXTkLs6G6/WM7DuBmwB6e5tevJfe/BSkzCLaJKABDaOA==
+-----END CERTIFICATE-----

conf/build/nginx/tt-dev.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDVU8WqS+kbU4xK
+DuMFk7MCKk1v80yOAWxE2zx2Dnm/PpIC08R9OBE5lcz2M9G+UX5KLWNBGc8J7b93
+OSbC56qq0AFzeH3Jd4iFwlzClKNTa26dMgDBsxg5p6ZrwARP55INGSd2HilfcZBG
+HMjAlPg4VLms3dVt3aHYzLPwR3rqGWrvR0RPupRPv7aloR65oEYIT/INmdoPJax2
+pOQbkDcJ71ZoOqCWnveA1soCle2Sd7wR0ZCyDmhvplSPBUY65R0JHv7RUrQ9nXd0
+4LKr82ATN39VQZvOcqociMa9rPsYDpdv2dFWc5lYCNowD4bzfFTb17ZRTOgTpMhw
+BcJu4wrXAgMBAAECggEACj5ikIHiqLBDXU8Hsb3c666yVzzcoTkKROguKBEb4YYU
+ptQabFTj5tr9o5jranMpWFCDop2lpnlnJ0d0SAmt1VP1reDMUX9O6/VgVOukSB4x
+ipTbGnIKKMKXKDdpPZkGF2Ds1ywtmmqund9F+JFute3DmLxyQjtRSULTJSeZjGIj
+kk4mUHIZr71q2KocBEhDZhoaf6aiM3tfyXIlg0C6GzcfGKk4a2C6Ia7D24icPLa7
+JE4Omh6w8duQsme8YeFbbixLlwm+74qvo7k8ubqZAvvODQlKz4xiT1App4cTq6nm
+PbAuFvLX0DtkndBSgAUa3h8iuchdv15M2FkUWkenaQKBgQD7iup0vZqqIFh6Sk08
+k3Skbit6TXwMt4yjP9/JTgMaIO5LfZiht2xyxN4gN2XVp6k4Jn5SPxGuGV+e5QSr
+9R04x5wN6NwZAprL70UuztHZdXpzNVogF4hF4LdGDT8CbeFF5ciiTQaAKwX9euOT
+HRf6RGT80qiKVcZ+C3zhR6CxAwKBgQDZG39+6DzdGetLzls7B6R1PPV7RLOn6bts
+jbxSkx/VksHkS1Q4lG1fXM2q/VdSTFg/gNNKzLCADDVrO9KonvVrvMZlshiSLXTJ
+GVgfe+UGSL7VjbH4G4bAqznK5zK8ADI1BRyCU3UrzFqRHoV9h9e2qIfjJrK4taX7
+G5KAukDUnQKBgQC6GBLOnTtgY5+xkWjEyP6Ba7QkvlBpBB465FWGk31+BiDlnpyd
+/5pu6jC/OtzPDUQG84t/A4Pr/n+ciShEo4mj6SENtVmn8yJcf776Gy5rKBuYQj9U
+ALTjpZVRcRlNjccctBwT3tJRXgMHfbQBsYN8tr7TwHHKLh00QQF5lUlPywKBgB2a
+SkAbmnDrX9HuSTI7UIlLzo0ISRbUH+IlUVBRDz4nzJg8TTeJxYADP2fZM1bdYgsG
+ncjNMCPFhmMgvRCQ3BXcn5CuP/tuh0YEVqe0VP4OXTbxIxsZZb5Pmom4DIrl2/Ku
+x7xddNSMAK1Y5ArBwv/86spmNGhLHF6o28kBnGVhAoGAOcGzpJi1l0BzNUKBS512
+XlLUYswFW6OqcEk1iGTvEFUzZ9Agp2Yc7HZ3MrmCAjugx37tAfNKQglF2/AJ9Uuy
+yoUpPtdXX6CuPTMkzCkvAYbRGohE/cw7ZjI6vTqoEPiyrQA1lJYTIMQm3FYivjJl
+z84K0Vlv64BeiIpJrvzW+2A=
+-----END PRIVATE KEY-----

conf/docker-compose.dev.yml

@@ -5,6 +5,7 @@ services:
   nginx:
     ports:
       - "80:80"
+      - "443:443"
     volumes:
       - ../volume/www:/home/www:cached
     restart: "no"

volume/www/website/conf/nginx-dev.conf

@@ -8,11 +8,14 @@ upstream store_php {
 }
 
 server {
-
+    listen 80;
+    listen 443 ssl;
     server_name talentstube.test;
     root /home/www/website/www/web;
     client_max_body_size 500M;
     sendfile off;
+    ssl_certificate /etc/nginx/ssl/server.crt;
+    ssl_certificate_key /etc/nginx/ssl/server.key;
 
     # DEV
     location / {

volume/www/website/conf/redirect.conf

@@ -9,4 +9,5 @@ rewrite  ^/plateforme$  https://www.talentstube.com/ permanent;
 rewrite  ^/page/les-conseils$  https://www.talentstube.com/accompagnement-entreprise permanent;
 rewrite  ^/page/presentation-talent$  https://www.talentstube.com/cv-video permanent;
 rewrite  ^/page/la-plateforme$  https://www.talentstube.com/ permanent;
-rewrite ^/tarifs$ https://www.talentstube.com/accompagnement-entreprise permanent;
+rewrite ^/tarifs$ https://www.talentstube.com/accompagnement-entreprise permanent;
+rewrite ^/annonce/38-charge-de-projets-developpement-h-f$  https://www.talentstube.com/annonce/38-charge-de-projets-developpement-cosmetique-h-f permanent;

volume/www/website/www/app/Resources/views/default/ad_show.html.twig

@@ -35,17 +35,17 @@
                 <div class="col s12 m12 l8 xl9">
                     {% if ad.video and ad.status != "CLOSED" %}
                         <div class="row m-b-0" id="adVideo">
-                            {% if ad.id == 38 %}
+                            {#{% if ad.id == 38 %}
                                 <img class="responsive-img" src="{{asset('/img/GROUPE-ROCHER-TT.jpg')}}">
-                            {% else %}
-                                <div class="embed-responsive embed-responsive-16by9">
-                                    <div class="col s12">
-                                        <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                                                width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                                                allowfullscreen></iframe>
-                                    </div>
+                            {% else %}#}
+                            <div class="embed-responsive embed-responsive-16by9">
+                                <div class="col s12">
+                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                            width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                            allowfullscreen></iframe>
                                 </div>
-                            {% endif %}
+                            </div>
+                            {#{% endif %}#}
                             {% if ad.isPromoted %}
                                 <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-gauche.png')}}" alt="promoted"></div>
                             {% endif %}

volume/www/website/www/app/Resources/views/default/footer.html.twig

@@ -16,6 +16,9 @@
                     <li>
                         <a class="white-text" href="{{ path('company_list') }}" title="Listes entreprises">Nos entreprises</a>
                     </li>
+                    <li>
+                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
+                    </li>
                     <li>
                         <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
                     </li>

volume/www/website/www/app/Resources/views/default/index.html.twig

@@ -68,7 +68,7 @@
                             <div class="row">
                                 <div class="col s12 col-noPadding">
                                     <div class="owl-carousel owl-carousel-home home-company-carousel">
-                                        {% if talents|length > 0 %}
+                                        {% if companies|length > 0 %}
                                             {% include 'default/company_card.html.twig' with {'companies': companies } %}
                                         {% endif %}
                                     </div>

volume/www/website/www/app/Resources/views/default/talent_card.html.twig

@@ -4,7 +4,7 @@
         <div class="item">
             <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
                 title="{{ user.firstname }} {{ user.lastname }}">
-                {% if user.socialPicture is not null %}
+                {% if user.socialPicture is not null and user.photo is null %}
                     <img class="circle z-depth-3" src="{{ user.socialPicture }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
                 {% elseif user.photo %}
                     <img class="circle z-depth-3" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>

volume/www/website/www/app/Resources/views/talent/talent_show.html.twig

@@ -14,10 +14,10 @@
                     <div class="profil center-align">
                         {% set company = user.company %}
                             <div class="profil-picture">
-                                {% if user.photo %}
-                                    <img src="{{ user.webPath | imagine_filter('profile_square') }}"
-                                        alt="{{ user.firstname }} {{ user.lastname|first|upper }}"
-                                        class="circle responsive-img"/>
+                                {% 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 %}

volume/www/website/www/app/Resources/views/testimony/testimony_list.html.twig

@@ -1,6 +1,6 @@
 <div id="liste-testimony" class="bg-white">
     <div class="container">
-        <div class="row flexcontainer row-noMargin">
+        <div class="row row-noMargin">
             <div class="owl-carousel owl-carousel-testimony">
                 <div class="item">
                     <div class="row">
@@ -16,6 +16,7 @@
                             Nous avons eu beaucoup d’appréciations positives grâce à cette communication.
                             </p>
                         </div>
+                        <div class="clear"></div>
                     </div> 
                 </div>
                 <div class="item">
@@ -32,6 +33,7 @@
                                 Atout supplémentaire : nos annonces en vidéo ont contribué à développer notre marque employeur !
                             </p>
                         </div>
+                        <div class="clear"></div>
                     </div> 
                 </div>
             </div>

volume/www/website/www/src/AppBundle/Controller/Admin/UserController.php

@@ -114,8 +114,14 @@ class UserController extends Controller
             $em->persist($company);
             $em->flush();
         }
-        // $this->deleteRelation($user);
-        $userManager->deleteUser($user);
+        $this->deleteRelation($user);
+        $em->remove($user);
+        $em->flush();
+        if ($company) {
+            $em->remove($company);
+            $em->flush();
+        }
+
         // if ($company) {
         //     $em->remove($company);
         // }

volume/www/website/www/src/AppBundle/Entity/User.php

@@ -63,7 +63,7 @@ class User extends BaseUser
     private $status;
 
     /**
-     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="users", cascade={"persist", "remove"})
+     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="users", cascade={"persist"})
      */
     private $company;
 

volume/www/website/www/src/AppBundle/Utils/Services/StatsManager.php

@@ -131,23 +131,26 @@ class StatsManager
                 }
             }
         }
-
-        ksort($arrayRecords['ad']);
-        foreach ($arrayRecords['ad'] as $recordAd) {
-            $count = 0;
-            foreach ($recordAd as $countView) {
-                $count = $count + $countView;
+        if (isset($arrayRecords['ad'])) {
+            ksort($arrayRecords['ad']);
+            foreach ($arrayRecords['ad'] as $recordAd) {
+                $count = 0;
+                foreach ($recordAd as $countView) {
+                    $count = $count + $countView;
+                }
+                $arrDatasetsAd[] = $count;
             }
-            $arrDatasetsAd[] = $count;
         }
 
-        ksort($arrayRecords['company']);
-        foreach ($arrayRecords['company'] as $recordCompany) {
-            $count = 0;
-            foreach ($recordCompany as $countView) {
-                $count = $count + $countView;
+        if (isset($arrayRecords['company'])) {
+            ksort($arrayRecords['company']);
+            foreach ($arrayRecords['company'] as $recordCompany) {
+                $count = 0;
+                foreach ($recordCompany as $countView) {
+                    $count = $count + $countView;
+                }
+                $arrDatasetsCompany[] = $count;
             }
-            $arrDatasetsCompany[] = $count;
         }
 
         sort($lineDatesLabel, SORT_NATURAL | SORT_FLAG_CASE);

volume/www/website/www/src/Edeclic/PrestashopBridgeBundle/EventListener/PrestaBridgeListener.php

@@ -71,14 +71,14 @@ class PrestaBridgeListener implements EventSubscriberInterface
     {
         if (!$this->avoidMode) {
             $user = $this->security->getToken()->getUser();
-            $prestaBridge = new PrestashopBridge($this->pathToPrestashop, $this->idShop, $this->cookieKey);
-
-            if (!$prestaBridge->userExist($user->getEmail()))
-                $prestaBridge->createUser($user);
-
-            $prestaBridge->login($user->getEmail());
+            if($user->hasRole('ROLE_TALENT') || $user->hasRole('ROLE_COMPANY') || $user->hasRole('ROLE_TERRITORY')) {
+                $prestaBridge = new PrestashopBridge($this->pathToPrestashop, $this->idShop, $this->cookieKey);
+                if (!$prestaBridge->userExist($user->getEmail()))
+                    $prestaBridge->createUser($user);
+    
+                $prestaBridge->login($user->getEmail());
+            }
         }
-
     }
 
     /**

volume/www/website/www/web/assetic/global.js

@@ -50,15 +50,17 @@ $(document).ready(function () {
     var $window = jQuery(window);
     if($('#homeTeaser').length) {
         $window.scroll(function () {
-            var position = $('#homeTeaser').position();
-            if ( $(window).scrollTop() > ((position.top + $('#homeTeaser').height()) - 125) ) {
-                $('.homeSearchWrapper').addClass("fix-search");
-                $('.row_search').removeClass("z-depth-5");
-                $('#liste-jobs').css('padding-top',65);
-            } else {
-                $('.homeSearchWrapper').removeClass("fix-search");
-                $('.row_search').addClass("z-depth-5");
-                $('#liste-jobs').css('padding-top',0);
+            if(w > 960) {
+                var position = $('#homeTeaser').position();
+                if ( $(window).scrollTop() > ((position.top + $('#homeTeaser').height()) - 125) ) {
+                    $('.homeSearchWrapper').addClass("fix-search");
+                    $('.row_search').removeClass("z-depth-5");
+                    $('#liste-jobs').css('padding-top',65);
+                } else {
+                    $('.homeSearchWrapper').removeClass("fix-search");
+                    $('.row_search').addClass("z-depth-5");
+                    $('#liste-jobs').css('padding-top',0);
+                }
             }
         });
     }
@@ -335,6 +337,12 @@ $(document).ready(function () {
     });
   
 });
+
+window.onresize = resize;
+var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+function resize() { 
+    w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+}
 $('.roleUser').click(function(){
     $('.roleUser').removeClass('btn-default');
     $('.roleUser').addClass('btn-dark');

volume/www/website/www/web/css/styles.css

@@ -14325,7 +14325,7 @@ a.link-white-underline {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 110%;
+    width: 90vw;
     display: block;
     text-align: center;
     color: #000;
@@ -14334,45 +14334,46 @@ a.link-white-underline {
     .owl-carousel .owl-nav i {
       font-size: 30px; }
     .owl-carousel .owl-nav .owl-prev {
-      backgound: none;
       float: left; }
       .owl-carousel .owl-nav .owl-prev .left-arrow {
-        background: url(../img/left_light.png) no-repeat;
-        height: 113px;
-        width: 41px;
+        background: url(../img/arrowleft.svg) no-repeat #1E2327;
+        height: 48px;
+        width: 48px;
+        border-radius: 50%;
         display: block;
         background-position: center center; }
-        .owl-carousel .owl-nav .owl-prev .left-arrow:hover {
-          background: url(../img/left_light_rollover.png) no-repeat; }
     .owl-carousel .owl-nav .owl-next {
-      backgound: none;
       float: right; }
       .owl-carousel .owl-nav .owl-next .right-arrow {
-        background: url(../img/right_light.png) no-repeat;
-        height: 113px;
-        width: 41px;
+        background: url(../img/arrowright.svg) no-repeat #1E2327;
+        height: 48px;
+        width: 48px;
+        border-radius: 50%;
         display: block;
         background-position: center center; }
-        .owl-carousel .owl-nav .owl-next .right-arrow:hover {
-          background: url(../img/right_light_rollover.png) no-repeat; }
 
 .bg-dark2 .owl-carousel .owl-nav .owl-prev .left-arrow {
-  background: url(../img/left_dark.png) no-repeat;
-  background-position: center center; }
-  .bg-dark2 .owl-carousel .owl-nav .owl-prev .left-arrow:hover {
-    background: url(../img/left_dark_rollover.png) no-repeat; }
-.bg-dark2 .owl-carousel .owl-nav .owl-next {
-  backgound: none;
-  float: right; }
-  .bg-dark2 .owl-carousel .owl-nav .owl-next .right-arrow {
-    background: url(../img/right_dark.png) no-repeat;
-    background-position: center center; }
-    .bg-dark2 .owl-carousel .owl-nav .owl-next .right-arrow:hover {
-      background: url(../img/right_dark_rollover.png) no-repeat; }
+  background-color: #32373D; }
+.bg-dark2 .owl-carousel .owl-nav .owl-next .right-arrow {
+  background-color: #32373D; }
 
-@media (max-width: 600px) {
+.bg-dark1 .owl-carousel .owl-nav .owl-prev .left-arrow {
+  background-color: #292E32; }
+.bg-dark1 .owl-carousel .owl-nav .owl-next .right-arrow {
+  background-color: #292E32; }
+
+@media (max-width: 1024px) {
   .owl-carousel .owl-nav {
-    display: none; } }
+    position: relative;
+    margin-top: 50px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center; }
+    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
+      float: none; }
+    .owl-carousel .owl-nav .owl-prev {
+      margin-right: 40px; } }
 #liste-jobs .card .card-action {
   height: auto; }
   #liste-jobs .card .card-action a.btn-tags {
@@ -14405,7 +14406,7 @@ a.link-white-underline {
   .territory-carousel h2 a:hover {
     text-decoration: none; }
   .territory-carousel .owl-nav {
-    top: 55%; }
+    top: 50%; }
 
 @media (min-width: 600px) and (max-width: 700px) {
   .owl-carousel .owl-item .card-content-company .col-logo {
@@ -14424,7 +14425,10 @@ a.link-white-underline {
 
   .owl-carousel .owl-item .card-company .card-content-company .col-infos {
     font-size: 14px; } }
-@media (min-width: 1136px) and (max-width: 1226px) {
+@media (min-width: 1136px) {
+  .owl-carousel .owl-nav {
+    width: 110%; }
+
   .owl-carousel .owl-item .card-company .card-content-company .col-infos {
     font-size: 14px; } }
 #liste-testimony .item .row {
@@ -15606,6 +15610,7 @@ table.highlight > tbody > tr:hover {
   #answerPage .col-content.bg-arrow {
     background: url(/img/img_popupcv/step_arrow.svg) 40px no-repeat #FFFFFF; }
   #answerPage #modal-tuto {
+    width: 80%;
     min-height: 540px;
     background: #FFFFFF; }
     #answerPage #modal-tuto .col-content {
@@ -15650,6 +15655,22 @@ table.highlight > tbody > tr:hover {
         color: #FFF;
         text-decoration: none; }
 
+@media only screen and (max-width: 800px) {
+  #modal-tuto {
+    width: 98%; }
+    #modal-tuto .modal-content {
+      padding: 10px; }
+      #modal-tuto .modal-content h3 {
+        font-size: 1.5rem; }
+      #modal-tuto .modal-content .col {
+        padding: 0; }
+      #modal-tuto .modal-content .owl-dots {
+        display: none; }
+      #modal-tuto .modal-content .carousel-fixed-item {
+        margin-top: 0;
+        margin-right: 0;
+        font-size: 13px;
+        margin-bottom: 50px; } }
 /*Pages
 ---------------------------------------------------*/
 #ad_show .bg-bordered {

volume/www/website/www/web/img/arrowleft.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>icon/arrowleft</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon/arrowleft">
+            <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
+            <path d="M15.90375,4.24975 C15.582,3.91675 15.0465,3.91675 14.7135,4.24975 C14.39175,4.5715 14.39175,5.107 14.7135,5.428 L20.74875,11.46325 L0.83325,11.46325 C0.369,11.464 0,11.833 0,12.29725 C0,12.7615 0.369,13.1425 0.83325,13.1425 L20.74875,13.1425 L14.7135,19.1665 C14.39175,19.4995 14.39175,20.03575 14.7135,20.35675 C15.0465,20.68975 15.58275,20.68975 15.90375,20.35675 L23.36775,12.89275 C23.70075,12.571 23.70075,12.0355 23.36775,11.7145 L15.90375,4.24975 Z" fill="#FFFFFF" fill-rule="nonzero" transform="translate(11.808750, 12.303250) scale(-1, 1) translate(-11.808750, -12.303250) "></path>
+        </g>
+    </g>
+</svg>

volume/www/website/www/web/img/arrowright.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m0 0h24v24h-24z"/><path d="m15.90375 4.24975c-.32175-.333-.85725-.333-1.19025 0-.32175.32175-.32175.85725 0 1.17825l6.03525 6.03525h-19.9155c-.46425.00075-.83325.36975-.83325.834s.369.84525.83325.84525h19.9155l-6.03525 6.024c-.32175.333-.32175.86925 0 1.19025.333.333.86925.333 1.19025 0l7.464-7.464c.333-.32175.333-.85725 0-1.17825z" fill="#fff" fill-rule="nonzero"/></g></svg>

volume/www/website/www/web/js/answer.js

@@ -16,6 +16,11 @@ function openModal(){
 }
 
 $(document).ready(function(){
+    var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
+    padding = 0;
+    if(width > 800){
+        var padding = 45;
+    }
     $('#modal-tuto').modal({
         dismissible: false,
         ready: function(modal, trigger) {
@@ -25,7 +30,7 @@ $(document).ready(function(){
                 nav: true,
                 loop: false,
                 margin: 50,
-                stagePadding: 45,
+                stagePadding: padding,
                 navRewind:false,
                 navText: ['<span class="left-arrow"></span>', '<span class="right-arrow"></span>']
             });
@@ -95,19 +100,20 @@ function eraseCookie(name) {
 
 /* GESTON de la webcam */
 var elementExists = document.getElementById("myCvVideo");
+
 if(document.body.contains(elementExists)){
     var player = videojs("myCvVideo",
         {
             controls: true,
             width: 320,
             height: 240,
+            fluid: false,
             plugins: {
                 record: {
                     audio: true,
                     video: true,
                     maxLength: 300,
-                    debug: true,
-                    videoMimeType: 'video/mp4',
+                    debug: true
                 }
             }
         });

volume/www/website/www/web/js/global.js

@@ -50,15 +50,17 @@ $(document).ready(function () {
     var $window = jQuery(window);
     if($('#homeTeaser').length) {
         $window.scroll(function () {
-            var position = $('#homeTeaser').position();
-            if ( $(window).scrollTop() > ((position.top + $('#homeTeaser').height()) - 125) ) {
-                $('.homeSearchWrapper').addClass("fix-search");
-                $('.row_search').removeClass("z-depth-5");
-                $('#liste-jobs').css('padding-top',65);
-            } else {
-                $('.homeSearchWrapper').removeClass("fix-search");
-                $('.row_search').addClass("z-depth-5");
-                $('#liste-jobs').css('padding-top',0);
+            if(w > 960) {
+                var position = $('#homeTeaser').position();
+                if ( $(window).scrollTop() > ((position.top + $('#homeTeaser').height()) - 125) ) {
+                    $('.homeSearchWrapper').addClass("fix-search");
+                    $('.row_search').removeClass("z-depth-5");
+                    $('#liste-jobs').css('padding-top',65);
+                } else {
+                    $('.homeSearchWrapper').removeClass("fix-search");
+                    $('.row_search').addClass("z-depth-5");
+                    $('#liste-jobs').css('padding-top',0);
+                }
             }
         });
     }
@@ -334,4 +336,10 @@ $(document).ready(function () {
         $('#modal_voeux').find("iframe").attr('src',"");  
     });
   
-});
+});
+
+window.onresize = resize;
+var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+function resize() { 
+    w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+}

volume/www/website/www/web/sass/modules/_answerTutorial.scss

@@ -74,6 +74,7 @@
         background: url(/img/img_popupcv/step_arrow.svg) 40px no-repeat #FFFFFF;;
     } 
     #modal-tuto{
+        width: 80%;
         min-height: 540px;
         background: $white;
         .col-content{
@@ -141,4 +142,28 @@
             }
         }
     }
+}
+
+@media only screen and (max-width: 800px) {
+    #modal-tuto {
+        width: 98%;
+        .modal-content{
+            h3{
+                font-size: 1.5rem;
+            }
+            padding:10px;
+            .col{
+                padding: 0;
+            }
+            .owl-dots{
+                display: none;
+            }
+            .carousel-fixed-item{
+                margin-top:0;
+                margin-right:0;
+                font-size: 13px;
+                margin-bottom:50px;
+            }
+        }
+    }
 }

volume/www/website/www/web/sass/modules/_carousel.scss

@@ -192,7 +192,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
-    width: 110%;
+    width: 90vw;
     display: block;
     text-align: center;
     color:#000;
@@ -203,31 +203,25 @@
     }
 
     .owl-prev {
-      backgound:none;
       float: left;
       .left-arrow{
-        background: url(../img/left_light.png) no-repeat;
-        height: 113px;
-        width: 41px;
+        background: url(../img/arrowleft.svg) no-repeat #1E2327;
+        height: 48px;
+        width: 48px;
+        border-radius: 50%;
         display: block;
         background-position: center center;
-        &:hover{
-          background: url(../img/left_light_rollover.png) no-repeat;
-        }
       }
     }
     .owl-next {
-      backgound:none;
       float: right;
       .right-arrow{
-        background: url(../img/right_light.png) no-repeat;
-        height: 113px;
-        width: 41px;
+        background: url(../img/arrowright.svg) no-repeat #1E2327;
+        height: 48px;
+        width: 48px;
+        border-radius: 50%;
         display: block;
         background-position: center center;
-        &:hover{
-          background: url(../img/right_light_rollover.png) no-repeat;
-        }
       }
     }
   }
@@ -236,29 +230,45 @@
   .owl-carousel .owl-nav{
     .owl-prev {
       .left-arrow{
-        background: url(../img/left_dark.png) no-repeat;
-        background-position: center center;
-        &:hover{
-          background: url(../img/left_dark_rollover.png) no-repeat;
-        }
+        background-color:#32373D;
       }
     }
     .owl-next {
-      backgound:none;
-      float: right;
       .right-arrow{
-        background: url(../img/right_dark.png) no-repeat;
-        background-position: center center;
-        &:hover{
-          background: url(../img/right_dark_rollover.png) no-repeat;
-        }
+        background-color:#32373D;
       }
     }
   }
 }
-@media (max-width: 600px){
+.bg-dark1{
   .owl-carousel .owl-nav{
-    display: none;
+    .owl-prev {
+      .left-arrow{
+        background-color:#292E32;
+      }
+    }
+    .owl-next {
+      .right-arrow{
+        background-color:#292E32;
+      }
+    }
+  }
+}
+
+@media (max-width: 1024px){
+  .owl-carousel .owl-nav{
+    position: relative;
+    margin-top: 50px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    .owl-prev,.owl-next{
+      float: none;
+    }
+    .owl-prev{
+      margin-right: 40px;
+    }
   }
 }
 
@@ -312,7 +322,7 @@
   }
   position: relative;
   .owl-nav {
-    top: 55%;
+    top: 50%;
   }
 }
 
@@ -341,7 +351,10 @@
     font-size: 14px;
   }
 }
-@media (min-width: 1136px) and (max-width: 1226px){
+@media (min-width: 1136px){
+  .owl-carousel .owl-nav{
+    width: 110%;
+  }
   .owl-carousel .owl-item .card-company .card-content-company .col-infos {
     font-size: 14px;
   }

volume/www/website/www/web/sass/modules/_search.scss

@@ -212,4 +212,3 @@
     }
   }
 }
-