<!DOCTYPE html>
<html class="no-js     homepage home-cvbox
" lang="fr">
    <head>
        <title> myfairJob.com -     myfairJob – Candidature spontanée et création de CV par compétences
</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="    myfairJob vous permet d&amp;#039;envoyer votre CV partout en France, tous métiers et tous secteurs. Créez votre profil par compétences en quelques minutes et ciblez votre envoi vers plus de 451 000 entreprises
">
                <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>
<style type="text/css">
/* custom navbar */

.modal__footer .modal-open {
    background-color: transparent;
    border: 0;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    outline: none;
    padding: 0;
}

.theme-alternative-color {
    color : white;
text-decoration: underline;
}

.theme-alternative-color:hover {
    color : white;
}

.root {
    background: #FFFFFF;
}

.etape1 {
    background-color: #F5F5FC;
    border-radius: 10px;
    padding-bottom: 34px;
}

.etape1_content {
    margin-top: 115px;
}

.etape2 {
    margin-top:100px;
    margin-bottom:150px;
}

.etape2_content {
    margin-top: 115px;
}

.prochain_emploi h2 {
  text-align: center;
  font-size: 48px;
  padding-top: 75px;
    padding-bottom: 70px;
}

.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/myfairJob/_fonts/webfontkit-20210203-102536/wildernesstypeface-regular-webfont.woff2') format('woff2'),
  url('https://media.myfairjob.com/myfairJob/_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/myfairJob/_fonts/Gilroy-Bold.woff') format('woff');
    }

@font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: normal;
    src: url('https://media.myfairjob.com/myfairJob/_fonts/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;
}

.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: 40px;
  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: 300;
  text-align: center;
}

.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_creer_profil {
  margin-top: 20px;
}

.cta_creer_profil button{
  text-transform:uppercase;
}

.cta_creer_profil a{
  color: #0E144F;
border-radius:6px;
  font-size: 16px;
  font-family: Gilroy-Bold,Georgia,Times New Roman,Times,serif;
}

.cta_creer_profil a:hover {
  color: #364d7a;
  text-decoration: none;
}

.content_header .cta_creer_profil 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 30px 0px;
}

.bloc-reassurance{
width:315px;
}

.reassurance{
 display:flex;
justify-content:space-evenly;
margin-top: 50px;
}

.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;
      margin-top: -50px;
}

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: 200px;
  padding-bottom: 150px;
  margin:0px auto;
  width:70%;
}

.prochain_recrutement .highlight {
  background-color: #FFC100;
  padding-left: 8px;
  padding-right: 8px;
}

.titre_reassurance .highlight {
  background-color: #FFC100;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 300px) and (max-width: 768px){

.footer-column-list-item--social a {
    color: #fff;
    margin-bottom: 10px;
    padding-right: 6px;
}

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;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}

.etape1_content {
    margin-top: 10px; 
}

.etape2_content {
    margin-top: 10px; 
}

.etape2 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.prochain_emploi h2 {
    padding-top: 10px;
    padding-bottom: 30px;

}

  .titre_reassurance h2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .titre_reassurance {
    margin-top: 70px;
}

  .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;
  }

  .prochain_emploi span {

}

.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;
    padding-top: 160px;
    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: 140px;

  }

  .image_header {
    margin-top: 120px;
    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;
  }

  .prochain_recrutement {
      width: 80%;
  }

  .etape2_content {
    margin-top: 50px;
}

.etape1_content {
    margin-top: 50px;
}

}

@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;
}

.prochain_recrutement {
    width: 90%;
}


  .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:190px;
    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></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">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </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 href="https://www.myfairjob.com/page/candidature-spontanee" class="navigation-menu-item-link">Candidature spontanée</a>
            </li>
            <li>
              <a href="https://www.myfairjob.com/page/cv-par-competences" class="navigation-menu-item-link">CV par compétences</a>
            </li>
            <li>
              <a href="https://www.myfairjob.com/articles/" class="navigation-menu-item-link">Blog</a>
            </li>
            <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/mosaique_page_candidat.png" class="img-fluid" alt="Responsive image">
                    </div>

                    <div class="content_header col-md-6">
                      <h1>
                          Et si vous changiez votre façon de <span class="highlight">chercher un emploi&nbsp;?</span>
                      </h1>
                      <p>
                          Avec myfairJob, boostez votre profil avec le CV par compétences et diffusez-le auprès de milliers d’entreprises en un clic.
                      </p>

                      <div class="cta_creer_profil">
                              <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 profil →</a>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





