Fix : style detail annonce

Fix : du fix …
Fix : check si variable existe
2018-05-25 15:23:12 +02:00 · 2018-05-25 15:19:00 +02:00 · 2018-05-25 15:15:32 +02:00 · 2018-05-25 15:15:05 +02:00 · 2018-05-25 15:06:40 +02:00 · 2018-05-25 15:03:44 +02:00
43 changed files with 467 additions and 235 deletions
@@ -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;
@@ -3,7 +3,8 @@
        <div class="row center-align">
            <div class="col s12">
                <div class="owl-carousel territory-carousel">
-                {% for territory in territories %}
+                    
+                {% for territory in territories if territory.territory.isPrivate != true %}
                    {% set territory = territory.territory %}
                    <div class="item">
                        <h2 class="blue-text no-margin-top">
@@ -19,6 +19,7 @@
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">{{ ad.title }}</h3>
+                <br/><i class="fa fa-link"></i>Url : {{ path("ad_show",{'alias':ad.alias})}}<br />
            </div>
            <div class="box-body">
                {{ form_errors(form) }}
@@ -41,7 +42,7 @@
                <h3 class="box-title">Informations</h3>
            </div>
            <div class="box-body">
-                {{ form_row(form.status) }} {{ form_row(form.isPromoted) }} {{ form_row(form.isVerified) }}
+                {{ form_row(form.status) }} {{ form_row(form.isPromoted) }} {{ form_row(form.isVerified) }} {{ form_row(form.isPrivate) }}
            </div>
        </div>
    </div>
@@ -22,9 +22,11 @@
                <div class="box-header">
                    <h3 class="box-title">{{ company.brandName }}</h3>
                    <br><span>{{ company.mainUser.email }}</span>
+                    <br/><i class="fa fa-link"></i>Url : {{ path("company_show",{'alias':company.alias})}}<br />
                </div>
                <div class="box-body">
                    {{ form_errors(form) }}
+                    {{ form_row(form.isPrivate) }}
                    {{ form_row(form.emphasis) }}
                    {{ form_row(form.emphasisOrder) }}
                    {{ form_row(form.brandName) }}
@@ -22,9 +22,11 @@
                <div class="box-header">
                    <h3 class="box-title">{{ territory.brandName }}</h3>
                    <br><span>{{ territory.mainUser.email }}</span>
+                    <br/><i class="fa fa-link"></i>Url : {{ path("territory_show",{'alias':territory.alias})}}<br />
                </div>
                <div class="box-body">
                    {{ form_errors(form) }}
+                    {{ form_row(form.isPrivate) }}
                    {{ form_row(form.emphasis) }}
                    {{ form_row(form.emphasisOrder) }}
                    {{ form_row(form.brandName) }}
@@ -90,18 +90,20 @@
                                <p class="chip">{{ tag }}</p>
                            {% endfor %}
                        </div>
-                        <div class="col s12 m-t-20 ">
-                            {% if not is_granted('ROLE_COMPANY') %}
-                                <p class="item-detail-reply center-align">
-                                    <a href="{{ path('talent_spontaneous_application_create',{'id': company.id}) }}"
-                                       class="btn btn-default">
-                                        Candidature spontanée
-                                    </a>
-                                </p>
-                            {% endif %}
+                    </div>
+                    {% if not is_granted('ROLE_COMPANY') %}
+                    <div class="row bg-bordered row-promoted">
+                        <div class="col s12 center-align">
+                            <h3>Vous souhaitez rejoindre <span class="color-blue1">{{ company.brandname }}</span> ?</h3>
+                            <a href="{{ path('talent_spontaneous_application_create',{'id': company.getId()}) }}"
+                            class="btn btn-default">
+                                Candidature spontanée
+                            </a>
                        </div>
                    </div>
+                    {% endif %}
                </div>
+                
                <div id="offers" class="row">
                    <div class="col s12">
                        <h1>Les offres d’emploi pour {{ company.brandname }}</h1>
@@ -1,4 +1,4 @@
-{% for a in ads %}
+{% for a in ads if a.isPrivate != true %}
 <div class="col s12">
    <div class="card z-depth-3">
        <div class="card-image">
