<!DOCTYPE html>
<html class="no-js " lang="fr">
    <head>
        <title> myfairJob.com -     myfairJob | Votre carrière commence ici
</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="    Trouvez votre prochain emploi en comptabilité. Expert comptable, juriste, auditeur... en cabinet d&#039;expertise comptable.
">
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
        <meta name="mobile-web-app-capable" content="yes">
        
        
        
        <link rel="stylesheet" href="/build/site/site.dc52f6c3.css">

        <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"><link rel="icon" sizes="16x16" href="/favicon-16x16.png"><link rel="icon" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" sizes="96x96" href="/favicon-96x96.png"><link rel="icon" sizes="160x160" href="/favicon-160x160.png"><link rel="icon" sizes="196x196" href="/favicon-196x196.png">

                                                    
<style>
    :root {
        --backgroundColor: #f5f5fc;
        --mainColor: #192360;
        --mainColorHover: #192360;
        --alternativeColor: #192360;
        --alternativeColorHover: #717296;
        --alternativeColorHoverOpacity: rgba(113, 114, 150, 0.9);
        --alternativeColorHoverShadow: rgba(113, 114, 150, 0.33);        --actionColor: #40cbcd;
        --actionColorHover: #40cbcd;    }

    .subhead {
        background-color: #f5f5fc;
    }

    .subhead.no-margin {
        margin-top: 0;
    }

    .theme-primary-background,
    .panel-primary > .panel-heading,
    .nav > li > a.theme-primary-background:hover {
        background-color: #192360;
        color: #fff;
    }

    .theme-default-background,
    .panel-primary > .panel-heading,
    .nav > li > a.theme-default-background:hover {
        background-color: #f5f5fc;
        color: #000;
        border: none;
    }

    .theme-primary-background-alpha {
        background-color: rgba(25, 35, 96, 0.4);
        color: #fff;
    }

    .theme-primary-background-alpha-extra {
        background-color: rgba(25, 35, 96, 0.2);
        color: #fff;
    }

    .theme-alternative-background-alpha-light,
    .theme-alternative-background-alpha-light:hover {
        background-color: rgba(25, 35, 96, 0.5);
    }

    .theme-alternative-background-alpha-lighter,
    .theme-alternative-background-alpha-lighter:hover {
        background-color: rgba(25, 35, 96, 0.1);
    }

    .theme-alternative-background-alpha-hover.active,
    .theme-alternative-background-alpha-hover.active:hover {
        background-color: rgba(25, 35, 96, 0.3);
    }

    .theme-primary-color,
    .social-facebook:hover,
    .social-twitter:hover {
        color: #192360 !important;
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a {
        color: #192360;
    }

    .theme-primary-border-color,
    .panel-primary > .panel-heading {
        border-color: #192360;
    }

    .btn-primary {
        background-color: #192360;
        border-color: 141c4c;
        color: #fff;
    }

    .btn-primary[disabled] {
        background-color: 243288;
        border-color: 1e2a74;
        color: #fff;
    }

    .btn-alternative[disabled] {
        background-color: 243288;
        border-color: 1e2a74;
        color: #fff;
    }

            .theme-action-background {
            background-color: #40cbcd;
            color: #fff;
        }

        .theme-action-background:hover {
            background-color: #40cbcd;
            color: #fff;
        }

        .theme-action-color {
            color: #40cbcd;
        }
    
    .form-control:focus,
    .chosen-container-single:focus {
        border-color: #192360;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(25, 35, 96, 0.6);
    }

    a.theme-primary-color:hover {
        color: #192360;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        background-color: #192360;
        border-color: 141c4c;
        color: #fff;
    }

    .popover-html {
        border-color: #192360;
    }

    .popover-html.bottom .arrow {
        border-bottom-color: #192360;
    }

    .popover-html.top .arrow {
        border-top-color: #192360;
    }

    .popover-html.left .arrow {
        border-left-color: #192360;
    }

    .popover-html.right .arrow {
        border-right-color: #192360;
    }

    .btn-primary-resume {
        background-color: #192360;
        border-color: #192360;
        color: #fff;
    }

    .header__wrapper--dark li a.btn-primary-resume:hover,
    .btn-primary-resume:hover,
    .btn-primary-resume:focus,
    .btn-primary-resume:active,
    .btn-primary-resume.active {
        background-color: #717296;
        border-color: #717296;
        color: #fff;
    }

    .nav > li > .theme-primary-background:active,
    .nav > li > .theme-primary-background:focus,
    .nav > li > .theme-primary-background:hover,
    .nav > li > .btn-primary:active,
    .nav > li > .btn-primary:focus,
    .nav > li > .btn-primary:hover,
    .nav .open > .btn-primary,
    .nav .open > .theme-primary-background,
    .nav .open > .theme-primary-background:active,
    .nav .open > .theme-primary-background:focus,
    .nav .open > .theme-primary-background:hover {
        background-color: #192360;
        border-color: #192360;
    }

    .nav > li > .theme-alternative-background:active,
    .nav > li > .theme-alternative-background:focus,
    .nav > li > .theme-alternative-background:hover,
    .nav > li > .btn-alternative:active,
    .nav > li > .btn-alternative:hover,
    .nav > li > .btn-alternative:focus,
    .nav .open > .btn-alternative,
    .candidate-mfj-link--menu > li > a.theme-alternative-background:hover:after,
    .nav .open > .theme-alternative-background,
    .nav .open > .theme-alternative-background:active,
    .nav .open > .theme-alternative-background:hover,
    .nav .open > .theme-alternative-background:focus {
        background-color: #717296;
        border-color: #717296;
        color: #fff;
    }

    .carousel-indicators li {
        background: transparent;
        border-color: #192360;
    }

    .carousel-indicators .active {
        background: #192360;
    }

    .daterangepicker td.in-range,
    .daterangepicker td.available:hover,
    .daterangepicker th.available:hover,
    .theme-alternative-background-alpha {
        background-color: rgba(25, 35, 96, 0.5);
        color: #fff;
    }

    .theme-alternative-background,
    .popover,
    .label-alternative,
    .label-alternative a,
    .dropdown > .dropdown-menu > .active > a:hover,
    .dropdown > .dropdown-menu > .active > a:focus,
    .icon-details:before,
    .separator-line:before,
    .separator-line:after {
        background-color: #192360;
        color: #fff;
    }

    .candidate-mfj-link--menu > li > a.theme-alternative-background:after,
    .pcm-skill-popover__content:before {
        background-color: #192360;
        color: #fff;
    }

    [data-pcm-step]:nth-child(1) .pcm-extra {
        border-color: #192360 transparent transparent transparent;
    }

    [data-pcm-step]:nth-child(1) .is-done .pcm-extra {
        border-color: rgba(25, 35, 96, 0.5) transparent transparent transparent;
    }

    [data-pcm-step]:nth-child(1) .is-todo .pcm-extra {
        border-color: rgba(25, 35, 96, 0.1) transparent transparent transparent;
    }

    [data-pcm-step]:nth-child(5) .pcm-extra {
        border-color: transparent transparent #192360 transparent;
    }

    [data-pcm-step]:nth-child(5) .is-done .pcm-extra {
        border-color: transparent transparent rgba(25, 35, 96, 0.5) transparent;
    }

    [data-pcm-step]:nth-child(5) .is-todo .pcm-extra {
        border-color: transparent transparent rgba(25, 35, 96, 0.1) transparent;
    }

    .theme-alternative-border {
        border-color: #192360;
    }

    .popover.bottom > .arrow:after {
        border-bottom-color: #192360;
    }

    .popover.left > .arrow:after {
        border-left-color: #192360;
    }

    .popover.right > .arrow:after {
        border-right-color: #192360;
    }

    .popover.top > .arrow:after {
        border-top-color: #192360;
    }

    .ua-popover:before {
        border-bottom-color: #192360;
    }

    .slider-selection,
    .slider .slider-handle {
        background-color: #192360;
    }

    .slider .slider-handle:after {
        border-color: transparent transparent #192360;
    }

    .theme-alternative-color,
    .theme-alternative-color:active,
    .theme-alternative-color:focus,
    .theme-alternative-color:hover,
    .navbar-item--with-icon.active,
    .navbar-item--with-icon.active:active,
    .navbar-item--with-icon.active:focus,
    .navbar-item--with-icon.active:hover,
    .list-alternative-color li:before {
        color: #192360;
    }

    .theme-alternative-color-hover:hover,
    .theme-alternative-color-hover:focus,
    .theme-alternative-color-hover:active {
        color: #192360;
    }

    .theme-alternative-border-color {
        border-color: #192360;
    }

    .theme-alternative-color-with-border {
        border-color: #192360;
        color: #192360;
    }

    .theme-primary-color-with-border {
        border-color: #192360;
        color: #192360;
    }

    .daterangepicker td.active,
    .daterangepicker td.active:hover,
    .btn-alternative {
        background-color: #192360;
        border-color: 141c4c;
    }

    .btn-alternative:hover,
    .btn-alternative:active,
    .btn-alternative:focus,
    .btn-alternative:active:focus {
        background-color: #717296;
        border-color: 141c4c;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:active,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        background-color: #192360;
    }

    .pagination > .active > a,
    .pagination > .active > a:active,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus {
        background-color: #192360;
        border-color: #192360;
    }

    .home-mfj .home-description .description-block__more:before,
    .home-mfj .home-description .description-block__more:after {
        background: #192360
    }

    .recruiter-mfj-link > li > a:hover:after,
    .recruiter-mfj-link > li > a.theme-alternative-background:after,
    .recruiter-mfj-link > li > a.theme-alternative-background,
    .recruiter-mfj-link > li > a.theme-alternative-background:hover,
    .recruiter-mfj-link > li > a:hover,
    .recruiter-mfj-link > li > a:active,
    .recruiter-mfj-link > li > a:focus {
        background: #192360;
        color: #fff;
    }

    @media (min-width: 768px) {
        .dropdown:hover > .recruiter-mfj-link > li > a:hover,
        .dropdown:hover > .recruiter-mfj-link > li > a:active,
        .dropdown:hover > .recruiter-mfj-link > li > a:focus,
        .dropdown.open > .recruiter-mfj-link > li > a:hover,
        .dropdown.open > .recruiter-mfj-link > li > a:active,
        .dropdown.open > .recruiter-mfj-link > li > a:focus {
            background: #192360;
            color: #fff;
        }
    }

    .btn-alternative-extra-light {
        background-color: transparent;
        border-color: #192360;
        color: #192360;
    }

    .btn-alternative-light {
        background-color: rgba(25, 35, 96, 0.1);
        border-color: rgba(25, 35, 96, 0.1);
        color: #192360;
    }

    .btn-alternative-light:active,
    .btn-alternative-light:hover,
    .btn-alternative-light:focus {
        background-color: rgba(25, 35, 96, 0.3);
        border-color: rgba(25, 35, 96, 0.3);
        color: #192360;
    }

    .nav > li > .theme-alternative-background {
        background: #192360;
        color: #fff;
    }

    .nav > li > .theme-alternative-background:active,
    .nav > li > .theme-alternative-background:hover,
    .nav > li > .theme-alternative-background:focus {
        background: #717296;
        color: #fff;
    }

    .eucookie {
        background: #192360;
    }
</style>
        
    <style>
<style type="text/css">
/* custom navbar */

.mfj-navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.nav-contact{
  z-index:11000;
}

button{
  background-color:transparent;
  border:none;
}

@media (min-width: 768px) {
  .mfj-navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .mfj-navbar-header {
    float: left;
  }
}
.mfj-navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.mfj-navbar-collapse.in {
  overflow-y: initial;
}
@media (min-width: 768px) {
  .mfj-navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .mfj-navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .mfj-navbar-collapse.in {
    overflow-y: visible;
  }
  .mfj-navbar-fixed-top .mfj-navbar-collapse,
  .mfj-navbar-static-top .mfj-navbar-collapse,
  .mfj-navbar-fixed-bottom .mfj-navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.mfj-navbar-fixed-top,
.mfj-navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.mfj-navbar-fixed-top .mfj-navbar-collapse,
.mfj-navbar-fixed-bottom .mfj-navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .mfj-navbar-fixed-top .mfj-navbar-collapse,
  .mfj-navbar-fixed-bottom .mfj-navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .mfj-navbar-fixed-top,
  .mfj-navbar-fixed-bottom {
    border-radius: 0;
  }
}
.mfj-navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.mfj-navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container > .mfj-navbar-header,
.container-fluid > .mfj-navbar-header,
.container > .mfj-navbar-collapse,
.container-fluid > .mfj-navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .mfj-navbar-header,
  .container-fluid > .mfj-navbar-header,
  .container > .mfj-navbar-collapse,
  .container-fluid > .mfj-navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.mfj-navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .mfj-navbar-static-top {
    border-radius: 0;
  }
}
.mfj-navbar-brand {
  float: left;
  height: 70px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.mfj-navbar-brand:hover,
.mfj-navbar-brand:focus {
  text-decoration: none;
}
.mfj-navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .mfj-navbar > .container .mfj-navbar-brand,
  .mfj-navbar > .container-fluid .mfj-navbar-brand {
    margin-left: -15px;
  }
}
.mfj-navbar-toggle {
  position: relative;
  float: right;
  padding: 20px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.mfj-navbar-toggle:focus {
  outline: 0;
}
.mfj-navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.mfj-navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .mfj-navbar-toggle {
    display: none;
  }
}
.mfj-navbar-nav {
  margin: 7.5px -15px;
}
.mfj-navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .mfj-navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .mfj-navbar-nav .open .dropdown-menu > li > a,
  .mfj-navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .mfj-navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .mfj-navbar-nav .open .dropdown-menu > li > a:hover,
  .mfj-navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .mfj-navbar-nav {
    float: left;
    margin: 0;
  }
  .mfj-navbar-nav > li {
    float: left;
  }
  .mfj-navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.mfj-navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .mfj-navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .mfj-navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .mfj-navbar-form .form-control-static {
    display: inline-block;
  }
  .mfj-navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .mfj-navbar-form .input-group .input-group-addon,
  .mfj-navbar-form .input-group .input-group-btn,
  .mfj-navbar-form .input-group .form-control {
    width: auto;
  }
  .mfj-navbar-form .input-group > .form-control {
    width: 100%;
  }
  .mfj-navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .mfj-navbar-form .radio,
  .mfj-navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .mfj-navbar-form .radio label,
  .mfj-navbar-form .checkbox label {
    padding-left: 0;
  }
  .mfj-navbar-form .radio input[type="radio"],
  .mfj-navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .mfj-navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .mfj-navbar-form .form-group {
    margin-bottom: 5px;
  }
  .mfj-navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .mfj-navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.mfj-navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mfj-navbar-fixed-bottom .mfj-navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mfj-navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mfj-navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mfj-navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.mfj-navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .mfj-navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .mfj-navbar-left {
    float: left !important;
  }
  .mfj-navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .mfj-navbar-right ~ .mfj-navbar-right {
    margin-right: 0;
  }
}
.mfj-navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.mfj-navbar-default .mfj-navbar-brand {
  color: #777;
}
.mfj-navbar-default .mfj-navbar-brand:hover,
.mfj-navbar-default .mfj-navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.mfj-navbar-default .mfj-navbar-text {
  color: #777;
}
.mfj-navbar-default .mfj-navbar-nav > li > a {
  color: #777;
}
.mfj-navbar-default .mfj-navbar-nav > li > a:hover,
.mfj-navbar-default .mfj-navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.mfj-navbar-default .mfj-navbar-nav > .active > a,
.mfj-navbar-default .mfj-navbar-nav > .active > a:hover,
.mfj-navbar-default .mfj-navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.mfj-navbar-default .mfj-navbar-nav > .disabled > a,
.mfj-navbar-default .mfj-navbar-nav > .disabled > a:hover,
.mfj-navbar-default .mfj-navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.mfj-navbar-default .mfj-navbar-nav > .open > a,
.mfj-navbar-default .mfj-navbar-nav > .open > a:hover,
.mfj-navbar-default .mfj-navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > li > a:hover,
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .active > a,
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .active > a:hover,
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .disabled > a,
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .mfj-navbar-default .mfj-navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.mfj-navbar-default .mfj-navbar-toggle {
  border-color: #ddd;
}
.mfj-navbar-default .mfj-navbar-toggle:hover,
.mfj-navbar-default .mfj-navbar-toggle:focus {
  background-color: #ddd;
}
.mfj-navbar-default .mfj-navbar-toggle .icon-bar {
  background-color: #888;
}
.mfj-navbar-default .mfj-navbar-collapse,
.mfj-navbar-default .mfj-navbar-form {
  border-color: #e7e7e7;
}
.mfj-navbar-default .mfj-navbar-link {
  color: #777;
}
.mfj-navbar-default .mfj-navbar-link:hover {
  color: #333;
}
.mfj-navbar-default .btn-link {
  color: #777;
}
.mfj-navbar-default .btn-link:hover,
.mfj-navbar-default .btn-link:focus {
  color: #333;
}
.mfj-navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .mfj-navbar-default .btn-link:hover,
.mfj-navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .mfj-navbar-default .btn-link:focus {
  color: #ccc;
}
.mfj-navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.mfj-navbar-inverse .mfj-navbar-brand {
  color: #9d9d9d;
}
.mfj-navbar-inverse .mfj-navbar-brand:hover,
.mfj-navbar-inverse .mfj-navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.mfj-navbar-inverse .mfj-navbar-text {
  color: #9d9d9d;
}
.mfj-navbar-inverse .mfj-navbar-nav > li > a {
  color: #9d9d9d;
}
.mfj-navbar-inverse .mfj-navbar-nav > li > a:hover,
.mfj-navbar-inverse .mfj-navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.mfj-navbar-inverse .mfj-navbar-nav > .active > a,
.mfj-navbar-inverse .mfj-navbar-nav > .active > a:hover,
.mfj-navbar-inverse .mfj-navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.mfj-navbar-inverse .mfj-navbar-nav > .disabled > a,
.mfj-navbar-inverse .mfj-navbar-nav > .disabled > a:hover,
.mfj-navbar-inverse .mfj-navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.mfj-navbar-inverse .mfj-navbar-nav > .open > a,
.mfj-navbar-inverse .mfj-navbar-nav > .open > a:hover,
.mfj-navbar-inverse .mfj-navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > li > a:hover,
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .active > a,
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .active > a:hover,
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .disabled > a,
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .mfj-navbar-inverse .mfj-navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.mfj-navbar-inverse .mfj-navbar-toggle {
  border-color: #333;
}
.mfj-navbar-inverse .mfj-navbar-toggle:hover,
.mfj-navbar-inverse .mfj-navbar-toggle:focus {
  background-color: #333;
}
.mfj-navbar-inverse .mfj-navbar-toggle .icon-bar {
  background-color: #fff;
}
.mfj-navbar-inverse .mfj-navbar-collapse,
.mfj-navbar-inverse .mfj-navbar-form {
  border-color: #101010;
}
.mfj-navbar-inverse .mfj-navbar-link {
  color: #9d9d9d;
}
.mfj-navbar-inverse .mfj-navbar-link:hover {
  color: #fff;
}
.mfj-navbar-inverse .btn-link {
  color: #9d9d9d;
}
.mfj-navbar-inverse .btn-link:hover,
.mfj-navbar-inverse .btn-link:focus {
  color: #fff;
}
.mfj-navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .mfj-navbar-inverse .btn-link:hover,
.mfj-navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .mfj-navbar-inverse .btn-link:focus {
  color: #444;
}

