<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Adveris">

        <meta name="description" content="Acteur référent du conseil d'entreprise et d'expertise comptable, Cerfrance accompagne les TPE PME, créateurs d'entreprise, particuliers partout en France" />

    <title> Cerfrance, l'acteur référent de l’EXPERTISE COMPTABLE et du CONSEIL D'ENTREPRISE</title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" />

            
        <link rel="stylesheet" href="/frontend/css/style.css" />

                <link href="/frontend/tools/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/frontend/tools/checkboxes/css/component.css" rel="stylesheet" type="text/css">
    <link href="/frontend/tools/slick/slick.css" rel="stylesheet" type="text/css">
    <link href="/frontend/tools/slick/slick-theme.css" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet"/>

        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/css/swiper.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

            <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-KBPKS3');</script>
        <!-- End Google Tag Manager -->
        <script type="text/javascript">
        (function() {
                var s = document.createElement('script');
                s.type = 'text/javascript';
                s.async = true;
                s.src = ('https:' == document.location.protocol ? 'https://' : 'http://' )+'bp-1c51.kxcdn.com/prj/AS-2315585.js';
                var x = document.getElementsByTagName('script')[0];
                x.parentNode.insertBefore(s, x);
            }
        )();
    </script>
    <!-- SmartAdserver Tracking Begin -->
    <!-- Pixel de visite -->
    <!-- Tracking with script -->
    <SCRIPT type="text/javascript">
        sas_tmstp=Math.round(Math.random()*10000000000);
        document.write('<img class="adserver-img" src="https://www3.smartadserver.com/track/pix2.asp?384123;28374;'+sas_tmstp+';0;[transactionid];[reference]" width=1 height=1 border=0/>');
    </SCRIPT>
    <NOSCRIPT><img src="https://www3.smartadserver.com/track/pix2.asp?384123;28374;123456;0;[transactionid];[reference]" width=1 height=1 border=0/></NOSCRIPT>
    <!-- SmartAdserver Tracking End -->
    <!-- SmartAdserver Tracking Begin -->
    <!-- Point de passage 1 -->
    <!-- Tracking with script -->
    <SCRIPT type="text/javascript">
        sas_tmstp=Math.round(Math.random()*10000000000);
        document.write('<img class="adserver-img" src="https://www3.smartadserver.com/track/pix2.asp?384123;28378;'+sas_tmstp+';0;[transactionid];[reference]" width=1 height=1 border=0/>');
    </SCRIPT>
    <NOSCRIPT><img src="https://www3.smartadserver.com/track/pix2.asp?384123;28378;123456;0;[transactionid];[reference]" width=1 height=1 border=0/></NOSCRIPT>
    <!-- SmartAdserver Tracking End -->
</head>
<body     id="home-cerfrance"
>
                <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBPKS3"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
                <div class="fixed-nav">
            <div class="topnav">
                <div class="container">
                    <ul class="topnav-link">
                        <li>
                            <div class="btn-group js-clientBtn">
                                <a class="js-clientBtnLink" href="#" class="user" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Espace client</span></a>
                                <ul class="dropdown-menu dropdown-menu--espace">
                                    <li class="lf_formDepartement_container">
                                        <div id="espace-client-1">
                                            <form name="appbundle_expaceclient" method="post" action="/espace-client/ajax-request" id="espace_client_form">
    <span class="label-dptm">Département de votre Cerfrance</span>
    <input type="text" id="appbundle_expaceclient_zipcode" name="appbundle_expaceclient[zipcode]" required="required" maxlength="3" class="form-control" placeholder="__" pattern="[0-9]{2,3}" />
    <div class="text-right">
        <button type="submit" class="btn orange mt-sm"><span>OK</span></button>
    </div>
<input type="hidden" id="appbundle_expaceclient__token" name="appbundle_expaceclient[_token]" value="SH1vgRatXC-Jc5NklmKmmIKywtb6KZY8AI1hps6vCV8" /></form>
                                        </div>
                                        <div id="espace-client-2">
                                        </div>
                                        <div id="espace-client-3">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                                                    <li><a href="/espace-recrutement/" class="recrutement"><span>Offres d'emploi</span></a></li>
                            <li><a href="/agence-expert-comptable/" class="reseau"><span>Trouver mon agence</span></a></li>
                                            </ul>
                    <!--<a href="#" id="show-search-bar" class="top-search"><i class="fa fa-search" aria-hidden="true"></i></a>-->
                </div>
            </div>
            <div class="bottomnav">
                <div class="container">
                    <div class="bottomnav__container">
                        <div class="bottomnav__left">
                            <a href="/">
                                <img src="/frontend/img/logo-header.png" />
                            </a>
                        </div>
                        <div class="bottomnav__right">
                            <ul class="navbar-nav navbar-right">
                                        <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Votre métier</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/">
                                                        <span>›</span>
                                                        Tous vos métiers
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/agriculture">
                                                        <span>›</span>
                                                        Agriculture
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/artisanat">
                                                        <span>›</span>
                                                        Artisanat
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/association">
                                                        <span>›</span>
                                                        Association
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/batiment">
                                                        <span>›</span>
                                                        Bâtiment
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/secteur/coiffure-et-beaute">
                                                        <span>›</span>
                                                        Coiffure et beauté
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/commerce">
                                                        <span>›</span>
                                                        Commerce
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/energie">
                                                        <span>›</span>
                                                        Energie
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/mer">
                                                        <span>›</span>
                                                        Mer
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/secteur/metiers-du-cheval">
                                                        <span>›</span>
                                                        Métiers du cheval
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/particuliers">
                                                        <span>›</span>
                                                        Particuliers
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/professions-liberales">
                                                        <span>›</span>
                                                        Professions libérales
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/services">
                                                        <span>›</span>
                                                        Services
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/tpe-pme">
                                                        <span>›</span>
                                                        TPE / PME
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/viticulture">
                                                        <span>›</span>
                                                        Viticulture
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Nos expertises</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/offre-cerfrance/">
                                                        <span>›</span>
                                                        Toutes nos expertises
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/conseil-d-entreprise">
                                                        <span>›</span>
                                                        Conseil d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/expertise-comptable">
                                                        <span>›</span>
                                                        Expertise-Comptable
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/gestion-du-patrimoine">
                                                        <span>›</span>
                                                        Gestion du patrimoine
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/juridique-fiscal">
                                                        <span>›</span>
                                                        Juridique / Fiscal
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/social-et-paie">
                                                        <span>›</span>
                                                        Social et Paie
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/management-rh">
                                                        <span>›</span>
                                                        Management / RH
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Nous connaître</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/raison-detre">
                                                        <span>›</span>
                                                        Raison d'être
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/mieux-nous-connaitre">
                                                        <span>›</span>
                                                        Cerfrance en 1 min 40
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/nos-valeurs">
                                                        <span>›</span>
                                                        Nos valeurs
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/temoignages/">
                                                        <span>›</span>
                                                        Nos adhérents témoignent
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/tout-a-y-gagner">
                                                        <span>›</span>
                                                        7 raisons de choisir Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/tout-un-reseau-a-vos-cotes">
                                                        <span>›</span>
                                                        Un réseau de proximité
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/nos-partenaires">
                                                        <span>›</span>
                                                        Nos partenaires
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/vos-avantages-exclusifs">
                                                        <span>›</span>
                                                        Vos avantages exclusifs avec Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Vous informer</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/news/strategie-2030-comment-rester-dans-la-course">
                                                        <span>›</span>
                                                        Stratégie 2030 – Comment rester dans la course
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/lactualite-vue-par-cerfrance">
                                                        <span>›</span>
                                                        L’actualité vue par Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/fiches-conseil">
                                                        <span>›</span>
                                                        Nos fiches conseil
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/livre-blanc-cerfrance-le-marketing-digital-pour-les-petites-entreprises">
                                                        <span>›</span>
                                                        Livre blanc : Le marketing digital pour les TPE & PME
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/podcast-comptabilite/">
                                                        <span>›</span>
                                                        Podcast "Réussir avec Cerfrance"
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/webtv-cerfrance/">
                                                        <span>›</span>
                                                        Web TV – 9 chaînes pour réussir
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/livret-analyses-et-perspectives-des-metiers-acs">
                                                        <span>›</span>
                                                        Analyses et Perspectives – Artisanat, Commerce et Services
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/questionnaire-gestion-entreprise">
                                                        <span>›</span>
                                                        Diagnostic gestion d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Créateurs d&#039;entreprise</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/createurs-entreprises/formulaire">
                                                        <span>›</span>
                                                        Diagnostic création d'entreprise gratuit
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/creer-son-entreprise">
                                                        <span>›</span>
                                                        Le livre blanc de la création
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/outils-comptabilite/">
                                                        <span>›</span>
                                                        Nos outils de simulation comptable
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/webtv-cerfrance/les-10-etapes-de-la-creation">
                                                        <span>›</span>
                                                        Créer votre entreprise : 10 étapes clés en vidéo
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/fiches-conseil?profil=2">
                                                        <span>›</span>
                                                        Nos fiches conseil Cerfrance sur la création d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                            <li class="bottomnav__right__element">
        <a class="js-devisModalToggle">Demande de devis</a>
    </li>
</ul>

                        </div>
                    </div>
                </div>
            </div>
                        <nav class="navbar" role="navigation">
                <div class="navigation">
                    <div class="search-bar">
                        <div class="container relative">
                            <form action="">
                                <input type="text" class="form-control" placeholder="Tapez votre recherche">
                                <button type="submit" class="btn-search-bar">
                                    ou appuyer sur entrer
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-12 ">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                                                            <a class="navbar-brand" href="/">
                                            <img class="img-responsive logo-default" src="/frontend/img/logo-header.png" alt="logo Cerfrance">
                                            <img class="logo-mobile" src="/frontend/img/logo-header-mobile.png" alt="Logo Cerfrance">
                                        </a>
                                        <a href="/devis/" class="mobile-devis js-devisModalToggle">Demande de devis</a>
                                                                        <ul class="topnav-link-mobile">
                                        <li>
                                                                                            <a href="#" class="user" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <img src="/frontend/img/ico/ico-user-black.png" alt="">
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li class="lf_formDepartement_container">
                                                        <div id="espace-client-1">
                                                            <form name="appbundle_expaceclient" method="post" action="/espace-client/ajax-request" id="espace_client_form">
    <span class="label-dptm">Département de votre Cerfrance</span>
    <input type="text" id="appbundle_expaceclient_zipcode" name="appbundle_expaceclient[zipcode]" required="required" maxlength="3" class="form-control" placeholder="__" pattern="[0-9]{2,3}" />
    <div class="text-right">
        <button type="submit" class="btn orange mt-sm"><span>OK</span></button>
    </div>