@@ -1,4 +1,4 @@
-{% for a in ads %}
+{% for a in ads if a.isPrivate != true %}
    <div id="adRow" class="row item-list-bis z-depth-2 row-noMargin">
        <div class="col s12 m4 col-noPadding ad-picture">
            <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="item-list-media">
@@ -34,6 +34,15 @@
            </div>
            <div class="row m-b-0 p-b-30">
                <div class="col s12 m12">
+                    <div id="header-resultats">
+                        {% if isPromotedAds %}
+                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi pourvues</div>
+                            <div><span><a href="{{ path('ad_search_result') }}">Voir les offres d'emploi en cours</a></span></div>
+                        {% else %}
+                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi en cours</div>
+                            <div><span><a href="{{ path('ad_search_result', {'promoted': true }) }}">Voir les offres d'emploi pourvues</a></span></div>
+                        {% endif %}
+                    </div>
                    <div id="liste-resultats">
                        {% if ads|length > 0 and noResults == false %}
                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
@@ -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 %}
@@ -96,16 +96,29 @@
                                        {{ 'ad.talent.isAnswer.label'|trans }}
                                    </div>
                                {% elseif not is_granted('ROLE_COMPANY') %}
-                                    <p class="item-detail-reply">
-                                        <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                                        class="btn btn-default">
-                                            Postuler
-                                        </a>
-                                    </p>
+                                    {% if not ad.isPromoted %}
+                                        <p class="item-detail-reply">
+                                            <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
+                                            class="btn btn-default">
+                                                Postuler
+                                            </a>
+                                        </p>
+                                    {% endif %}
                                {% endif %}
                            {% endif %}
                        </div>
                    </div>
+                    {% if ad.isPromoted %}
+                    <div class="row bg-bordered row-promoted">
+                        <div class="col s12 center-align">
+                            <h3>Vous souhaitez rejoindre <span class="color-blue1">{{ ad.company.brandname }}</span> ?</h3>
+                            <a href="{{ path('talent_spontaneous_application_create',{'id': ad.company.getId()}) }}"
+                            class="btn btn-default">
+                                Candidature spontanée
+                            </a>
+                        </div>
+                    </div>
+                    {% endif %}
                    <div class="col s12 hide-on-large-only m-b-50">
                    {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
                    </div>
@@ -56,12 +56,18 @@
                {{ 'ad.talent.isAnswer.label'|trans }}
            </div>
        {% elseif not is_granted('ROLE_COMPANY') %}
-            <p class="item-detail-reply">
-                <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                class="btn btn-default">
-                    Postuler
-                </a>
-            </p>
+            {% if not ad.isPromoted %}
+                <p class="item-detail-reply">
+                    <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
+                    class="btn btn-default">
+                        Postuler
+                    </a>
+                </p>
+            {% else %}
+                <div class="item-detail-ispromoted">
+                    Offre pourvue
+                </div>
+            {% endif %}
        {% endif %}
    {% endif %}
 </div>
@@ -1,4 +1,4 @@
-{% for company in companies %}
+{% for company in companies if company.isPrivate != true %}
    <div class="col s12">
        <div class="card z-depth-3 card-company">
            <div class="card-content card-content-company">
@@ -37,7 +37,7 @@
            <div class="row m-b-0 p-b-30">
                <div class="col s12 m12">
                    <div id="liste-resultats">
-                        {% for c in companies %}
+                        {% for c in companies if c.isPrivate != true %}
                            {% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
                                <div class="row item-list-bis z-depth-2 row-noMargin">

@@ -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>
@@ -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>
@@ -110,7 +110,7 @@
                        <h2 class="blue-text no-margin-top">Les territoires <span>pour vivre et travailler</span></h2>
                        {% if territories %}
                        <div class="owl-carousel owl-carousel-home territory-carousel">
-                            {% for territory in territories if territory.presentationVideo %}
+                            {% for territory in territories if territory.presentationVideo and territory.isPrivate != true %}
                                <div class="item">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <div class="col s12">
@@ -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 }}"/>
@@ -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 %}
@@ -36,7 +36,7 @@
            <div class="row m-b-0 p-b-30">
                <div class="col s12 m12">
                    <div id="liste-resultats">
-                        {% for c in companies %}
+                        {% for c in companies if c.isPrivate != true %}
                            {% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
                                <div class="row item-list-bis z-depth-2 row-noMargin">

@@ -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>
@@ -288,9 +288,9 @@ class AdController extends Controller
     ***********************/

    /**
-     * @Route("/annonce/recherche/", name="ad_search_result")
+     * @Route("/annonce/recherche/{promoted}", defaults={"promoted"=false}, name="ad_search_result")
     */
-    public function adSearchResultAction(Request $request)
+    public function adSearchResultAction(Request $request, $promoted)
    {
        $session = $request->getSession();
        $form = $this->createForm(AdSearchType::class);
@@ -307,7 +307,7 @@ class AdController extends Controller
            $adSearcher = $this->get('app.ad_searcher');
            $ads = $adSearcher->process($data);
            if(empty($ads)){
-                $ads = $this->getPublishedAds();
+                $ads = $this->getPublishedAds($promoted);
                $noResults = true;
            } else {
                $noResults = false;
@@ -324,18 +324,19 @@ class AdController extends Controller

        } else {

-            $ads = $this->getPublishedAds();
+            $ads = $this->getPublishedAds($promoted);
        }

        return $this->render('default/ad_search_result.html.twig', [
            'ads' => $ads,
-            'noResults' => false
+            'noResults' => false,
+            'isPromotedAds' => $promoted 
        ]);


    }

-    public function getPublishedAds()
+    public function getPublishedAds($promoted)
    {
        $em = $this->getDoctrine()->getManager();
        $repo = $em->getRepository('AppBundle:Ad');
@@ -345,6 +346,17 @@ class AdController extends Controller
            $mediaManager->getThumbnails($ad);
        }

+        return $this->filterPromoted($ads, $promoted);
+    }
+
+    public function filterPromoted($result, $promoted = "false")
+    {
+        $ads = array();
+        foreach ($result as $ad) {
+            if ($ad->getIsPromoted() === (boolean)$promoted) {
+                $ads[] = $ad;
+            }
+        }
        return $ads;
    }

@@ -97,6 +97,13 @@ class Ad
     */
    private $isPromoted;

+    /**
+     * @var boolean
+     *
+     * @ORM\Column(name="is_private", type="boolean", nullable=true, options={"comment":"Annonce privé, non listée en front"})
+     */
+    private $isPrivate;
+
    /**
     * @var boolean
     *
@@ -1076,4 +1083,64 @@ class Ad
    {
        return $this->territories;
    }
+
+    /**
+     * Set isPrivate.
+     *
+     * @param bool|null $isPrivate
+     *
+     * @return Ad
+     */
+    public function setIsPrivate($isPrivate = null)
+    {
+        $this->isPrivate = $isPrivate;
+
+        return $this;
+    }
+
+    /**
+     * Get isPrivate.
+     *
+     * @return bool|null
+     */
+    public function getIsPrivate()
+    {
+        return $this->isPrivate;
+    }
+
+    /**
+     * Add bookmarkAd.
+     *
+     * @param \AppBundle\Entity\BookmarkAd $bookmarkAd
+     *
+     * @return Ad
+     */
+    public function addBookmarkAd(\AppBundle\Entity\BookmarkAd $bookmarkAd)
+    {
+        $this->bookmarkAds[] = $bookmarkAd;
+
+        return $this;
+    }
+
+    /**
+     * Remove bookmarkAd.
+     *
+     * @param \AppBundle\Entity\BookmarkAd $bookmarkAd
+     *
+     * @return boolean TRUE if this collection contained the specified element, FALSE otherwise.
+     */
+    public function removeBookmarkAd(\AppBundle\Entity\BookmarkAd $bookmarkAd)
+    {
+        return $this->bookmarkAds->removeElement($bookmarkAd);
+    }
+
+    /**
+     * Get bookmarkAds.
+     *
+     * @return \Doctrine\Common\Collections\Collection
+     */
+    public function getBookmarkAds()
+    {
+        return $this->bookmarkAds;
+    }
 }
@@ -120,6 +120,13 @@ class Company
     */
    private $searchable;

+    /**
+     * @var boolean
+     *
+     * @ORM\Column(name="is_private", type="boolean", nullable=true, options={"comment":"Company privé, non listée en front"})
+     */
+    private $isPrivate;
+
    /***********************
     * OneToMany Array's
     ***********************/