<div class="corps">

    <div class="container_contenus_larges">
        <div class="titre_reassurance h2">
            <span class="highlight">61 % des recruteurs</span> embauchent à partir de la réception de candidatures spontanées
        </div>
        <div><h4>Tentez votre chance !</h4></div>

        <div class="reassurance">
                <div class="bloc-reassurance">
                    <img src="https://media.myfairjob.com/myfairJob/_img/CV.svg">
                    <h3>Le bon CV</h3>
                    <p>Démarquez-vous avec le seul format de CV par compétences non discriminant préconisé par le Défenseur des droits.</p>
                </div>

                <div class="bloc-reassurance">
                    <img src="https://media.myfairjob.com/myfairJob/_img/Location.svg">
                    <h3>Au bon endroit</h3>
                    <p>Diffusez votre profil auprès d’un large nombre de recruteurs.</p>
                </div>

                <div class="bloc-reassurance">
                    <img src="https://media.myfairjob.com/myfairJob/_img/calendar.svg">
                    <h3>Immédiatement</h3>
                    <p>Décrochez des entretiens d’embauche rapidement. </p>
                </div>
        </div>

    </div>

    <div class="container_contenus_larges">
        <div class="prochain_emploi">
            <h2> Votre prochain emploi <br> commence ici  </h2>
            <div class="etape1">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="etape1_content col-md-5">

                                <h3> Pourquoi la candidature spontanée&nbsp;? </h3>
                                <p>C'est la méthode de recrutement privilégiée des entreprises en France ! Ayez un temps d'avance, contactez en direct plus de 700 000 recruteurs. </p>
                                <div class="cta_creer_profil">
                                    <a href="https://www.myfairjob.com/page/candidature-spontanee">EN SAVOIR PLUS →</a>
                                </div>
                              </div>
                            <div class="col-md-1"><br></div>
                            <div class="etape1_image col-md-6">
                                <img style="height: 100%; width: 100%; object-fit: contain; margin-top: -60px;" src="https://media.myfairjob.com/myfairJob/_img/candidature_spontanée_mfj.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="etape2">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="etape2_image col-md-6">
                                <img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJob/_img/compétences_ventes_mfj.png" alt="">
                            </div>
                            <div class="col-md-1"><br></div>
                            <div class="etape2_content col-md-5">

                                <h3> Pourquoi le CV par compétences&nbsp;? </h3>
                                <p>Créer un CV n'est pas si facile ! Nous vous proposons un outil simple pour vous révéler par vos compétences. Soyez lisible et impactant auprès des entreprises. </p>
                                <div class="cta_creer_profil">
                                    <a href="https://www.myfairjob.com/page/cv-par-competences">EN SAVOIR PLUS →</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div> <!-- fin div etapes -->
    </div> <!-- fin div contenu larges -->



    <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 vos opportunités d’entretien. Efficace, rapide et simple ! </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://pro.pp.myfairjob.com/articles/definir-postes-entreprise/"><img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJobPRO/_img/definir_les_postes.png" class="img-fluid"></a>
                    <div class="post-list-item-content">
                        <div class="post-list-item-categories">
                            <a class="single-post-cat" href="https://pro.pp.myfairjob.com/articles/le-recrutement/la-selection-des-candidats/">La sélection des candidats</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://pro.pp.myfairjob.com/articles/definir-postes-entreprise/">
                                <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="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://pro.pp.myfairjob.com/articles/recette-entretien-dembauche-gagnant-myfairjob/">
                        <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://pro.pp.myfairjob.com/articles/le-recrutement/reussir-ses-recrutements/">Réussir ses recrutements</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://pro.pp.myfairjob.com/articles/recette-entretien-dembauche-gagnant-myfairjob/">
                                <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://pro.pp.myfairjob.com/articles/pourquoi-developper-sa-marque-employeur/">
                        <img style="height: 100%; width: 100%; object-fit: contain" src="https://media.myfairjob.com/myfairJobPRO/_img/Competences_persos_pepites.png" class="img-fluid"> </a>
                    <div class="post-list-item-content">
                        <div class="post-list-item-categories">
                            <a class="single-post-cat" href="https://pro.pp.myfairjob.com/articles/le-recrutement/marque-employeur/">Marque employeur</a>
                        </div>
                        <header>
                            <a class="post-list-item-title-link" href="https://pro.pp.myfairjob.com/articles/pourquoi-developper-sa-marque-employeur/">
                                <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="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>-->
     <!-- 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">700 000 recruteurs</span>de tous secteurs reçoivent nos CV, pourquoi pas le vôtre ?</span>

        <div class="cta_creer_profil">
                <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 profil maintenant →</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://www.myfairjob.com/entreprise/bordeaux/myfairjob">À propos</a></li>
                                <li class="footer-column-list-item"><a href="https://www.myfairjob.com/articles/">Blog candidat</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.myfairjob.com/">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>

                    
                    <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>