/* end custom navbar */

/* Général */

@font-face {
  font-family: 'wilderness_typefaceregular';
  src: url('https://media.myfairjob.com/myfairJobPRO/_fonts/webfontkit-20210203-102536/wildernesstypeface-regular-webfont.woff2') format('woff2'),
  url('https://media.myfairjob.com/myfairJobPRO/_fonts/webfontkit-20210203-102536/wildernesstypeface-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('https://media.myfairjob.com/myfairJobPRO/_fonts/webfontkit-20210203-102536/Gilroy-Bold.woff') format('woff');
    }
    
@font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: normal;
    src: url('https://media.myfairjob.com/myfairJobPRO/_fonts/webfontkit-20210203-102536/Gilroy-Heavy.woff') format('woff');
    }

body {
  background-color: #FFFFFF;
font-family:Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;
}

p  {
  font-size : 16px;
  line-height:25px;
  color: #717296;
}

.row {
  margin-left: 20px;
  margin-right:20px;
}

.container {
  width:100%;
  padding:0px;
  margin:0px;
}

.navigation .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.mfj-navbar-default .mfj-navbar-nav>.active>a, .mfj-navbar-default .mfj-navbar-nav>.active>a:focus, .mfj-navbar-default .mfj-navbar-nav>.active>a:hover{
  background:none;
  color:#21BFB9;
}