<input type="hidden" id="appbundle_expaceclient__token" name="appbundle_expaceclient[_token]" value="SH1vgRatXC-Jc5NklmKmmIKywtb6KZY8AI1hps6vCV8" /></form>
                                                        </div>
                                                        <div id="espace-client-2">
                                                        </div>
                                                        <div id="espace-client-3">
                                                        </div>
                                                    </li>
                                                </ul>
                                                                                    </li>
                                        <li class="hidden">
                                            <a href="#" class="coffre">
                                                <img src="/frontend/img/ico/ico-coffre-black.png" alt="">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/agence-expert-comptable/" class="reseau">
                                                <img src="/frontend/img/ico/ico-reseau-black.png" alt="Reseau Cerfrance">
                                            </a>
                                        </li>
                                    </ul>

                                </div>

                                                                    <!-- Collect the nav links, forms, and other content for toggling -->
                                    <div class="collapse navbar-collapse" id="navbar-collapse-1">
                                        
                                            <ul class="navbar-nav navbar-right">
                                        <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Votre métier</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/">
                                                        <span>›</span>
                                                        Tous vos métiers
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/agriculture">
                                                        <span>›</span>
                                                        Agriculture
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/artisanat">
                                                        <span>›</span>
                                                        Artisanat
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/association">
                                                        <span>›</span>
                                                        Association
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/batiment">
                                                        <span>›</span>
                                                        Bâtiment
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/secteur/coiffure-et-beaute">
                                                        <span>›</span>
                                                        Coiffure et beauté
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/commerce">
                                                        <span>›</span>
                                                        Commerce
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/energie">
                                                        <span>›</span>
                                                        Energie
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/mer">
                                                        <span>›</span>
                                                        Mer
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/nos-expertises/secteur/metiers-du-cheval">
                                                        <span>›</span>
                                                        Métiers du cheval
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/particuliers">
                                                        <span>›</span>
                                                        Particuliers
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/professions-liberales">
                                                        <span>›</span>
                                                        Professions libérales
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/services">
                                                        <span>›</span>
                                                        Services
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/tpe-pme">
                                                        <span>›</span>
                                                        TPE / PME
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/secteur/viticulture">
                                                        <span>›</span>
                                                        Viticulture
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Nos expertises</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/offre-cerfrance/">
                                                        <span>›</span>
                                                        Toutes nos expertises
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/conseil-d-entreprise">
                                                        <span>›</span>
                                                        Conseil d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/expertise-comptable">
                                                        <span>›</span>
                                                        Expertise-Comptable
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/gestion-du-patrimoine">
                                                        <span>›</span>
                                                        Gestion du patrimoine
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/juridique-fiscal">
                                                        <span>›</span>
                                                        Juridique / Fiscal
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/social-et-paie">
                                                        <span>›</span>
                                                        Social et Paie
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/expertises-metiers/specialite/management-rh">
                                                        <span>›</span>
                                                        Management / RH
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Nous connaître</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/raison-detre">
                                                        <span>›</span>
                                                        Raison d'être
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/mieux-nous-connaitre">
                                                        <span>›</span>
                                                        Cerfrance en 1 min 40
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/nos-valeurs">
                                                        <span>›</span>
                                                        Nos valeurs
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/temoignages/">
                                                        <span>›</span>
                                                        Nos adhérents témoignent
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/tout-a-y-gagner">
                                                        <span>›</span>
                                                        7 raisons de choisir Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/tout-un-reseau-a-vos-cotes">
                                                        <span>›</span>
                                                        Un réseau de proximité
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/nos-partenaires">
                                                        <span>›</span>
                                                        Nos partenaires
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/reussir-choisir-cerfrance/vos-avantages-exclusifs">
                                                        <span>›</span>
                                                        Vos avantages exclusifs avec Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Vous informer</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/news/strategie-2030-comment-rester-dans-la-course">
                                                        <span>›</span>
                                                        Stratégie 2030 – Comment rester dans la course
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/lactualite-vue-par-cerfrance">
                                                        <span>›</span>
                                                        L’actualité vue par Cerfrance
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/fiches-conseil">
                                                        <span>›</span>
                                                        Nos fiches conseil
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/livre-blanc-cerfrance-le-marketing-digital-pour-les-petites-entreprises">
                                                        <span>›</span>
                                                        Livre blanc : Le marketing digital pour les TPE & PME
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/podcast-comptabilite/">
                                                        <span>›</span>
                                                        Podcast "Réussir avec Cerfrance"
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/webtv-cerfrance/">
                                                        <span>›</span>
                                                        Web TV – 9 chaînes pour réussir
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/livret-analyses-et-perspectives-des-metiers-acs">
                                                        <span>›</span>
                                                        Analyses et Perspectives – Artisanat, Commerce et Services
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/questionnaire-gestion-entreprise">
                                                        <span>›</span>
                                                        Diagnostic gestion d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                                                <li class="bottomnav__right__element dropdown dropdown-large">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <span>Créateurs d&#039;entreprise</span>
                        <img src="/frontend/img/svg/arrow.svg" />
                    </a>
                    <ul class="dropdown-menu dropdown-menu-large row">
                        <li class="col-sm-0 col-md-3"></li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/createurs-entreprises/formulaire">
                                                        <span>›</span>
                                                        Diagnostic création d'entreprise gratuit
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/page/creer-son-entreprise">
                                                        <span>›</span>
                                                        Le livre blanc de la création
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/outils-comptabilite/">
                                                        <span>›</span>
                                                        Nos outils de simulation comptable
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                                <li class="col-sm-2">
                            <div class="item">
                                <ul>
                                    <li class="dropdown-header"></li>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/webtv-cerfrance/les-10-etapes-de-la-creation">
                                                        <span>›</span>
                                                        Créer votre entreprise : 10 étapes clés en vidéo
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                            <div class="mb-sm">
                                                                                            <li >
                                                    <a class="dropdown--menu-element" href="/fiches-conseil?profil=2">
                                                        <span>›</span>
                                                        Nos fiches conseil Cerfrance sur la création d'entreprise
                                                    </a>
                                                </li>
                                                                                    </div>
                                                                    </ul>
                            </div>
                        </li>
                                            </ul>
                </li>
                            <li class="bottomnav__right__element">
        <a class="js-devisModalToggle">Demande de devis</a>
    </li>
</ul>


                                                                            </div>
                                                                <!-- /.navbar-collapse -->
                            </div>
                        </div>
                    </div>
                    <!-- /.container -->
                                    </div>
            </nav>
        </div>
        <!-- Navigation -->

                    
            <!--Loader-->
        <div class="loader-bg text-center hidden">
            <div class="logo-loader">
                <img class="os-animation mb-md" data-os-animation="fadeInUp" data-os-animation-delay="0.5s" src="/frontend/img/logo-header.png" alt="logo Cerfrance">
                <div class="ip-loader os-animation" data-os-animation="fadeIn" data-os-animation-delay="0.8s">
                    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
                    <svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#fff">
                        <g fill="none" fill-rule="evenodd">
                            <g transform="translate(1 1)" stroke-width="2">
                                <circle stroke-opacity=".5" cx="18" cy="18" r="18"/>
                                <path d="M36 18c0-9.94-8.06-18-18-18">
                                    <animateTransform
                                            attributeName="transform"
                                            type="rotate"
                                            from="0 18 18"
                                            to="360 18 18"
                                            dur="1s"
                                            repeatCount="indefinite"/>
                                </path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
        </div>
        <!--*****-->
    
    <!-- Popin -->
            <div class="cer-popin remove">
            <div class="row">
                <div class="cer-popin-inner">
                    <button class="close-popin">
                        <span></span>
                        <span></span>
                    </button>
                    <div class="row">
                        <div class="col-lg-5 col-md-5">
                            <div class="cer-popin-illustration popin-matchheight" style="background: url('/upload/actualite/6307a00001a96_illu_banniere.png') no-repeat center center;background-size:cover;"></div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="cer-popin-content popin-matchheight">
                                <h2>RESTEZ CONNECTÉS !</h2>
                                <p>Le site Cerfrance.fr prépare sa rentrée...
