<!DOCTYPE html>
<html class="no-js " lang="fr">
    <head>
        <title> myfairJob.com -     Conditions générales d&#039;utilisation
</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="    Conditions générales d&#039;utilisation du site myfairJob.com
">
                <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>
        
    

            
    <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">
    <style type="text/css">
    /* custom navbar */
    
    .mfj-navbar {
      position: relative;
      min-height: 50px;
      margin-bottom: 20px;
      border: 1px solid transparent;
    }
    
    .nav-contact{
    	z-index:11000;
    }
    
    button{
    	background-color:transparent;
    	border:none;
    }
    
    @media (min-width: 768px) {
      .mfj-navbar {
        border-radius: 4px;
      }
    }
    
    @media (min-width: 768px) {
      .mfj-navbar-header {
        float: left;
      }
    }
    
    .mfj-navbar-collapse {
      padding-right: 15px;
      padding-left: 15px;
      overflow-x: visible;
      border-top: 1px solid transparent;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      -webkit-overflow-scrolling: touch;
    }
    .mfj-navbar-collapse.in {
      overflow-y: initial;
    }
    @media (min-width: 768px) {
      .mfj-navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .mfj-navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
      }
      .mfj-navbar-collapse.in {
        overflow-y: visible;
      }
      .mfj-navbar-fixed-top .mfj-navbar-collapse,
      .mfj-navbar-static-top .mfj-navbar-collapse,
      .mfj-navbar-fixed-bottom .mfj-navbar-collapse {
        padding-right: 0;
        padding-left: 0;
      }
    }
    .mfj-navbar-fixed-top,
    .mfj-navbar-fixed-bottom {
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1030;
    }
    .mfj-navbar-fixed-top .mfj-navbar-collapse,
    .mfj-navbar-fixed-bottom .mfj-navbar-collapse {
      max-height: 340px;
    }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .mfj-navbar-fixed-top .mfj-navbar-collapse,
      .mfj-navbar-fixed-bottom .mfj-navbar-collapse {
        max-height: 200px;
      }
    }
    @media (min-width: 768px) {
      .mfj-navbar-fixed-top,
      .mfj-navbar-fixed-bottom {
        border-radius: 0;
      }
    }
    .mfj-navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .mfj-navbar-fixed-bottom {
      bottom: 0;
      margin-bottom: 0;
      border-width: 1px 0 0;
    }
    .container > .mfj-navbar-header,
    .container-fluid > .mfj-navbar-header,
    .container > .mfj-navbar-collapse,
    .container-fluid > .mfj-navbar-collapse {
      margin-right: -15px;
      margin-left: -15px;
    }
    @media (min-width: 768px) {
      .container > .mfj-navbar-header,
      .container-fluid > .mfj-navbar-header,
      .container > .mfj-navbar-collapse,
      .container-fluid > .mfj-navbar-collapse {
        margin-right: 0;
        margin-left: 0;
      }
    }
    .mfj-navbar-static-top {
      z-index: 1000;
      border-width: 0 0 1px;
    }
    @media (min-width: 768px) {
      .mfj-navbar-static-top {
        border-radius: 0;
      }
    }
    .mfj-navbar-brand {
      float: left;
      height: 50px;
      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: 9px 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 */
    
    @font-face {
      font-family: quicksand;
      src: url(https://media.myfairjob.com/myfairjob2019/fonts/quicksand-bold.woff);
    }
    
    @font-face {
      font-family: avenir;
      src: url(https://media.myfairjob.com/myfairjob2019/fonts/Avenir-Book.woff);
    }
    
    @font-face {
      font-family: arkipelago;
      src: url(https://media.myfairjob.com/myfairjob2019/fonts/arkipelago-webfont.woff);
    }
    
    h1, h2, h3, h4, h5 {
    	font-family:quicksand;
    	color:#1e266d;
    	letter-spacing:0px;
    }
    
    h1 {
    	font-size:60px;
    	line-height:65px;
    	margin-top:0;
    	margin-bottom:30px;
    }
    
    h2 {
    	font-size:25px;
    	line-height:30px;
    	margin:30px 0px;
    }
    
    h3 {
    	font-size:20px;
    	line-height:25px;
    }
    
    h5{
    	text-transform: uppercase;
    }
    
    body, a, p {
    	font-family:avenir;
    	font-size:14px;
    	line-height: 26px;
    	color:#465660;
    	letter-spacing: 1px;
    }
    
    .eucookie{
    	z-index:2000;
    }
    
    .site {
    	background-color:#fff;
    }
    
    p{
    	margin:0 0 30px;	
    }
    
    a:focus, a:hover{
    	text-decoration: none;
    	color:#465660;
    }
    
    label {
    	font-family: quicksand;
    }
    
    span.arki {
    	font-family:arkipelago;
    	font-size:30px;
    	line-height: 35px;
    	display:block;
    	margin-bottom:20px;
    }
    
    /* Enlever les paddings colonnes Bootstrap : le no-gutters de Bootstrap 4 */
    
    .no-padding > [class*='col-'] {
    	padding-right:0;
    	padding-left:0;
    }
    
    /* Bulle contact */
    .contact-icon{
    	width:70px;
    	height:70px;
    	border-radius:100%;
    	right:50px;
    	transform:none;
    	-moz-box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.4);
    	-webkit-box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.4);
    	box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.4);
    }
    
    .contact-icon .svg-question-mark{
    	background:url(https://media.myfairjob.com/myfairjob2019/img/contact.svg) no-repeat;
    }
    
    #chronologie h2{
    	margin-bottom: 100px;
    }
    
    .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;
    }
    
    .center{
    	float:none;
    	margin:0px auto;
    	text-align: center;
    }
    
    .liner .liner-item{
    	display:inline;
    	position: relative;
    }
    
    .liner:hover .liner-item:after{
    	width:100%;
    }
    
    li.active .liner .liner-item:after{
    	background-color: #21BFB9;
    }
    
    .liner .liner-item:after{
    	background-color: #465660;
    	bottom:-3px;
    	content:" ";
    	height:3px;
    	left:0;
    	position: absolute;
    	transition: width 0.3s;
    	transition-timing-function: ease-in-out;
    	transition-timing-function: cubic-bezier(0.405, 0.07, 0.575, 0.995);
    	width:0;
    }
    
    .btn {
    	font-family:quicksand;
    	background-color: #21BFB9;
    	padding:10px 20px;
    	border-radius:50px;
    	font-size:15px;
    	color:#fff;
    	border: 2px solid #21BFB9;
    	box-shadow: inset 0 0 0 0 #21BFB9;
      	-webkit-transition: ease-out 0.4s;
      	-moz-transition: ease-out 0.4s;
      	transition: ease-out 0.4s;
      	cursor: pointer;
    }
    
    .btn:hover {
    	color:white;
    	box-shadow: inset 400px 0 0 0 #19AEA9;
    }
    
    .mfj-navbar-nav{
    	font-family:quicksand;
    }
    
    .mfj-navbar-brand>img{
    	width:150px;
    }
    
    .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: quicksand;
    }
    
    .mfj-navbar-default .mfj-navbar-nav>li>a.btn{	
    	padding:8px 15px;
    	margin-top:5px;
    	color:#fff;
    }
    
    .pad, #intro-cs, #chronologie, #efficacite, #candidaturespontanee, #intro-apropos, #cvparcompetences, #temoignage, #garanties{
    	padding:100px 0px;
    }
    
    #garanties img{
    	height:100px;
    }
    
    #arguments {
    	padding-top:100px;
    }
    
    .footer-top, #pre-footer{
    	padding-bottom:100px;
    }
    
    .box{
    	-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;
    	margin:0 10px 40px 10px;
    	transition:all 0.3s ease-in-out;
    	border-radius:10px;
    	background-color: white;
    	border:1px solid transparent;
    }
    
    .box img{
    	height:100px;
    }
    
    p.number{
    	font-family: quicksand;
    	font-size:34px;
    	letter-spacing: 0px;
    	color:#21BFB9;
    	margin-bottom:10px!important;
    }
    
    /*******  Première section des pages ********/	
    #main-slider {
    
    }
    
    #main-slider .slide-margin{
    	margin:200px 0px;
    }
    
    .carousel-inner{
    	overflow:visible;
    }
    
    #main-slider .slide-margin{
    	margin:140px 0px;
    }
    
    #main-slider .carousel-content{
    	margin-top:40px;
    }
    
    #main-slider .carousel .slider-img{
    	text-align:right;
    	position:absolute;
    }
    
    /*******  Fin première section des pages ********/	
    
    
    /***************** Timeline candidature spontanée et page à propos **************/
    
    .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:#21BFB9;
    }
    
    .timeline>li:after, .timeline>li:before{
    	display:table;
    	content:' ';
    }
    
    .timeline>li:after{
    	clear:both;
    }
    /***************** Fin timeline candidature spontanée et page à propos **************/
    
    
    /***************** Pré-footer *******************/
    #pre-footer .container{
    	background-color: #1e266d;
    	border-radius:10px;
    	color:#fff;
    	padding-top:80px;
    	padding-bottom: 80px;
    }
    
    #pre-footer {
    	display: none;
    }
    
    #pre-footer button{
    	margin-top:30px;
    	display:block;
    	margin:auto;
    }
    /***************** Fin du pré-footer *******************/
    
    
    /***************** Footer *******************/
    
    footer ul{
    	list-style: none;
    	padding:0;
    }
    
    .footer-top img{
    	width:190px;
    	padding-bottom:20px;
    }
    
    .footer-bottom{
    	text-align: center;
    }
    
    /***************** Fin du footer *******************/
    
    
    /*******  Index ********/	
    .part{
    	position: absolute;
    	left:100px;
    	top:200px;
    }
    
    .part2{
    	position: absolute;
    	left:56px;
    	top:220px;
    }
    
    .part3{
    	position: absolute;
    	left:88px;
    	top:186px;
    }
    
    .part2 img{
    	width:40px;
    }
    
    .part3 img{
    	width:20px;
    }
    
    #secteurs {	
    	height:330px;
    	background: rgb(253,211,149); /* Old browsers */
    	background: -moz-linear-gradient(left, rgb(253,211,149) 0%, rgb(224,100,47) 42%, rgb(226,65,23) 100%); /* FF3.6-15 */
    	background: -webkit-linear-gradient(left, rgb(253,211,149) 0%,rgb(224,100,47) 42%,rgb(226,65,23) 100%); /* Chrome10-25,Safari5.1-6 */
    	background: linear-gradient(to right, rgb(253,211,149) 0%,rgb(224,100,47) 42%,rgb(226,65,23) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd395', endColorstr='#e24117',GradientType=1 ); /* IE6-9 */
    }
    
    #secteurs span.arki {
    	color:white;
    }
    
    /*******  Fin Index ********/	
    
    
    /***************** Candidature spontanée *******************/
    
    #efficacite {
    	background-color:#F6FCFD;
    }
    
    #efficacite .box{
    	padding:20px 10px 10px;
    	margin-bottom:10px;
    	text-align: center;
    }
    
    #efficacite .box p{
    	margin:0px;
    	line-height:18px;
    }
    
    #temoignage p{
    	padding:20px 0px;
    }
    
    #temoignage .user img{
    	float:left;
    	width:90px;
    	height:90px;
    	border-radius: 100%;
    }
    
    /***************** fin candidature spontanée *******************/
    
    
    /***************** Cv par compétences *******************/
    
    .justify-content-around{
    	justify-content: space-around;
    	display:flex;
    }
    /***************** fin cv par compétences *******************/
    
    
    /***************** A PROPOS *******************/
    
    .about#main-slider{
    	background: url(https://media.myfairjob.com/myfairjob2019/img/office.jpg) no-repeat;
    	background-size:cover;
    	height:500px;
    	margin-bottom:200px;
    }
    
    .about#main-slider .presentation{
    	margin-top:240px;
    }
    
    .about#main-slider h1{
    	text-align:center;
    }
    
    #valeurs {
    	background-color: #F6FCFD;
    	padding:80px 0px;
    }
    
    #intro, #ref-competences{
    	padding:100px 0px 0px;
    }
    
    #title {
    	padding-top: 200px;
    }
    /***************** fin A PROPOS *******************/
    
    
    /************* Contact **************/
    form button {
    	float:right;
    	margin-top:20px;
    }
    
    form div {
    	margin-bottom:20px;
    }
    
    .form-control{
    	height:40px;
    	box-shadow: none;
    }
    
    .form-control:focus{
    	border-color: #21BFB9;
    }
    /************* fin contact **************/
    
    
    /************* Mentions légales **************/
    
    
    #mentions{
    	padding-bottom:80px;
    }
    
    #mentions #faq-list li{
    	border-bottom:1px solid #ddd;
    	list-style: none;
    }
    
    #mentions #faq-list a{
    	padding:18px 0px;
    	display:block;
    	position:relative;
    	line-height:1;
    	padding-right:20px;
    	font-family:quicksand;
    	font-size:18px;
    }
    
    #mentions #faq-list i{
    	position:absolute;
    	right:0;
    	top:16px;
    	width:15px;
    }
    
    #mentions #faq-list{
    	padding:0;
    }
    
    #mentions #faq-list i{
     	content: url(https://media.myfairjob.com/myfairjob2019/img/minus.svg);
    }
    
    #mentions #faq-list a.collapsed i{
     	content: url(https://media.myfairjob.com/myfairjob2019/img/add.svg);
    }
    /************* fin mentions légales **************/
    
    
    /************* Responsive **************/
    
    @media (max-width: 320px){
    
    	h1 {
    		font-size:20px;
    		line-height:25px;
    		margin-top:0;
    		margin-bottom:20px;
    		text-align:center;
    	}
    
    	h2 {
    		font-size:18px;
    		line-height:23px;
    		margin:20px 0px;
    		text-align:center;
    	}
    
    	h3 {
    		font-size:15px;
    		line-height:20px;
    		margin:10px;
    	}
    
    	.justify-content-around{
    		justify-content: space-around;
    		display:block;
    	}
    
    	.footer-top div{
    		padding:10px 15px;
    	}
    
    	#main-slider .carousel .slide-margin{
    		margin-top:50px;
    	}
    
    	#main-slider .carousel .carousel-content{
    		text-align: center;
    	}
    
    	#main-slider .carousel .slider-img{
    		position:relative;
    	}
    
    	.box{
    		margin:0 0px 20px 0px;
    	}
    
    	.pad{
    		padding:0;
    	}
    
    	#secteurs{
    		height:500px;
    		text-align: center;
    		padding: 40px 0px;
    	}
    
    	.no-gutters>.col, .no-gutters>[class*=col-]{
    		padding-right:0;
    		padding-left:0;
    	}
    
    	.step-pad{
    		padding: 20px 0px;
    	}
    
    	#ref-competences{
    		text-align: center;
    	}
    
    
    /************* 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;
    	}
    
    
    }
    
    @media (max-width: 768px){
    
    	h1 {
    		font-size:30px;
    		line-height:35px;
    		margin-top:0;
    		margin-bottom:20px;
    	}
    
    	h2 {
    		font-size:18px;
    		line-height:23px;
    		margin:20px 0px;
    	}
    
    	h3,h4 {
    	font-size:15px;
    	line-height:20px;
    	}
    
    	p{
    		font-size:14px;
    		line-height: 22px;
    	}
    
    	span.arki{
    		font-size:20px;
    		line-height:25px;
    	}
    
    	.part{
    		top:80px;
    		left:45px;
    	}
    
    	.part2{
    		top:100px;
    		left:-5px;
    	}
    
    	.part3{
    		top:66px;
    		left:30px;
    	}
    
    	.justify-content-around{
    		display:block;
    	}
    
    	.contact-icon{
    		display:none;
    	}
    
    	#secteurs .pad{
    		margin-top:30%;
    	}
    
    	.pola{
    		margin-bottom:80px;
    	}
    
    	.rounded-circle{
    		margin:0px auto;
    		height:100%;
    		width:120px;
    	}
    
    	#secteurs img{
    		margin-top:50px;
    	}
    
    	#pre-footer .container{
    		margin:0px 15px;
    	}
    
    	
    
    	.pad{
    		padding:0;
    	}
    
    	#valeurs img{
    	padding:20px 20px 40px 20px;
    	}
    
    	#arguments, #candidaturespontanee, #cvparcompetences, #efficacite, #intro, #garanties, #chronologie, #intro-apropos, #ref-competences{
    		padding:40px 0px 40px 0px;
    	}
    
    	#cvparcompetences{
    		background-color:#F6FCFD;
    	}
    
    	#main-slider .carousel .slider-img{
    		position:relative;
    	}
    
    	#chronologie h2{
    		margin-bottom:0px;
    	}
    
    	.timeline{
    	margin-top:60px;
    	}
    
    	.timeline:before{
    		left:53px;
    	}
    
    	.timeline-image h3{
    		margin-top:10px;
    	}
    
    	.timeline>li{
    			position:relative;
    			min-height:50px;
    			margin-bottom: 50px;
    		}
    
    	.timeline>li .timeline-image{
    		left:0;
    		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;
    	}
    
    	#main-slider .carousel-content{
    		margin-top:0px;
    	}
    
    	.row{
    		margin-right:auto;
    		margin-left: auto;
    	}
    
    }
    
    @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;
    	}
    
    	.step-pad{
    		padding:35px 0px;
    	}
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
    
    	#main-slider .carousel .carousel-content{
    		margin-top:50px;
    	}
    
    	.col-md-4{
    		flex:0 0 33.333333%;
    		max-width:33.333333%;
    	}
    
    	#arguments .row, #garanties .row, #efficacite .row{
    		display: flex;
    	}
    
    	#valeurs .box{
    		margin-bottom:20px;
    	}
    
    	.box{
    		margin:0;
    	}
    
    	#efficacite .box{
    		margin-right:10px;
    	}
    
    	#efficacite, #intro, #garanties{
    		padding:100px 0px;
    	}
    
    	.footer-top img{
    		width:150px;
    	}
    
    	.timeline>li{
    		position:relative;
    		min-height:100px;
    		margin-bottom: 100px;
    	}
    }
    
    @media (min-width: 992px){
    	.timeline>li .timeline-image{
    		width:150px;
    		height:150px;
    		margin-left: -75px;
    	}
    }
    
    @media (min-width: 1080px) and (max-width: 1279px) {
    	.container{
    		width: 1080px;
    	}
    
    	#candidaturespontanee{
    	background: url(https://media.myfairjob.com/myfairjob2019/img/cs-bg.svg) no-repeat right top;
    	background-size: contain;
    	}
    
    	#cvparcompetences{
    		background: url(https://media.myfairjob.com/myfairjob2019/img/cv-bg.svg) no-repeat -40% top;
    		background-size: contain;
    	}
    }
    
    @media (max-width: 1200px) {
    
    	h1{
    		font-size:50px;
    		line-height:55px;
    	}
    
    	.contact-icon{
    		display:none;
    	}
    
    	.no-padding > [class*='col-']{
    		padding-left:15px;
    		padding-right:15px;
    	}
    
    	.timeline li{
    		min-height:200px;
    		margin:0;
    	}
    
    	/************* Nav **************/
    	.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;
    		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;
    	}
    }
    
    @media (min-width: 1200px){
    	
    	#candidaturespontanee{
    	background: url(https://media.myfairjob.com/myfairjob2019/img/cs-bg.svg) no-repeat right top;
    	background-size: contain;
    	}
    
    	#cvparcompetences{
    		background: url(https://media.myfairjob.com/myfairjob2019/img/cv-bg.svg) no-repeat left top;
    		background-size: contain;
    	}
    
    	.timeline>li{
    		min-height:200px;
    	}
    
    	.timeline>li .timeline-panel{
    		padding:25px 20px 20px 100px;
    	}
    
    	.timeline>li.timeline-inverted>.timeline-panel{
    		padding:25px 30px 20px 20px;
    	}
    
    	.timeline>li .timeline-image{
    		width:180px;
    		height:180px;
    		margin-left: -85px;
    	}
    
    
    
    	.timeline>li .timeline-image h3{
    		margin-top:50px;
    	}
    
    }
    
    @media (min-width: 1280px){
    	.container{
    		width: 1194px;
    	}
    }
    
    /* animate.css */
    
    body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:.5s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-timing-function:ease;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:0.75s;-moz-animation-duration:0.75s;-o-animation-duration:0.75s;animation-duration:0.75s}
    
    /* end animate */
    
    /* fix navbar */
    
    .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .modal-footer:after, .modal-header:after, .nav:after, .mfj-navbar-collapse:after, .mfj-navbar-header:after, .mfj-navbar:after, .pager:after, .panel-body:after, .row:after{ clear:both;}
    @media (max-width: 1200px) {
      #myNavbarMFJ{clear: both;}
    }
    
    /* end fix navbar */
    
    /* fix besoin d'aide */
    
    .contact-icon .svg-question-mark {
      top: 0px;
    }
    
    .svg-question-mark-dims {
      width: 19px;
    }
    
    .contact-icon .contact-icon-text {
      top: -4px;
    }
    
    .contact-icon {
      font-family: avenir;
      font-size: 14px;
    }
    
    /*
    .contact-icon {
      display: none !important;
    }
    */