@@ -803,4 +810,28 @@ class Company
    {
        return $this->descriptionAdmin;
    }
+
+    /**
+     * Set isPrivate.
+     *
+     * @param bool|null $isPrivate
+     *
+     * @return Company
+     */
+    public function setIsPrivate($isPrivate = null)
+    {
+        $this->isPrivate = $isPrivate;
+
+        return $this;
+    }
+
+    /**
+     * Get isPrivate.
+     *
+     * @return bool|null
+     */
+    public function getIsPrivate()
+    {
+        return $this->isPrivate;
+    }
 }
@@ -82,6 +82,10 @@ class AdType extends AbstractType
            ->add('isVerified', CheckboxType::class, array(
                'label' => 'Vérifiée',
                'required' => false
+            ))
+            ->add('isPrivate', CheckboxType::class, array(
+                'label' => 'Annonce privé ( non listée en front )',
+                'required' => false
            ));

                    // Emphasis
@@ -37,6 +37,10 @@ class CompanyAdminType extends AbstractType
            ))
            ->add('size', TextType::class, array(
                'label' => 'profile.company.size',
+            ))
+            ->add('isPrivate', CheckboxType::class, array(
+                'label' => 'Page entreprise privé ( non listée en front )',
+                'required' => false
            ));
        // Addresses fields
        $builder
@@ -87,6 +87,10 @@ class TerritoryAdminType extends AbstractType
                'label' => 'Ordre',
                'required' => false
            ));
+        $builder->add('isPrivate', CheckboxType::class, array(
+            'label' => 'Page territoire privé ( non listée en front )',
+            'required' => false
+        ));
    }

    public function configureOptions(OptionsResolver $resolver)
@@ -96,7 +96,7 @@ class AdSearcher
    {
        $ads = array();
        foreach ($result as $ad) {
-            if ($ad->getStatus() == "PUBLISHED") {
+            if ($ad->getStatus() == "PUBLISHED" && $ad->getIsPrivate() != true && $ad->getIsPromoted() != true) {
                $ads[] = $ad;
            }
        }
@@ -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);
@@ -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());
+            }
        }
-
    }

    /**
@@ -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');
@@ -11543,32 +11543,19 @@ coloring of icons.
 */