Rendez-vous le 5 septembre.</p>
                                <div class="cer-popin-btn-container">
                                    <a href="https://www.youtube.com/watch?v=gxSkNLk1_p8" class="btn">
                                        <span>Découvrir</span>
                                        <span class="smaller-text">La vidéo de présentation</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <section class="home__banner">
        <div class="home__banner__container container">
            <div class="home__banner__content">
                <h1 class="home__banner__title">
                    Cerfrance,<br/>
                    tout à y gagner
                </h1>
                <div class="home__banner__text">
                    Cerfrance est l’acteur référent du
                    <span class="home__banner__text--bold">conseil</span>
                    et de l’
                    <span class="home__banner__text--bold">expertise comptable</span>.
                    À travers
                    <span class="home__banner__text--bold">700 agences</span>
                    sur tout le territoire, des offres exclusives et des services en ligne, nous donnons à nos clients tous les moyens de faire grandir leurs projets.
                </div>
                <div class="home__banner__buttonsList">
                    <div class="home__banner__button" >
                        <a href="/agence-expert-comptable/">Trouver mon agence</a>
                    </div>
                    <div class="home__banner__button js-devisModalToggle">Demande de devis</div>
                </div>
            </div>
        </div>
    </section>
        <section class="home__expertises">
        <div class="container">
            <div class="home__expertises__text row">
                <div class="col-md-12 col-lg-5">
                    <h2 class="home__expertises__title">Nos expertises</h2>
                    <div class="home__expertises__list">
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="1">
                            <a href="/expertises-metiers/specialite/conseil-d-entreprise">
                                <span>Conseil d’entreprise</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="2">
                            <a href="/expertises-metiers/specialite/expertise-comptable">
                                <span>Expertise comptable</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="3">
                            <a href="/expertises-metiers/specialite/juridique-et-fiscal">
                                <span>Juridique et fiscal</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="4">
                            <a href="/expertises-metiers/specialite/management-et-ressources-humaines">
                                <span>Management et ressources humaines</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="5">
                            <a href="/expertises-metiers/specialite/social-et-paie">
                                <span>Social et paie</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                        <div class="home__expertises__list__element js-hoverExpertise" data-index="6">
                            <a href="/expertises-metiers/specialite/gestion-du-patrimoine">
                                <span>Gestion du patrimoine</span>
                                <img src="/frontend/img/svg/arrow.svg" />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="home__expertises__image col-md-0 col-lg-6 col-lg-offset-1">
                    <div class="home__expertises__image__container js-imageExpertise" style="background-image: url('/frontend/img/new_home/conseil-entreprise.jpg')" data-index="1"></div>
                    <div class="home__expertises__image__container active js-imageExpertise" style="background-image: url('/frontend/img/new_home/expertise-comptable.jpg')" data-index="2"></div>
                    <div class="home__expertises__image__container js-imageExpertise" style="background-image: url('/frontend/img/new_home/juridique-fiscal.jpg')" data-index="3"></div>
                    <div class="home__expertises__image__container js-imageExpertise" style="background-image: url('/frontend/img/new_home/management-RH.jpg')" data-index="4"></div>
                    <div class="home__expertises__image__container js-imageExpertise" style="background-image: url('/frontend/img/new_home/social-paie.jpg')" data-index="5"></div>
                    <div class="home__expertises__image__container js-imageExpertise" style="background-image: url('/frontend/img/new_home/gestion-patrimoine.jpg')" data-index="6"></div>
                </div>
            </div>
        </div>
    </section>
        <section class="home__secteurs">
        <div class="home__container container">
            <div class="home__titleContainer">
                <h2 class="home__title">Vos secteurs</h2>
            </div>
            <div class="home__secteurs__intro col-lg-offset-1 col-lg-10">
                Quels que soient votre secteur d’activité, votre projet ou votre question, Cerfrance assure des conseils très spécialisés. Créer votre activité, confier votre comptabilité, analyser vos résultats, sécuriser votre statut juridique et fiscal, obtenir du conseil en gestion de patrimoine… Nos réponses s’adaptent à vos besoins les plus pointus.
            </div>
            <div class="home__secteurs__slide">
                <div class="swiper-container js-swiperExpertises">
                    <div class="swiper-wrapper">
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/agriculture"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/5c530cc5a5564_5c2e6a0194934_agriculture.png" />
                                        <span>Agriculture</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/conseil-d-entreprise"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/conseil-entreprise.png" />
                                        <span>Conseil d&#039; entreprise</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/expertise-comptable"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/expertise-comptable.png" />
                                        <span>Expertise comptable</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/viticulture"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/5c530cc7a1a71_5c2e6af3d54ac_viticulture.png" />
                                        <span>Viticulture</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/juridique-fiscal"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/juridique-fiscal.png" />
                                        <span>Juridique-fiscal</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/metiers-du-cheval"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/5c530d77d816c_5c2e6aea8a3cf_cheval.png" />
                                        <span>Métiers du cheval</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/energie"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/industrie.png" />
                                        <span>Énergie</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/management-rh"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/management-rh.png" />
                                        <span>Management/RH</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/mer"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/5c530ccaec093_5c2e6ad54b4cf_mer.png" />
                                        <span>Mer</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/social-et-paie"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/social-paie.png" />
                                        <span>Social et paie</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/gestion-du-patrimoine"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/gestion-patrimoine.png" />
                                        <span>Gestion du patrimoine</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/tpe-pme"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/tpe-pme.png" />
                                        <span>TPE-PME</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/artisanat"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/artisanat.png" />
                                        <span>Artisanat</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/commerce"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/commerce.png" />
                                        <span>Commerce</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/batiment"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/btp.png" />
                                        <span>Bâtiment</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/services"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/service.png" />
                                        <span>Services</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/professions-liberales"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/profession-liberale.png" />
                                        <span>Professions libérales</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/association"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/association.png" />
                                        <span>Association</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/secteur/particuliers"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/particulier.png" />
                                        <span>Particuliers</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="swiper-slide home__secteurs__slide__card">
                                <a href="/nos-expertises/specialite/coiffure-et-beaute"></a>
                                <div class="home__secteurs__slide__card__container">
                                    <div class="home__secteurs__slide__card__content">
                                        <img src="/upload/expertise/604a19fc84533_juridique_fiscal.png" />
                                        <span>Coiffure et beauté</span>
                                    </div>
                                </div>
                            </div>
                                            </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="swiper-buttons-wrapper">
                    <div class="controls controls--left controls-expert-l swiper-button-disabled">
                        <img src="/frontend/img/svg/arrow.svg" />
                    </div>
                    <div class="controls controls--right controls-expert-r">
                        <img src="/frontend/img/svg/arrow.svg" />
                    </div>
                </div>
            </div>
        </div>
    </section>
        <section class="home__testimonials">
        <div class="home__container container">
            <div class="home__titleContainer">
                <h2 class="home__title home__title--yellow">Nos adhérents partagent leur expérience</h2>
            </div>
            <div class="home__toAllLink col-lg-offset-2 col-lg-8">
                <a href="/reussir-choisir-cerfrance/temoignages">
                    <span>Découvrez tous les témoignages</span>
                    <img src="/frontend/img/svg/arrow_yellow.svg" />
                </a>
            </div>
        </div>
        <div class="swiper-container js-swiperTestimonials">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slide__bubble">
                        <img src="/frontend/img/svg/quotes.svg" />
                        <span>
                            Notre entreprise est adhérente de Cerfrance depuis 4 ans, nous avons choisi Cerfrance par affinité avec les valeurs associatives. Nous avons trouvé des interlocuteurs très réactifs à la fois dans le domaine de la comptabilité, du conseil et de la paye.
                        </span>
                    </div>
                    <div class="slide__people">
                        <div class="slide__people__image">
                            <img src="/frontend/img/new_home/Garage.png" />
                        </div>
                        <div class="slide__people__text">
                            <div class="slide__people__text__name">Garage de Chapteuil</div>
                            <div class="slide__people__text__data">Agence Renault</div>
                            <div class="slide__people__text__date">à St Julien Chapteuil en Haute-Loire</div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide__bubble">
                        <img src="/frontend/img/svg/quotes.svg" />
                        <span>
                            Nous apprécions le travail de notre comptable, elle est toujours très prévenante et avec de bons conseils. Si nous avons un doute, une question nous n’hésitons pas à contacter les collaborateurs Cerfrance, qui sont toujours réactifs et à l’écoute.
                        </span>
                    </div>
                    <div class="slide__people">
                        <div class="slide__people__image">
                            <img src="/frontend/img/new_home/Proxi.png" />
                        </div>
                        <div class="slide__people__text">
                            <div class="slide__people__text__name">Proxi Mortrée</div>
                            <div class="slide__people__text__data">Magasin alimentaire de proximité</div>
                            <div class="slide__people__text__date">à Mortrée dans l'Orne</div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide__bubble">
                        <img src="/frontend/img/svg/quotes.svg" />
                        <span>
                            Nous nous appuyons sur Cerfrance pour notre comptabilité. Nous avons été accompagnés par notre conseiller sur nos business plans... Aujourd'hui, notre investissement est largement récompensé par la satisfaction et les félicitations de nos clients !
                        </span>
                    </div>
                    <div class="slide__people">
                        <div class="slide__people__image">
                            <img src="/frontend/img/new_home/GlisseetKite.png" />
                        </div>
                        <div class="slide__people__text">
                            <div class="slide__people__text__name">Glisse & Kite</div>
                            <div class="slide__people__text__data">Ecole de voile et de kitesurf</div>
                            <div class="slide__people__text__date">à Saint-Pierre la Mer dans l’Aude</div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide__bubble">
                        <img src="/frontend/img/svg/quotes.svg" />
                        <span>
                            Avec Cerfrance, nous avons atteint notre objectif : transformer du temps administratif (comptabilité, relevé des plannings) en temps consacré au client et à la vente (site internet, vente en magasin), et à effectif constant bien sûr !
                        </span>
                    </div>
                    <div class="slide__people">
                        <div class="slide__people__image">
                            <img src="/frontend/img/new_home/PassagersduVent.png" />
                        </div>
                        <div class="slide__people__text">
                            <div class="slide__people__text__name">Les Passagers du Vent</div>
                            <div class="slide__people__text__data">Spécialistes du parapente</div>
                            <div class="slide__people__text__date">à Talloires en Haute-Savoie</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-buttons-wrapper">
                <div class="controls controls--left controls-test-l swiper-button-disabled">
                    <img src="/frontend/img/svg/arrow_yellow.svg" />
                </div>
                <div class="controls controls--right controls-test-r">
                    <img src="/frontend/img/svg/arrow_yellow.svg" />
                </div>
            </div>
        </div>
    </section>
            <section class="home__mutual">
        <div class="home__container container">
            <div class="home__titleContainer">
                <h2 class="home__title home__title--yellow">Pourquoi un réseau mutualiste ?</h2>
            </div>
            <div class="home__mutual__intro col-lg-offset-1 col-lg-10">
                <p>
                    Cerfrance est un réseau mutualiste de 57 entreprises réparties sur 700 agences.
                </p>
                <p>
                    La dimension mutualiste du Réseau Cerfrance structure notre gouvernance et fait notre singularité et notre richesse. C’est grâce à l’implication active dont les adhérents du Réseau font preuve, avec énergie et vision, que celui-ci avance, progresse et continue à assurer sa mission : être le partenaire incontournable de la performance des chefs d’entreprise.
                </p>
            </div>
        </div>
        <div class="home__mutual__data">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-0  col-sm-6 col-sm-offset-3 home__mutual__data__element">
                        <div class="home__mutual__data__element__figure">+<span id="figure2">+700</span></div>
                        <div class="home__mutual__data__element__text">Agences</div>
                    </div>
                    <div class="col-md-4 col-md-offset-0  col-sm-6 col-sm-offset-3 home__mutual__data__element">
                        <div class="home__mutual__data__element__figure"><span id="figure3">320 000</span></div>
                        <div class="home__mutual__data__element__text">Créateurs et chefs d’entreprises</div>
                    </div>
                    <div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-3 home__mutual__data__element">
                        <div class="home__mutual__data__element__figure"><span id="figure4">13 700</span></div>
                        <div class="home__mutual__data__element__text">collaborateurs</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        <section class="home__join">
        <div class="container home__join__container">
            <div class="home__container">
                <div class="home__titleContainer">
                    <h2 class="home__title home__title--yellow home__title--textWhite">Rejoindre Cerfrance</h2>
                </div>
                <div class="home__join__intro col-lg-offset-2 col-lg-8">
                    Et si on vous proposait une nouvelle façon d’aborder votre métier ?
                </div>
                <div class="home__join__buttonsList">
                    <a href="/espace-recrutement/">
                        <div class="home__join__button" >Travailler chez Cerfrance</div>
                    </a>
                    <a href="/espace-recrutement/list">
                        <div class="home__join__button">Nos offres d'emploi</div>
                    </a>
                </div>
            </div>
        </div>
    </section>
        <section class="home__actus">
        <div class="home__container container">
            <div class="home__titleContainer">
                <h2 class="home__title home__title--yellow">Nos actualités</h2>
            </div>
            <div class="home__toAllLink col-lg-offset-2 col-lg-8">
                <a href="/lactualite-vue-par-cerfrance">
                    <span>Voir toutes les actualités</span>
                    <img src="/frontend/img/svg/arrow_yellow.svg" />
                </a>
            </div>
        </div>
        <div class="container">
            <div class="slider-actu swiper-container row">
                <div class="swiper-wrapper col-xs-12">
                                                                        
    

<div class="swiper-slide " style="background-color: #f8b334; %}">
    <span class="actualite-rubrique "></span>
    <h2>Webinar dédié aux employeurs</h2>
    <p>Cerfrance organise un webinar <strong>mercredi 29 juin</strong>,<strong> </strong>ouvert aux employeurs...
    
            <a href="/news/webinar-dedie-aux-employeurs" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
    

<div class="swiper-slide " style="background-color: #f8b334; %}">
    <span class="actualite-rubrique "></span>
    <h2>Partenariat avec REAL Campus by L&#039;ORÉAL</h2>
    <p>Il y a quelques semaines, le Pr&eacute;sident du R&eacute;seau Cerfrance, Benoit Hureau, a sign&eacute;...
    
            <a href="/news/partenariat-avec-real-campus-by-loreal" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
    
    <div class="swiper-slide overlay" style="background-image:url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/62c5ad423293f_webinars_vignette.png&quot;); %} opacity: 0.5%;">
    <span class="actualite-rubrique backgroundcolor-2">
                    WEBINARS
            </span>

    <h2>Webinar Recrutement et Fidélisation</h2>
    <div>
        <p>Dans ce contexte de p&eacute;nurie de main-d&rsquo;&oelig;uvre, de nombreux employeurs peinent &agrave;...
    </div>
    <a class="video-link" href="/webtv-cerfrance/webinars/webinar-recrutement-et-fidelisation">
        <div class="home-picto-player"></div>
    </a>
</div>


                                                                                                
        

<div class="swiper-slide overlay" style="background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/624dbcbd4d71b_en_tete_lve_agri62.jpg&quot;); %}">
    <span class="actualite-rubrique "></span>
    <h2>Lettre de Veille Economique Agricole spéciale Contractualisation</h2>
    <p>La nouvelle Lettre de veille &eacute;conomique, r&eacute;dig&eacute;e par les experts du R&eacute;seau...
    
            <a href="/news/lettre-de-veille-economique-agricole-speciale-contractualisation" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
        

<div class="swiper-slide overlay" style="background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/62061a0bcb0f1_cerfrance_fond_415x330.png&quot;); %}">
    <span class="actualite-rubrique "></span>
    <h2>La Raison d’Être du Réseau Cerfrance</h2>
    
    
            <a href="/news/la-raison-detre-du-reseau-cerfrance" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
                                                
    
    <div class="swiper-slide overlay" style="background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://img.youtube.com/vi/0wxx_iU6YPc/mqdefault.jpg&quot;) center center / cover; %} opacity: 0.5%;">
    <span class="actualite-rubrique backgroundcolor-2">
                    PAROLES D’ENTREPRISE
            </span>

    <h2>Anticiper sa retraite</h2>
    <div>
        <p>Gr&acirc;ce &agrave; une transmission&nbsp;bien pr&eacute;par&eacute;e, Gilles Raguet, fondateur&nbsp;de...
    </div>
    <a class="video-link" href="/webtv-cerfrance/paroles-d-entreprise/anticiper-sa-retraite">
        <div class="home-picto-player"></div>
    </a>
</div>


                                                                                                
    

<div class="swiper-slide " style="background-color: #f8b334; %}">
    <span class="actualite-rubrique "></span>
    <h2>Cerfrance partenaire de France Num</h2>
    <p>Depuis d&eacute;cembre 2021, le R&eacute;seau Cerfrance est partenaire officiel de France Num et membre...
    
            <a href="/news/cerfrance-partenaire-de-france-num" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
        

<div class="swiper-slide overlay" style="background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/61e53d8349884_8m6a2798.jpg&quot;); %}">
    <span class="actualite-rubrique "></span>
    <h2>Revalorisation des retraites agricoles</h2>
    <p>Apr&egrave;s la revalorisation des petites retraites agricoles en novembre 2021, la loi du 17 d&eacute;cembre...
    
            <a href="/news/revalorisation-des-retraites-agricoles" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
    
    <div class="swiper-slide overlay" style="background-image:url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/627386c0db41f_gpg_66_paroles_dagriculteurs_bien_preparer_sa_retraite.jpg&quot;); %} opacity: 0.5%;">
    <span class="actualite-rubrique backgroundcolor-2">
                    PAROLES D&#039;AGRICULTEUR
            </span>

    <h2>Bien préparer sa retraite</h2>
    <div>
        <p>N&eacute; en 1951, Jean-Pierre Mazard est un retrait&eacute; serein. Vigneron de profession, il reste...
    </div>
    <a class="video-link" href="/webtv-cerfrance/paroles-d-agriculteur/bien-preparer-sa-retraite">
        <div class="home-picto-player"></div>
    </a>
</div>


                                                                                                
        

<div class="swiper-slide overlay" style="background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/61dfe920e9045_tyvrac.jpg&quot;); %}">
    <span class="actualite-rubrique "></span>
    <h2>Vers moins de plastique</h2>
    <p>Depuis le 1er janvier 2022, il est fait interdiction aux commerces de d&eacute;tail de fruits et l&eacute;gumes...
    
            <a href="/news/vers-moins-de-plastique" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
        

<div class="swiper-slide overlay" style="background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://www.cerfrance.fr/media/cache/thumb_news_home/upload/actualite/61d2d0fc4a351_voeux_2022_interieur.jpg&quot;); %}">
    <span class="actualite-rubrique "></span>
    <h2>Meilleurs voeux</h2>
    <h3>Le R&eacute;seau Cerfrance poursuit l&#39;aventure &agrave; vos c&ocirc;t&eacute;s, avec toujours...
    
            <a href="/news/meilleurs-voeux" class="actualite-title">
                            En savoir plus
                    </a>
    </div>


                                                                                                
                                                                        
    
    <div class="swiper-slide overlay" style="background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(&quot;https://img.youtube.com/vi/rkEGCz7XXR0/mqdefault.jpg&quot;) center center / cover; %} opacity: 0.5%;">
    <span class="actualite-rubrique backgroundcolor-2">
                    PAROLES D’ENTREPRISE
            </span>

    <h2>Bien vivre son travail</h2>
    <div>
        <p>Adh&eacute;rente Cerfrance, Elodie Henry, peintre en b&acirc;timent, nous partage son point de vue...
    </div>
    <a class="video-link" href="/webtv-cerfrance/paroles-d-entreprise/bien-vivre-son-travail">
        <div class="home-picto-player"></div>
    </a>
</div>


                                                            </div>
                <div class="swiper-scrollbar col-xs-12"></div>
            </div>
    </section>
    <section class="section-contact hidden-xs hidden-sm">
        <div class="container">
            <a href="#" class="action devis js-devisModalToggle">
                Demande de devis
            </a>
            <span class="separator"></span>
            <a href="#toContact" class="action call">
                Être rappelé
            </a>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
                    <div class="container">
    <div class="row">
        <div class="col-md-3 footer-sep mb-md">
            <div class="item">
                <a itemscope itemtype="https://schema.org/Organization" class="block logo-footer" href="/">
                    <img itemprop="logo" src="/frontend/img/logo-footer.png" alt="logo Cerfrance">
                </a>
                <ul class="link-footer-left">
                    <li><a href="/espace-recrutement/">Recrutement <span><i class="fa fa-angle-right" aria-hidden="true"></i></span></a></li>
                    <li><a href="/espace-presse">Espace Presse <span><i class="fa fa-angle-right" aria-hidden="true"></i></span></a></li>
                </ul>
                <ul class="footer-social-links hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3b">
                                            <li><a href="https://twitter.com/Cerfrance" target="_blank" class="hi-icon"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                                <li><a href="https://www.facebook.com/Cerfrance" target="_blank" class="hi-icon"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                                <li><a href="https://www.linkedin.com/company/2653355" target="_blank" class="hi-icon"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                                                                    <li><a href="https://www.youtube.com/channel/UCnZmT8FFjRumI6i2SX1kgRA" target="_blank" class="hi-icon"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                        </ul>
                <a href="http://www.experts-comptables.fr/" target="_blank" rel="nofollow">
                    <img class="logo-accountant-footer" src="/frontend/img/footer-ordre.png" alt="Ordre des experts-comptables">
                </a>
            </div>
        </div>
                                    <div class="col-md-3 col-sm-6 mb-md hidden-xs hidden-sm">
                    <div class="item">
                        <h3 class="upper orange mb-md">Nous connaître</h3>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/page/raison-detre">› Raison d'être</a></li>
                                                                                                                                                <li><a href="/reussir-choisir-cerfrance/mieux-nous-connaitre">› Cerfrance en 1 min 40</a></li>
                                                                                                                                                <li><a href="/reussir-choisir-cerfrance/nos-valeurs">› Nos valeurs</a></li>
                                                                                                                                                <li><a href="/temoignages/">› Nos adhérents témoignent</a></li>
                                                                                                </ul>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/reussir-choisir-cerfrance/tout-a-y-gagner">› 7 raisons de choisir Cerfrance</a></li>
                                                                                                                                                <li><a href="/reussir-choisir-cerfrance/tout-un-reseau-a-vos-cotes">› Un réseau de proximité</a></li>
                                                                                                                                                <li><a href="/reussir-choisir-cerfrance/nos-partenaires">› Nos partenaires</a></li>
                                                                                                                                                <li><a href="/reussir-choisir-cerfrance/vos-avantages-exclusifs">› Vos avantages exclusifs avec Cerfrance</a></li>
                                                                                                </ul>
                                            </div>
                </div>
                            <div class="col-md-3 col-sm-6 mb-md hidden-xs hidden-sm">
                    <div class="item">
                        <h3 class="upper orange mb-md">Vous informer</h3>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/news/strategie-2030-comment-rester-dans-la-course">› Stratégie 2030 – Comment rester dans la course</a></li>
                                                                                                                                                <li><a href="/lactualite-vue-par-cerfrance">› L’actualité vue par Cerfrance</a></li>
                                                                                                                                                <li><a href="/fiches-conseil">› Nos fiches conseil</a></li>
                                                                                                                                                <li><a href="/page/livre-blanc-cerfrance-le-marketing-digital-pour-les-petites-entreprises">› Livre blanc : Le marketing digital pour les TPE & PME</a></li>
                                                                                                </ul>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/podcast-comptabilite/">› Podcast "Réussir avec Cerfrance"</a></li>
                                                                                                                                                <li><a href="/webtv-cerfrance/">› Web TV – 9 chaînes pour réussir</a></li>
                                                                                                                                                <li><a href="/page/livret-analyses-et-perspectives-des-metiers-acs">› Analyses et Perspectives – Artisanat, Commerce et Services</a></li>
                                                                                                </ul>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/questionnaire-gestion-entreprise">› Diagnostic gestion d'entreprise</a></li>
                                                                                                </ul>
                                            </div>
                </div>
                            <div class="col-md-3 col-sm-6 mb-md hidden-xs hidden-sm">
                    <div class="item">
                        <h3 class="upper orange mb-md">Créateurs d&#039;entreprise</h3>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/createurs-entreprises/formulaire">› Diagnostic création d'entreprise gratuit</a></li>
                                                                                                                                                <li><a href="/page/creer-son-entreprise">› Le livre blanc de la création</a></li>
                                                                                                                                                <li><a href="/outils-comptabilite/">› Nos outils de simulation comptable</a></li>
                                                                                                </ul>
                                                    <h4 class="upper white"></h4>
                            <ul class="footer-links">
                                                                                                            <li><a href="/webtv-cerfrance/les-10-etapes-de-la-creation">› Créer votre entreprise : 10 étapes clés en vidéo</a></li>
                                                                                                                                                <li><a href="/fiches-conseil?profil=2">› Nos fiches conseil Cerfrance sur la création d'entreprise</a></li>
                                                                                                </ul>
                                            </div>
                </div>
                        </div>