</style>

<header>
    <nav class="mfj-navbar mfj-navbar-default mfj-navbar-fixed-top" role="navigation" id="mainNavMFJ">
        <div class="container">

            <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="/page/candidature-spontanee" class="liner">
                            <div class="liner-item">Candidature spontanée</div>
                        </a>
                    </li>
                    <li>
                        <a href="/page/cv-par-competences" class="liner">
                            <div class="liner-item">CV par compétences</div>
                        </a>
                    </li>
                    <li>
                        <a href="https://pro.myfairjob.com/" class="liner">
                            <div class="liner-item">Recruteurs</div>
                        </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 un compte</a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>
</header>

<section id="title">
    <div class="container">
        <div class="row slide-margin">
            <div class="col-sm-8">
                <h1 class="animation animated-item-1">Conditions générales</h1>
            </div>
        </div>
    </div>
</section>


<section id="mentions">
    <div class="container">

        <ul id="faq-list" class="wow fadeInUp">
            <li>
                <a data-toggle="collapse" class="collapsed" href="#faq1">Vos droits et responsabilités en tant qu'utilisateur
                    <i class="ion-android-remove"></i></a>
                <div id="faq1" class="collapse" data-parent="#faq-list">
                    <p>
                        Ce document précise les conditions d'utilisation qui s'imposent, sans réserve, à tout utilisateur qui se connecte sur le présent site afin de bénéficier des services qui y sont associés.<br>
                        Ces conditions représentent un accord entre l’utilisateur et la SAS MFJ pour l’ensemble des sites qu’elle exploite ou commercialise à ses clients tant en France qu’à l’étranger. Vous acceptez ces conditions chaque fois que vous accédez au site ou en utilisez les services.
                        Les sites offrent de nombreuses fonctions et de nombreux services d’aide au recrutement. Les sites comprennent aussi des communautés en ligne pour permettre une mise en réseau des valeurs professionnelles et des choix éthiques de recrutement entre les utilisateurs. Les sites permettent aux utilisateurs de concevoir librement des profils individuels CV valorisant leurs compétences qui peuvent contenir des informations personnelles et donnent aussi la possibilité de rendre public ce profil ou une partie du profil et ceux au libre choix de l’utilisateur.
                        La SAS MFJ peut modifier ces conditions en mettant en ligne une version actualisée de cette page web. Vous devez consulter régulièrement cette page et lire les conditions car elles s'imposent à vous légalement.<br>
                        Si des utilisateurs enfreignent ces conditions, la SAS MFJ peut suspendre pour un temps ou mettre fin à leur accès aux utilisateurs malveillants. Si vous avez moins que l'âge légal défini dans votre pays, vous devez utiliser le site sous la responsabilité d'un parent, responsable légal ou un autre adulte responsable.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq2" class="collapsed">Utilisation des contenus<i class="ion-android-remove"></i></a>
                <div id="faq2" class="collapse" data-parent="#faq-list">
                    <p>
                        La SAS MFJ vous autorise, selon les présentes conditions à accéder et utiliser les sites et leur contenu pour télécharger et imprimer lesdits contenus qui sont disponibles exclusivement pour une utilisation privée, non commerciale. Les droits attachés aux contenus, par exemple des designs, textes, graphiques, images, vidéos, informations, logos, logiciels, fichiers audio et autres sont réservés. La protection des marques est assurée par dépôt légal et autres lois relatives à la propriété commerciale. Tous les contenus sont la propriété de la SAS MFJ et ne peuvent être utilisés en dehors de l'usage privé défini ci-dessus.<br>
                        Tout code créé par la SAS MFJ pour accéder, générer ou afficher des contenus du site, sont aussi protégés et vous ne devez pas copier ou modifier ces codes dans le cadre des dispositions légales.<br>
                        Vous ne devez utiliser aucune partie des contenus du site sur un autre site web ou dans un environnement réseau quelques soient les moyens et formes d'utilisation utilisés, sans avoir préalablement convenu d'un accord écrit avec la SAS MFJ.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq3" class="collapsed">Utilisation des services<i class="ion-android-remove"></i></a>
                <div id="faq3" class="collapse" data-parent="#faq-list">
                    <p>
                        La base de données des CV et les autres fonctions des sites ne peuvent être utilisées que par des personnes recherchant un emploi et/ou des informations sur leur carrière professionnelle ainsi que par les employeurs recherchant à recruter du personnel pour le compte de leur entreprise. De même, l’utilisation du site n’est autorisée qu'à des fins professionnelles ou personnelles licites.<br>
                        Les utilisateurs s'interdisent de :<br>
                        1. transmettre, publier, distribuer, enregistrer ou détruire les contenus du site, en violation des droits de protection des informations du site.<br>
                        2. d'effectuer des actions qui représenteraient une contrainte préjudiciable aux structures du site.<br>
                        3. utiliser des systèmes d'exploration de données, des robots ou tout autre méthode semblable pour la collecte et l'exploitation de données<br>
                        4. de mettre en danger ou essayer de mettre en danger la sécurité d'un site web édité par la SAS MFJ, et ce, quelques soient les outils ou moyens techniques utilisés.<br>
                        5. de publier un CV ou de poser sa candidature pour un poste au nom d'une autre personne<br>
                        6. divulguer à un tiers et quelque en soit le motif, le contact d'un employeur<br>
                        7. partager, avec un tiers non autorisé, toute identification de connexion au site<br>
                        8. publier ou soumettre sur les sites des informations fausses ou inexactes.<br>
                        9. supprimer ou modifier toute information publiée par une autre personne ou entité.<br>
                        10. envoyer des courriers, courriels ou fax ou effectuer des appels téléphoniques non sollicités, notamment pour promouvoir des produits ou services, à tout utilisateur.<br>
                        11. utiliser les services à des fins illicites ou pour les besoins d'une activité illégale.
                        La violation de la sécurité du système ou du réseau peut conduire à des poursuites civiles et pénales.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq4" class="collapsed">Conditions supplémentaires applicables aux employeurs<i class="ion-android-remove"></i></a>
                <div id="faq4" class="collapse" data-parent="#faq-list">
                    <p>Il vous appartient de préserver la confidentialité de votre compte employeur, du profil et des mots de passe. Il vous est interdit de partager même temporairement, vos identifiant, mot de passe et autre autres paramètres d'accès à votre compte avec des tiers.<br>
                        Vous comprenez et reconnaissez que si vous mettez fin à votre compte, toutes vos informations figurant sur le site seront effacées et vous ne pourrez plus y accéder.<br>
                        Afin de protéger les utilisateurs du site de campagnes publicitaires ou de sollicitations non souhaitées, la SAS MFJ se réserve le droit de limiter, à sa seule discrétion, le nombre de courriels susceptibles d'être envoyés par les employeurs.<br>
                        Des profils de candidats sont accessibles sur le site. Nous ne garantissons en aucun cas l'exactitude ou la validité de tels profils ou de leur pertinence pour une évaluation par les employeurs.<br>
                        Il vous est interdit de publier ou d'envoyer des offres aux candidats dont le contenu serait contraire aux lois et règlements en vigueur.<br>
                        La SAS MFJ se réserve, à sa seule discrétion, le droit de supprimer toute offre ou tout contenu qui serait contraire aux dispositions ci-dessus, de suspendre ou résilier les services souscrits.
                        En devenant utilisateur ou client du présent site, vous acceptez que votre marque et son logo distinctif puisse éventuellement apparaître sur les sites Internet des marques propriétés exclusives de la SAS MFJ afin de valoriser en France ou à l’étranger le réseau de l’emploi des recruteurs éthiques et responsables utilisateurs de nos solutions de recrutement par Compétences.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq5" class="collapsed">Utilisation par les Employeurs des bases de données CV communes<i class="ion-android-remove"></i></a>
                <div id="faq5" class="collapse" data-parent="#faq-list">
                    <p>Le site permet aux clients de constituer une CV Thèque privative.<br>
                        L’ensemble des CV thèques privatives des clients sont mutualisées dans la CV thèque -commune de la SAS MFJ. L’utilisation de cette base de données administrée par la SAS MFJ doit se faire conformément aux présentes conditions et autres conditions contractuelles souscrites auprès de la SAS MFJ dans le respect des lois en vigueur. Vous vous interdisez de divulguer les données de la base CV à des tiers, à moins que ce tiers ne soit une agence de recrutement autorisée, une agence de communication ou autres intermédiaires autorisés par la SAS MFJ.<br>
                        La base de données CV de la SAS MFJ, sauf accord écrit contraire, ne pourra être utilisée par l'employeur que dans le but de recruter du personnel pour le compte de sa propre entreprise.
                        Afin d'assurer une utilisation sécurisée et efficace pour tous les utilisateurs, et sauf accord écrit contraire, la SAS MFJ se réserve le droit de limiter la quantité de données (y compris la consultation de CV) accessibles par l'utilisateur. Ces limitations peuvent être modifiées à tout moment, à la seule discrétion de la SAS MFJ.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq6" class="collapsed">Utilisation par les employeurs du service publication d'annonces<i class="ion-android-remove"></i></a>
                <div id="faq6" class="collapse" data-parent="#faq-list">
                    <p>La rédaction des textes d'annonces (offres d'emploi) destinées à être publiées sur le site relève de la seule responsabilité de l'employeur. Celui-ci s'engage à respecter les lois et règlements en vigueur.<br>
                        Les fonctionnalités du site permettent de diffuser ces offres d'emploi en réseau au sein des sites propriété de la SAS MFJ. En acceptant les conditions d'utilisation, l'employeur accepte expressément la politique de diffusion mise en place par la SAS MFJ et accepte que celle-ci puisse être modifiée, à tout moment sans autre forme.<br>
                        La publication par l'employeur d'une annonce sur l’un des sites ou logiciels développés par la SAS MFJ entraine de manière automatique la publication de cette annonce sur les sites propriété de la SAS MFJ aux fins d’augmenter la visibilité des dites annonces.<br>
                        La société MFJ est seule habilitée à choisir les sites associés et/ou partenaires susceptibles de publier une offre. La société MFJ se réserve à tout moment, le droit d'étendre ou de limiter le nombre et la nature de ces sites associés et/ou partenaires, sans que l'utilisateur-employeur ne puisse invoquer de ce fait, un quelconque préjudice. La société MFJ tient à la disposition de l'employeur, sur simple demande, la liste des sites associés et/ou partenaires, susceptibles de publier une annonce déposée sur le site.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq7" class="collapsed">Conditions spécifiques aux Candidats<i class="ion-android-remove"></i></a>
                <div id="faq7" class="collapse" data-parent="#faq-list">
                    <p>Lorsque vous vous inscrivez sur le site, il vous sera demandé de fournir à certaines informations, incluant, sans que cela soit limitatif, une adresse e-mail valide.
                        Tout profil que vous soumettez doit être exact. Les profils nécessitent de remplir des champs standards que vous êtes libre de compléter ou non. Vous êtes seul responsable du format et du contenu des informations que vous aurez remplies.<br>
                        Vous ne détenez aucun droit de propriété sur votre compte. Si vous révoquez votre compte ou si votre compte est annulé, toutes vos informations de compte, sans exception, pourront être supprimées de la base de données de la SAS MFJ. Il est précisé que des tiers recruteurs clients de la SAS MFJ peuvent conserver des copies de sauvegardes de vos données personnelles.
                        La SAS MFJ se réserve le droit de supprimer votre compte et toutes vos données après une période d'inactivité significative de votre compte.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq8" class="collapsed">Contenu Utilisateur<i class="ion-android-remove"></i></a>
                <div id="faq8" class="collapse" data-parent="#faq-list">
                    <p>Toutes les informations, données, textes de quelque nature que ce soit et que vous avez publiés ou représentés sur le site le sont sous votre seule responsabilité. La SAS MFJ ne garantit pas la véracité, l'exactitude ou la fiabilité du contenu utilisateur, pas plus qu'il ne partage les opinions éventuellement émises par un utilisateur. Vous restez propriétaire de tous droits et marques, droits d'auteurs relatifs aux informations que vous publiez sur le site et il est de votre responsabilité de protéger ces droits. Par la soumission, la publication ou la représentation d'un contenu utilisateur par l'intermédiaire du site vous accordez à la SAS MFJ un droit mondial non exclusif et gratuit de reproduire, adapter et diffuser ces contenus utilisateur et ce, pendant toute la durée d'ouverture ou d'utilisation de votre compte.
                        En soumettant du contenu dans une partie du site accessible au public, vous accordez de fait à tout utilisateur, le droit d'accéder, d'afficher, de consulter, de conserver et de reproduire à des fins personnelles le dit contenu. La SAS MFJ se réserve le droit de réviser ou retirer tout contenu utilisateur, de supprimer tous droits d'accès aux services ainsi que toutes mesures qu'il jugera utiles si le contenu utilisateur est de nature à porter atteinte aux intérêts de la SAS MFJ, de lui faire perdre des clients et/ou fournisseurs et d'une manière générale lui être préjudiciable. Nous vous informons que toutes suggestions, propositions, idées créatives que vous pourrez soumettre à la SAS MFJ deviendront automatiquement la propriété de la SAS MFJ sans que vous puissiez prétendre à une quelconque contrepartie financière ou autre.
                        Les informations qui vous concernent à titre nominatif pourront être diffusées, dans le respect des règles d'anonymat que vous aurez vous-mêmes choisies, à l'ensemble des sites propriété de la SAS MFJ, aux sites partenaires ou aux logiciels clients livrés par la SAS MFJ. Conformément à la loi "Informatiques et libertés" n° 78-17 du 6 janvier1978 &amp; l'article 34, vous disposez, en permanence, d'un droit d'accès, de modification, de rectification, et de suppression de ces données à caractère personnel. Pour exercer ce droit, vous pouvez soit utiliser les fonctionnalités offertes par votre compte, soit adresser votre demande à l'adresse suivante : SAS MFJ, 106 Cours de Verdun, 33 300 Bordeaux.<br>
                        Il est précisé que les fonctionnalités du site permettent à tout candidat, de modifier, supprimer toutes les données qu'il souhaite ainsi que de fermer définitivement son compte.
                        Dans ce cas, les données antérieures disparaîtront du compte et ne seront plus accessibles à quelque utilisateur que ce soit.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq9" class="collapsed">Responsabilité de la SAS MFJ<i class="ion-android-remove"></i></a>
                <div id="faq9" class="collapse" data-parent="#faq-list">
                    <p>La SAS MFJ ne garantit pas l'exactitude ou la fiabilité du contenu utilisateur ni celles des messages échangés entre les utilisateurs.<br>
                        Les sites Internet exploités aux marques propriétés de la SAS MFJ ainsi que les logiciels clients développés par la SAS MFJ sont uniquement des outils d'échanges permettant aux demandeurs d'emploi et aux employeurs d'afficher des offres d'emploi ou de recevoir des candidatures spontanées de candidats. La SAS MFJ en conséquence, n'exerce aucun contrôle sur la qualité ou la véracité des contenus publiés par les utilisateurs. La SAS MFJ n'assume sur ce point aucune obligation de contrôle, en dehors des obligations légales et rejette toute responsabilité pour ne pas avoir supprimé tel élément publié sur son site.<br>
                        Les communautés et forums présents sur le site offrent un point de rencontre permettant la mise en réseau de personnes à des fins professionnelles et/ou privées. La SAS MFJ ne surveille et ne censure aucun profil ou contenu utilisateur publié sur le site et ne prend pas part à la communication entre les utilisateurs. Il en résulte que la SAS MFJ n'a pas de contrôle sur l'exactitude, la fiabilité des profils et des contenus utilisateur échangés sur ses pages web. La SAS MFJ n'est nullement responsable de ces profils et contenus utilisateur. Nous attirons votre attention sur les risques qui pourraient aller jusqu’à un préjudice corporel de contact avec des personnes étrangères qui utiliseraient de manière abusive et frauduleuse notre site, à notre insu. Nous vous demandons d'être prudent et raisonnable quand vous utilisez notre site. Sous réserve de lois d'ordre public contraires, La SAS MFJ n'est pas responsable du dysfonctionnement de ses sites, de même que nous ne garantissons pas l'accès à ses sites de quelques pays ou endroits que ce soit. L'accès au contenu du site peut ne pas être licite pour certaines personnes ou dans certains pays. Si vous accéder à notre site, vous êtes responsable du respect des lois du pays où vous vous situez.<br>
                        Les sites et les contenus peuvent éventuellement inclure des inexactitudes et des fautes de frappe. La SAS MFJ ne donne aucune garantie concernant l’accessibilité au site ou à l’exactitude du contenu. L'utilisation des sites et des contenus se fait à vos propres risques et périls. La SAS MFJ vous conseille de conserver une copie de sécurité de vos contenus utilisateur. La SAS MFJ rejette toute responsabilité, dans la mesure ou cela est permis pas la loi, pour l'effacement, la perte ou la modification non autorisée de tout contenu utilisateur.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq10" class="collapsed">Limitation de responsabilité<i class="ion-android-remove"></i></a>
                <div id="faq10" class="collapse" data-parent="#faq-list">
                    <p>Si la responsabilité de la SAS MFJ devait toutefois être engagée, sa responsabilité au titre des dommages subis du fait de l'utilisation de ses sites ou de leur contenu, sera, sous réserve d'une loi contraire, limitée à 100 euros que sa responsabilité soit contractuelle, délictuelle ou autre.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq11" class="collapsed">Juridiction, droit applicable<i class="ion-android-remove"></i></a>
                <div id="faq11" class="collapse" data-parent="#faq-list">
                    <p>Les présentes conditions d'utilisation et toutes les conséquences qui en découlent sont, tant pour leur application que pour leur interprétation expressément soumises au droit français. Toute réclamation concernant les présentes conditions d'utilisation sera soumise au tribunal compétent du ressort de BORDEAUX. Ces conditions constituent pour vous un accord contraignant dont vous acceptez toutes les dispositions dès lors que vous aurez décidé, en vous connectant de devenir utilisateur du site.
                    </p>
                </div>
            </li>


        </ul>

    </div>
</section><!-- #mentions -->

<footer id="footer">
    <div class="container">
        <div class="row footer-top">
            <div class="col-md-3 col-sm-3">
                <img src="https://media.myfairjob.com/myfairjob2019/img/logo-myfairjob.svg" alt="myfairjob" title="logo">
                <p>myfairJob démocratise la création du cv par compétences et l'envoi en candidature spontanée afin de créer des opportunités pour tous.</p>
            </div>

            <div class="col-md-3 col-sm-3">
                <h5>Je suis candidat</h5>
                <ul>
                    <li><a href="/page/candidature-spontanee" class="liner">
                            <div class="liner-item">Candidature spontanée</div>
                        </a>
                    </li>
                    <li><a href="/page/cv-par-competences" class="liner">
                            <div class="liner-item">Cv par compétences</div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-md-3 col-sm-3">
                <h5>Je suis recruteur</h5>
                <ul>
                    <li><a href="https://pro.myfairjob.com/" class="liner">
                            <div class="liner-item">Recruteurs</div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-md-3 col-sm-3">
                <h5>myfairJob</h5>
                <ul>
                    <li><a href="https://www.myfairjob.com/entreprise/bordeaux/myfairjob" class="liner">
                            <div class="liner-item">A propos</div>
                        </a>
                    </li>
                    <!--
                  <li><a href="contact.html" class="liner">
                    <div class="liner-item">Contact</div></a>
                  </li>
                -->
                    <li><a href="/page/conditions-generales-myfairjob" class="liner">
                            <div class="liner-item">Conditions générales</div>
                        </a>
                    </li>
                    <li><a href="/page/mentions-legales" class="liner">
                            <div class="liner-item">Mentions légales</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="row footer-bottom">
            <p>Tous droits réservés - myfairJob 2019</p>
        </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>
    document.addEventListener("DOMContentLoaded", function() {
        $('.svg-question-mark').children().remove();
        $('.contact-icon-text').text('Contact');

        (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>
</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>