@font-face {
  font-family: videojs-record;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUcAAsAAAAACIgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dLY21hcAAAAYAAAABhAAABtj269dhnbHlmAAAB5AAAASMAAAHoaKpyRmhlYWQAAAMIAAAALQAAADYLMVVqaGhlYQAAAzgAAAAYAAAAJABeADhobXR4AAADUAAAAA4AAAAcASAAAGxvY2EAAANgAAAAEAAAABABiAH+bWF4cAAAA3AAAAAfAAAAIAEUADxuYW1lAAADkAAAATYAAAJemUJQLnBvc3QAAATIAAAAUQAAAHfWeWp5eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQZJzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGMwAHJZwCQDAyOIAADDpwVheJztkcENwCAMAx0IeVQdpQPx6v5fJqB2whiNdEa2Ih4OgAGgk4c4YC8MmsnUMu+4Mvez48pX7E01Kb2nNu46fwyawD936jwu1FeRDbYCenuhSywv1Okaha60okB8euoTwQAAAHicRZDrTsMwDIXtXKupVFzSEgmYpnbqYOuG1DbbD8Te/7E4bgY47YmdyM5nkyKxI+2po0+iS7frfNe6Nw7NF6cTpyk04xnqfD2N52+eex9c28M5j0397kxpnIJVxhnrLLSSSBmFrzfYIjz2Rlurjed8cC8phQhe54VhT1t6AkGa+wP/EsiLz6lljsyLFC9evCDii4Yyf08DlbRBdkbM6ZdQcYsWurDmqZ7SeOUUlRG702DVWjtt8AejSpyLOG2Vwo0z3iO4sR2xSlRvK0Yt1JlPHO3K2tVKZLjtEPrrZ4ulkTPVXRnjNpJES62BCnqlD9zJbIU2/c88N3DgnQf6fOVxzWjjEZQCu4x6I+KMsONEJC6t6Ic83Dzy9e0OQvQDgKActgB4nGNgZGBgAOJYtaCqeH6brwzcDAZAEYarn3k4kGkGXSBkYOBgYAJxAOZRB0gAAAB4nGNgZGBgMGBggJO6DIwMqIAdAA42AJd4nGNgAAID7BgADrwBIQAAAAAAAABCAGAAkACqALYA9HicY2BkYGBgZzBgYGYAASYg5gJCBob/YD4DAA38AVEAeJx9kD9qwzAYxZ/zrzSGUijtlEFQ6FJiJxlD5wQ6Zsju2LJjY1tGVgK5QQ/SE/QQHXuQnqIvqpZksATS773vfZ9AAO7xDQ/n5eHOnufVww3VP/dJj44H5GfHQ/iYOx7Rf3M8xiveHft4wIETvMEtnQk+HPeY/3Tcp//leED+cTzEE34djzDx4HiMrTdx7OPF08c8kapop1rGSicbmR3K6Mq8VFup21zVYh7MLgtrWUsdGZmI3Um0x2xhTCpSrSqxUrWRZalEo1UhYxPsjWmWYZg6P4hVhSNyJJBQKNBiCk2OqTTdDTnjX5SIqLuSXbUtWdPNqWsI/n+AWWfHmlzbrgiGd8KuHU48W/ZlWNA1SKlTZhQq0spOP6dLbkWnsbXCzjV8c2+7GiwRcqdX+cC+Xv0Be51w9gAAeJx9x0sOgCAMRdE+/GCUrbCoRprIgJRUZP0OSBx6R+eSo/88HCbMWLDCYyPPPVaxsvecRAf5SXkwmJxqKd6NrR3faA310qbx5CLGRC+J7hkhAAAA) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
+  src: url("font/videojs-record.eot?#iefix") format("eot"); }
+@font-face {
+  font-family: videojs-record;
+  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAARUAAoAAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWOp9HUWNtYXAAAAE0AAAAOgAAAUriFxC2Z2x5ZgAAAXAAAADNAAABKHtQINdoZWFkAAACQAAAAC4AAAA2BTdHq2hoZWEAAAJwAAAAGgAAACQAYQA3aG10eAAAAowAAAAOAAAAGAEgAABsb2NhAAACnAAAAA4AAAAOARgAtG1heHAAAAKsAAAAHwAAACABEwAwbmFtZQAAAswAAAE2AAACXplCUC5wb3N0AAAEBAAAAE0AAABuZWTrn3icY2BkMGCcwMDKwMEgx6DIwMDABqXFGZgYeBiABCszA1YQkOaawuDwkfEjK4MBkMsCJhkYGEEEAMhBBW8AAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6y/v8PUvCREUTzM0DVAwEjG8OIBwBzoga8AAB4nD1P22rDMAyVUuFr8IpxPJeyMezilC3swUnWh9H//60qpa0uB0lIOhzoYLMJvuEIBeBSxiJL/sDwj2sd59gus5DD3K64yJAZ23AW1JMgchoJHad2tFeqElEi6oyUptvKPZEi4u/44JhAMUMWIba/pSZtrbd22sBbeO2d2He8Nw+lT+mUnvMz/MIbz1f5vsaQx/J4Y4yNSNppXZUxCqOVmju+2L14CQIc+Da0Ja9PfZumHxxlXVrw/V3SFzEK7ZPo3V0Nxyd6DzergxO0AAAAeJxjYGRgYADitLKumfH8Nl8ZuBkMgCIMl761aiDTDDoMekCSg4EJxAEAIUsJKgAAeJxjYGRgYDAAYhYwycCgw8DIgArYAA6OAJkAAHicYzBgYGDAggEOuAEhAAAAAAAAADIARgBSAG4AlAAAeJxjYGRgYGBjUGFgZgABJiDmAkIGhv9gPgMADLUBRAB4nH2QP2rDMBjFn/OvNIZSKO2UQVDoUmInGUPnBDpmyO7YsmNjW0ZWArlBD9IT9BAde5Ceoi+qlmSwBNLvve99n0AA7vEND+fl4c6e59XDDdU/90mPjgfkZ8dD+Jg7HtF/czzGK94d+3jAgRO8wS2dCT4c95j/dNyn/+V4QP5xPMQTfh2PMPHgeIytN3Hs48XTxzyRqminWsZKJxuZHcroyrxUW6nbXNViHswuC2tZSx0ZmYjdSbTHbGFMKlKtKrFStZFlqUSjVSFjE+yNaZZhmDo/iFWFI3IkkFAo0GIKTY6pNN0NOeNflIiou5JdtS1Z082pawj+f4BZZ8eaXNuuCIZ3wq4dTjxb9mVY0DVIqVNmFCrSyk4/p0tuRaextcLONXxzb7saLBFyp1f5wL5e/QF7nXD2AAB4nH3HMQqAMAxG4aRql/YqPVRIAzqUlN8geHsHwdE3fY8S/ZeJOPHCK2+cS7frUGvTMCpMHb2dIYjyjc8ydw9vsMBdX6sMgxA9BCcXRQAAAA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal; }
-.vjs-icon-av-perm {
+.vjs-icon-device-perm {
  font-family: videojs-record;
  font-weight: normal;
  font-style: normal; }

-.vjs-icon-av-perm:before {
-  content: "\f101"; }
-
-.vjs-icon-video-perm {
-  font-family: videojs-record;
-  font-weight: normal;
-  font-style: normal; }
-
-.vjs-icon-video-perm:before {
-  content: "\f102"; }
-
-.vjs-icon-audio-perm {
-  font-family: videojs-record;
-  font-weight: normal;
-  font-style: normal; }
-
-.vjs-icon-audio-perm:before {
-  content: "\f103"; }
+.vjs-icon-device-perm:before {
+  content: '\f101'; }

 .vjs-icon-record-start {
  font-family: videojs-record;
@@ -11576,7 +11563,7 @@ coloring of icons.
  font-style: normal; }

 .vjs-icon-record-start:before {
-  content: "\f104"; }
+  content: '\f102'; }

 .vjs-icon-record-stop {
  font-family: videojs-record;
@@ -11584,7 +11571,15 @@ coloring of icons.
  font-style: normal; }

 .vjs-icon-record-stop:before {
-  content: "\f105"; }
+  content: '\f103'; }
+
+.vjs-icon-photo-retry {
+  font-family: videojs-record;
+  font-weight: normal;
+  font-style: normal; }
+
+.vjs-icon-photo-retry:before {
+  content: '\f104'; }

 .vjs-icon-photo-camera {
  font-family: videojs-record;
@@ -11592,7 +11587,7 @@ coloring of icons.
  font-style: normal; }

 .vjs-icon-photo-camera:before {
-  content: "\f106"; }
+  content: '\f105'; }

 /* Area containing the recorder elements.
 --------------------------------------------------------------------------------
@@ -11613,34 +11608,6 @@ coloring of icons.
  left: 0px;
  height: 100%; }

-/* Position fullscreen control on right side of the player.
--------------------------------------------------------------------------------
-*/
-.video-js .vjs-control.vjs-fullscreen-control {
-  position: absolute;
-  right: 0; }
-
-/* Ensure custom controls are always visible because
-   the plugin hides and replace the video.js native mobile
-   controls.
--------------------------------------------------------------------------------
-*/
-.vjs-using-native-controls .vjs-control-bar {
-  display: flex !important; }
-
-/* Handle responsive / fluid view.
--------------------------------------------------------------------------------
-*/
-.vjs-fluid wave.vjs-wavedisplay,
-.vjs-fluid .vjs-record-canvas > canvas:nth-child(1),
-.vjs-fluid .vjs-animation-display > img:nth-child(1) {
-  top: 0;
-  position: absolute !important;
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-  height: 100%; }
-
 /* Device Button (large centered button at startup)
 --------------------------------------------------------------------------------
 */
