Compare commits

..

2 Commits

Author SHA1 Message Date
llaniau d28a6cfc1b Menu et header de la pages recruteur 2021-03-29 12:17:43 +02:00
llaniau e6409a6124 image page accueil recruteur 2021-03-29 11:47:06 +02:00
23 changed files with 365 additions and 187 deletions
@@ -13,7 +13,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/recrutement-long-et-difficile.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Recrutements longs et difficiles ?</p>
</div>
@@ -24,7 +24,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/metier-en-tension.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Métier en tension, méconnu, dévalorisé ?</p>
</div>
@@ -35,7 +35,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/penurie-main-oeuvre.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Développement menacé par une pénurie de main-d'œuvre ?</p>
</div>
@@ -46,7 +46,7 @@
<div class="col-sm-6 col-lg-4 mb-7 mb-lg-0">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/trop-candidats-non-cibles.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Trop de candidats non ciblés ?</p>
</div>
@@ -57,7 +57,7 @@
<div class="col-sm-6 col-lg-4 mb-7 mb-md-0">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/talents-introuvables.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Talents introuvables ?</p>
</div>
@@ -68,9 +68,9 @@
<div class="col-sm-6 col-lg-4">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/methode-de-recrutement-traditionnel.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Méthodes de recrutement traditionnelles sans résultats ?</p>
<p class="mb-0">Méthodes de recrutement traditionnelles sans résultat ?</p>
</div>
</div>
<!-- End Icon Block -->
@@ -7,7 +7,7 @@
</div>
<div class="col-md-6 col-lg-5 mb-2 mb-md-0">
<img class="img-fluid"
src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo">
src="{{ asset('v2/png/offre-emploi-en-video.jpg') }}" alt="Marque employeur vidéo">
</div>
<div class="col-md-6">
<h3 class="h5">Publiez une offre demploi vidéo :</h3>
@@ -0,0 +1,20 @@
<!-- Accueil Photo Haut Section -->
<div class="bg-img-hero-center" style="background-image: url({{ asset(urlImage)}} ">
<div class="container space-2 space-5-top--lg space-4-bottom--lg">
<div class="w-md-75">
<!-- Title -->
<div class="mb-7">
{# <span class="d-block text-white text-uppercase mb-2">Talents tube</span> #}
<h1 class="display-4 font-size-48--md-down text-white mb-4">
<strong class="">{{textParDefaut}}</strong>
<br>{{textVideo}}
</h1>
</div>
<!-- End Title -->
</div>
</div>
</div>
<!-- End Accueil Photo Haut Section -->
@@ -30,40 +30,40 @@
<div class="cbp-wrapper-outer">
<div class="cbp-wrapper">
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 0px; top: 0px;">
<div class="cbp-item" style="width: 220px; left: 0px; top: 0px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x227/talentstube-recrutement-video-equipe.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x227/talentstube-recrutement-video-equipe.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 277px; top: 0px;">
<div class="cbp-item" style="width: 220px; left: 235px; top: 0px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x360/recrutement-video-franck-delalande.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x360/recrutement-video-franck-delalande.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 0px; top: 172px;">
<div class="cbp-item" style="width: 220px; left: 0px; top: 146px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x360/plateforme-recrutement-video-morbihan.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x360/plateforme-recrutement-video-morbihan.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 277px; top: 263px;">
<div class="cbp-item" style="width: 220px; left: 235px; top: 223px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x227/recrutement-video-equipe.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x227/recrutement-video-equipe.jpg') }}" alt="Image Description">
</div>
</div>
</div>
@@ -1,13 +1,13 @@
<div class="accueilFondBleute">
<div class="container">
<div class="row justify-content-md-between align-items-md-center">
<div class="w-md-80 w-lg-60 text-center mx-md-auto ">
<div class="w-md-80 w-lg-60 text-center mx-md-auto ">
<h2 class="h3">Grâce au recrutement vidéo, <br>vous allez enfin trouver les talents<br> au service de vos
ambitions !</h2>
<p class="lead"></p>
</div>
<div class="col-lg-6 order-md-1 pb-5">
<img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo">
<div class="row justify-content-md-between align-items-md-center">
<div class="col-lg-6 order-md-1">
<img class="img-fluid" src="{{ asset('v2/png/trouver-les-candidats-avec-offre-emploi-video.jpg') }}" alt="Marque employeur vidéo">
</div>
<div class="col-lg-6 order-md-2">
<h3 class="h5"></h3>
@@ -1,15 +1,19 @@
<div class="accueilFondBleute">
<div class="container">
<div class="w-md-80 w-lg-60 text-center mx-md-auto mb-5">
<h2 class="h3">Adoptez dès maintenant le recrutement vidéo</h2>
<p class="lead">Plus personnel, plus impliquant et plus authentique</p>
<div class="container">
<div class="w-md-80 w-lg-60 text-center mx-md-auto">
<h2 class="h3">Adoptez dès maintenant le recrutement vidéo</h2>
<p class="lead">Plus personnel, plus impliquant et plus authentique</p>
</div>
<div class="bg-gray-100 shadow-lg rounded">
<!-- Individual -->
<div id="pricingIndividual" data-target-group="idPricing">
<div class="js-slick-carousel u-slick u-slick--gutters" data-slides-show="3" data-slides-scroll="1"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0" data-responsive='[{
<div class="bg-gray-100 shadow-lg rounded">
<!-- Individual -->
<div id="pricingIndividual" data-target-group="idPricing">
<div class="js-slick-carousel u-slick u-slick--gutters"
data-slides-show="3"
data-slides-scroll="1"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 3
@@ -30,117 +34,117 @@
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Jusqu'à 3 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
99€
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Jusqu'à 3 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
99€
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 1 à 3 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 1 à 3 vidéos
offre demploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">De 4 à 9 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
199€
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">De 4 à 9 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
199€
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 4 à 9 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 4 à 9 vidéos
offre demploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Plus de 10 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
Sur devis
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Plus de 10 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
Sur devis
</span>
<span class="d-block text-secondary font-size-14">&nbsp;</span>
</span>
<span class="d-block text-secondary font-size-14">&nbsp;</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 10 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 10 vidéos
offre demploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
</div>
<!-- End Individual -->
</div>
<!-- End Individual -->
</div>
</div>
<!-- End Pricing Section -->
<!-- End Pricing Section -->
</div>
</div>
@@ -2,22 +2,26 @@
{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
{% block meta %}
<meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos doffres demploi et marque employeur pour attirer les meilleurs talents en vidéo.">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@TalentsTube">
<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
<meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos doffres demploi et marque employeur pour attirer les meilleurs talents en vidéo.">
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
<meta name="description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo.">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@TalentsTube">
<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
<meta name="twitter:description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo.">
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
<meta property="og:title" content="Espace recruteur - Adoptez le recrutement vidéo | Talents Tube" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
<meta property="og:description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo." />
<meta property="og:site_name" content="Talents Tube" />
<meta property="og:url"
content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
<meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
<meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos doffres demploi et marque employeur pour attirer les meilleurs talents en vidéo." />
<meta property="og:site_name" content="Talents Tube" />
<meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{% endblock %}
{% block content %}
<main id="content">
@@ -39,7 +43,7 @@
{% include 'defaultv2/accueil/blocTarifs.html.twig' %}
{% include 'defaultv2/accueil/blocAction.html.twig' %}
</main>
<!-- ========== END MAIN CONTENT ========== -->
@@ -93,17 +97,9 @@ with {
<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
<!-- JS Plugins Init. -->
<script>
// initialization of google map
{# function initMap() {
$.HSCore.components.HSGMap.init('.js-g-map');
} #}
$(window).on('load', function () {
// initialization of HSMegaMenu component
$('.js-mega-menu').HSMegaMenu({
@@ -158,7 +154,13 @@ with {
$('.u-text-animation.u-text-animation').html("");
// initialization of text animation (typing)
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
typeSpeed: 60,
loop: true,
backSpeed: 25,
backDelay: 3000
});
// initialization of cubeportfolio
$.HSCore.components.HSCubeportfolio.init('.cbp');
@@ -166,24 +168,22 @@ with {
// initialization of go to
$.HSCore.components.HSGoTo.init('.js-go-to');
});
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
$("#logoAndNav").css("background-color",
"transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color", "#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
$("#sidebarNavToggler").css("color", "#000");
}
});
});
</script>
{% endblock %}
@@ -21,7 +21,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/candidature-offre-emploi-video.jpg',
'textParDefaut' : 'Recevez des candidatures',
@@ -182,7 +182,7 @@ with {
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#logoAndNav").css("background-color","transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
@@ -21,7 +21,7 @@
{% endblock %}
{% block content %}
<main id="content">
{% include 'defaultv2/concept/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
'textParDefaut' : 'Recrutez les candidats',
@@ -180,7 +180,7 @@ with {
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#logoAndNav").css("background-color","transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
@@ -6,12 +6,14 @@
</a>
<!-- End Skippy -->
<!-- ========== HEADER ========== -->
<header id="header" class="u-header u-header--modern u-header--bordered u-header--bg-transparent u-header--white-nav-links u-header--sticky-top-lg">
<div class="u-header__section">
<div class="u-header__section headerrecruteur">
<div id="logoAndNav" class="container-fluid">
<!-- Nav -->
<nav class="js-mega-menu navbar navbar-expand-lg u-header__navbar">
<nav class=" js-mega-menu navbar navbar-expand-lg u-header__navbar hs-menu-initialized hs-menu-horizontal hs-mobile-state">
<!-- Logo -->
<div class="u-header__navbar-brand-wrapper">
<a class="navbar-brand u-header__navbar-brand" href="/" aria-label="TT">
@@ -45,7 +47,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('concept') }}">
Le concept
Concept
</a>
</li>
<!-- End Home -->
@@ -55,7 +57,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('offresVideo') }}">
L'Offre d'emploi
Offre d'emploi
</a>
</li>
@@ -64,9 +66,9 @@
<!-- Pages -->
<li class="nav-item u-header__nav-item">
<a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="{{ path('employeurVideo') }}"
aria-haspopup="true"
aria-expanded="false">
La Marque employeur
aria-haspopup="true"
aria-expanded="false">
Marque employeur
</a>
</li>
@@ -78,7 +80,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="worksMegaMenu" class="nav-link u-header__nav-link" href="{{ path('candidaturesVideo') }}">
La Candidature
Candidature
</a>
@@ -93,7 +95,7 @@
data-animation-out="fadeOut">
<a id="blogMegaMenu" class="nav-link u-header__nav-link" href="https://blog.talentstube.com/" target="_blank">
Blog
</a>
@@ -101,19 +103,19 @@
<!-- End Blog -->
<!-- Button -->
<li class="nav-item u-header__nav-item-btn">
<!-- Button -->
<!--<li class="nav-item u-header__nav-item-btn">
<a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button">
{# <i class="fa fa-user-circle mr-1"></i> #}
Contactez-nous
</a>
</li>
</li>-->
<!-- End Button -->
<!-- Button -->
<li class="nav-item u-header__nav-item-btn">
<a class="btn btn-sm btn-primary" href="#signupModal" role="button"
data-modal-target="#signupModal"
data-overlay-color="#151b26">
data-modal-target="#signupModal"
data-overlay-color="#151b26">
{# <i class="fa fa-user-circle mr-1"></i> #}
Connexion recruteurs
</a>
@@ -24,7 +24,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/video-marque-employeur.jpg',
'textParDefaut' : 'Révélez votre marque employeur ',
@@ -184,7 +184,7 @@ with {
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#logoAndNav").css("background-color","transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
@@ -21,7 +21,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/attirer-les-candidats-avec-une-offre-emploi-video.jpg',
'textParDefaut' : 'Attirez des talents',
@@ -180,7 +180,7 @@ with {
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#logoAndNav").css("background-color","transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
@@ -346,7 +346,7 @@ with {
$(document).ready(function () {
$(window).scroll(function () { // check if scroll event happened
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#logoAndNav").css("background-color","transparent"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
$("#sidebarNavToggler").css("color","#fff");
} else {
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+23 -13
View File
@@ -4853,7 +4853,7 @@ input[type="button"].btn-block {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 100px;
padding-left: 0 !important;
margin-bottom: 0;
list-style: none;
}
@@ -13069,8 +13069,8 @@ button:focus {
.u-header__section {
z-index: 1;
background-image: linear-gradient(to bottom, rgba(30,35,39,0.7), rgba(30,35,39,0));
/* background-color: f8f8f8; */
/*background-image: linear-gradient(to bottom, rgba(30,35,39,0.7), rgba(30,35,39,0)); */
background-color: #313940;
font-size: 19px;
color:#fff
@@ -13093,7 +13093,8 @@ button:focus {
}
.u-header__navbar-brand-mobile {
width: 3.125rem;
/*width: 3.125rem;*/
width: auto;
}
.u-header__navbar-nav {
@@ -13124,9 +13125,9 @@ button:focus {
/* Nav Link */
.u-header__nav-link {
color: #D2D3D3;
font-size : 19px;
font-size: 1rem;
font-weight: 600;
font-size : 16px;
/*font-size: 1rem;*/
font-weight: 400;
}
.u-header__nav-link-icon {
@@ -13806,8 +13807,8 @@ button:focus {
flex: 0 0 auto;
width: auto;
max-width: none;
-ms-flex-order: 3;
order: 3;
-ms-flex-order: 1;
order: 1;
}
.navbar-expand-lg .u-header__navbar-brand {
padding-top: 1rem;
@@ -13822,10 +13823,14 @@ button:focus {
margin-left: auto;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 0.6rem;
padding-left: 0.6rem;
/*padding-right: 0.875rem;
padding-left: 0.875rem;*
padding-top: 1.375rem;
padding-bottom: 1.375rem;*/
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
@@ -14170,6 +14175,11 @@ button:focus {
}
}
.headerrecruteur{
padding-top:.3125rem;
padding-bottom:.3125rem;
}
@media (max-width: 767.98px) {
.u-header--modern .navbar-expand-md.u-header__navbar {
padding-top: 0;
Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

@@ -0,0 +1,57 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-methode-de-recrutement-traditionnel">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="methode-de-recrutement-traditionnel" clip-path="url(#clip-methode-de-recrutement-traditionnel)">
<rect width="115" height="115" fill="#fff"/>
<g id="_007-approved" data-name="007-approved" transform="translate(24.211 17.861)">
<g id="Groupe_8410" data-name="Groupe 8410" transform="translate(0 25.859)">
<g id="Groupe_8409" data-name="Groupe 8409">
<path id="Tracé_782" data-name="Tracé 782" d="M46.643,167.454a1.547,1.547,0,1,0,.454,1.095A1.559,1.559,0,0,0,46.643,167.454Z" transform="translate(-44 -167)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8412" data-name="Groupe 8412" transform="translate(0)">
<g id="Groupe_8411" data-name="Groupe 8411">
<path id="Tracé_783" data-name="Tracé 783" d="M105.008,0H73.678a1.548,1.548,0,1,0,0,3.1h31.33a1.55,1.55,0,0,1,1.548,1.548V74.634a1.55,1.55,0,0,1-1.548,1.548H48.645A1.55,1.55,0,0,1,47.1,74.634V33.188a1.548,1.548,0,1,0-3.1,0V74.634a4.651,4.651,0,0,0,4.645,4.645h56.362a4.651,4.651,0,0,0,4.645-4.645V4.645A4.651,4.651,0,0,0,105.008,0Z" transform="translate(-44)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8414" data-name="Groupe 8414" transform="translate(12.495 6.194)">
<g id="Groupe_8413" data-name="Groupe 8413">
<path id="Tracé_784" data-name="Tracé 784" d="M145.027,40a20.843,20.843,0,0,0-3.147.239,1.548,1.548,0,0,0,.469,3.061,17.711,17.711,0,0,1,2.678-.2A17.487,17.487,0,0,1,158.41,71.853a15.514,15.514,0,0,0-8.083-6.765,7.564,7.564,0,0,0,2.288-5.423v-1.51a7.587,7.587,0,1,0-15.174,0v1.51a7.563,7.563,0,0,0,2.288,5.423,15.517,15.517,0,0,0-8.1,6.792,17.44,17.44,0,0,1-3.857-8.369,1.548,1.548,0,0,0-3.054.512A20.6,20.6,0,1,0,145.027,40Zm-4.49,18.155a4.49,4.49,0,1,1,8.981,0v1.51a4.49,4.49,0,1,1-8.981,0Zm4.49,19.936a17.476,17.476,0,0,1-11.1-3.946,12.385,12.385,0,0,1,22.189-.026A17.416,17.416,0,0,1,145.027,78.091Z" transform="translate(-124.696 -40)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8416" data-name="Groupe 8416" transform="translate(23.591 61.627)">
<g id="Groupe_8415" data-name="Groupe 8415">
<path id="Tracé_785" data-name="Tracé 785" d="M219.893,398H197.905a1.548,1.548,0,1,0,0,3.1h21.988a1.548,1.548,0,1,0,0-3.1Z" transform="translate(-196.357 -398.002)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8418" data-name="Groupe 8418" transform="translate(16.977 52.956)">
<g id="Groupe_8417" data-name="Groupe 8417">
<path id="Tracé_786" data-name="Tracé 786" d="M156.283,342.454a1.547,1.547,0,1,0,.454,1.095A1.559,1.559,0,0,0,156.283,342.454Z" transform="translate(-153.64 -342)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8420" data-name="Groupe 8420" transform="translate(16.977 61.627)">
<g id="Groupe_8419" data-name="Groupe 8419">
<path id="Tracé_787" data-name="Tracé 787" d="M156.283,398.454a1.547,1.547,0,1,0,.454,1.095A1.557,1.557,0,0,0,156.283,398.454Z" transform="translate(-153.64 -398)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8422" data-name="Groupe 8422" transform="translate(23.591 52.956)">
<g id="Groupe_8421" data-name="Groupe 8421">
<path id="Tracé_788" data-name="Tracé 788" d="M219.893,342H197.905a1.548,1.548,0,1,0,0,3.1h21.988a1.548,1.548,0,0,0,0-3.1Z" transform="translate(-196.357 -342.002)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8424" data-name="Groupe 8424" transform="translate(6.614 8.47)">
<g id="Groupe_8423" data-name="Groupe 8423">
<path id="Tracé_789" data-name="Tracé 789" d="M98.315,55.154a1.549,1.549,0,0,0-2.19,0L91.083,60.2,89.36,58.474a1.549,1.549,0,1,0-2.19,2.19l2.818,2.818a1.549,1.549,0,0,0,2.19,0l6.138-6.138A1.549,1.549,0,0,0,98.315,55.154Z" transform="translate(-86.716 -54.701)" fill="#1789fb"/>
</g>
</g>
<g id="Groupe_8426" data-name="Groupe 8426" transform="translate(0)">
<g id="Groupe_8425" data-name="Groupe 8425">
<path id="Tracé_790" data-name="Tracé 790" d="M56.7,0a12.7,12.7,0,1,0,12.7,12.7A12.711,12.711,0,0,0,56.7,0Zm0,22.3a9.6,9.6,0,1,1,9.6-9.6A9.611,9.611,0,0,1,56.7,22.3Z" transform="translate(-44 0)" fill="#1789fb"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-metier-en-tension">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="metier-en-tension" clip-path="url(#clip-metier-en-tension)">
<rect width="115" height="115" fill="#fff"/>
<g id="_001-high-voltage" data-name="001-high-voltage" transform="translate(20.27 22.373)">
<g id="Groupe_8431" data-name="Groupe 8431" transform="translate(0 0)">
<g id="Groupe_8430" data-name="Groupe 8430">
<path id="Tracé_795" data-name="Tracé 795" d="M73.651,79.969,43.1,24.68a6.488,6.488,0,0,0-5.675-3.346h-.388a6.487,6.487,0,0,0-5.675,3.348L.809,79.969a6.483,6.483,0,0,0,5.675,9.619H67.976a6.484,6.484,0,0,0,5.675-9.619Zm-5.675,6.517H6.484a3.383,3.383,0,0,1-2.96-5.017L34.076,26.183a3.386,3.386,0,0,1,2.96-1.747h.388a3.387,3.387,0,0,1,2.96,1.745L70.936,81.469a3.383,3.383,0,0,1-2.96,5.017Z" transform="translate(0 -21.334)" fill="#1789fb"/>
<path id="Tracé_796" data-name="Tracé 796" d="M193.939,186.178h-7.017l5.354-13.386a1.55,1.55,0,0,0-1.439-2.127H179.978a1.552,1.552,0,0,0-1.46,1.03l-7.756,21.717a1.549,1.549,0,0,0,1.46,2.072h7.017l-5.354,13.386a1.551,1.551,0,0,0,2.618,1.585l18.615-21.717a1.552,1.552,0,0,0-1.179-2.56Zm-13.695,15.144,2.724-6.812a1.55,1.55,0,0,0-1.439-2.127h-7.1l6.647-18.615h7.474l-5.354,13.386a1.55,1.55,0,0,0,1.439,2.127h5.935Z" transform="translate(-145.85 -148.948)" fill="#1789fb"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-penurie-main-oeuvre">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="penurie-main-oeuvre" clip-path="url(#clip-penurie-main-oeuvre)">
<rect width="115" height="115" fill="#fff"/>
<g id="_002-puzzle" data-name="002-puzzle" transform="translate(24.035 17.34)">
<path id="Tracé_797" data-name="Tracé 797" d="M178.729,288.893,176.052,299.6a1.338,1.338,0,0,0,1.622,1.622l5.354-1.339a1.339,1.339,0,1,0-.648-2.6l-3.191.8,2.142-8.545a1.339,1.339,0,1,0-2.6-.648Zm0,0" transform="translate(-146.562 -239.688)" fill="#1789fb"/>
<path id="Tracé_798" data-name="Tracé 798" d="M100.382,272.032a1.329,1.329,0,0,0-1.626.967c-.011.043-1.143,4.344-4.056,4.344s-4.045-4.3-4.056-4.344a1.339,1.339,0,0,0-2.6.652c.064.261,1.649,6.369,6.653,6.369s6.588-6.108,6.653-6.369A1.339,1.339,0,0,0,100.382,272.032Zm0,0" transform="translate(-73.282 -226.476)" fill="#1789fb"/>
<path id="Tracé_799" data-name="Tracé 799" d="M238.7,280.021c5,0,6.588-6.108,6.653-6.369a1.339,1.339,0,0,0-2.6-.652c-.011.043-1.143,4.344-4.056,4.344s-4.045-4.3-4.056-4.344a1.339,1.339,0,0,0-2.6.652C232.111,273.913,233.7,280.021,238.7,280.021Zm0,0" transform="translate(-193.187 -226.476)" fill="#1789fb"/>
<path id="Tracé_800" data-name="Tracé 800" d="M61.584,38.982V30.788c0-3.711-8.461-5.377-16.063-6.127V20.079a1.339,1.339,0,0,0-1.339-1.339,2.677,2.677,0,0,1,0-5.354,1.339,1.339,0,0,0,1.339-1.339V5.354a1.339,1.339,0,0,0-1.339-1.339H38.658a5.355,5.355,0,0,0-10.369,0H22.764a1.339,1.339,0,0,0-1.339,1.339v5.524a5.355,5.355,0,0,0,0,10.369v3.413c-7.6.75-16.063,2.416-16.063,6.127v8.194c-3.05.747-5.354,3.988-5.354,7.87,0,3.933,2.369,7.207,5.488,7.9a28.1,28.1,0,0,0,55.965,0c3.108-.69,5.477-3.965,5.477-7.9C66.938,42.97,64.634,39.729,61.584,38.982ZM5.362,51.876a5.467,5.467,0,0,1-2.677-5.025,5.468,5.468,0,0,1,2.677-5.025ZM20.087,16.063a2.677,2.677,0,0,1,2.677-2.677A1.339,1.339,0,0,0,24.1,12.048V6.693h5.354A1.339,1.339,0,0,0,30.8,5.354a2.677,2.677,0,1,1,5.354,0,1.339,1.339,0,0,0,1.339,1.339h5.354v4.186a5.355,5.355,0,0,0,0,10.369v4.186H37.489a1.339,1.339,0,0,0-1.339,1.339,2.677,2.677,0,0,1-5.354,0,1.339,1.339,0,0,0-1.339-1.339H24.1V20.079a1.339,1.339,0,0,0-1.339-1.339A2.677,2.677,0,0,1,20.087,16.063Zm38.82,36.143a25.434,25.434,0,0,1-50.867,0V33.95c6.839,3.479,24.509,3.531,25.434,3.531s18.595-.052,25.434-3.531ZM33.473,34.8c-15.8,0-24.8-2.6-25.434-3.939v-.027c.342-.764,4.084-2.543,13.52-3.5a1.337,1.337,0,0,0,1.2.771h5.524a5.355,5.355,0,0,0,10.369,0h5.524a1.337,1.337,0,0,0,1.2-.771c9.494.958,13.227,2.75,13.533,3.384C58.324,32.188,49.318,34.8,33.473,34.8ZM61.584,51.876V41.826a5.468,5.468,0,0,1,2.677,5.025A5.467,5.467,0,0,1,61.584,51.876Zm0,0" transform="translate(-0.008)" fill="#1789fb"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-recrutement-long-et-difficile">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="recrutement-long-et-difficile" clip-path="url(#clip-recrutement-long-et-difficile)">
<rect width="115" height="115" fill="#fff"/>
<g id="_001-timer" data-name="001-timer" transform="translate(-19.855 15.919)">
<g id="Groupe_8428" data-name="Groupe 8428" transform="translate(42.711 0)">
<g id="Groupe_8427" data-name="Groupe 8427" transform="translate(0 0)">
<path id="Tracé_791" data-name="Tracé 791" d="M109.922,54.307a1.624,1.624,0,0,0-1.944,1.224,31.346,31.346,0,1,1-.007-13.96,1.624,1.624,0,0,0,3.167-.723,34.705,34.705,0,0,0-9.918-17.361l2.187-2.448,1.335,1.189A1.624,1.624,0,0,0,106.9,19.8l-5.093-4.535a1.624,1.624,0,0,0-2.16,2.426l1.332,1.186-2.219,2.484a34.743,34.743,0,0,0-15.16-6.82,8.622,8.622,0,1,0-12.494-.006,34.535,34.535,0,0,0-15.144,6.837l-2.229-2.495,1.332-1.186a1.624,1.624,0,0,0-2.16-2.426L47.813,19.8a1.624,1.624,0,0,0,2.16,2.426l1.335-1.189,2.2,2.459a34.612,34.612,0,1,0,57.641,32.753,1.624,1.624,0,0,0-1.224-1.944ZM77.358,3.249a5.361,5.361,0,0,1,1.624,10.474V9.868a1.624,1.624,0,0,0-3.249,0v3.855A5.361,5.361,0,0,1,77.358,3.249Z" transform="translate(-42.711 0)" fill="#1789fb"/>
<path id="Tracé_792" data-name="Tracé 792" d="M452.09,289.506a1.625,1.625,0,1,0,.186,2.072A1.642,1.642,0,0,0,452.09,289.506Z" transform="translate(-383.272 -242.087)" fill="#1789fb"/>
<path id="Tracé_793" data-name="Tracé 793" d="M119.483,136.242a26.438,26.438,0,1,0,26.477,26.439A26.488,26.488,0,0,0,119.483,136.242Zm23.172,24.814h-2a1.624,1.624,0,1,0,0,3.249h2A23.075,23.075,0,0,1,137,177.9l-1.4-1.4a1.624,1.624,0,0,0-2.3,2.3l1.393,1.393a23.153,23.153,0,0,1-13.589,5.623V183.85a1.624,1.624,0,0,0-3.249,0v1.964a23.153,23.153,0,0,1-13.589-5.623l1.393-1.393a1.624,1.624,0,0,0-2.3-2.3l-1.4,1.4A23.074,23.074,0,0,1,96.311,164.3h2a1.624,1.624,0,1,0,0-3.249h-2a23.074,23.074,0,0,1,5.658-13.593l1.4,1.4a1.624,1.624,0,0,0,2.3-2.3l-1.393-1.393a23.153,23.153,0,0,1,13.589-5.623v1.964a1.624,1.624,0,0,0,3.249,0v-1.964A23.245,23.245,0,0,1,142.656,161.056Z" transform="translate(-84.837 -114.113)" fill="#1789fb"/>
<path id="Tracé_794" data-name="Tracé 794" d="M221.985,223.446a6.93,6.93,0,0,0-9.572,9.572l-1.007,1.007a1.624,1.624,0,1,0,2.3,2.3l1.052-1.052a6.93,6.93,0,0,0,9.482-9.482l7.25-7.25a1.624,1.624,0,1,0-2.3-2.3Zm-3.731,9.524a3.684,3.684,0,1,1,3.684-3.684A3.688,3.688,0,0,1,218.253,232.97Z" transform="translate(-183.607 -180.718)" fill="#1789fb"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

@@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-talents-introuvables">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="talents-introuvables" clip-path="url(#clip-talents-introuvables)">
<rect width="115" height="115" fill="#fff"/>
<g id="_004-job-seeker" data-name="004-job-seeker" transform="translate(16.883 16.883)">
<path id="Tracé_760" data-name="Tracé 760" d="M188.442,85.018a1.583,1.583,0,0,0,.277.263,22.367,22.367,0,0,0,30.4.143,1.587,1.587,0,0,0,.542-.515,22.409,22.409,0,1,0-31.216.109Zm2.906-1.614a8.875,8.875,0,0,1,8.736-7.18h2.333v5.965a1.579,1.579,0,0,0,3.157,0V76.224h2.332a8.869,8.869,0,0,1,8.736,7.179,19.213,19.213,0,0,1-25.294,0Zm7.883-16.272h1.522a8.524,8.524,0,0,0,5.6-2.089l2.405,1.413V68.3a4.764,4.764,0,1,1-9.528,0Zm9.528-4.337-1.865-1.1a1.578,1.578,0,0,0-2.01.347,5.376,5.376,0,0,1-4.131,1.928h-1.522v-1.51a4.764,4.764,0,0,1,9.528,0ZM204,49.649a19.242,19.242,0,0,1,15.158,31.107,12.008,12.008,0,0,0-9-7.482,7.881,7.881,0,0,0,1.761-4.972V62.465a7.921,7.921,0,1,0-15.842,0V68.3a7.882,7.882,0,0,0,1.761,4.972,12.023,12.023,0,0,0-9,7.483A19.242,19.242,0,0,1,204,49.649Zm0,0" transform="translate(-152.921 -39.153)" fill="#1789fb"/>
<path id="Tracé_761" data-name="Tracé 761" d="M50.84,59.966A29.984,29.984,0,0,0,54.018.167,30.1,30.1,0,0,0,34.876,4.595a1.579,1.579,0,1,0,1.683,2.671,26.83,26.83,0,0,1,33.25,41.686A26.83,26.83,0,0,1,28.123,15.7a1.579,1.579,0,0,0-2.671-1.683,29.974,29.974,0,0,0-.723,30.693L18.3,51.143,2.357,67.084A8.048,8.048,0,0,0,13.739,78.465L29.679,62.525h0L36.1,56.107A29.815,29.815,0,0,0,50.84,59.966ZM11.506,76.232A4.891,4.891,0,0,1,4.59,69.316L19.414,54.492l6.916,6.917ZM28.563,59.176,21.646,52.26l4.82-4.82a29.867,29.867,0,0,0,3.171,3.745,30.428,30.428,0,0,0,3.739,3.178Zm0,0" transform="translate(0 -0.001)" fill="#1789fb"/>
<path id="Tracé_762" data-name="Tracé 762" d="M186.4,55.852a1.578,1.578,0,0,0,1.116-2.695h0a1.579,1.579,0,1,0-1.116,2.7Zm0,0" transform="translate(-155.648 -44.376)" fill="#1789fb"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="115" height="115" viewBox="0 0 115 115">
<defs>
<clipPath id="clip-trop-candidats-non-cibles">
<rect width="115" height="115"/>
</clipPath>
</defs>
<g id="trop-candidats-non-cibles" clip-path="url(#clip-trop-candidats-non-cibles)">
<rect width="115" height="115" fill="#fff"/>
<g id="_003-target" data-name="003-target" transform="translate(14.965 14.965)">
<g id="Groupe_8407" data-name="Groupe 8407" transform="translate(0 0)">
<path id="Tracé_758" data-name="Tracé 758" d="M96.8,52.08H91.095A37.414,37.414,0,0,0,55.9,16.726V11H52.063v5.709A37.4,37.4,0,0,0,16.709,52.08H11v3.835h5.709a37.428,37.428,0,0,0,35.354,35.2V96.8H55.9V91.095A37.427,37.427,0,0,0,91.077,55.915H96.8ZM52.08,81.464v5.8a33.249,33.249,0,0,1-16.793-5.621V77.086a11.457,11.457,0,0,1,11.5-11.5H60.853a11.457,11.457,0,0,1,11.5,11.5v4.675a33.223,33.223,0,0,1-16.425,5.5V81.481H52.08Zm24.27-2.854V77.068a15.313,15.313,0,0,0-15.34-15.339H46.95A15.138,15.138,0,0,0,31.8,77.068v1.874A33.368,33.368,0,0,1,20.543,55.9h5.779V52.063H20.543A33.443,33.443,0,0,1,52.08,20.526v5.8h3.835V20.543A33.425,33.425,0,0,1,87.26,52.063h-5.8V55.9h5.779A33.263,33.263,0,0,1,76.35,78.609Z" transform="translate(-11 -11)" fill="#1789fb"/>
<path id="Tracé_759" data-name="Tracé 759" d="M199.247,127.8a12.047,12.047,0,1,0,12.047,12.047A12.161,12.161,0,0,0,199.247,127.8Zm0,20.067a8.213,8.213,0,1,1,8.213-8.213A8.18,8.18,0,0,1,199.247,147.867Z" transform="translate(-156.346 -107.347)" fill="#1789fb"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB