<!DOCTYPE html>
<html class="no-js " lang="fr">
    <head>
        <title> myfairJob.com -     Mentions légales
</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="    Mentions légales 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="/espace-recruteur" 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">Mentions légales</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">Editeur et administrateur du site
                    <i class="ion-android-remove"></i></a>
                <div id="faq1" class="collapse" data-parent="#faq-list">
                    <p>
                        SAS MFJ<br>
                        Responsable éditorial : Thierry RECANZONE<br>
                        27 rue Edmond Costedoat<br>
                        33000 Bordeaux<br>
                        France
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq2" class="collapsed">Hébergement<i class="ion-android-remove"></i></a>
                <div id="faq2" class="collapse" data-parent="#faq-list">
                    <p>
                        Hébergeur : OVH<br>
                        Société : OVH <br>
                        Adresse web : www.ovh.com<br>
                        Adresse Postale : 2 rue kellermann - BP 80157- 59053 ROUBAIX Cedex 1
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq3" class="collapsed">Droits d'auteur<i class="ion-android-remove"></i></a>
                <div id="faq3" class="collapse" data-parent="#faq-list">
                    <p>
                        Les contenus textuels de ce site sont la propriété exclusive de son administrateur et de SAS MFJ. Les contenus iconographiques de ce site sont la propriété exclusive de leurs photographes respectifs. A l'exception des photographies, la reproduction des pages de ce site associées sur un support papier est autorisée, sous réserve du respect des trois conditions suivantes :<br>
                        - gratuité de la diffusion,<br>
                        - respect de l'intégrité des documents reproduits (aucune modification, ni altération d'aucune sorte)<br>
                        - citation explicite de l'URL du site comme source et mention que les droits de reproduction sont réservés et strictement limités.<br>

                        La reproduction des plans et des géolocalisations est autorisée en guise d'itinéraire pour un usage personnel exclusivement. Sa diffusion est interdite.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq4" class="collapsed">Collecte des données personnelles<i class="ion-android-remove"></i></a>
                <div id="faq4" class="collapse" data-parent="#faq-list">
                    <p>
                        Lors de l'utilisation de notre service, nous collectons un certain nombre de données qui permettent d'assurer son bon fonctionnement. Ces données sont notamment :<br>
                        - Noms, prénoms, civilité, date de naissance<br>
                        - Adresse postale, adresse e-mail, numéro de téléphone<br>
                        - Informations nécessaires à l'expression de votre parcours professionnel (CV, compétences, expériences, etc.) pour les candidats<br>
                        - Informations nécessaires à l'expression de l’identité de votre entreprise (raison sociale, secteur d'activité, etc.) pour les recruteurs<br>
                        - Mot de passe chiffré utilisé pour vous identifier sur le service<br>
                        - Toute autre information que vous souhaiterez porter à notre connaissance.<br>
                        Nous nous engageons à ne pas collecter de données qui ne rentreraient pas dans le périmètre du service proposé, sauf accord expressément consenti de votre part. Ces données peuvent être consultées :<br>
                        - Par l'éditeur du service qui conceptualise et développe le service.<br>
                        - Par l'administrateur du service.<br>
                        - Par notre unique sous-traitant, qui collabore au développement et à la maintenance du service.<br>
                        Le cadre de leur consultation est soumis aux disposition légales et de sécurité en vigueur, sur la base d'autorisations d'accès individuels et limités, s'appuyant en particulier sur un contrat de confidentialité pour notre sous-traitant. Elles ne sont utilisées que dans le cadre du service Emploi tel que défini dans les Conditions Générales d'Utilisation et ne sont exploitées à aucune autre fin.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq5" class="collapsed">Protection des données personnelles<i class="ion-android-remove"></i></a>
                <div id="faq5" class="collapse" data-parent="#faq-list">
                    <p>Aucune information personnelle n'est collectée à votre insu. Aucune information personnelle n'est cédée à des tiers, sauf en cas de volonté explicite de votre part.<br>
                        Conformément à la loi Informatique et Libertés du 6 Janvier 1978 modifiée par la Loi du 6 août 2004, vous disposez d'un droit d'accès, de rectification, de modification et de suppression des données personnelles que vous nous avez communiquées.<br>

                        Vous pouvez exercer ce droit en utilisant le formulaire de contact, en envoyant un courrier au Responsable du traitement : <br>
                        Adresse : SAS MFJ - 27 rue Edmond Costedoat - 33000 Bordeaux - France<br>

                        Ou un e-mail à l'adresse : dpo@myfairjob.com<br>
                        Ce site a été déclaré à la CNIL et enregistré sous la référence de dossier n° 1796541 v 0.
                        En tant que responsable de traitements, nous nous engageons à mettre en œuvre des procédures et des techniques permettant la sécurisation et la protection de vos données contre leur altération, leur perte, leur accès non autorisé ou leur usage illicite.
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq6" class="collapsed">Cookies<i class="ion-android-remove"></i></a>
                <div id="faq6" class="collapse" data-parent="#faq-list">
                    <p>
                        Le site n’utilise pas de cookies à des buts de partage, de diffusion ou de tracking publicitaire.<br>
                        Les cookies dédiés au service ne collectent aucune donnée personnelle, ils permettent uniquement d'assurer une navigation et une utilisation optimale du service.<br>
                        Les cookies statistiques (analyse des audiences et des comportements) collectent des données de navigation (date et heure de connexion, type de terminal utilisé, etc.), uniquement dans le but d'analyser et d'améliorer le service proposé.<br>

                        Ces cookies peuvent être effacés ou bloqués en suivant les recommandations données sur ces différentes ressources :<br>

                        Vidéo proposée par la CNIL : https://www.youtube.com/watch?v=Ij9EkAQzVvM<br>
                        Site de la CNIL : https://www.cnil.fr/fr/site-web-cookies-et-autres-traceurs
                    </p>
                </div>
            </li>

            <li>
                <a data-toggle="collapse" href="#faq7" class="collapsed">Questions complémentaires<i class="ion-android-remove"></i></a>
                <div id="faq7" class="collapse" data-parent="#faq-list">
                    <p>
                        Toute question complémentaire peut être envoyée à l'adresse dpo@myfairjob.com ou en utilisant le formulaire de contact dédié. Nous nous engageons à répondre dans un délai raisonnable et, en tout état de cause, dans les délais fixés par la loi.
                    </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>