@@ -11653,7 +11620,7 @@ coloring of icons.
  /* Center it horizontally */
  left: 50%;
  width: 4em;
-  height: 2.8em;
+  height: 3.0em;
  margin-top: -1.8000000000000001em;
  margin-left: -2.1em;
  display: block;
@@ -11682,11 +11649,6 @@ coloring of icons.
 .vjs-error .vjs-device-button {
  display: none; }

-button.vjs-device-button.vjs-control.vjs-icon-av-perm:before,
-button.vjs-device-button.vjs-control.vjs-icon-audio-perm:before,
-button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
-  font-size: 2.4em; }
-
 /* Record Toggle (start/stop recording button in controlbar)
 --------------------------------------------------------------------------------
 */
@@ -11700,14 +11662,7 @@ button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
  font-size: 1.4em;
  line-height: 2.2em; }

-.vjs-record-button.vjs-control.vjs-icon-record-stop:before {
-  font-size: 2.2em;
-  line-height: 1.4em; }
-
-.vjs-play-control.vjs-control {
-  cursor: pointer; }
-
-/* Camera Button (snapshot try/retry)
+/* Camera Toggle (snapshot try/retry)
 --------------------------------------------------------------------------------
 */
 .vjs-camera-button.vjs-control {
@@ -11716,15 +11671,7 @@ button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
 .vjs-error .vjs-camera-button {
  display: none; }

-.vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {
-  font-size: 2.0em;
-  line-height: 1.4em; }
-
-.vjs-camera-button.vjs-control.vjs-icon-replay:before {
-  font-size: 2.2em;
-  line-height: 1.4em; }
-
-/* Record Indicator (dot in top-right corner visible when recording)
+/* Recording Indicator (dot in top-right corner visible when recording)
 --------------------------------------------------------------------------------
 */
 .vjs-record {
@@ -11757,7 +11704,7 @@ button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
  animation-name: pulsetext;
  animation-duration: 5s;
  animation-iteration-count: infinite;
-  top: -0.1em;
+  top: -0.3em;
  font-size: 0.8em;
  opacity: 1;
  transition: opacity .5s .2s; }
@@ -13182,7 +13129,7 @@ a.link-white-underline {
  padding-top: 10px; }

 .profil-company {
-  padding: 0 40px; }
+  padding: 0 20px; }

 /*************************** FLEX ****************************/
 .flexcontainer {
@@ -14039,6 +13986,16 @@ a.link-white-underline {
 .items-list-dark .item-list p.item-list-name, .items-list-dark .item-list p.item-list-city {
  border-color: #AAAAAA; }

+#header-resultats {
+  display: flex;
+  flex-direction: row;
+  justify-items: flex-end;
+  justify-content: space-between;
+  margin-bottom: 15px;
+  font-size: 1rem; }
+  #header-resultats a {
+    color: #000; }
+
 #liste-resultats .item-list-bis {
  margin-bottom: 20px;
  background: #FFFFFF;
@@ -14378,7 +14335,7 @@ a.link-white-underline {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
-    width: 110%;
+    width: 90vw;
    display: block;
    text-align: center;
    color: #000;
@@ -14387,45 +14344,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 {
@@ -14458,7 +14416,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 {
@@ -14477,7 +14435,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 {
@@ -15740,7 +15701,8 @@ table.highlight > tbody > tr:hover {
  font-size: 13px; }
 #ad_show .brandImage {
  position: relative;
-  margin: 2px; }
+  margin: 2px;
+  margin-top: 15px; }
  #ad_show .brandImage a {
    display: block; }
    #ad_show .brandImage a img {
@@ -15818,6 +15780,21 @@ table.highlight > tbody > tr:hover {
      width: 101px;
      height: 101px; }

+.item-detail-ispromoted {
+  display: block;
+  text-align: center;
+  padding: 10px 20px;
+  color: #ff9800;
+  border: 1px solid #ff9800;
+  border-radius: 6px;
+  text-transform: uppercase;
+  font-size: 1.1rem; }
+
+#ad_show .row-promoted {
+  padding-bottom: 40px; }
+  #ad_show .row-promoted h3 span {
+    text-decoration: none; }
+
 #company_show .chip {
  font-size: 14px; }
 #company_show h3 {
