<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* map/_list_cas.html.twig */
class __TwigTemplate_1dad2c4791691dbdfda77cec3c0e2281a23811eda0f18d71e484cfbb2730765f extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "map/_list_cas.html.twig"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "map/_list_cas.html.twig"));

        yield "<div id=\"sidebarMap\" class=\"card-content\" >
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
</div>
";
        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        return; yield '';
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName()
    {
        return "map/_list_cas.html.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo()
    {
        return array ();
    }

    public function getSourceContext()
    {
        return new Source("<div id=\"sidebarMap\" class=\"card-content\" >
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A0
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">78100 0 1234 </span>
            <!-- Groupe client si existant -->
            - FRISQUET BIS
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A2
                    </span>
            <span class=\"badge badge-white\">45.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    25/15/2021 à 00:00  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
    <div class=\"card mb-12\" id=\"disp_id1\">
        <div class=\"card-header \">
                    <span class=\"badge indic-space pull-left\" style=\"margin: 0px; height: 20px;\">
                        <svg viewBox=\"0 0 90 112.5\" width=\"20\" height=\"25\">
                            <style type=\"text/css\">
                                .st0 {
                                    fill: #E61E2A;
                                }
                            </style>
                            <path class=\"st0\"
                                  d=\"M65.7,42L45,19L24.3,42L6.9,35.2L17,71H45h27.9L83,35.2L65.7,42z M45,64.3L32.9,50.8L45,37.2l12.1,13.6L45,64.3z\"/>
                        </svg>
                    </span>
            <span class=\"span-btn\" title=\"Ouvre la fiche client\">77100 0 1234 </span> <span> ( GR1 )</span>
            <!-- Groupe client si existant -->
            - FRISQUET
            <span class=\"badge indic-space pull-right\">
                        <button class=\"btn btn-info\" ngbButton title=\"Ouvre le bloc note\">
                            <i class=\"fa fa-sticky-note-o\"></i>
                        </button>
                        <button class=\"btn btn-success\" ngbButton title=\"Ouvre la fiche client\">
                                <i class=\"fa fa-calendar\"></i>
                        </button>
                        <button class=\"btn btn-danger\" ngbButton title=\"Signifier que le client a été appelé\">
                            <i class=\"fa fa-phone\"></i>
                        </button>
                    </span>
            <br/>

            <span class=\"badge card-header-date\" style=\"background-color:rgb(0, 102, 255);\">
                        A1
                    </span>
            <span class=\"badge badge-white\">12.56kms</span>
            <span class=\"badge indic-space\" style=\"color:#dc3545;\"><i class=\"fa fa-phone\"></i>
                    17/11/2021 à 16:25  par Coralie GRIVAULT</span>
        </div>
        <div class=\"card-body\">
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        20 rue Branly
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"badge badge-info indic-space pull-right\"><i
                                            class=\"fa fa-fire\"></i> EVTM</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        77100 MEAUX
                    </td>
                    <td>
                        <span><i class=\"fa fa-phone-square\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                        <span class=\"badge badge-danger indic-space pull-right\"><i class=\"fa fa-car\"></i>&nbsp;1</span>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <span><i class=\"fa fa-mobile\"></i> &nbsp;01.02.03.04.05</span>
                    </td>
                    <td>
                                <span class=\"indic-space pull-right\"><i
                                            class=\"fa fa-user-circle\"></i>&nbsp;Agent 12</span>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class='table table-sm table-hover table-details'>
                <tbody>
                <tr>
                    <td>
                        <strong>MOD</strong>
                    </td>
                    <td>
                        03/21 <i class=\"fa fa-arrow-right\"></i> 02/22
                    </td>
                    <td>
                        Dern. V1: 02/06/2020
                    </td>
                </tr>
                </tbody>
            </table>
            <span>
                        <span class=\"badge badge-a\">A</span>&nbsp; Blablablabla A
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-b\">B</span>&nbsp; Blablablabla B
                        <br/>
                    </span>
            <span>
                        <span class=\"badge badge-d\">D</span>&nbsp; Blablablabla D
                        <br/>
                    </span>
        </div>
    </div>
</div>
", "map/_list_cas.html.twig", "/builds/dev/refonte_sav/templates/map/_list_cas.html.twig");
    }
}
