{% extends 'base.html.twig' %}{% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="{{ asset('build/css/documentation/donnees_cession.css') }}">{% endblock %}{% block body %} {% include 'assets/assets_vuejs.html.twig' %} <!-- Menu --> {{ render_esi(controller( 'App\\Controller\\CoreController::menu', { "lang": lang, "currentRoute":currentRoute, "codePays": codePaysWithUnderScore } )) | spaceless }} <!-- Menu --> <!-- Publicite --> {% include 'includes/publicite.html.twig' %} <!-- Publicite --> <div class="container" id="app"> <div class="row"> <!--COLONNE GAUCHE --> {% include 'includes/colonnes_gauche.html.twig' %} <!--FIN COLONNE GAUCHE --> <!--COLONNE DROITE --> <div class="col-12 col-lg-9 bkg_blanc no_shadow"> <!-- ARIANE --> <nav aria-label="breadcrumb" class="d-none d-sm-block"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="{{ path('index',{'codePays':codePays }) }}"> {{ translate("accueil" ,lang,"","M") | raw }}</a> </li> <li class="breadcrumb-item"> <a href="{{ path('documentation',{'codePays':codePaysWithUnderScore }) }}"> {{ translate("documentation sur la reprise " ,lang,"","M") | raw }} </a> </li> <li aria-current="page" class="breadcrumb-item active"> {{ translate("données statistiques sur la cession de TPE-PME en France" ,lang,"","M") | raw }} </li> </ol> </nav> <!-- FIN ARIANE --> <div class="row mt-3 mb-5"> <div class="col-12 mt-3 mb-2 ml-5"> <h2 class="gris_666"> {{ translate("données statistiques sur la cession de TPE-PME en France" ,lang,"","M") | raw }}</h2> </div> </div> <div class="row"> <div class="col-12 col-sm-8 offset-sm-2"> <!-- MENU --> <div class="row mt-3"> <div class="onglet6 col-12 mb-3"> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <div class="col-12 col-lg-3 no-padding-x bl_m_gris bl_gris br_gris d-none d-lg-block" @click="onClick($event)" id="ca"> <a class="nav-item nav-link lh08 {% if "ca" in filters %} active {% endif %} " @click="onClick($event)" id="ca"> Par chiffre <span class="d-none d-lg-block" @click="onClick($event)" id="ca"> </span>d'affaires </a> </div> <div class="col-12 col-lg-3 no-padding-x bl_m_gris bl_gris br_gris d-none d-lg-block" @click="onClick($event)" id="secteur"> <a class="nav-item nav-link lh08 {% if "secteur" in filters %} active {% endif %} " @click="onClick($event)" id="secteur"> Par secteur <span class="d-none d-lg-block" @click="onClick($event)" id="secteur"> </span>d'activité </a> </div> <div class="col-12 col-lg-3 no-padding-x bl_m_gris bl_gris br_gris d-none d-lg-block" @click="onClick($event)" id="nb_personnes"> <a class="nav-item nav-link lh08 {% if "nb_personnes" in filters %} active {% endif %} " @click="onClick($event)" id="nb_personnes" > Par nombre <span class="d-none d-lg-block" @click="onClick($event)" id="nb_personnes"></span>de salariés </a> </div> <div class="col-12 col-lg-3 no-padding-x bl_m_gris bl_gris br_gris d-none d-lg-block" @click="onClick($event)" id="localisation"> <a class="nav-item nav-link lh08 {% if "localisation" in filters %} active {% endif %} " @click="onClick($event)" id="localisation"> Par localisation <span class="d-none d-lg-block" @click="onClick($event)" id="localisation"></span>géographique </a> </div> </div> </nav> </div> </div> <!-- FIN MENU --> <div class="row"> <div class="col-12"> <table class="table" cellspacing="0"> <tbody> <tr> {% if "ca" in filters %} <th colspan="2" class="bkg_gris_clair"> {{ translate("repartition des societes a ceder en France par Chiffre d'Affaires (CA)" ,lang,"","M") | raw }} * </th> {% endif %} {% if "secteur" in filters %} <th colspan="2" class="bkg_gris_clair"> {{ translate("repartition des societes a ceder en France par Secteur d'activité" ,lang,"","M") | raw }} * </th> {% endif %} {% if "nb_personnes" in filters %} <th colspan="2" class="bkg_gris_clair"> {{ translate("repartition des societes a ceder en France par nombre de salariés" ,lang,"","M") | raw }} * </th> {% endif %} {% if "localisation" in filters %} <th colspan="2" class="bkg_gris_clair"> {{ translate("repartition des societes a ceder en France par localisation géographique" ,lang,"","M") | raw }} * </th> {% endif %} </tr> {% if "ca" in filters %} {# par ca #} <tr> <td style="padding-bottom:0!important"><strong>0K€ < CA < 300K€ :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[1]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>300K€ < CA < 1000K€ :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[2]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>1000K€ < CA < 3000K€ :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[3]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>3000K€ < CA < 10000K€ :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[4]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>CA > 10000K€:</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[5]}}%</span> </td> </tr> </tbody> </table> </td> </tr> {# par ca #} {% endif %} {% if "nb_personnes" in filters %} {# par nb_personnes #} <tr> <td style="padding-bottom:0!important"><strong>0 < Nb personnes < 5 :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody><tr> <td class="align-middle"> <span class="text26">{{data[1]}}%</span> </td> </tr> </tbody></table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>5 < Nb personnes < 10 :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[2]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>10 < Nb personnes < 20 :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[3]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>20 < Nb personnes < 50 :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[4]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>Nb personnes > 50 :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[5]}}%</span> </td> </tr> </tbody> </table> </td> </tr> {# par nb_personnes #} {% endif %} {% if "secteur" in filters %} {# par secteur #} <tr> <td style="padding-bottom:0!important"><strong>Bâtiment / Travaux publics :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[1]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"> <strong>Hôtellerie, Tourisme, Loisirs :</strong> <br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{data[2]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"><span class="text26">{{data[2]}}%</span></td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"> <strong>Autres Services :</strong> <br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{data[3]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[3]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>Commerce et distribution :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{data[4]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[4]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>Telecoms, Medias, Technologie :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{data[5]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[5]}}%</span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-bottom:0!important"><strong>Industries traditionnelles :</strong><br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{data[6]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{data[6]}}%</span> </td> </tr> </tbody> </table> </td> </tr> {# par secteur #} {% endif %} {% if "localisation" in filters %} {# par localisation #} {% for localisation in data %} {% if loop.first %} {# rien ici, c'est la case total #} {% endif %} {% if (loop.first == false and loop.last == false ) %} <tr> <td style="padding-bottom:0!important"> <strong>{{ translate(localisation[1] , lang,"","M") }} :</strong> <br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{localisation[0]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{localisation[0]}}%</span> </td> </tr> </tbody> </table> </td> </tr> {% endif %} {% if loop.last %} <tr> <td style="padding-bottom:0!important"> <strong>{{ translate(localisation[1] , lang,"","M") }} :</strong> <br> <div class="progress progress-striped active"> <div class="progress-bar bg-warning" style="width: {{localisation[0]}}%;"> </div> </div> </td> <td colspan="2" style="padding-bottom:0!important"> <table class="table_no_border"> <tbody> <tr> <td class="align-middle"> <span class="text26">{{localisation[0]}}%</span> </td> </tr> </tbody> </table> </td> </tr> {% endif %} {% endfor%} {# par localisation #} {% endif %} </tbody> </table> </div> </div> <!-- MENU BOTTOM MOBILE--> <div class="row mt-3 d-lg-none"> <div class="onglet6 col-12 mb-3"> <nav> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <div class="col-12 col-lg-2 no-padding-x bl_m_gris bl_gris" @click="onClick($event)" id="ca" > <a class="nav-item nav-link lh08 {% if "ca" in filters %} active {% endif %} " @click="onClick($event)" id="ca"> Par chiffre <span class="d-none d-lg-block" @click="onClick($event)" id="ca"><br></span>d'affaire </a> </div> <div class="col-12 col-lg-2 no-padding-x bl_m_gris bl_gris" @click="onClick($event)" id="secteur"> <a class="nav-item nav-link lh08 {% if "secteur" in filters %} active {% endif %} " @click="onClick($event)" id="secteur"> Par secteur <span class="d-none d-lg-block" @click="onClick($event)" id="secteur"><br></span>d'activité </a> </div> <div class="col-12 col-lg-2 no-padding-x bl_m_gris bl_gris" @click="onClick($event)" id="nb_personnes"> <a class="nav-item nav-link lh08 {% if "nb_personnes" in filters %} active {% endif %} " @click="onClick($event)" id="nb_personnes"> Par nombre <span class="d-none d-lg-block" @click="onClick($event)" id="nb_personnes"><br></span>de salariés </a> </div> <div class="col-12 col-lg-2 no-padding-x bl_m_gris bl_gris" @click="onClick($event)" id="localisation" > <a class="nav-item nav-link lh08 {% if "localisation" in filters %} active {% endif %} " @click="onClick($event)" id="localisation" > Par localisation <span class="d-none d-lg-block" @click="onClick($event)" id="localisation"><br></span>géographique </a> </div> </div> </nav> </div> </div> <!-- FIN MENU BOTTOM MOBILE--> {% set arrayVarsTrans = {"nb_total": data|first} %} <small>* : {{ translate("echantillon de %$nb_total%$ TPE-PME en cession sur Fusacq",lang,"","M","", arrayVarsTrans ) | raw }}</small> {% if "localisation" in filters %} <br> <small>** : {{ translate("toutes les autres régions françaises sont à moins de 5%",lang,"","M","" ) | raw }}</small> {% endif %} </div> </div> </div> <!--FIN COLONNE DROITE --> </div> <!--FIN ROW --> </div>{% endblock %}{% block javascripts %} {{ parent() }} <script type="module" id="data-user" data-user="{{ data|serialize(format = 'json') }}" src="{{ asset('build/js/documentation/donnees_cession.js') }}" defer> </script>{% endblock %}