@@ -15837,6 +15814,11 @@ table.highlight > tbody > tr:hover {
  font-size: 16px;
  margin: 20px 0; }

+#company_show .row-promoted {
+  padding-bottom: 40px; }
+  #company_show .row-promoted h3 span {
+    text-decoration: none; }
+
 #page-static {
  font-size: 14px;
  /***** OLD STEP *****/ }
@@ -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>
@@ -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>
@@ -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;
+}
@@ -70,7 +70,7 @@
 }

 .profil-company {
-  padding: 0 40px;
+  padding: 0 20px;
 }

 /*************************** FLEX ****************************/
@@ -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;
  }
@@ -55,6 +55,17 @@
  }
 }

+#header-resultats{
+  display: flex;
+  flex-direction: row;
+  justify-items: flex-end;
+  justify-content: space-between;
+  margin-bottom: 15px;
+  font-size: 1rem;
+  a{
+    color: #000;
+  }
+}
 #liste-resultats {
  .item-list-bis {
    margin-bottom: 20px;
@@ -212,4 +212,3 @@
    }
  }
 }
-
@@ -28,6 +28,7 @@
  .brandImage {
    position: relative;
    margin: 2px;
+    margin-top: 15px;
    a {
      display: block;
      img {
@@ -122,3 +123,23 @@
    }
  }
 }
+
+.item-detail-ispromoted{
+  display: block;
+  text-align: center;
+  padding: 10px 20px;
+  color: $orange;
+  border: 1px solid $orange;
+  border-radius: 6px;
+  text-transform: uppercase;
+  font-size: 1.1rem;
+}
+
+#ad_show  .row-promoted{
+  h3{
+    span{
+      text-decoration: none;
+    }
+  }
+  padding-bottom: 40px;
+}
@@ -28,4 +28,13 @@
      margin: 20px 0;
    }
  }
+}
+
+#company_show  .row-promoted{
+  h3{
+    span{
+      text-decoration: none;
+    }
+  }
+  padding-bottom: 40px;
 }
Author	SHA1	Message	Date
Thomas MONCHICOURT	5cb2f6d2cb	Fix : style detail annonce	2018-05-25 15:23:12 +02:00
Thomas MONCHICOURT	b070ae8e28	Fix : du fix …	2018-05-25 15:19:00 +02:00
Thomas MONCHICOURT	5b9c7e57fe	Fix : check si variable existe	2018-05-25 15:15:32 +02:00
Thomas MONCHICOURT	8f8e2c3b2f	Merge branch 'feat/offres_pourvues' into develop # Conflicts: # volume/www/website/www/src/AppBundle/Utils/Services/AdSearcher.php	2018-05-25 15:15:05 +02:00
Thomas MONCHICOURT	d0e7ee8b74	Fix : libelle	2018-05-25 15:06:40 +02:00
Thomas MONCHICOURT	c0445c9ad3	Fix : orthographe	2018-05-25 15:03:44 +02:00
Thomas MONCHICOURT	65dfac1af5	Feat : mise en place de la page de detail ad et company #5964 @0h20	2018-05-25 14:50:05 +02:00
Thomas MONCHICOURT	50831adf20	Feat : Page de detail annonce #5964 @0h20	2018-05-25 12:33:12 +02:00
Thomas MONCHICOURT	6f7d329cc6	Feat : Mise en place d’un champ type privé pour ad et company #6472 @1h10	2018-05-25 11:33:39 +02:00
Thomas MONCHICOURT	5f2e5fddbf	Feat: filtre offres pourvues #5964	2018-05-25 10:27:59 +02:00
Thomas MONCHICOURT	e905cb063c	feat : Modification de la recherche #5964 @0h20	2018-05-24 17:01:53 +02:00
Thomas MONCHICOURT	44ae8a01fb	Merge branch 'master' into develop	2018-05-24 16:36:55 +02:00
Thomas MONCHICOURT	703b8891e6	Feat : Nouvelles fleches + recherche non fixe pour mobile #5966 @2h	2018-05-24 16:21:52 +02:00
Thomas MONCHICOURT	724e175a6c	Feat : Ajout liens territoires dans le footer #5963 @0h10	2018-05-23 17:22:31 +02:00
Thomas MONCHICOURT	e9a7da75bc	Feat : remise en ligne annonce rocher	2018-05-18 12:26:34 +02:00
Thomas MONCHICOURT	5612f87999	Fix : probleme connexion user admin	2018-05-02 15:09:54 +02:00
Thomas MONCHICOURT	b63983b61e	Feat : modification profil talent #6313 @0h15	2018-05-02 14:19:00 +02:00
Thomas MONCHICOURT	43858b06ff	Feat : modification Css	2018-04-30 15:21:57 +02:00
				`@@ -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>