</div>
<div class="container">
    <div class="footer-bottom text-center">
        <ul class="footer-bottom-link">
            <li>
                <a href="/nous-contacter/">contact</a>
            </li>
            <li>
                <a href="/plan-du-site">Plan du site</a>
            </li>
            <li>
                <a href="/nos-agences">Nos Agences</a>
            </li>
            <li>
                <a href="/mentions-legales">Mentions légales</a>
            </li>
            <li>
                <a href="/rgpd">Politique de confidentialité</a>
            </li>
            <li>
                <span id="ot-sdk-btn" class="ot-sdk-show-settings">Paramètres des cookies</span>
            </li>
        </ul>
        <!--<p class="copyright">
            <a href="http://www.adveris.fr/" target="_blank">Création site internet : Adveris</a>
        </p>-->
    </div>
</div>
<div class="modal fade find-agence" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="bloc-form bloc-form-fixed clearfix bg-orange" id="bloc-form">
                <form name="appbundle_agence_search" method="post" action="/agence-expert-comptable/" id="agence_search_form">
                <strong class="upper-bold">Votre agence</strong>

                <input type="text" id="appbundle_agence_search_string" name="appbundle_agence_search[string]" required="required" class="form-control" placeholder="Ville, code postal..." data-toggle="tooltip" title="Vous devez sélectionner une géolocalisation" autocomplete="off" />

                <div class="autocomplete-results-container row">
                    <div class="col-xs-12">
                        <ul id="autocomplete-results-fr"></ul>
                        <ul id="autocomplete-results-mq"></ul>
                        <ul id="autocomplete-results-re"></ul>
                        <ul id="autocomplete-results-gf"></ul>
                        <ul id="autocomplete-results-gp"></ul>
                    </div>
                </div>

                <div class="text-right">
                    <button type="submit" class="btn mt-sm mb-sm"><span>OK</span></button>
                </div>
                <input type="hidden" id="appbundle_agence_search_zipcode" name="appbundle_agence_search[zipcode]" /><input type="hidden" id="appbundle_agence_search_origin" name="appbundle_agence_search[origin]" value="list" /><input type="hidden" id="appbundle_agence_search__token" name="appbundle_agence_search[_token]" value="talFUhrP11YHKpJ31sS61q2CtoJVXzI1BVH36J5kOjY" /></form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade be-call" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="bloc-form bloc-form-fixed clearfix bg-orange" id="bloc-form">
                <strong class="upper-bold">Etre rappelé</strong>

                <div class="callback_form_container">
                    <form name="appbundle_callback" method="post" action="/callback/ajax-request" id="callback_form_mobile" class="callback_form_mobile_cerfrance">

                    <input type="text" id="appbundle_callback_name" name="appbundle_callback[name]" required="required" class="form-control" placeholder="Votre nom *" />

                    <input type="text" id="appbundle_callback_number" name="appbundle_callback[number]" required="required" pattern="[0-9]*" class="form-control" placeholder="Votre numéro *" />

                    <input type="text" id="appbundle_callback_zipcode" name="appbundle_callback[zipcode]" required="required" pattern="(?:0[1-9]|[13-8][0-9]|2[ab1-9]|9[0-5])(?:[0-9]{3})?|9[78][1-9](?:[0-9]{2})?" class="form-control" placeholder="Votre code postal *" />


                    <input type="text" id="appbundle_callback_commune" name="appbundle_callback[commune]" class="form-control" placeholder="Votre commune" />

                    <input type="email" id="appbundle_callback_email" name="appbundle_callback[email]" class="form-control" placeholder="Votre adresse email" />

                    <input type="text" id="appbundle_callback_subject" name="appbundle_callback[subject]" maxlength="255" class="form-control" placeholder="Objet de votre demande *" required="required" />

                    <div id="appbundle_callback_member" class="form-control hidden"><input type="radio" id="appbundle_callback_member_placeholder" name="appbundle_callback[member]" value="" /><label for="appbundle_callback_member_placeholder">None</label><input type="radio" id="appbundle_callback_member_0" name="appbundle_callback[member]" value="1" /><label for="appbundle_callback_member_0">Oui</label><input type="radio" id="appbundle_callback_member_1" name="appbundle_callback[member]" value="0" checked="checked" /><label for="appbundle_callback_member_1">Non</label></div>

                    <div class="custom-checkbox">
                        <input type="checkbox" id="member" class="member_input" name="member">
                        <label for="member">
                            Je suis adhérent Cerfrance
                        </label> <br>
                        <input type="checkbox" id="acceptance_rgpd" name="acceptance_rgpd">
                        <label for="acceptance_rgpd">
                            J'accepte la <a href="/rgpd" class="hover-white" target="_blank">politique de confidentialité</a> de Cerfrance
                        </label>
                    </div>
                    
                    <div class="text-right">
                        <button type="submit" class="btn mt-sm"><span>OK</span></button>
                    </div>
                    <input type="hidden" id="appbundle_callback__token" name="appbundle_callback[_token]" value="WMvTqcIrA-ZR-T1BOCqc873RqpfkjbJUUL2hVOf_BH0" /></form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade be-call-2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="bloc-form bloc-form-fixed clearfix bg-orange" id="bloc-form">
                <strong class="upper-bold">Etre rappelé</strong>

                <div class="callback_form_subject_container">
                    <form id="fake_callback">
                        <input id="appbundle_callback_subject2" name="appbundle_callback[subject]" class="form-control" placeholder="Pouvez-vous préciser l'objet de votre demande de rappel ?" required="required" maxlength="255">
                        <div class="custom-checkbox">
                            <input type="checkbox" id="member_" class="member_input" name="member">
                            <label for="member_">
                                Je suis adhérent Cerfrance
                            </label> <br>
                            <input type="checkbox" id="acceptance_rgpd_" name="acceptance_rgpd">
                            <label for="acceptance_rgpd_">
                                J'accepte la <a href="/rgpd" class="hover-white" target="_blank">politique de confidentialité</a> de Cerfrance
                            </label>
                        </div>

                        <div class="text-right">
                            <button id="submit-be-call-2" type="submit" class="btn mt-sm"><span>OK</span></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade recherche-offre" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
        <div class="search-recru">
            <strong class="upper">Recherche</strong>
            <form name="appbundle_job_search" method="post" action="/espace-recrutement/search-recrutement">
            <div class="select-nav mb-sm">
                                    <select id="appbundle_job_search_category" name="appbundle_job_search[category]"><option value="">Métier</option><option value="2">Conseil d&#039;entreprise</option><option value="5">Direction/Management</option><option value="1">Expertise-comptable</option><option value="6">Fonctions support</option><option value="3">Juridique/Fiscalité</option><option value="7">Patrimoine</option><option value="4">Social/Paie</option></select>
                            </div>
            <div class="select-nav mb-sm">
                                    <select id="appbundle_job_search_contractType" name="appbundle_job_search[contractType]"><option value="">Type de contrat</option><option value="2">CDD</option><option value="1">CDI</option><option value="4">Contrat de professionnalisation</option><option value="5">Contrat en alternance</option><option value="3">Stage</option></select>
                            </div>
            <div class="select-nav mb-sm">
                                    <select id="appbundle_job_search_departement" name="appbundle_job_search[departement]"><option value="">Département</option><option value="1">01 - Ain</option><option value="2">02 - Aisne</option><option value="3">03 - Allier</option><option value="4">04 - Alpes-de-Haute-Provence</option><option value="5">05 - Hautes-Alpes</option><option value="6">06 - Alpes-Maritimes</option><option value="7">07 - Ardèche</option><option value="8">08 - Ardennes</option><option value="9">09 - Ariège</option><option value="10">10 - Aube</option><option value="11">11 - Aude</option><option value="12">12 - Aveyron</option><option value="13">13 - Bouches-du-Rhône</option><option value="14">14 - Calvados</option><option value="15">15 - Cantal</option><option value="16">16 - Charente</option><option value="17">17 - Charente-Maritime</option><option value="18">18 - Cher</option><option value="19">19 - Corrèze</option><option value="20">21 - Côte-d&#039;Or</option><option value="21">22 - Côtes-d&#039;Armor</option><option value="22">23 - Creuse</option><option value="23">24 - Dordogne</option><option value="24">25 - Doubs</option><option value="25">26 - Drôme</option><option value="26">27 - Eure</option><option value="27">28 - Eure-et-loir</option><option value="28">29 - Finistère</option><option value="29">2A - Corse-du-sud</option><option value="30">2B - Haute-Corse</option><option value="31">30 - Gard</option><option value="32">31 - Haute-Garonne</option><option value="33">32 - Gers</option><option value="34">33 - Gironde</option><option value="35">34 - Hérault</option><option value="36">35 - Ille-et-Vilaine</option><option value="37">36 - Indre</option><option value="38">37 - Indre-et-Loire</option><option value="39">38 - Isère</option><option value="40">39 - Jura</option><option value="41">40 - Landes</option><option value="42">41 - Loir-et-Cher</option><option value="43">42 - Loire</option><option value="44">43 - Haute-Loire</option><option value="45">44 - Loire-Atlantique</option><option value="46">45 - Loiret</option><option value="47">46 - Lot</option><option value="48">47 - Lot-et-Garonne</option><option value="49">48 - Lozère</option><option value="50">49 - Maine-et-Loire</option><option value="51">50 - Manche</option><option value="52">51 - Marne</option><option value="53">52 - Haute-Marne</option><option value="54">53 - Mayenne</option><option value="55">54 - Meurthe-et-Moselle</option><option value="56">55 - Meuse</option><option value="57">56 - Morbihan</option><option value="58">57 - Moselle</option><option value="59">58 - Nièvre</option><option value="60">59 - Nord</option><option value="61">60 - Oise</option><option value="62">61 - Orne</option><option value="63">62 - Pas-de-Calais</option><option value="64">63 - Puy-de-Dôme</option><option value="65">64 - Pyrénées-Atlantiques</option><option value="66">65 - Hautes-Pyrénées</option><option value="67">66 - Pyrénées-orientales</option><option value="68">67 - Bas-Rhin</option><option value="69">68 - Haut-Rhin</option><option value="70">69 - Rhône</option><option value="71">70 - Haute-Saône</option><option value="72">71 - Saône-et-Loire</option><option value="73">72 - Sarthe</option><option value="74">73 - Savoie</option><option value="75">74 - Haute-Savoie</option><option value="76">75 - Paris</option><option value="77">76 - Seine-Maritime</option><option value="78">77 - Seine-et-Marne</option><option value="79">78 - Yvelines</option><option value="80">79 - Deux-sèvres</option><option value="81">80 - Somme</option><option value="82">81 - Tarn</option><option value="83">82 - Tarn-et-Garonne</option><option value="84">83 - Var</option><option value="85">84 - Vaucluse</option><option value="86">85 - Vendée</option><option value="87">86 - Vienne</option><option value="88">87 - Haute-Vienne</option><option value="89">88 - Vosges</option><option value="90">89 - Yonne</option><option value="91">90 - Territoire de Belfort</option><option value="92">91 - Essonne</option><option value="93">92 - Hauts-de-Seine</option><option value="94">93 - Seine-Saint-Denis</option><option value="95">94 - Val-de-Marne</option><option value="96">95 - Val-d&#039;Oise</option><option value="97">971 - Guadelou?e</option><option value="98">973 - Guyane</option><option value="99">974 - Réunion</option><option value="100">975 - Mayotte</option><option value="101">972 - Martinique</option></select>
                            </div>
            <p class="text-right">
                <button type="submit" class="btn orange"><span>Rechercher</span></button>
            </p>
            <input type="hidden" id="appbundle_job_search__token" name="appbundle_job_search[_token]" value="ndFrmGGDuB9AXLJQz_dSbgxI1n3fWQ09i2-cMgImExw" /></form>
        </div>
    </div>