.mfj-navbar-brand>img{
width:150px;
margin-top:8px;
}

.mfj-navbar-default{
  background:transparent;
  border:none;
  padding:10px 0px;
}

.mfj-navbar-default.affix {
    padding: 0;
    background-color:white;
    transition: all 0.5s;
    -webkit-box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);
  box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);
    /* Add additional styles here for the COLLAPSED state */
  }

.mfj-navbar-default .mfj-navbar-nav>li>a{
  color:#1e266d;  
  font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
margin-top:5px;
margin-right:20px;
}

.mfj-navbar-default .mfj-navbar-nav>li>a.btn{ 
padding:15px;
color:#fff;
background-color:#1a225f;
border-radius:6px;
}

/* Modal */

.modal__content .title{
text-transform:none;
}

.theme-primary-background, .panel-primary > .panel-heading, .nav > li > a.theme-primary-background:hover{
background-color:#1a225f;
}

.btn-alternative{
background-color:#FFC100;
border-color:#FFC100;
border-radius:6px;
padding:15px;
width:315px;
}

.btn-alternative:hover, .btn-alternative:active, .btn-alternative:focus, .btn-alternative:active:focus{
background-color:#ffbb00;
border-color:#ffbb00;
}

/* Titrages */

h1, h2, h3, h4{
color: #1a225f;
}

.h1, h1 {
  font-size: 50px;
  font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
}

h1 .highlight {
  background-color: #F7ECD9;
  padding-left: 8px;
  padding-right: 8px;
}

.h2, h2 {
  font-size: 36px;
  font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
margin-bottom:30px;
color:#1a225f;
}

h3 {
  font-size: 30px;
  font-family: Gilroy-Bold,Georgia,Times New Roman,serif;
  margin-bottom:20px;
}

.h4, h4 {
  font-size: 70px;
  font-family: wilderness_typefaceregular,Georgia,Times New Roman,serif;
  color :#555EB0;
  font-weight: 400;
}

.gros_titre {
  font-size: 60px;
  line-height:60px;
  font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
}

/* Header */

.header {
  background-color: #FFC100;
}

.header p {
  color : #1A225F;
}

/***************** Boutons ****************************/

.bouton-CTA{
margin:0px auto;
text-align:center;
padding-top:100px;
}

.cta_demo {
  margin-top: 20px;
}

.cta_demo button{
  text-transform:uppercase;
}

.cta_demo a{
  color: #0E144F;
background-color:#FFC100;
border-radius:6px;
padding:15px 50px;
  font-size: 16px;
  font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
}

.cta_demo a:hover {
  color: #364d7a;
  text-decoration: none;
}

.content_header .cta_demo a{
padding:0px;
text-transform:uppercase;
}

/***************** Footer *******************/
        
 .footer-bottom{
margin-top:12px;
}

 footer ul{
          list-style: none;
          padding:0;
        }
        
        .footer-top img{
          width:190px;
          padding-bottom:20px;
        }
        
        .footer-bottom{
          text-align: center;
        }
        
/***************** Fin du footer *******************/

/* Arguments */

.argument {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
    padding-bottom: 15px;
    padding-top: 15px;
}

.argument p {  
  font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
  font-weight: 600;
  font-size:20px;
  display: initial;
  color: #1a225f;
  margin: 0;
padding-left:20px;
}

.argument .highlight {
  background-color: #FFC100;
  padding-left: 2px;
  padding-right: 2px;
}

.icone_argument {
position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icone_argument {
    margin-right: 40px;
    }

.avec_mfj {
    -webkit-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
    font-size: 50px;
    font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
    text-align: center;
}

/* Réassurance */

.icone_reassurance {
  height: 73px;
  margin-top: 50px;
}

.titre_reassurance {
  text-align : center;
  margin: 150px 0px 60px 0px;
}

.bloc-reassurance{
width:315px;
}

.reassurance{
 display:flex;
justify-content:space-evenly;
}

.reassurance h3  {
  margin-top: 40px;
  font-size:25px;
}

/* Témoignage */

.temoignage{
padding:150px 0px;
float:none;
margin:0px auto;
}

.utilisateur{
display:flex;
margin-top:40px;
justify-content:center;
align-items:center;
}

.identity{
margin-left:30px;
text-align:left;
}

.identity p{
color:#0E144F;
font-family:Gilroy-Bold,Georgia,Times New Roman,Times,serif;
text-transform:uppercase;
margin-bottom:0px;
}

p.name{
color:#555EB0;
font-family: wilderness_typefaceregular,Georgia,Times New Roman,Times,serif ;
font-size:65px;
text-transform:none;
margin:10px 0px;
}

/* Efficacité */

.efficacite {
background-color:#F6FCFD;
padding:150px 0px;
 }

.efficacite .box p{
margin:15px 0px 10px 0px;
font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
text-transform:uppercase;
color:#1E266D;
font-size:15px;
line-height:18px;
        }

.methode{
float:none;
margin:0px auto;
text-align:center;
}

.methode p{
margin-bottom:30px;
 }

.box{
background:inherit;
max-width:500px;
margin:0px auto;
border:none;
padding:0px;
display:flex;
justify-content:space-around;
        }

.box div{
-webkit-box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);
box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);
padding:30px;
border-radius:10px;
background-color: white;
border:1px solid transparent;
        }

.box p.number{
color: #35CBCC;
font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
font-size:50px;
margin:15px 0px 0px 0px;
        }

/* Comment ça marche */

 .timeline {
          list-style: none;
          padding: 0;
          margin:0;
        }
        
        .timeline>li .timeline-image{
          position:absolute;
          z-index:100;
          left:0;
          text-align: center;
          border:7px solid #FFF;
          border-radius: 100%;
          background-color:#FFF;
          color:white;  
          -webkit-box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.3);
          box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.3);
        }
        
.timeline:before{
position:absolute;
top:0;
bottom:0;
width:2px;
content:"";
background-color:#35CBCC;
max-height:1000px;
 }

.timeline-heading p.number{
color:#555EB0;
font-family: wilderness_typefaceregular,Georgia,Times New Roman,Times,serif ;
font-size:80px;
margin-bottom:40px;
        }
        
        .timeline>li:after, .timeline>li:before{
          display:table;
          content:' ';
        }
        
        .timeline>li:after{
          clear:both;
        }

/* Cibles */

.difficile_de_recruter {
  display:flex;
padding:150px 0px;
justify-content:space-evenly;
}

.liste-cibles{
width:400px;
}

.trouver_le_bon_candidat span {
  color : white;
}

.trouver_le_bon_candidat {
  background:#FFC100;
  padding: 200px 0;
  margin:50px 0px -60px 0px;
  justify-content:center;
  align-items:center;
  transform: skew(0deg, -2deg);
  -webkit-transform: skew(0deg, -2deg);
  color: #fff;
}



/******* L'ambition pour tous *****************/

  .ambition_pour_tous {
      justify-content: center;
      align-items: center;
      background: #FFC100;
      -webkit-transform: skew( 0deg,2deg);
      transform: skew(0deg,2deg);
      margin-top: 50px;
      /* margin-bottom: -60px; */
      padding-bottom: 90px;
  }

  .ambition {
    font-size:20px;
    font-family: Gilroy-Bold;Georgia,Times New Roman,Times,serif;
    font-weight: 600;
  }

  .ambition_pour_tous p{
color:#fff; 
  }

.ambition_pour_tous_all {
  -webkit-transform: skew(0deg,-2deg);
  transform: skew(0deg,-2deg);
}

.ambition_pour_tous_image {
  margin-top: -30px;
  margin-bottom: 30px
}

/* Bloc articles */

article{
width:315px;
}

.blog-articles{
display:flex;
justify-content:space-around;
}

.blog span{
  font-family: Gilroy-Heavy,Georgia,Times New Roman,Times,serif;
  font-size:40px;
  text-align: center;
  margin-top:100px;
  margin-bottom:50px;
  display: inherit;
  color: #1a225f;
}

.updated{
  text-transform:uppercase;
  font-family:Gilroy-Bold,Georgia,Times New Roman,Times,serif;
  color: #AEB9CF;
}

h2.entry-title{
  text-align: left;
}

.background-100 {
  background-color: #F5F5FB;
}

article h2 {
  font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
  line-height: 1.1;
  color: #1a225f;
  font-size: 16px;
}

.post-list-item {
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 3px 13px 28px 0 rgb(218 216 229 / 79%);
  box-shadow: 3px 13px 28px 0 rgb(218 216 229 / 79%);
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.post-list-item .post-list-item-content {
  padding: 30px 20px;
}

.post-list-item .post-list-item-categories a {
  background-color: #f5f5fb;
  border-radius: 50px;
  color: #717296;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  margin: 0 5px 5px 0;
  padding: 10px 20px;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.post-list-item .post-list-item-categories a:hover {
  background-color: #e5e7fa;
  text-decoration: none;
}

a {
  color: #35cbcc;
  text-decoration: none;
  background-color: transparent;
}

{
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  justify-content: center;
}

.flex-item-left {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 50%;
}

.flex-item-right {
  background-color: dodgerblue;
  padding: 10px;
  flex: 50%;
}

/*Footer_candidat*/

.footer {
    background: #0e144f;
    color: #fff;
    padding: 30px 0;
}

@media (min-width: 75em){
.footer-wrapper {
    grid-template-columns: 3fr 1fr 1fr ;
}}

@media (min-width: 48em){
.footer-wrapper {
    grid-template-columns: 2fr 1fr 1fr ;
}}

.footer-wrapper {
    display: grid;
}





svg:not(:root) {
    overflow: hidden;
}

.svg-logo-mfj-pro-dims {
    height: 19px;
    width: 146px;
}

@media (min-width: 48em){
.footer-wrapper div:first-child {
    grid-column: auto;
}}


@media (min-width: 62em){
.footer-column-title {
    margin: 0 0 30px;
}}

.footer-column-list-item {
    color: #fff;
    margin-bottom: 10px;
}

.footer-column-list-item button {
    padding: 0px;
}

.footer-column-title {
    color: #35cbcc;
    font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-column-list-item--social {
    display: flex;
    gap: 10px;
}

.footer-column-list-item {
    color: #fff;
    margin-bottom: 10px;
}

.footer .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px){
footer .container {
    width: 1230px;
}}


.container {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
@media (min-width: 1200px){
.container {
    width: 1230px;
}}
@media (min-width: 992px){
.container {
    width: 970px;
}}
@media (min-width: 768px){
.container {
    width: 750px;
}}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer a{
    color: #fff;
    margin-bottom: 10px;
}

.footer-legal, .footer-legal a{
    color: #717296;
}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

hr {
    box-sizing: content-box;
    height: 0;
}

.container:after, .container:before {
    /* display: table; */
    content: " ";
}


/**************************************** Mobile *****************************************************/

@media (max-width: 320px){
/************* Nav **************/
  
  .mfj-navbar-default .mfj-navbar-nav>li>a.btn-inscription{
    background-color: #21BFB9;
    border:1px solid #21BFB9;
    color:white;
    text-align: center;
    width:200px;
    margin:0 auto;
    padding:15px;
  }

  .mfj-navbar-default{
    padding:0;
    background-color: white;
  }

  .nav>li{
    border-top: 1px solid #f7f7f7
  }

  .nav>li:last-child{
    border: none
  }

  .mfj-navbar-nav{
    margin:0;
  }

  .mfj-navbar-nav .login{
    text-align: center;
  }

  .mfj-navbar-default .mfj-navbar-nav>li>a{
    padding:20px 15px;
  }

  .mfj-navbar-default .mfj-navbar-toggle:focus, .mfj-navbar-default .mfj-navbar-toggle:hover{
    background:none;
  }

  .mfj-navbar-default .mfj-navbar-toggle{
    border:none;
  }
}


/************************ Responsive layout - makes a one column-layout instead of two-column layout *************************/
@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }

.blog-articles, .difficile_de_recruter, .reassurance{
flex-direction:column;
align-items:center;
}

}

.prochain_recrutement {
  color :#0E144F;
  padding-top: 150px;
  padding-bottom: 150px;
  margin:0px auto;
  width:70%;
}

.prochain_recrutement .highlight {
  background-color: #FFC100;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 300px) and (max-width: 768px){
  
h1{
font-size:40px;
}

.row{
margin-left:5px;
margin-right:5px;
}

.container_contenus_larges {
    margin-right: auto;
    margin-left: auto;
  }

  .content_header {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 70px;
  }

  .image_header {
    margin-top: 120px;
    margin-bottom: 70px;
  }

  .header p {
    width: 100%;
  }

  .corps {
    padding-left: 5px;
    padding-right: 5px;
  }

.liste_arguments {
margin: 100px 0px 60px 0px
}

.avec_mfj{
font-size:36px;
}

.trouver_le_bon_candidat{
padding:100px 0;
margin:50px 0px 50px 0px;
}

.bloc-reassurance{
margin-bottom:30px;
}

  .titre_reassurance {
    margin-top: 70px;
}

  .titre_reassurance h2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .titre_reassurance p {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
  }

.temoignage{
padding:0px 15px;
margin:100px 0px;
}

  .etape1_content, .etape2_content, .etape3_content {
    padding-top: 0px;
  }

  .etape1, .etape2, .etape3 {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .etape1 .col-md-12 .row, .etape3 .col-md-12 .row{
    display: flex;
    flex-flow: column-reverse;
  }

  .etapes span {
    margin-bottom: 0px;
    margin-top: 70px;
    padding-right: 15px;
    padding-left: 15px;
  }

.efficacite{
padding:100px 0px;
}

.box{
flex-direction:column;
max-width:200px;
}

.box div{
margin-bottom:20px;
}

/* Etapes CS */

.timeline li{
min-height:270px;
}

.timeline:before{
left:53px;
}

.timeline>li .timeline-image{
left:15px;
width:80px;
height:80px;
margin-left:0;
text-align:center;
border:7px solid #fff;
border-radius:100%;
background-color:#fff;
color:white;
}

.timeline>li .timeline-panel{
position:relative;
float:right;
width:100%;
padding:0 20px 0 100px;
text-align:left;
}

h3{
font-size:20px;
}

.timeline-heading p.number{
font-size:60px;
margin-bottom:0px;
}

.bouton-CTA{
padding-top:50px;
}

  .ambition_pour_tous_content {
    padding-top: 0px;
    padding-left: 0px;
  }

  .ambition {
    font-size:15px;
  }

  .ambition_pour_tous {
    color: white;
    background-image: url('https://media.myfairjob.com/myfairJobPRO/_img/Background_ambition_pour_tous.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
  }

  .ambition-text {
    margin-top:-10px;
  }

  .hashtag {
    font-size: 120px;
    font-family: wilderness_typefaceregular,Georgia,Times New Roman,Times,serif ;
    font-weight: 400;
    margin-top: -30px;
    margin-left: 60px;
    line-height: 120px;
  }

.difficile_de_recruter{
display:block;
padding:100px 0px;
}

.difficile_de_recruter h2{
text-align:center;
}

.liste-cibles{
width:315px;
margin:0px auto;
}

  .blog {
    margin-bottom: 65px;
  }

  .blog span {
    padding-right: 10px;
    padding-left: 10px;
  }

  .prochain_recrutement {

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gros_titre {
    font-size: 50px;
    line-height: 50px;
  }

}

/***************************************************** Tablettes ***************************************************************/


@media (min-width: 769px){

.timeline:before{
            left:50%;
          }
        
          .timeline>li .timeline-panel{
            float:left;
            text-align: right;
            width:41%;
          }
        
          .timeline>li .timeline-image{
            left:50%;
            width:100px;
            height:100px;
            margin-left:-50px;
          }
        
          .timeline>li.timeline-inverted>.timeline-panel{
            float:right;
            text-align: left;
            padding:0 30px 20px 20px;
          }
}

/* Grandes tablettes */


@media (min-width: 992px) and (max-width: 1200px){
  .container_contenus_larges {
    width: 970px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

.liste_arguments{
float:none;
margin:0px auto;
padding:150px 0px;
}

/* Nav */

.navigation .container {
  width: 970px;
}

/* Footer */

footer .container {
  width: 970px;
}

  .blog {
    margin-bottom: 65px;
  }

article{
width:290px;
}

  .content_header {
    padding-top: 180px;

  }

  .image_header {
    margin-top: 150px;
    margin-bottom: -55px;
}

  .header p {
    width: 100%;
  }


  .ambition_pour_tous_content {
    padding-top: 120px;
    padding-left: 50px;
  }

  .ambition {
    font-size:20px;
  }

  .ambition-text {
    margin-top:-40px;
  }

  .hashtag {
    font-size: 150px;
    font-family: wilderness_typefaceregular;
    Georgia,Times New Roman,Times,serif: ;
    font-weight: 400;
    margin-top: -90px;
    margin-left: 40px;
    line-height: 300px;
}

  .titre_reassurance p {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 60px;
  }

}

@media (min-width: 768px) and (max-width: 992px){
  .container_contenus_larges {
    width: 750px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

/* Nav */

.navigation .container {
  width: 750px;
}

/* Footer */

footer .container {
  width: 750px;
}

  .blog {
    margin-bottom: 65px;
  }

  .content_header {
    padding-top: 70px;
    padding-bottom: 70px;

  }

  .image_header {
    margin-top: 200px;

  }

  .header p {
    width: 100%;
  }


  .ambition_pour_tous_content {
    padding-left: 50px;
  }

  .ambition {
    font-size:20px;
  }

  .ambition-text {
    margin-top:-40px;
  }

  .hashtag {
    font-size: 150px;
    font-family: wilderness_typefaceregular;
    Georgia,Times New Roman,Times,serif: ;
    font-weight: 400;
    margin-top: -90px;
    margin-left: 40px;
    line-height: 300px;
}


  .titre_reassurance p {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 60px;
  }

}



/******************************************** Desktop ********************************************************/

@media (min-width: 1200px){
  .container_contenus_larges {
    width: 1180px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

.liste_arguments {
  padding-top:150px;
  padding-bottom: 100px;
margin:0px auto;
float:none;
}

/* Nav */

.navigation .container {
  width: 1230px;
}

/* Footer */

footer .container {
  width: 1230px;
}

  .content_header {
    padding-top:150px;
    padding-left:50px;
  }

  .image_header {
    margin-top: 120px;
    margin-bottom: -55px;
  }

  .blog {
    margin-bottom: 65px;
  }

  .titre_reassurance h2 {
    margin-bottom: 60px;
  }

  .ambition_pour_tous_content {
    padding-top: 120px;
    padding-left: 50px;
  }

  .ambition-text {
    margin-top:-40px;
  }

  .hashtag {
    font-size: 220px;
    font-family: wilderness_typefaceregular;Georgia,Times New Roman,Times,serif;
    font-weight: 400;
    margin-top: -120px;
    margin-left: 40px;
    line-height:300px;
  }

  .header p {
    width: 100%;
  }

  .titre_reassurance p {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 30px;
    margin-bottom: 60px;
  }

.timeline>li{
min-height:200px;
}
        
.timeline>li .timeline-panel{
padding:25px 80px 20px 0px;
}
        
.timeline>li.timeline-inverted>.timeline-panel{
padding:25px 0px 20px 80px;
}
        
.timeline>li .timeline-image{
width:180px;
height:180px;
margin-left: -85px;
}
        
.timeline>li .timeline-image h3{
  margin-top:50px;
}

}

@media (max-width: 1200px) {

/************* Nav **************/
 
#myNavbarMFJ{
clear:both;
}

.mfj-navbar-header {
  float: none;
  }
  .mfj-navbar-toggle {
  display: block;
  }
  .mfj-navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .mfj-navbar-collapse.collapse {
  display: none!important;
  }
  .mfj-navbar-nav {
  float: none!important;
  margin: 7.5px -15px;
  }
  .mfj-navbar-nav>li {
  float: none;
  }
  .mfj-navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  }
  .mfj-navbar-text {
  float: none;
  margin: 15px 0;
  }
  /* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
  .mfj-navbar-collapse.collapse.in {
  display: block!important;
  }

  .collapsing {
  overflow: hidden!important;
  }

  .mfj-navbar-right{
    float:none!important;
  }

  .mfj-navbar-collapse.collapse{
    padding-bottom:30px;
  }

  .mfj-navbar-default .mfj-navbar-nav>li>a.btn-inscription{
    background-color: #21BFB9;
    border:1px solid #21BFB9;
    color:white;
    text-align: center;
    width:200px;
    margin:0 auto;
    padding:15px;
  }

  .mfj-navbar-default{
    padding:0;
    background-color: white;
  }

  .nav>li{
    border-top: 1px solid #f7f7f7
  }

  .nav>li:last-child{
    border: none
  }

  .mfj-navbar-nav{
    margin:0;
  }

  .mfj-navbar-nav .login{
    text-align: center;
  }

  .mfj-navbar-default .mfj-navbar-nav>li>a{
    padding:20px 15px;
  }

  .mfj-navbar-default .mfj-navbar-toggle:focus, .mfj-navbar-default .mfj-navbar-toggle:hover{
    background:none;
  }

  .mfj-navbar-default .mfj-navbar-toggle{
    border:none;
  }
}

</style>

            
    <script>
        var mixpanelConfiguration = [];

                    mixpanelConfiguration['apiKey'] = "d55795b4eecaf5f8a73b99bd30692823";

                        </script>

    </head>
    <body data-ng-app="mfjCVboxSiteBundleApp" class="site" id="app">

        <!--[if lt IE 9]><div class="alert alert-warning">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->

        <noscript><div class="alert alert-warning"> For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="http://www.enable-javascript.com/"> instructions how to enable JavaScript in your web browser</a>.</div></noscript>

                <div class="bg-overlay" data-ng-click="menu.close()"></div>

                
                
                <div class="body-wrapper body-wrapper--white">
    <div class="header">
    <nav class="mfj-navbar mfj-navbar-default mfj-navbar-fixed-top" role="navigation" id="mainNavMFJ">
        <div class="container_contenus_larges">

            <div class="mfj-navbar-header">
                <button type="button" class="mfj-navbar-toggle" data-toggle="collapse" data-target="#myNavbarMFJ">



                </button>

                <a class="mfj-navbar-brand" href="/">
                    <img src="https://media.myfairjob.com/myfairjob2019/img/logo-myfairjob.svg" alt="logo myfairjob" title="logo">
                </a>
            </div>

            <div class="collapse mfj-navbar-collapse mfj-navbar-right" id="myNavbarMFJ">
                <ul class="nav mfj-navbar-nav">
                    <li>
                        <a class="login liner" data-button-class="btn-btn-connect" data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/profile/login">
                            <div class="liner-item">Se connecter</div>
                        </a>
                    </li>
                    <li>
                        <a class="btn" data-button-class="btn-btn" data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/register">Créer mon CV</a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>

    <div class="row">
        <div class="col-md-12">
            <div class="row">

                <div class="container_contenus_larges">
                    <div class="image_header col-md-6">
                        <img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJob/_img/img_header_mfj-ec.png" class="img-fluid" alt="Responsive image">
                    </div>

                    <div class="content_header col-md-6">
                        <h1>Votre prochain<br>emploi<br><span class="highlight">commence ici</span></h1>
                        <p>Avec myfairJob, passez en mode action et trouvez des opportunités professionnelles auprès de centaines de cabinets d’expertise comptable sur toute la France.</p>
                        <div class="cta_demo">
                            <a href="">Créer mon CV →</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container_contenus_larges">
    <div class="row">

        <div class="liste_arguments col-md-6">
            <div class="argument">
                <p>Parce que chercher un travail est excitant et important dans une vie,<span class="highlight">restez acteur de votre recherche.</span></p>
            </div>

            <div class="argument">
                <p>Ne vous laissez pas freiner par la morosité et le manque d’offres, il y a forcément une<span class="highlight">entreprise faite pour vous</span>et un recruteur qui vous attend.</p>
            </div>

            <div class="argument">
                <p>myfairJob vous aide à garder confiance.<span class="highlight">Boostez la visibilité de votre CV,</span> ça marche !</p>
            </div>

        </div> <!-- fin div liste_arguments -->

    </div>
</div>

<div class="trouver_le_bon_candidat">
    <div class="container_contenus_larges">
        <div class="avec_mfj">61 % des recruteurs embauchent à partir de la réception de candidatures spontanées
        </div>
    </div>
</div>


<div class="corps">

    <div class="container_contenus_larges">
        <div class="titre_reassurance h2">
            Pourquoi pas vous ?
        </div>

        <div class="reassurance">
            <div class="bloc-reassurance">
                <img src="https://media.myfairjob.com/myfairJob/_img/CV.svg">
                <h3>Faites briller vos compétences avec le CV myfairJob</h3>
                <p>Soyez impactant et lisible auprès des recruteurs. Notre format de CV répond aux exigences des recruteurs. Révélez -vous par vos compétences.</p>
            </div>

            <div class="bloc-reassurance">
                <img src="https://media.myfairjob.com/myfairJob/_img/recruteurs.svg">
                <h3>Touchez un maximum de recruteurs en 1 seul clic</h3>
                <p>Nous envoyons votre CV en masse directement dans les boîtes mails des recruteurs. Ne perdez plus de temps à rechercher le bon interlocuteur, nous l’avons pour vous !</p>
            </div>
        </div>

        <div class="bouton-CTA">
            <div class="cta_demo">
                <a data-button-class="btn-btn" data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/register">Créer mon CV →</a>
            </div>
        </div>
    </div>

    <div class="container_contenus_larges">
        <div class="row">
            <div class="temoignage col-md-6">
                <h2>Découvrez comment myfairJob vous accompagne vers l’emploi</h2>
                <p>«J’ai utilisé myfairJob pour ma recherche de stage. Le parcours de création de CV est très intuitif et complet, il y a énormément de compétences. J'ai envoyé mon CV à 1 000 recruteurs et j'ai eu des retours très rapidement, en 3 ou 4 jours. Je ne m'attendais pas à avoir autant d'appels, j'étais débordé ! J'ai eu trois propositions concrètes de stage et l'entreprise que j'ai choisi m'a proposé de rester pour mon alternance. Avec myfairJob, on inverse la procédure, ce sont les recruteurs qui nous contactent et je trouve ça très rassurant, on se sent mis en valeur.»</p>

                <div class="utilisateur">
                    <div>
                        <img src="https://media.myfairjob.com/myfairjob2019/img/avis-myfairjob.png">
                    </div>

                    <div class="identity">
                        <p class="name">Arthur</p>
                        <p>Assistant chef de projet</p>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="efficacite row">
        <div class="methode col-md-6">
            <h2>Une méthode rapide et efficace</h2>
            <p>En envoyant votre CV en masse, vous démultipliez vos chances d’obtenir rapidement des résultats ! En moins d’un mois, nos utilisateurs obtiennent en moyenne :</p>

            <div class="box">
                <div>
                    <p data-toggle="counter-up" class="number">112</p>
                    <p>Vues du cv</p>
                </div>

                <div>
                    <p data-toggle="counter-up" class="number">9</p>
                    <p>entretiens</p>
                </div>

                <div>
                    <p data-toggle="counter-up" class="number">2</p>
                    <p>contrats</p>
                </div>
            </div>

        </div>
    </div>

</div>



<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p><section class="page-section">
    <div class="container_contenus_larges">
        <div class="titre_reassurance h2">
            Comment ça marche ?
        </div>
        <div class="row">
            <div class="col-lg-12">
                <ul class="timeline">
                    <li>
                        <div class="timeline-image">
                            <img class="rounded-circle img-fluid img-responsive wow pulse" src="https://media.myfairjob.com/myfairjob2019/img/step1.png" alt="faire un cv" title="création d'un cv à son image">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <p class="number">Étape 1</p>
                                <h3>Créez votre CV par compétences</h3>
                            </div>
                            <div class="timeline-body">
                                <p class="text-muted">Un bon CV qui vous révèle, c'est la première étape !</p>
                            </div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <img class="rounded-circle img-fluid img-responsive wow pulse" src="https://media.myfairjob.com/myfairjob2019/img/step2.png" alt="secteur activité emploi" title="sélection des secteurs d'activités">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <p class="number">Étape 2</p>
                                <h3>Choisissez un ou plusieurs secteurs d'activités</h3>
                            </div>
                            <div class="timeline-body">
                                <p class="text-muted">Des secteurs dans lesquels vous travaillez où vous souhaiteriez travailler.</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="timeline-image">
                            <img class="rounded-circle img-fluid img-responsive wow pulse" src="https://media.myfairjob.com/myfairjob2019/img/step3.png" alt="emploi zone géographique" title="sélection d'une zone géographique">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <p class="number">Étape 3</p>
                                <h3>Choisissez une ou plusieurs zones géographiques</h3>
                            </div>
                            <div class="timeline-body">
                                <p class="text-muted">Ville, département, région... sélectionnez là où vous aimeriez travailler.</p>
                            </div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <img class="rounded-circle img-fluid img-responsive wow pulse" src="https://media.myfairjob.com/myfairjob2019/img/step4.png" alt="candidature spontanée" title="envoi aux recruteurs">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <p class="number">Étape 4</p>
                                <h3>Envoyez votre CV aux recruteurs</h3>
                            </div>
                            <div class="timeline-body">
                                <p class="text-muted">7800 cabinets d’expertise comptable partout en France, c’est aussi simple que cela.</p>
                            </div>
                        </div>
                    </li>
                </ul>

                <div class="bouton-CTA">
                    <div class="cta_demo">
                        <a data-button-class="btn-btn" data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/register">Créer mon CV →</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>


<p></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<div class="container_contenus_larges">
    <div class="difficile_de_recruter">
        <div>
            <h2>À qui s’adresse myfairJob ?<br> À toute la famille !</h2>
        </div>
        <div class="liste-cibles">
            <div class="argument">
                <img src="https://media.myfairjob.com/myfairJob/_img/check.svg">
                <p><span class="highlight">Aux étudiants</span>à la recherche d’un stage, d’une alternance, d’un premier emploi, d’un job saisonnier.</p>
            </div>

            <div class="argument">
                <img src="https://media.myfairjob.com/myfairJob/_img/check.svg">
                <p><span class="highlight">Aux demandeurs d’emploi.</span></p>
            </div>

            <div class="argument">
                <img src="https://media.myfairjob.com/myfairJob/_img/check.svg">
                <p><span class="highlight">Aux personnes en poste</span> à la recherche d’opportunités, aux personnes <span class="highlight">en reconversion</span></p>
            </div>
        </div>
    </div> <!-- fin div difficile de recruter -->
</div>

<div class="ambition_pour_tous">
    <div class="container_contenus_larges">
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="ambition_pour_tous_all">
                        <div class="ambition_pour_tous_image col-md-7"> <img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJobPRO/_img/Ambition_Pour_Tous.png" alt=""> </div>
                        <div class="ambition_pour_tous_content  col-md-5">
                            <p class="ambition"> L'AMBITION POUR TOUS </p>
                            <p class="hashtag"> #myfairjob </p>
                            <p class="ambition-text">Envoyer votre CV en masse, c’est booster immédiatement la visibilité de votre profil pour démultiplier des opportunités d’entretien.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> <!-- fin div ambition pour tous -->


<div class="container_contenus_larges">
    <div class="blog">
        <span> Derniers articles à lire </span>
        <div class="blog-articles">
            <article class="post-109 post type-post status-publish format-standard hentry category-la-selection-des-candidats category-le-recrutement">
                <div class="post-list-item">
                    <a itemprop="image" href="https://www.myfairjob.com/articles/gerer-ma-carriere/teletravail-gestion-temps/"><img style="height: 100%; width: 100%; object-fit: contain" src="https://www.myfairjob.com/articles/wp-content/uploads/2021/02/gestion-temps-te%CC%81le%CC%81travail.jpg" class="img-fluid"></a>
                    <div class="post-list-item-content">
                        <div class="post-list-item-categories">
                            <a class="single-post-cat" href="https://www.myfairjob.com/articles/gerer-ma-carriere/teletravail-gestion-temps/">Gérer ma carrière</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://www.myfairjob.com/articles/gerer-ma-carriere/teletravail-gestion-temps/">
                                <h2 itemprop="name" class="entry-title post-list-item-title">Gérer son temps en télétravail : les 4 règles d’or
                                </h2>
                            </a>
                            <div class="updated" itemprop="datePublished" content="20210202">17 février 2021</div>
                            <div itemprop="author" class="sr-only" rel="author">
                                <span itemprop="name">
                                    myfairjob </span>
                            </div>
                        </header>
                    </div>
                </div>
            </article>
            <article class="post-68 post type-post status-publish format-standard has-post-thumbnail hentry category-le-recrutement category-reussir-ses-recrutements">
                <div class="post-list-item">
                    <a itemprop="image" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/question-piege-entretien/">
                        <img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJobPRO/_img/Questions_pieges.png" class="img-fluid"> </a>
                    <div class="post-list-item-content">
                        <div class="post-list-item-categories">
                            <a class="single-post-cat" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/question-piege-entretien/">Entretien d'embauche</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/question-piege-entretien/">
                                <h2 itemprop="name" class="entry-title post-list-item-title">Les 3 types de question piège en entretien : comment les déjouer ?</h2>
                            </a>
                            <div class="updated" itemprop="datePublished" content="20210105">17 février 2021</div>
                            <div itemprop="author" class="sr-only" rel="author">
                                <span itemprop="name">
                                    myfairjob </span>
                            </div>
                        </header>
                    </div>
                </div>
            </article>
            <article class="post-10 post type-post status-publish format-standard has-post-thumbnail hentry category-le-recrutement category-marque-employeur">
                <div class="post-list-item">
                    <a itemprop="image" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/premier-emploi-manque-experience/">
                        <img style="height: 100%; width: 100%; object-fit: contain" src="https://www.myfairjob.com/articles/wp-content/uploads/2021/02/experience-travail.jpg" class="img-fluid"> </a>
                    <div class="post-list-item-content">
                        <div class="post-list-item-categories">
                            <a class="single-post-cat" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/premier-emploi-manque-experience/">Premier emploi</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://www.myfairjob.com/articles/conseils-pour-trouver-votre-futur-emploi/entretien-dembauche/premier-emploi-manque-experience/">
                                <h2 itemprop="name" class="entry-title post-list-item-title">Premier emploi : faites du manque d’expérience votre atout !
                                </h2>
                            </a>
                            <div class="updated" itemprop="datePublished" content="20201126">17 février 2021</div>
                            <div itemprop="author" class="sr-only" rel="author">
                                <span itemprop="name">
                                    kaizen-admin </span>
                            </div>
                        </header>
                    </div>
                </div>

            </article>
        </div>
        </div>
        </div>
        <!-- fin div blog -->
        <!-- fin div contenu large -->



        <div class="background-100">
            <div class="container_contenus_larges">
                <div class="prochain_recrutement">
                    <span class="gros_titre"><span class="highlight">7 800 cabinets d'expertise comptable</span><br>reçoivent nos CV,<br>pourquoi pas le vôtre ?</span>

                    <div class="cta_demo">
                        <a data-button-class="btn-btn" data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/register">Créer mon CV →</a>
                    </div>
                </div>
            </div>
        </div>

        <footer class="footer">
            <div class="container">
                <div class="footer-wrapper">
                    <div>
                        <svg style="height:28px" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 33.4" xml:space="preserve">
                            <style type="text/css">
                                .st0{fill:#FFFFFF;}
                                    
                            </style>
                            <g>
                                <path class="st0" d="M45.3,14.3v12.8h-5.1V15.4c0-5.7,2.9-8.6,8.5-8.6c2.6,0,4.5,0.6,5.9,1.7C56,7.4,58,6.9,60.5,6.9
		c5.7,0,8.5,2.8,8.4,8.6v11.8h-2.6c-1.7-0.1-2.5-0.9-2.5-2.5V14.4c-0.1-2.1-1.2-3.1-3.5-3.1s-3.3,1-3.4,3.1v12.8h-5V14.3
		c-0.1-2.1-1.2-3.1-3.5-3.1C46.5,11.2,45.4,12.3,45.3,14.3z"></path>
                                <path class="st0" d="M74.2,29c2.9,0,3.7-1,2.8-3.5L70,7.4h5.9L80,20.3L82.8,9c0.3-1.1,1.1-1.7,2.5-1.7H89L81.6,29
		c-1.3,3.1-1.8,4.3-6.1,4.3c-1.3,0-2.2-0.2-2.3-0.3l-0.1-4.2L74.2,29z"></path>
                                <path class="st0" d="M97.7,12.1H97v15.1h-5V6.6c-0.2-3.8,2.1-5.4,5.8-5.4c0.9,0,1.7,0,2.4,0.2v4.2h-1.3c-1.2,0-1.8,0.5-1.9,1.5v1.3
		h3.3v1.2C100.2,11,99.1,12.1,97.7,12.1z"></path>
                                <path class="st0" d="M108,12.3h-5c0.6-3.6,3.2-5.3,7.9-5.3c5.5,0,8.4,1.7,8.5,5.3v6.5c0,5.3-3.3,7.7-8.8,8c-4.8,0.4-8.2-1.8-8.2-6
		c0.1-4.6,3.6-5.8,8.7-6.3c2.2-0.3,3.3-0.9,3.3-1.9c-0.1-1.1-1.2-1.6-3.3-1.6C109.3,11,108.3,11.4,108,12.3z M114.4,18.7v-1.8
		c-1.2,0.5-2.5,0.9-4,1.2c-2,0.4-3,1.3-3,2.7c0.1,1.5,0.9,2.3,2.5,2.3C112.7,23,114.4,21.4,114.4,18.7z"></path>
                                <path class="st0" d="M125,1.7c1.7,0,2.5,0.8,2.4,2.5v1.5h-5v-4C122.4,1.7,125,1.7,125,1.7z M125,7.4c1.6,0,2.4,0.8,2.4,2.4v17.7h-5
		V7.4H125z"></path>
                                <path class="st0" d="M134.8,27h-2.6V14.3c0-1.4,0.1-2.6,0.3-3.6c0.9-3.3,3.9-4.6,7.8-4.6c3.7,0,6.7,1.3,7.6,4.4
		c0.3,0.6,0.4,1.9,0.4,3.8l-5,1.7v-2.8c0-1.8-0.7-2.7-2.8-2.7c-1.9,0-2.9,1-2.9,3v11C137.4,25.7,136.2,27,134.8,27z"></path>
                                <path class="st0" d="M156.7,1.7h2.6L159,18.9c0,1.4-0.1,2.6-0.3,3.6c-0.9,3.3-3.9,4.6-7.8,4.6c-3.7,0-6.7-1.3-7.6-4.4
		c-0.3-0.6-0.4-1.9-0.4-3.8l5-1.4V20c0,1.8,0.7,2.7,2.8,2.7c1.9,0,2.9-1,2.9-3l0.3-15.3C154.1,3,155.3,1.7,156.7,1.7z"></path>
                                <path class="st0" d="M2.9,28.4H0V14.1c0-1.5,0.1-2.9,0.3-4c1-3.7,4.3-5.2,8.5-5.2c4.1,0,7.3,1.4,8.3,4.9c0.3,0.7,0.4,2.1,0.4,4.3
		L12,16v-3.2c0-2-0.8-3.1-3.1-3.1c-2.1,0-3.2,1.1-3.2,3.3v12.3C5.8,27,4.5,28.4,2.9,28.4z"></path>
                                <path class="st0" d="M26.6,0h2.9v19.3c0,1.5-0.1,2.9-0.3,4c-1,3.7-4.3,5.2-8.5,5.2c-4.1,0-7.3-1.4-8.3-4.9
		c-0.3-0.7-0.4-2.4-0.4-4.5l5.5-1.6v3.1c0,2,0.8,3.1,3.1,3.1c2.1,0,3.2-1.1,3.2-3.3V3.2C23.7,1.4,25,0,26.6,0z"></path>
                                <path class="st0" d="M180.4,17.1c0,6.6-3.1,10-9.2,10s-9.1-3.3-9.1-10s3-10,9.1-10S180.4,10.4,180.4,17.1z M167.3,17.1
		c0,3.8,1.4,5.6,3.9,5.6c2.6,0,3.9-2,3.9-5.8s-1.3-5.6-3.9-5.6C168.6,11.3,167.3,13.2,167.3,17.1z"></path>
                                <path class="st0" d="M186.6,9.9c1.3-2,3.1-3,5.6-3c5.2,0.2,7.9,3.5,7.9,10.1c0,6.4-3.1,9.6-9.2,9.7c-6.1,0-9.2-2.8-9.2-8.6V1.7h2.5
		c1.6,0,2.5,0.8,2.5,2.4v5.8C186.7,9.9,186.6,9.9,186.6,9.9z M186.6,16.8c0,3.9,1.3,5.9,4.1,5.9s4.2-2,4.2-5.9
		c-0.1-3.7-1.5-5.5-4.2-5.5S186.8,13,186.6,16.8z"></path>
                            </g>
                        </svg>

                    </div>

                    <div class="footer-column">
                        <div class="footer-column-title">À propos</div>
                        <ul class="footer-column-list">
                            <li class="footer-column-list-item"><a href="https://pro.myfairjob.com/espace-pro/contenu/profil-entreprise-myfairjob">A propos</a></li>

                        </ul>
                    </div>
                    <div class="footer-column">
                        <div class="footer-column-title">Liens utiles</div>
                        <ul class="footer-column-list">
                            <li class="footer-column-list-item"><a href="https://pro.pp.myfairjob.com/espace-pro/profile/login">Accès recruteur</a></li>
                            <li class="footer-column-list-item"> <a data-controller="ModalCtrl" data-controller-as="modal" data-mfj-modal-toggle="" data-size="lg" data-template-url="/espace-candidat/register">Accès candidat</a></li>
                            <li class="footer-column-list-item footer-column-list-item--social">
                                <a href="https://twitter.com/myfairJob" target="_blank" rel="noopener">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                                        <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
                                    </svg>
                                </a>
                                <a href="https://www.linkedin.com/company/myfairjob/about/" target="_blank" rel="noopener">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path>
                                    </svg>
                                </a>
                                <a href="https://www.instagram.com/myfairjob_/" target="_blank" rel="noopener">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                                        <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
                                    </svg>
                                </a>
                                <a href="https://www.facebook.com/MyfairJob-100125125425873" target="_blank" rel="noopener">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
                                    </svg>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer-legal">
                    <hr>
                    <div class="text-center">
                        @2021 myfairJob PRO - Tous droits réservés
                        &nbsp;&nbsp;&nbsp;
                        <a href="https://www.myfairjob.com/page/conditions-generales-myfairjob">Conditions générales</a>
                        &nbsp;&nbsp;&nbsp;
                        <a href="https://www.myfairjob.com/page/mentions-legales">Politique de confidentialité</a>
                    </div>
                </div>
            </div>
        </footer>

        <script>
            document.addEventListener("DOMContentLoaded", function() {
                + function($) {
                    'use strict';
                    var Collapse = function(element, options) {
                        this.$element = $(element)
                        this.options = $.extend({}, Collapse.DEFAULTS, options)
                        this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]')
                        this.transitioning = null
                        if (this.options.parent) {
                            this.$parent = this.getParent()
                        } else {
                            this.addAriaAndCollapsedClass(this.$element, this.$trigger)
                        }
                        if (this.options.toggle) this.toggle()
                    }
                    Collapse.VERSION = '3.4.1'
                    Collapse.TRANSITION_DURATION = 350
                    Collapse.DEFAULTS = {
                        toggle: !0
                    }
                    Collapse.prototype.dimension = function() {
                        var hasWidth = this.$element.hasClass('width')
                        return hasWidth ? 'width' : 'height'
                    }
                    Collapse.prototype.show = function() {
                        if (this.transitioning || this.$element.hasClass('in')) return
                        var activesData
                        var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing')
                        if (actives && actives.length) {
                            activesData = actives.data('bs.collapse')
                            if (activesData && activesData.transitioning) return
                        }
                        var startEvent = $.Event('show.bs.collapse')
                        this.$element.trigger(startEvent)
                        if (startEvent.isDefaultPrevented()) return
                        if (actives && actives.length) {
                            Plugin.call(actives, 'hide')
                            activesData || actives.data('bs.collapse', null)
                        }
                        var dimension = this.dimension()
                        this.$element.removeClass('collapse').addClass('collapsing')[dimension](0).attr('aria-expanded', !0)
                        this.$trigger.removeClass('collapsed').attr('aria-expanded', !0)
                        this.transitioning = 1
                        var complete = function() {
                            this.$element.removeClass('collapsing').addClass('collapse in')[dimension]('')
                            this.transitioning = 0
                            this.$element.trigger('shown.bs.collapse')
                        }
                        if (!$.support.transition) return complete.call(this)
                        var scrollSize = $.camelCase(['scroll', dimension].join('-'))
                        this.$element.one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
                    }
                    Collapse.prototype.hide = function() {
                        if (this.transitioning || !this.$element.hasClass('in')) return
                        var startEvent = $.Event('hide.bs.collapse')
                        this.$element.trigger(startEvent)
                        if (startEvent.isDefaultPrevented()) return
                        var dimension = this.dimension()
                        this.$element[dimension](this.$element[dimension]())[0].offsetHeight
                        this.$element.addClass('collapsing').removeClass('collapse in').attr('aria-expanded', !1)
                        this.$trigger.addClass('collapsed').attr('aria-expanded', !1)
                        this.transitioning = 1
                        var complete = function() {
                            this.transitioning = 0
                            this.$element.removeClass('collapsing').addClass('collapse').trigger('hidden.bs.collapse')
                        }
                        if (!$.support.transition) return complete.call(this)
                        this.$element[dimension](0).one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)
                    }
                    Collapse.prototype.toggle = function() {
                        this[this.$element.hasClass('in') ? 'hide' : 'show']()
                    }
                    Collapse.prototype.getParent = function() {
                        return $(document).find(this.options.parent).find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]').each($.proxy(function(i, element) {
                            var $element = $(element)
                            this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
                        }, this)).end()
                    }
                    Collapse.prototype.addAriaAndCollapsedClass = function($element, $trigger) {
                        var isOpen = $element.hasClass('in')
                        $element.attr('aria-expanded', isOpen)
                        $trigger.toggleClass('collapsed', !isOpen).attr('aria-expanded', isOpen)
                    }

                    function getTargetFromTrigger($trigger) {
                        var href
                        var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')
                        return $(document).find(target)
                    }

                    function Plugin(option) {
                        return this.each(function() {
                            var $this = $(this)
                            var data = $this.data('bs.collapse')
                            var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
                            if (!data && options.toggle && /show|hide/.test(option)) options.toggle = !1
                            if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
                            if (typeof option == 'string') data[option]()
                        })
                    }
                    var old = $.fn.collapse
                    $.fn.collapse = Plugin
                    $.fn.collapse.Constructor = Collapse
                    $.fn.collapse.noConflict = function() {
                        $.fn.collapse = old
                        return this
                    }
                    $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function(e) {
                        var $this = $(this)
                        if (!$this.attr('data-target')) e.preventDefault()
                        var $target = getTargetFromTrigger($this)
                        var data = $target.data('bs.collapse')
                        var option = data ? 'toggle' : $this.data()
                        Plugin.call($target, option)
                    })
                }(jQuery)
            });
        </script>

        <script>
            /*! WOW - v0.1.6 - 2014-03-19
             * Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */
            (function() {
                var a, b = function(a, b) {
                    return function() {
                        return a.apply(b, arguments)
                    }
                };
                a = function() {
                    function a() {}
                    return a.prototype.extend = function(a, b) {
                        var c, d;
                        for (c in a) d = a[c], null != d && (b[c] = d);
                        return b
                    }, a.prototype.isMobile = function(a) {
                        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)
                    }, a
                }(), this.WOW = function() {
                    function c(a) {
                        null == a && (a = {}), this.scrollCallback = b(this.scrollCallback, this), this.scrollHandler = b(this.scrollHandler, this), this.start = b(this.start, this), this.scrolled = !0, this.config = this.util().extend(a, this.defaults)
                    }
                    return c.prototype.defaults = {
                        boxClass: "wow",
                        animateClass: "animated",
                        offset: 0,
                        mobile: !0
                    }, c.prototype.init = function() {
                        var a;
                        return this.element = window.document.documentElement, "interactive" === (a = document.readyState) || "complete" === a ? this.start() : document.addEventListener("DOMContentLoaded", this.start)
                    }, c.prototype.start = function() {
                        var a, b, c, d;
                        if (this.boxes = this.element.getElementsByClassName(this.config.boxClass), this.boxes.length) {
                            if (this.disabled()) return this.resetStyle();
                            for (d = this.boxes, b = 0, c = d.length; c > b; b++) a = d[b], this.applyStyle(a, !0);
                            return window.addEventListener("scroll", this.scrollHandler, !1), window.addEventListener("resize", this.scrollHandler, !1), this.interval = setInterval(this.scrollCallback, 50)
                        }
                    }, c.prototype.stop = function() {
                        return window.removeEventListener("scroll", this.scrollHandler, !1), window.removeEventListener("resize", this.scrollHandler, !1), null != this.interval ? clearInterval(this.interval) : void 0
                    }, c.prototype.show = function(a) {
                        return this.applyStyle(a), a.className = "" + a.className + " " + this.config.animateClass
                    }, c.prototype.applyStyle = function(a, b) {
                        var c, d, e;
                        return d = a.getAttribute("data-wow-duration"), c = a.getAttribute("data-wow-delay"), e = a.getAttribute("data-wow-iteration"), a.setAttribute("style", this.customStyle(b, d, c, e))
                    }, c.prototype.resetStyle = function() {
                        var a, b, c, d, e;
                        for (d = this.boxes, e = [], b = 0, c = d.length; c > b; b++) a = d[b], e.push(a.setAttribute("style", "visibility: visible;"));
                        return e
                    }, c.prototype.customStyle = function(a, b, c, d) {
                        var e;
                        return e = a ? "visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;" : "visibility: visible;", b && (e += "-webkit-animation-duration: " + b + "; -moz-animation-duration: " + b + "; animation-duration: " + b + ";"), c && (e += "-webkit-animation-delay: " + c + "; -moz-animation-delay: " + c + "; animation-delay: " + c + ";"), d && (e += "-webkit-animation-iteration-count: " + d + "; -moz-animation-iteration-count: " + d + "; animation-iteration-count: " + d + ";"), e
                    }, c.prototype.scrollHandler = function() {
                        return this.scrolled = !0
                    }, c.prototype.scrollCallback = function() {
                        var a;
                        return this.scrolled && (this.scrolled = !1, this.boxes = function() {
                            var b, c, d, e;
                            for (d = this.boxes, e = [], b = 0, c = d.length; c > b; b++) a = d[b], a && (this.isVisible(a) ? this.show(a) : e.push(a));
                            return e
                        }.call(this), !this.boxes.length) ? this.stop() : void 0
                    }, c.prototype.offsetTop = function(a) {
                        var b;
                        for (b = a.offsetTop; a = a.offsetParent;) b += a.offsetTop;
                        return b
                    }, c.prototype.isVisible = function(a) {
                        var b, c, d, e, f;
                        return c = a.getAttribute("data-wow-offset") || this.config.offset, f = window.pageYOffset, e = f + this.element.clientHeight - c, d = this.offsetTop(a), b = d + a.clientHeight, e >= d && b >= f
                    }, c.prototype.util = function() {
                        return this._util || (this._util = new a)
                    }, c.prototype.disabled = function() {
                        return !this.config.mobile && this.util().isMobile(navigator.userAgent)
                    }, c
                }()
            }).call(this);
        </script>

        <script>
            document.addEventListener("DOMContentLoaded", function() {

                (function() {
                    + function($) {
                        "use strict";
                        var Affix = function(element, options) {
                            this.options = $.extend({}, Affix.DEFAULTS, options)
                            this.$window = $(window).on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)).on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
                            this.$element = $(element)
                            this.affixed = this.unpin = null
                            this.checkPosition()
                        }
                        Affix.RESET = 'affix affix-top affix-bottom'
                        Affix.DEFAULTS = {
                            offset: 0
                        }
                        Affix.prototype.checkPositionWithEventLoop = function() {
                            setTimeout($.proxy(this.checkPosition, this), 1)
                        }
                        Affix.prototype.checkPosition = function() {
                            if (!this.$element.is(':visible')) return
                            var scrollHeight = $(document).height()
                            var scrollTop = this.$window.scrollTop()
                            var position = this.$element.offset()
                            var offset = this.options.offset
                            var offsetTop = offset.top
                            var offsetBottom = offset.bottom
                            if (typeof offset != 'object') offsetBottom = offsetTop = offset
                            if (typeof offsetTop == 'function') offsetTop = offset.top()
                            if (typeof offsetBottom == 'function') offsetBottom = offset.bottom()
                            var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? !1 : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : offsetTop != null && (scrollTop <= offsetTop) ? 'top' : !1
                            if (this.affixed === affix) return
                            if (this.unpin) this.$element.css('top', '')
                            this.affixed = affix
                            this.unpin = affix == 'bottom' ? position.top - scrollTop : null
                            this.$element.removeClass(Affix.RESET).addClass('affix' + (affix ? '-' + affix : ''))
                            if (affix == 'bottom') {
                                this.$element.offset({
                                    top: document.body.offsetHeight - offsetBottom - this.$element.height()
                                })
                            }
                        }
                        var old = $.fn.affix
                        $.fn.affix = function(option) {
                            return this.each(function() {
                                var $this = $(this)
                                var data = $this.data('bs.affix')
                                var options = typeof option == 'object' && option
                                if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
                                if (typeof option == 'string') data[option]()
                            })
                        }
                        $.fn.affix.Constructor = Affix
                        $.fn.affix.noConflict = function() {
                            $.fn.affix = old
                            return this
                        }
                        $(window).on('load', function() {
                            $('[data-spy="affix"]').each(function() {
                                var $spy = $(this)
                                var data = $spy.data()
                                data.offset = data.offset || {}
                                if (data.offsetBottom) data.offset.bottom = data.offsetBottom
                                if (data.offsetTop) data.offset.top = data.offsetTop
                                $spy.affix(data)
                            })
                        })
                    }(jQuery)
                })()

                // Initialize affix and add an offset to add affix class on scroll
                $('#mainNavMFJ').affix({
                    offset: {
                        top: 100
                    }
                })
            });
        </script>

        <script>
            document.addEventListener("DOMContentLoaded", function() {
                $(window).scroll(function() {
                    if ($(window).scrollTop() > 3000) {
                        $("#pre-footer").slideDown("slow");
                    }
                });
            });
        </script>
</div>

                
                    <div data-ng-controller="ContactCtrl as contact" class="">
    <div class="contact-icon" data-ng-click="menu.openRight()">
        <div class="visible-lg">
            <svg class="svg-question-mark svg-question-mark-dims">
                <use href="/build/site/images/spritemap.b24d1f78a2c31a9bddb1.svg#question-mark"></use>
            </svg>
            <span class="contact-icon-text">Besoin d'aide</span>
        </div>

        <div class="hidden-lg">
            <svg class="svg-burger-dims">
                <use href="/build/site/images/spritemap.b24d1f78a2c31a9bddb1.svg#burger"></use>
            </svg>
        </div>
    </div>

    <div class="nav-contact">
        <div class="pull-left nav-contact__close" data-ng-click="menu.close()">
            <svg>
                <use href="/build/site/images/spritemap.b24d1f78a2c31a9bddb1.svg#close"></use>
            </svg>
        </div>

                    <div class="hidden-lg nav-menu nav-menu-mobile">
                
                                        <a data-mfj-modal-toggle data-controller="ModalCtrl" data-controller-as="modal" data-template-url="https://www.myfairjob.com/espace-candidat/profile/login" data-button-class="btn btn-alternative" data-resolve="home.modalResolver">Connexion</a>

                    <div class="link-separator"></div>
                        <a data-mfj-modal-toggle data-controller="ModalCtrl" data-controller-as="modal" data-template-url="https://www.myfairjob.com/espace-candidat/register" data-button-class="btn btn-action" data-resolve="home.modalResolver">S'inscrire</a>

                            </div>

            <button class="hidden-lg btn btn-alternative"
                    data-ng-show="contact.showConfirmation == false"
                    data-ng-click="contact.showForm = !contact.showForm">Besoin d'aide ?</button>
        
        <div class="contact-form-confirmation" data-ng-show="contact.showConfirmation">
            Votre message a correctement été envoyé
        </div>

        <div class="contact-form-input" data-ng-show="contact.showConfirmation == false && (contact.showForm == true || contact.isDesktop())">
            <form name="my_fair_job_cvbox_site_bundle_contact_form" method="post" action="/contactez-nous/ajax/contact" data-ng-submit="contact.processForm($event)">
            
            <h3 class="nav-contact__title">Contactez-nous</h3>
            <div>Une question ? Un problème ?</div>
            <div>Écrivez-nous : </div>

            <div class="nav-contact__form clearfix">
                    

                                    <div class="form-group">
                        <label for="my_fair_job_cvbox_site_bundle_contact_form_firstname">
                            Prénom *
                        </label>
                                <input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_firstname" name="my_fair_job_cvbox_site_bundle_contact_form[firstname]" data-initial-value data-ng-model="contact.firstname" class=" form-control" />

                    </div>
                
                                    <div class="form-group">
                        <label for="my_fair_job_cvbox_site_bundle_contact_form_lastname">
                            Nom *
                        </label>
                                <input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_lastname" name="my_fair_job_cvbox_site_bundle_contact_form[lastname]" data-initial-value data-ng-model="contact.lastname" class=" form-control" />

                    </div>
                
                                    <div class="form-group">
                        <label for="my_fair_job_cvbox_site_bundle_contact_form_email">
                            Email *
                        </label>
                                <input type="email" id="my_fair_job_cvbox_site_bundle_contact_form_email" name="my_fair_job_cvbox_site_bundle_contact_form[email]" data-initial-value data-ng-model="contact.email" class=" form-control" />

                    </div>
                
                                    <div class="form-group">
                        <label for="my_fair_job_cvbox_site_bundle_contact_form_phone">
                            Téléphone Mobile/Fixe
                        </label>
                                <input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_phone" name="my_fair_job_cvbox_site_bundle_contact_form[phone]" data-initial-value data-ng-model="contact.phone" class=" form-control" />

                    </div>
                
                <div class="form-group">
                    <label for="my_fair_job_cvbox_site_bundle_contact_form_request">
                        Sujet *
                    </label>
                            <input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_request" name="my_fair_job_cvbox_site_bundle_contact_form[request]" data-initial-value data-ng-model="contact.request" class=" form-control" />

                </div>

                                    <div class="form-group">
                        <label for="my_fair_job_cvbox_site_bundle_contact_form_company">
                            Société
                        </label>
                                <input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_company" name="my_fair_job_cvbox_site_bundle_contact_form[company]" data-initial-value data-ng-model="contact.company" class=" form-control" />

                    </div>
                
                <div class="form-group">
                    <label for="my_fair_job_cvbox_site_bundle_contact_form_message">
                        Message *
                    </label>
                            <textarea id="my_fair_job_cvbox_site_bundle_contact_form_message" name="my_fair_job_cvbox_site_bundle_contact_form[message]" data-initial-value data-ng-model="contact.message" class=" form-control"></textarea>

                </div>

                <div class="form-group"><button type="submit"         id="my_fair_job_cvbox_site_bundle_contact_form_submit" name="my_fair_job_cvbox_site_bundle_contact_form[submit]"        class="btn btn-wide btn-black nav-contact__submit btn" data-ng-disabled="!contact.firstname || !contact.lastname || !contact.request || !contact.message || !contact.email" data-ng-class="{
                            &#039;btn-gray&#039;: !contact.firstname || !contact.lastname || !contact.request || !contact.message || !contact.email,
                            &#039;btn-alternative&#039;: contact.firstname &amp;&amp; contact.lastname &amp;&amp; contact.request &amp;&amp; contact.message &amp;&amp; contact.email
                        }">Envoyer</button></div>
            </div>
                <div class="form-group form-group- "><div class="col-sm-8"><input type="text" id="my_fair_job_cvbox_site_bundle_contact_form_email_address" name="my_fair_job_cvbox_site_bundle_contact_form[email_address]" style="display:none" class=" form-control" /></div></div></form>
        </div>
    </div>
</div>

        
                            <div class="eucookie" data-ng-controller="EuCookieCtrl" data-ng-show="!euCoodieAccepted()" data-ng-cloak>
    <div class="header container">
        <div class="row">
            <div class="col-sm-6 text-right flex-center">
                <div class="txt-cookie">
                    En poursuivant votre navigation sur ce site,<br /> vous acceptez l'utilisation de cookies pour réaliser des statistiques de visites.

                </div>
            </div>
            <div class="col-sm-3 text-center">
                <div class="btn btn-alternative btn-wide" data-ng-click="euCookieAccept()">Accepter</div>
            </div>
            <div class="col-sm-3 text-center flex-center">
                <a href="/espace-candidat/page/conditions-generales#cookie">En savoir +</a>
            </div>
        </div>
    </div>
    <div class="close">
        <a href="" data-ng-click="euCookieAccept()"><i class="glyphicon glyphicon-remove"></i></a>
    </div>
</div>
        
                            
                        
        
        <script src="/bundles/fosjsrouting/js/router.min.js"></script>
        <script src="/js/routing?callback=fos.Router.setData"></script>

        <script src="/build/site/runtime.a6b927d7.js"></script><script src="/build/site/0.cb5fe9c2.js"></script><script src="/build/site/site.d1e4cc88.js"></script>
        <script>
            // cssVars();

            $(document).on('focus', 'input, textarea', function () {
                if (window.matchMedia('(max-width: 768px)').matches) {
                    var offset = $(this).offset().top;
                    window.scroll(0, offset - 25);
                }
            });
        </script>

        
                                            <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JNSEZD7HBW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-JNSEZD7HBW');
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-20098072-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-20098072-1');
</script>

<!-- Hotjar Tracking Code for https://www.myfairjob.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:139757,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
            
            <!-- Facebook Pixel Code -->
            <script>
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','//connect.facebook.net/en_US/fbevents.js');

            fbq('init', '865843320190128');
            fbq('track', "PageView");</script>
            <noscript><img height="1" width="1" style="display:none" alt=""
            src="https://www.facebook.com/tr?id=865843320190128&ev=PageView&noscript=1"
            /></noscript>
            <!-- End Facebook Pixel Code -->
            </body>
</html>