</div>

            </footer>
            <div class="devis-container">
            <!-- DEMANDE DEVIS BEGIN -->
<div class="devis2020 js-devisModal">
    <div class="devis2020__close js-devisModalOff js-devisConfirmOff"></div>
    <div class="devis2020__container__confirmation js-devisConfirmModal">
        <div class="devis2020__container__confirmation__container">
            <h2>Votre demande a bien été envoyée</h2>
            <p>Un conseiller Cerfrance reviendra vers vous sous 24h.</p>
            <div class="devis2020__container__confirmation__container__cta">
                <div class="js-devisModalOff js-devisConfirmOff">Poursuivre ma navigation</div>
                <a href="/agence-expert-comptable/">Trouver mon agence</a>
            </div>
        </div>
    </div>
    <div class="devis2020__container">
        <form name="appbundle_devis_form" method="post" action="/devis/new-devis" id="demande-de-devis">
        <div class="devis2020__container__entreprise">
            <div class="devis2020__container__titleContainer">
                <h2 class="devis2020__container__title">Demande de devis</h2>
                <div class="devis2020__container__time">
                    <span>3 minutes</span>
                </div>
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">1/12 Quelle est votre <span>situation ?</span></div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-1" name="appbundle_devis_form[situation]" value="1">
                            <label for="situation-1">Créateur d&#039;entreprise</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-2" name="appbundle_devis_form[situation]" value="2">
                            <label for="situation-2">Entreprise</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-3" name="appbundle_devis_form[situation]" value="3">
                            <label for="situation-3">Profession libérale</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-4" name="appbundle_devis_form[situation]" value="4">
                            <label for="situation-4">Association</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-5" name="appbundle_devis_form[situation]" value="5">
                            <label for="situation-5">Particulier</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio js-scrollQuestionTwo">
                            <input type="radio" id="situation-6" name="appbundle_devis_form[situation]" value="6">
                            <label for="situation-6">Autres</label>
                        </div>
                                    </div>
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question js-questionTwo">2/12 Quel est votre secteur d’activité ?</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-1" name="appbundle_devis_form[secteurs]" value="1">
                            <label for="secteur-1">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-agriculture.png" />
                                    <img class="image image--white" src="/frontend/img/ico/agriculture-white.png" />
                                </div>
                                <span>Agriculture, Terre et Mer</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-2" name="appbundle_devis_form[secteurs]" value="2">
                            <label for="secteur-2">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-artisanat.png" />
                                    <img class="image image--white" src="/frontend/img/ico/artisanat-white.png" />
                                </div>
                                <span>Artisanat</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-3" name="appbundle_devis_form[secteurs]" value="3">
                            <label for="secteur-3">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-btp.png" />
                                    <img class="image image--white" src="/frontend/img/ico/btp-white.png" />
                                </div>
                                <span>BTP</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-4" name="appbundle_devis_form[secteurs]" value="4">
                            <label for="secteur-4">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-commerce.png" />
                                    <img class="image image--white" src="/frontend/img/ico/commerce-white.png" />
                                </div>
                                <span>Commerce</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-5" name="appbundle_devis_form[secteurs]" value="5">
                            <label for="secteur-5">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-industrie.png" />
                                    <img class="image image--white" src="/frontend/img/ico/industrie-white.png" />
                                </div>
                                <span>Industrie</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-6" name="appbundle_devis_form[secteurs]" value="6">
                            <label for="secteur-6">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-services.png" />
                                    <img class="image image--white" src="/frontend/img/ico/services-white.png" />
                                </div>
                                <span>Services</span>
                            </label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--4 devis2020__container__questionContainer__answers__radio--red js-scrollQuestionThree">
                            <input type="radio" id="secteur-7" name="appbundle_devis_form[secteurs]" value="7">
                            <label for="secteur-7">
                                <div>
                                    <img class="image image--red" src="/frontend/img/ico/ico-profession.png" />
                                    <img class="image image--white" src="/frontend/img/ico/profession-white.png" />
                                </div>
                                <span>Profession libérale</span>
                            </label>
                        </div>
                                    </div>
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question js-questionThree">3/12 Combien de salariés employez-vous ?</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 js-scrollQuestionFour">
                            <input type="radio" id="salarie-1" name="appbundle_devis_form[salaries]" value="1">
                            <label for="salarie-1">Aucun salarié</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 js-scrollQuestionFour">
                            <input type="radio" id="salarie-2" name="appbundle_devis_form[salaries]" value="2">
                            <label for="salarie-2">1 à 5</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 js-scrollQuestionFour">
                            <input type="radio" id="salarie-3" name="appbundle_devis_form[salaries]" value="3">
                            <label for="salarie-3">5 à 10</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 js-scrollQuestionFour">
                            <input type="radio" id="salarie-4" name="appbundle_devis_form[salaries]" value="4">
                            <label for="salarie-4">10 à 30</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 js-scrollQuestionFour">
                            <input type="radio" id="salarie-5" name="appbundle_devis_form[salaries]" value="5">
                            <label for="salarie-5">plus de 30</label>
                        </div>
                                    </div>
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question js-questionFour">4/12 Quel est votre chiffre d’affaires (réalisé ou prévisionnel) ?</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 devis2020__container__questionContainer__answers__radio--green js-scrollQuestionFive">
                            <input type="radio" id="ca-1"name="appbundle_devis_form[chiffreAffaires]" value="1">
                            <label for="ca-1">0 €</label>

                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 devis2020__container__questionContainer__answers__radio--green js-scrollQuestionFive">
                            <input type="radio" id="ca-2"name="appbundle_devis_form[chiffreAffaires]" value="2">
                            <label for="ca-2">0 à 50 000 €</label>

                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 devis2020__container__questionContainer__answers__radio--green js-scrollQuestionFive">
                            <input type="radio" id="ca-3"name="appbundle_devis_form[chiffreAffaires]" value="3">
                            <label for="ca-3">50 000 à 200 000 €</label>

                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--3 devis2020__container__questionContainer__answers__radio--green js-scrollQuestionFive">
                            <input type="radio" id="ca-4"name="appbundle_devis_form[chiffreAffaires]" value="4">
                            <label for="ca-4">plus de 200 000 €</label>

                        </div>
                                    </div>
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question js-questionFive">5/12 Quel est votre besoin ?</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio">
                            <input type="radio" id="besoin-119"name="appbundle_devis_form[besoins]" value="119">
                            <label for="besoin-119">Réaliser une étude de marché</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio">
                            <input type="radio" id="besoin-120"name="appbundle_devis_form[besoins]" value="120">
                            <label for="besoin-120">Choisir votre cadre juridique</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio">
                            <input type="radio" id="besoin-121"name="appbundle_devis_form[besoins]" value="121">
                            <label for="besoin-121">Trouver des financements</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio">
                            <input type="radio" id="besoin-122"name="appbundle_devis_form[besoins]" value="122">
                            <label for="besoin-122">Autre(s) besoin(s)</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio">
                            <input type="radio" id="besoin-123"name="appbundle_devis_form[besoins]" value="123">
                            <label for="besoin-123">Trouver un expert-comptable</label>
                        </div>
                                    </div>
            </div>
        </div>
        <div class="devis2020__container__personal">
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">6/12 Votre prénom</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="text" id="appbundle_devis_form_prenom" name="appbundle_devis_form[prenom]" required="required" placeholder="Votre prénom" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">7/12 Votre nom</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="text" id="appbundle_devis_form_nom" name="appbundle_devis_form[nom]" required="required" placeholder="Votre nom" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">8/12 Votre code postal</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="text" id="appbundle_devis_form_contactZipCode" name="appbundle_devis_form[contactZipCode]" required="required" maxlength="6" placeholder="Votre code postal" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">9/12 Votre commune</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="text" id="appbundle_devis_form_commune" name="appbundle_devis_form[commune]" required="required" placeholder="Votre commune" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">10/12 Votre email</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="email" id="appbundle_devis_form_email" name="appbundle_devis_form[email]" required="required" placeholder="Votre adresse e-mail" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">11/12 Votre numéro de téléphone</div>
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="text" id="appbundle_devis_form_contactTelephone" name="appbundle_devis_form[contactTelephone]" required="required" placeholder="Votre numéro de téléphone" />
            </div>
            <div class="devis2020__container__questionContainer">
                <div class="devis2020__container__questionContainer__question">
                    <span>12/12 A quels horaires êtes-vous joignable ?</span>
                    <div class="devis2020__container__questionContainer__question__more">Plusieurs choix possibles</div>
                </div>
                <div class="devis2020__container__questionContainer__error"></div>
                <div class="devis2020__container__questionContainer__answers">
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--alt">
                            <input type="radio" id="horaire-1" name="appbundle_devis_form[plageHoraire]" value="1">
                            <label for="horaire-1">10h &gt; 12h</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--alt">
                            <input type="radio" id="horaire-2" name="appbundle_devis_form[plageHoraire]" value="2">
                            <label for="horaire-2">12h &gt; 14h</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--alt">
                            <input type="radio" id="horaire-3" name="appbundle_devis_form[plageHoraire]" value="3">
                            <label for="horaire-3">14h &gt; 16h</label>
                        </div>
                                            <div class="devis2020__container__questionContainer__answers__radio devis2020__container__questionContainer__answers__radio--alt">
                            <input type="radio" id="horaire-4" name="appbundle_devis_form[plageHoraire]" value="4">
                            <label for="horaire-4">16h &gt; 18h</label>
                        </div>
                                    </div>
            </div>
            <div class="devis2020__container__questionContainer devis2020__container__questionContainer--rgpd">
                <div class="devis2020__container__questionContainer__error"></div>
                <input type="checkbox" id="rgpd" name="appbundle_devis_form[acceptanceRGPD]" required="required" value="1" />
                <label for="rgpd">
                    <div></div>
                    <span>
                            J'accepte la <a class="js-rgpdLink" href="/rgpd" target="_blank">politique de confidentialité de Cerfrance</a>
                        </span>
                </label>
            </div>
            <div class="js-devisConfirmOn">
                <div class="devis2020__container__submitLoader js-devisConfirmLoader">
                    <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                         width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
                            <path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path>
                        </svg>
                </div>
                <input id="bt-submit-devis" type="submit" value="Envoyer ma demande">
            </div>
        </div>
                                                        <input type="hidden" id="appbundle_devis_form_contactType" name="appbundle_devis_form[contactType]" required="required" /><input type="hidden" id="appbundle_devis_form_tagwebmecanik" name="appbundle_devis_form[tagwebmecanik]" value="devis" /><input type="hidden" id="appbundle_devis_form__token" name="appbundle_devis_form[_token]" value="-AhWM7YeUTDYSz35UhOPC3KwOyDyI4zpR2O8AYopQ_4" /></form>
    </div>
</div>
<!-- DEMANDE DEVIS END -->

        </div>
    

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
    /**
     * This function must be available on the main outer page. * When called with a height it will update the size of the
     * iframe to match that height.
     */
    function updateIFrame( height ) {
        var iframe = document.getElementById( 'myiframe' ); iframe.setAttribute( 'height', height );
    }
    jQuery(document).ready(function(){
        jQuery("#myiframe").attr("src", jQuery("#myiframe").attr("src") + document.location.search);
    });
</script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/locale/fr.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.fr.min.js"></script>

<script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Organization",
      "brand": "Cerfrance"
    }
</script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script src="/frontend/tools/checkboxes/js/svgcheckbx.js"></script>
    <script src="/frontend/tools/bootstrap-slider/js/bootstrap-slider.js"></script>
    <script src="/frontend/js/jquery.matchHeight.js"></script>
    <script src="/frontend/tools/slick/slick.min.js"></script>
    <script src="/frontend/tools/scrollmagic/ScrollMagic.min.js"></script>
    <script src="/frontend/tools/scrollmagic/plugins/animation.gsap.min.js"></script>
    <script src="/frontend/tools/scrollmagic/plugins/debug.addIndicators.min.js"></script>
    <script src="/frontend/tools/scrollmagic/plugins/jquery.ScrollMagic.min.js"></script>
    <script src="/frontend/js/jquery.waypoints.js"></script>
    <script src="/frontend/js/classie.js"></script>
    <script src="/frontend/js/callback.js?v=1662363685"></script>
    <script src="/frontend/js/theme.js"></script>
                    <script>
        (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
            w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
                m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://com.cerfrance.fr/mtc.js','mt');
        mt('send', 'pageview');
    </script>
    <script>
                                                                                
                                        
        $(document).ready(function () {

            //
            // TEMPORAIRE A RANGER DANS UN FICHIER JS
            //
            $(document).on('click', '.js-devisModalToggle', function(e) {
                e.preventDefault();
                $('.js-devisModal').toggleClass('active');
                $('body').toggleClass('noScroll');
            })

            $(document).on('click', '.js-devisModalOff', function(e) {
                e.preventDefault();
                // New form on modal close ?
                var form = $('form[name="appbundle_devis_form"]');
                $.ajax({
                    url: form.attr('action'),
                    type: "GET",
                    success: function(data) {
                        $('.devis-container').html(data);
                    }
                });
                $('.js-devisModal').removeClass('active');
                $('body').removeClass('noScroll');
            })

            $(document).on('click', '.js-devisConfirmOn', function(e) {
                e.preventDefault();
                $('.js-devisConfirmLoader').addClass('active');
                $('.devis2020__container__questionContainer__error').html("");
                $('.devis2020__container__questionContainer__error').removeClass('active');
                var form = $('form[name="appbundle_devis_form"]');
                $.ajax({
                    url: form.attr('action'),
                    data: form.serialize(),
                    dataType: "json",
                    type: "POST",
                    success: function(data) {
                        if(!data.valid) { // undefined here, set to true in controller the form is valid
                            console.log(data);
                            if (data.error) {
                                $('.error-container').remove();
                                $('.js-devisConfirmOn').before('<div class="error-container devis2020__container__questionContainer text-center"><p class="alert alert-danger">' + data.error + '</p></div>');
                            } else {
                                for (var key in data.errors) {
                                    form.find('[name*="appbundle_devis_form['+key+']"]').closest('.devis2020__container__questionContainer').children('.devis2020__container__questionContainer__error').addClass('active').html('<p>'+data.errors[key]+'</p>');
                                }
                            }
                            if ($('.devis2020__container__questionContainer__error.active').length > 0) {
                                $('.js-devisConfirmLoader').removeClass('active');
                                const el = $('.devis2020__container').find('.devis2020__container__questionContainer__error.active')[0];
                                const fixedNav = $('.fixed-nav')
                                const question = $('.devis2020__container__questionContainer__question')
                                const myContainer = $('.devis2020__container')
                                const offset = $(el).offset().top;

                                myContainer.animate({
                                    scrollTop: offset - myContainer.offset().top + myContainer.scrollTop() - fixedNav.height() - question.outerHeight(true)
                                }, 500);
                            }
                            $('.js-devisConfirmLoader').removeClass('active');
                        } else {
                            form.html(data.form);
                            $('.js-devisConfirmModal').addClass('active');
                            $('.js-devisConfirmLoader').removeClass('active');
                        }
                    }
                });
            })

            $(document).on('click', '.js-devisConfirmOff', function(e) {
                e.preventDefault();
                $('.js-devisConfirmModal').removeClass('active');
            })

            $(document).on('click', '.js-clickOnLabel', function(e) {
                const elActive = $(this).find('img.active');
                const elHidden = $(this).find('img.hidden');
                elActive.removeClass('active').addClass('hidden');
                elHidden.removeClass('hidden').addClass('active');
            })

            $(document).on('click', '.js-rgpdLink', function(e) {
                $('label[for=rgpd]').trigger('click');
            })

            //
            //
            //

            $('.dropdown-menu-large li.active').parents('.dropdown-large').addClass('active');
            $('.dropdown-menu-large li option[active="true"]').parents('.dropdown-large').addClass('active');

            var structures;
            $('.lf_formDepartement_container > div').html();
            $('form[name="appbundle_expaceclient"]').submit(function () {

                var formEspace = $(this)

                $.ajax({
                    'url': $(this).attr('action'),
                    'method': 'post',
                    'data': $(this).serialize(),
                    'success': function (data) {
                        structures = data;
                        console.log(data.length);
                        if (data.length == 0) {
                            //if($('#appbundle_expaceclient_zipcode').val() == 35){
                            contact = 'votre Cerfrance';
                            /*}else{
                                contact = 'notre siège';
                            }*/
                            var noAcces = '<p class="white">L’espace client n’est pas encore disponible dans votre département, vous pouvez contacter '+contact+' qui vous proposera une solution.</p>';
                            noAcces += '<button class="login_retour btn white" type="button" >Retour</button>';
                            formEspace.parents('.lf_formDepartement_container').find('> div').hide();
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-2').html(noAcces);
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-2').show();
                        } else if (data.length > 1) {
                            var listeStructures = '<ul class="list-cerfrance-topnav">';
                            listeStructures += '<li class="list-cerfrance-topnav-header">Choisissez votre Cerfrance</li>';
                            data.forEach(function (value, i) {
                                listeStructures += '<li><a href="#" class="structureLogin" data-id="' + i + '">' + value.name + '</a></li>';
                            });
                            listeStructures += '</ul>';
                            formEspace.parents('.lf_formDepartement_container').find('> div').hide();
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-2').html(listeStructures);
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-2').show();
                        } else {
                            var form = '<form id="formuser" name="' + data[0].formName + '" method="post" action="' + data[0].extranet + '" target="blank">';
                            form += '       <input type="hidden" name="cerfrance" value="true">';
                            form += '       <input type="hidden" name="action" value="entree">';
                            form += '       <input type="text" name="username" class="form-control" placeholder="Identifiant">';
                            form += '       <input type="password" class="form-control mb-xs" name="password" placeholder="Mot de passe">';
                            form += '       <button class="loginboxinput btsubmit btn orange full no-margin" type="submit" ><span class="btsubmit" >Connexion</span></button>';
                            form += '       <button class="login_retour btn white full mb-xs" type="button" value="Retour"><span>Retour</span></button>';
                            form += '   </form>';
                            if (data[0].formName !== 'loginBureauv4') {
                                form += '   <a class="forgot-mdp" href="' + data[0].forgot.replace("/login", "/#/login") + '" target="blank">Mot de passe oublié ?</a>';
                            } else {
                                form += '   <a class="forgot-mdp" href="' + data[0].forgot + '" target="blank">Mot de passe oublié ?</a>';
                            }
                            formEspace.parents('.lf_formDepartement_container').find('> div').hide();
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-3').html(form);
                            formEspace.parents('.lf_formDepartement_container').find('#espace-client-3').show();
                        }
                        $(".btsubmit" ).click(function( event ) {
                            $("#formuser").submit();
                        });
                    }
                });

                return false;
            });

            $(document).on('click', '.structureLogin', function () {
                var form = '<form id="lf_loginBureauv3" name="' + structures[$(this).attr('data-id')].formName + '" method="post" action="' + structures[$(this).attr('data-id')].extranet + '" target="_blank">';
                form += '       <input type="hidden" name="cerfrance" value="true">';
                form += '       <input type="hidden" name="action" value="entree">';
                form += '       <input id="lf_nom" type="text" name="username" class="form-control" placeholder="Identifiant">';
                form += '       <input id="lf_motdepasse" class="form-control mb-xs" type="password" name="password" placeholder="Mot de passe">';
                form += '       <button class="login_retour btn white full mb-xs" type="button" value="Retour"><span>Retour</span></button>';
                form += '       <button class="loginboxinput btn orange full no-margin" type="submit" ><span>Connexion</span></button>';
                form += '   </form>';
                form += '   <a class="forgot-mdp" href="' + structures[$(this).attr('data-id')].forgot + '" target="_blank">Mot de passe oublié ?</a>';
                $('.lf_formDepartement_container > div').hide();
                $('.lf_formDepartement_container #espace-client-3').html(form);
                $('.lf_formDepartement_container #espace-client-3').show();
                return false;
            });

            $('#espace-client-2,#espace-client-3').on('click', '.login_retour', function () {
                $('.lf_formDepartement_container > div').hide();
                $('.lf_formDepartement_container #espace-client-1').show();
            });

            $('#espace-client-3').on('click', '.loginboxinput', function () {
                $(this).closest('form').submit();
            });


            $('.dropdown-menu').find('form').click(function (e) {
                e.stopPropagation();
            });

            $('.drop-controle').change(function () {
                window.location = $(this).find(":selected").attr("data-id");
            });

            $(".btsubmit" ).click(function( event ) {
                $("#formuser").submit();
            });
        });

        //Handle scroll
        let lastScrollTop = 0;

        $(document).scroll( function () {
            const st = $(this).scrollTop();
            const offset = $(document).scrollTop();
            const menuHeight = $('.fixed-nav').height();

            if (st > lastScrollTop && offset > menuHeight ){
                $('.fixed-nav').addClass('hideMenu');
            } else {
                $('.fixed-nav').removeClass('hideMenu');
            }
            lastScrollTop = st;
        });

        //Désolé pas le temps à optimiser

        $('.js-scrollQuestionTwo').on('click', function(e) {
            $('.devis2020__container').animate({
                scrollTop: $('.devis2020__container').scrollTop() - $(".devis2020__container").offset().top + $('.js-questionTwo').offset().top - 167 + 'px'
            }, 500);
        });

        $('.js-scrollQuestionThree').on('click', function(e) {
            $('.devis2020__container').animate({
                scrollTop: $('.devis2020__container').scrollTop() - $(".devis2020__container").offset().top + $('.js-questionThree').offset().top - 167 + 'px'
            }, 500);
        });

        $('.js-scrollQuestionFour').on('click', function(e) {
            $('.devis2020__container').animate({
                scrollTop: $('.devis2020__container').scrollTop() - $(".devis2020__container").offset().top + $('.js-questionFour').offset().top - 167 + 'px'
            }, 500);
        });

        $('.js-scrollQuestionFive').on('click', function(e) {
            $('.devis2020__container').animate({
                scrollTop: $('.devis2020__container').scrollTop() - $(".devis2020__container").offset().top + $('.js-questionFive').offset().top - 167 + 'px'
            }, 500);
        });
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-11285822-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-11285822-1');
    </script>

    <script>
        $('.callback_form_mobile_cerfrance').submit(function (e) {
            var result = verifRGPD('acceptance_rgpd','appbundle_contact_acceptanceRGPD');
            if(result === false){;
                e.preventDefault();
                e.stopImmediatePropagation()
                return false;
            }

        });
    </script>

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPn6a6rFBalwipqSBnzITMCP2hf5I32GE&libraries=places&callback=initService"></script>
    <script src="/frontend/js/autocompleteAgence.js"></script>
    <script src="/frontend/js/barreOrientation.js"></script>
    <script src="/frontend/js/formulaire.js"></script>
    <script src="/frontend/tools/jquery-cookie/jquery.cookie.js"></script>
    <script src="/frontend/tools/swiper/dist/js/swiper.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
    <script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase.min.js?r=2"></script>
    <script>
        $(window).load(function () {
            setTimeout(function () {
                $('.loader-bg').fadeOut("slow");
            }, 1000);

            var youtube_iframe = $("#yt-page iframe").attr('src');
            $("#yt-page iframe").attr('src', youtube_iframe+"&hd=1");
        });
        $(document).ready(function () {

            //
            // TEMPORAIRE A RANGER DANS UN FICHIER JS
            //
            //Utils
            const isInViewport = function (elem) {
                const bounding = elem.getBoundingClientRect();
                return (
                    bounding.top >= 0 &&
                    bounding.left >= 0 &&
                    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
                );
            };

            const numberWithSpaces = function(x) {
                return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
            }

            const animateValue = function (id, start, end, duration) {
                var range = end - start;
                var current = start;
                var increment = end > start? 1 : -1;
                var stepTime = Math.abs(Math.floor(duration / range));
                var obj = document.getElementById(id);
                var timer = setInterval(function() {
                    current += increment;
                    obj.innerHTML = numberWithSpaces(current);
                    if (current == end) {
                        clearInterval(timer);
                    }
                }, stepTime);
            }

            

            //Slider
            const swiperExpertise = new Swiper('.js-swiperExpertises', {
                slidesPerView: 4,
                spaceBetween: 30,
                loop: true,
                direction: 'horizontal',
                pagination: {
                    el: '.swiper-pagination',
                    type: 'bullets',
                    clickable: true
                },
                navigation: {
                    nextEl: document.querySelector('.controls-expert-r'),
                    prevEl: document.querySelector('.controls-expert-l'),
                },
                breakpoints: {
                    1000: {
                        slidesPerView: 2,
                    },
                    540: {
                        slidesPerView: 1,
                    }
                }
            });

            const swiperTestimonials = new Swiper('.js-swiperTestimonials', {
                spaceBetween: 40,
                loop: true,
                centeredSlides: true,
                slidesPerView: 'auto',
                direction: 'horizontal',
                pagination: {
                    el: '.swiper-pagination',
                    type: 'bullets',
                    clickable: true,
                },
                navigation: {
                    nextEl: document.querySelector('.controls-test-r'),
                    prevEl: document.querySelector('.controls-test-l'),
                },
            });

            //Handle scroll
            let lastScrollTop = 0;

            //const figure1 = document.querySelector('#figure1');
            const figure2 = document.querySelector('#figure2');
            const figure3 = document.querySelector('#figure3');
            const figure4 = document.querySelector('#figure4');

            //let figure1triggered = false;
            let figure2triggered = false;
            let figure3triggered = false;
            let figure4triggered = false;

            $(document).scroll( function () {
                const st = $(this).scrollTop();
                const offset = $(document).scrollTop();
                const menuHeight = $('.fixed-nav').height();

                if (st > lastScrollTop && offset > menuHeight ){
                    $('.fixed-nav').addClass('hideMenu');
                } else {
                    $('.fixed-nav').removeClass('hideMenu');
                }
                lastScrollTop = st;

                //if (isInViewport(figure1) && !figure1triggered ) {
                //    figure1triggered = true;
                //    animateValue("figure1", 0, 96, 500);
                //}

                if (isInViewport(figure2) && !figure2triggered) {
                    figure2triggered = true;
                    animateValue("figure2", 600, 700, 500);
                }

                if (isInViewport(figure3) && !figure3triggered) {
                    figure3triggered = true;
                    animateValue("figure3", 319900, 320000, 500);
                }

                if (isInViewport(figure4) && !figure4triggered) {
                    figure4triggered = true;
                    animateValue("figure4", 13600, 13700, 500);
                }
            });
            

            //nav bar animation
            $('.navbar-toggle').click( function () {
                $('body').toggleClass('noScroll');
                $('.navbar-toggle').toggleClass('active');
            })

            //hover expertises
            $(".js-hoverExpertise").on({
                mouseenter: function (e) {
                    const elementId = $(e.currentTarget).attr('data-index');
                    $(e.currentTarget).addClass('active')
                    $('.js-imageExpertise[data-index="' + elementId + '"').addClass('active')

                    if($(".js-hoverExpertise[data-index='2'].active").length >= 1) {
                        $(".js-hoverExpertise[data-index='1'").removeClass('active')
                    }
                },
                mouseleave: function (e) {
                    const elementId = $(e.currentTarget).attr('data-index');
                    $(e.currentTarget).removeClass('active')
                    $('.js-imageExpertise[data-index="' + elementId + '"').removeClass('active')

                    if($(".js-hoverExpertise.active").length <= 1) {
                        $(".js-hoverExpertise[data-index='1'").addClass('active')
                        $(".js-imageExpertise[data-index='1'").addClass('active')
                    }
                }
            });
            //
            //
            //


            var cerfranceLiveRequest = 0;
            var swiper = new Swiper('.slider-actu', {
                slidesPerView: 3,
                spaceBetween: 30,
                scrollbar: {
                    el: '.swiper-scrollbar',
                    hide: false,
                    draggable: true,
                    snapOnRelease: true
                },
                breakpoints: {
                    640: {
                        slidesPerView: 1,
                        spaceBetween: 20,
                    },
                    320: {
                        slidesPerView: 1,
                        spaceBetween: 10,
                    }
                }
            });

            // var swiper_expert_title = new Swiper('.slider-title-expertises', {
            //     slidesPerView: 2,
            //     spaceBetween: 40,
            //     direction: 'horizontal',
            //     centeredSlides: true,
            //     slideToClickedSlide: true,
            // });

            // var swiper_expert = new Swiper('.slider-expertises', {
            //     slidesPerView: 1,
            //     spaceBetween: 40,
            //     direction: 'horizontal',
            // });
            // swiper_expert.controller.control = swiper_expert_title;
            // swiper_expert_title.controller.control = swiper_expert;

            // var swiper_expert_mobile = new Swiper('.swiper-expert-sector-container', {
            //     slidesPerView: 1,
            //     spaceBetween: 40,
            //     direction: 'horizontal',
            // });

            // $('.slider-expertises .goto-expert').on('click', function(e) {
            //     e.preventDefault();
            //     swiper_expert.slideNext();
            // });

            // $('.slider-expertises .goto-sector').on('click', function(e) {
            //     e.preventDefault();
            //     swiper_expert.slidePrev();
            // });

            $("#search-agency").on('click', function (e) {
                e.preventDefault();
                var search_value = $("#input-search-agency").val();
                $.ajax({
                    url: $(this).data('url'),
                    data: { "search": search_value },
                    dataType: "json",
                    method: "post",
                })
            });

            $('.section-blocs-home .item-raw1').matchHeight({byRow: false});
            $('.section-blocs-home .item-raw2').matchHeight({byRow: false});
            $('.section-blocs-home').css('min-height', $('.section-blocs-home').outerHeight());
            //$('.matchHeightBottom').matchHeight({byRow: false});
            //$('.popin-matchheight').matchHeight();

            $(".quotationForm").show();
            $(".contactForm").hide();
            $("#askQuotation").on('click', function () {
                if (!$(this).hasClass("active")) {
                    $("#toContact").removeClass("active");
                    $(this).addClass("active");
                    $(".quotationForm").show();
                    $(".contactForm").hide();
                }
            });

            $("#toContact").on('click', function () {
                if (!$(this).hasClass("active")) {
                    $("#askQuotation").removeClass("active");
                    $(this).addClass("active");
                    $(".contactForm").show();
                    $(".quotationForm").hide();
                }
            });

            $(".live-block h3").on('click', function () {
                if ($(".live-block .content").css('opacity') === '0') {
                    TweenLite.to(".live-block", .5, {ease: Sine.easeOut, top: '15%', height: '80vh'});
                    TweenLite.to(".live-block .content", .5, {
                        ease: Sine.easeOut,
                        width: '100%',
                        opacity: '1',
                        display: 'block'
                    });

                    if(cerfranceLiveRequest === 0) {
                        cerfranceLiveRequest = 1;
                        $.ajax({
                            url: $(this).data('path-ajax-call'),
                            dataType: "json",
                            success: function (data, textStatus, xhr) {
                                $("#contentLiveCerfrance").html(data.message);
                            },

                            error: function (data, status, error) {
                            },

                            complete: function (result, status) {
                                /*a trick to see fb timeline ...*/
                                window.dispatchEvent(new Event('resize'));
                            }
                        });
                    }

                } else {
                    TweenLite.to(".live-block", .5, {ease: Sine.easeOut, top: '50%', height: 'initial'});
                    TweenLite.to(".live-block .content", .5, {
                        ease: Sine.easeOut,
                        width: '0%',
                        opacity: '0',
                        display: 'none'
                    });
                }
            });

            $('.action.call').on('click', function(){
                $("html, body").animate({ scrollTop: 0 }, {
                    duration: 1000,
                    complete: function() {
                        $('#toContact').trigger('click');
                    }
                })
            });

            $('.anchor').on('click', function(e){
                e.preventDefault();
                var id = $(this).attr("href");
                $('html,body').animate({scrollTop: $(id).offset().top},'slow');
            });
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.7&appId=1070469916301532";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        $(window).resize(function() {
            if(this.resizeTO) clearTimeout(this.resizeTO);
            this.resizeTO = setTimeout(function() {
                $('#fb-page').html('<div class="fb-page" data-href="https://www.facebook.com/cerfrance/" data-width="' + $('#twitter-timeline').width() + '" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>');
                FB.XFBML.parse();
            }, 500);
        });
    </script>
<script type="text/javascript" src="//cdn.tradelab.fr/tag/3139d11979.js"></script>
<script type="text/javascript"> _linkedin_data_partner_id = "389370"; </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=389370&fmt=gif" /> </noscript>
<!-- OneTrust Cookies Consent Notice start -->
<script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="6c8cabe2-f143-45bf-84bd-45c7e16fff33"></script>
<script type="text/javascript">
    function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end -->
</body>
</html>
