@php
    $total_rapports = max($total_rapports, 1);
    error_reporting(0);
@endphp
<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.fond_couv')) }}"
      backbottom="0mm">

    <table style="width:100%;margin-top:-70px">

        <tr>

            <td style="width:42%;"><img style="width:120px;margin-top:-200px;margin-left:30px"
                                        src="{{ base_path('public/images/'.config('options_crm.main_logo')) }}"></td>
            <td style="padding-bottom:20px;">

                <div style="width:400px;">
                    <span
                        style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:42px;font-family:dejavusans, sans-serif !important;   -webkit-transform: scaleX(0.5);"><strong>RAPPORT</strong></span><br/>
                    <span
                        style="color:#7a7c7c;vertical-align:top;font-weight:800;font-size:42px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>DE SYNTHESE</strong></span>

                    <br/>
                    @if ($operation['operation_instance'] > 0)
                        <div
                            style="margin-top:10px;color:#7a7c7c;vertical-align:top;font-weight:800;font-size:12px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);font-style:italic">
                            <strong>Annule et remplace la version précédente</strong></div>
                    @endif
                    <div
                        style="margin-top:10px;color:#7a7c7c;vertical-align:top;font-weight:800;font-size:14px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);">
                        <strong>{{ 'Opération ' . $operation['operation_title'] }}</strong>
                    </div>
                    <br/><br/>
                    <span
                        style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);margin-top:-20px"><strong>COUP DE POUCE {{ $type }}</strong></span>

                    @if($preca == 1 && ($operation['operation_type'] == 1 || $operation['operation_type'] == 0 || $operation['operation_type'] == 3 ))
                        <span
                            style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>Opérations "Classiques" et "Précaires"</strong></span>
                    @endif
                    @if($preca == 3 && ($operation['operation_type'] == 1 || $operation['operation_type'] == 0 || $operation['operation_type'] == 3 ))
                        <span
                            style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>Opérations "Très Précaires"</strong></span>

                    @endif

                    @if($preca == 1 && ($operation['operation_type'] == 2 || $operation['operation_type'] == 4))
                        <span
                            style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>Opérations "Classiques"</strong></span>

                    @endif
                    @if($preca == 3 && ($operation['operation_type'] == 2 || $operation['operation_type'] == 4))
                        <span
                            style="color:#58A5C8;vertical-align:top;font-weight:800;font-size:18px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);"><strong>Opérations "Précaires" et "Très Précaires"</strong></span>

                    @endif

                    <br/>
                    <span
                        style="color:#7a7c7c;vertical-align:top;font-weight:800;font-size:12px;line-height:20px;font-family:dejavusans, sans-serif !important;    transform: scaleX(0.5);margin-top:25px">Accréditation COFRAC N°3-1696<br/>
                        Portée disponible sur le site www.cofrac.fr<br/>
                        Date de fin de validité de l’accréditation 30/09/2023<br/>
                    </span>
                    <div
                        style="border-bottom:1px solid #58A5C8;margin-top:10px;margin-bottom:-20px"></div>
                    <br/>

                    Boulogne-Billancourt, le 09/06/2025
                    <br/><br/><br/>

                    <table>
                        <tr>
                            @if(!empty($operation['donneur_ordre']))

                                <td style="width:180px;text-align:left;">

                                    <span class="sub_title"
                                          style="text-transform:uppercase;font-size:12px;border-bottom:1px solid #58A5C8;padding-bottom:5px"><strong>DONNEUR D'ORDRE</strong></span><br/>

                                    <div class="bordered"
                                         style="width:165px;border-bottom:0px;font-size:12px;text-transform:uppercase;text-align:left;display:inline;margin-top:5px">

                                        <strong
                                            style="font-size:10px;margin-top:5px">{{ strtoupper($operation['donneur_ordre']) }}</strong><br/>
                                        <span
                                            style="font-size:9px">{{ strtoupper($operation['adresse_donneur_ordre']) }}</span><br/>
                                        <span
                                            style="font-size:9px">{{ strtoupper($operation['cp_donneur_ordre'] . ' ' . $operation['ville_donneur_ordre']) }}</span>

                                    </div>

                                </td>

                            @endif

                            <td style="width:180px;text-align:left;">
                                <span class="sub_title"
                                      style="text-transform:uppercase;font-size:12px;border-bottom:1px solid #58A5C8;padding-bottom:5px"><strong>CLIENT</strong></span><br/>
                                <div class="bordered"
                                     style="width:165px;border-bottom:0px;font-size:12px;text-transform:uppercase;text-align:left;display:inline;margin-top:5px">
                                    <strong
                                        style="font-size:10px;margin-top:5px">{{ strtoupper($operation->client->client_title) }}</strong><br/>
                                    <span
                                        style="font-size:9px">{{ strtoupper($client['adresse']) }}</span><br/>
                                    <span
                                        style="font-size:9px">{{ strtoupper($client['cp'] . ' ' . $client['ville']) }}</span>

                                </div>

                            </td>
                        </tr>
                    </table>

                </div>

            </td>

        </tr>

    </table>

    <table style="margin-top:430px">

        <tr>

            <td style="width:50%">

                <div
                    style="margin-top:120px;width:135px;padding:5px;background:#7a7c7c;color:white;font-size:16px;margin-left:-25px;padding-left:28px;padding-right:15px">

                    <strong>EQI_09.05.3</strong>

                </div>

            </td>

            <td style="width:50%">

                <div
                    style="text-align:right;color:white;font-size:11px;width:357px;margin-top:65px;margin-right:-150px;line-height:18px">

                    <strong>{{ config('options_crm.societe') }}</strong><br/>
                    {{ config('options_crm.adresse') }}<br/>
                    {{ config('options_crm.cp') }} {{ config('options_crm.ville') }}<br/>
                    SIREN N°{{ config('options_crm.siren') }}- RCS de {{ config('options_crm.rcs') }}<br/>

                </div>
            </td>
        </tr>

    </table>

</page>

<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.footer_bande')) }}"
      backbottom="0mm">

    @include('pdf.templates_pdf.synthese.page_header')

    <div class="title" style="width:690px;margin:auto;margin-top:100px">Table des matières</div>

    <table style="width:658px;margin-top:-35px;margin:auto" class="table_matieres" cellspacing="0"
           cellpadding="0">

        <tr>
            <td style="min-width:100%;width:100%;text-align:center;border-left:0px;border-top:0px;border-right:0px"></td>
            <td class="center" style="border-top:0px;border-left:0px;border-right:0px;color:white">
                Page
            </td>
        </tr>

        <tr class="even">
            <td>Liste des opérations</td>
            <td class="center">3</td>
        </tr>

        <tr class='odd'>
            <td>Prise de contact avec les bénéficiaires</td>
            <td class="center">3</td>
        </tr>

        <tr class='even'>
            <td>Résultat des inspections</td>
            <td class="center">4</td>
        </tr>

        <tr class='odd'>
            <td>Méthodologie</td>
            <td class="center">5</td>
        </tr>

    </table>

</page>

<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.footer_bande')) }}"
      backbottom="0mm">

    @include('pdf.templates_pdf.synthese.page_header')


    <div class="title" style="width:690px;margin:auto">Liste des opérations</div>

    <table style="width:710px;margin-top:-20px;margin:auto" class="table_matieres" cellspacing="0"
           cellpadding="0">

        <tr>
            <td style="min-width:100%;width:100%;border-top:0px;border-right:0px;border-left:0px;text-align:center;"
                colspan="3"></td>

        </tr>

        <tr class="even">
            <td>Nombre de sites concernés par l'opération</td>
            <td class="center" colspan="2">{{ round(($total)) }}</td>
        </tr>

        @if(empty($preca))
            <tr class="even">
                <td>Nombre d'opérations "Classiques"</td>
                <td class="center" colspan="2">{{ round(($count_precarite_101[1])) }}</td>
            </tr>

            <tr class="odd">
                <td>Nombre d'opérations "Précaires"</td>
                <td class="center" colspan="2">{{ round(($count_precarite_101[2])) }}</td>
            </tr>

            <tr class="even">
                <td>Nombre d'opérations "Grand Précaires"</td>
                <td class="center" colspan="2">{{ round(($count_precarite_101[3])) }}</td>
            </tr>
        @endif

        <tr class="odd">
            <td>Taux / nombre de contrôles demandés</td>

            <td class="center">{{ is_numeric($target) ? number_format(($target), 2, '.', '') : 0 }} %</td>
            <td class="center">{{ is_numeric($target) && $total != 0 ? ceil(($target * $total / 100)) : '' }}</td>

        </tr>

        <tr class="even">
            <td>Taux d'échantillonage retenu</td>
            <td class="center">{{ $total != 0  ? number_format(($total_rdv / $total * 100), 2, '.', '') : '' }}
                %
            </td>
            <td class="center">{{ $total_rdv }}</td>
        </tr>

        <tr class="odd">
            <td>Taux / nombre de contrôles effectifs</td>
            <td class="center">{{ $total != 0  ? number_format((($total_rapports-$total_incidents) / $total * 100), 2, '.', '') : ''}}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents) }}</td>
        </tr>

    </table>

    <div class="title" style="margin-top:30px;width:690px;margin:auto">Prise de contact avec les
        bénéficiaires
    </div>

    <table style="width:670px;margin:auto;margin-top:-20px;" class="mb-0 table regions"
           cellspacing="0" cellpadding="0">

        <tr>
            <td style="width:670px;border-top:0px;border-right:0px;border-left:0px;text-align:center;"
                colspan="3"></td>

        </tr>

        <tr>
            <td></td>
            <td class="center">%</td>
            <td class="center">Nombre</td>
        </tr>

        <tr class="even">
            <td>Taux de numéros téléphoniques erronés</td>
            <td class="center">{{ $total_rdv != 0 ? number_format(($total_faux_numeros / $total_rdv * 100), 2, '.', '') : ''}}</td>
            <td class="center">{{ ceil($total_faux_numeros) }}</td>
        </tr>

        <tr class="odd">
            <td>Taux de bénéficiaires joints</td>
            <td class="center">{{ $total != 0 ? number_format((($total_refus +  $total_annuls + $total_rapports) / $total * 100), 2, '.', '') : '' }}</td>
            <td class="center">{{ ceil($total_refus +  $total_annuls + $total_rapports) }}</td>
        </tr>
        <tr class="even">
            <td>Taux d'acceptation de rendez-vous</td>
            <td class="center">{{ $total != 0 ? number_format((($total_annuls +  $total_rapports) / $total * 100), 2, '.', '') : ''}}</td>
            <td class="center">{{ ceil($total_annuls +  $total_rapports) }}</td>
        </tr>

        <tr class="odd">
            <td>Rdv annulés par le client</td>
            <td class="center">{{ $total != 0 ? number_format((($total_annuls) / $total * 100), 2, '.', '') : ''  }}</td>
            <td class="center">{{ ceil($total_annuls) }}</td>
        </tr>

        <tr class="even">
            <td>Incidents de visite</td>
            <td class="center">{{ number_format((($total_incidents) / $total * 100), 2, '.', '') }}</td>
            <td class="center">{{ ceil($total_incidents) }}</td>
        </tr>

    </table>
    <div class="title" style="margin-top:30px;width:690px;margin:auto">Résultat des inspections
    </div>

    <table style="width:670px;margin:auto;margin-top:-20px;" class="mb-0 table regions"
           cellspacing="0" cellpadding="0">

        <tr>
            <td style="width:670px;border-top:0px;border-right:0px;border-left:0px;text-align:center;"
                colspan="3"></td>

        </tr>

        <tr>
            <td></td>
            <td class="center">%</td>
            <td class="center">Nombre</td>
        </tr>

        <tr class="even">
            <td>Inspections conformes</td>
            <td class="center">{{ $total != 0  ? number_format(($total_conformes / $total * 100), 2, '.', '') : '' }}</td>
            <td class="center">{{ ceil($total_conformes) }}</td>
        </tr>

        <tr class="odd">
            <td>Inspections non conformes</td>
            <td class="center">{{ $total != 0  ? number_format(($total_non_conformes / $total * 100), 2, '.', '') : '' }}</td>
            <td class="center">{{ ceil($total_non_conformes) }}</td>
        </tr>

        <tr class="even">
            <td>Sites non vérifiables</td>
            <td class="center">{{ $total != 0  ? number_format((($total_non_verifiables) / $total * 100), 2, '.', '') : '' }}</td>
            <td class="center">{{ ceil($total_non_verifiables) }}</td>
        </tr>



        @if(empty($preca))
            <tr class="odd">
                <td>Inspections conformes "Classiques et Précaires"</td>
                <td class="center">{{ number_format((float)(($count_conformes_precarite_101[1] + $count_conformes_precarite_101[2]) / ($count_precarite_101[1] + $count_precarite_101[2]) * 100), 2, '.', '') }}</td>
                <td class="center">{{ (int)($count_conformes_precarite_101[1] + $count_conformes_precarite_101[2]) }}</td>
            </tr>

            <tr class="even">
                <td>Inspections conformes "Grand Précaires"</td>
                <td class="center">{{ number_format((float)($count_conformes_precarite_101[3] / $count_precarite_101[3] * 100), 2, '.', '') }}</td>
                <td class="center">{{ (int)$count_conformes_precarite_101[3] }}</td>
            </tr>
        @endif

    </table>
</page>

<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.footer_bande')) }}"
      backbottom="0mm">
    @include('pdf.templates_pdf.synthese.page_header')


    <div class="title" style="margin-top:30px;width:690px;margin:auto">Ecarts constatés lors des
        inspections
    </div>
    {{--
            --}}
    <table style="width:670px;margin:auto;margin-top:-20px;" class="mb-0 table regions"
           cellspacing="0" cellpadding="0">

        <tr>
            <td style="width:670px;border-top:0px;border-right:0px;border-left:0px;text-align:center;"
                colspan="5"></td>

        </tr>

        <tr class="">
            <td rowspan="2">Points de contrôle</td>
            <td class="center" colspan="2">Satisfaisant</td>
            <td class="center" colspan="2">Non satisfaisant</td>
        </tr>

        <tr class="odd">

            <td class="center">%</td>
            <td class="center">Nbre d'inspections</td>
            <td class="center">%</td>
            <td class="center">Nbre d'inspections</td>

        </tr>

        <tr class="even">
            <td>Surface</td>

            @php

                if (($operation['operation_type'] == 1 || $operation['operation_type'] == 0 || $operation['operation_type'] == 3 ) && $preca == 1) {
                    $ecart_surf = $ecart_surface[$type][0] + $ecart_surface[$type][1] + $ecart_surface[$type][2];
                    $ecart_natures = $ecart_nature[$type][0] + $ecart_nature[$type][1] + $ecart_nature[$type][2];
                    $ecart_marques = $ecart_marque[$type][0] + $ecart_marque[$type][1] + $ecart_marque[$type][2];
                    $ecart_epaisseurs = $ecart_epaisseur[$type][0] + $ecart_epaisseur[$type][1] + $ecart_epaisseur[$type][2];
                    $ecart_resistances = $ecart_resistance[$type][0] + $ecart_resistance[$type][1] + $ecart_resistance[$type][2];
                    $ecart_repartitions = $ecart_repartition[$type][0] + $ecart_repartition[$type][1] + $ecart_repartition[$type][2];
                    $ecart_amenagements = $ecart_amenagement[$type][0] + $ecart_amenagement[$type][1] + $ecart_amenagement[$type][2];
                }
                if (($operation['operation_type'] == 2 || $operation['operation_type'] == 4) && $preca == 1) {
                    $ecart_surf = $ecart_surface[$type][0] + $ecart_surface[$type][1];
                    $ecart_natures = $ecart_nature[$type][0] + $ecart_nature[$type][1];
                    $ecart_marques = $ecart_marque[$type][0] + $ecart_marque[$type][1];
                    $ecart_epaisseurs = $ecart_epaisseur[$type][0] + $ecart_epaisseur[$type][1];
                    $ecart_resistances = $ecart_resistance[$type][0] + $ecart_resistance[$type][1];
                    $ecart_repartitions = $ecart_repartition[$type][0] + $ecart_repartition[$type][1];
                    $ecart_amenagements = $ecart_amenagement[$type][0] + $ecart_amenagement[$type][1];
                }

                if (($operation['operation_type'] == 1 || $operation['operation_type'] == 0 || $operation['operation_type'] == 3) && $preca == 3) {
                    $ecart_surf = $ecart_surface[$type][3];
                    $ecart_natures = $ecart_nature[$type][3];
                    $ecart_marques = $ecart_marque[$type][3];
                    $ecart_epaisseurs = $ecart_epaisseur[$type][3];
                    $ecart_resistances = $ecart_resistance[$type][3];
                    $ecart_repartitions = $ecart_repartition[$type][3];
                    $ecart_amenagements = $ecart_amenagement[$type][3];

                }
                if (($operation['operation_type'] == 2 || $operation['operation_type'] == 4) && $preca == 3) {
                    $ecart_surf = $ecart_surface[$type][2] + $ecart_surface[$type][3];
                    $ecart_marques = $ecart_marque[$type][2] + $ecart_marque[$type][3];
                    $ecart_epaisseurs = $ecart_epaisseur[$type][2] + $ecart_epaisseur[$type][3];
                    $ecart_resistances = $ecart_resistance[$type][2] + $ecart_resistance[$type][3];
                    $ecart_repartitions = $ecart_repartition[$type][2] + $ecart_repartition[$type][3];
                    $ecart_amenagements = $ecart_amenagement[$type][2] + $ecart_amenagement[$type][3];
                }


            @endphp

            <td class="center">{{ number_format((float)(((($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_surf) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %.
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_surf }}</td>
            <td class="center">{{ number_format((float)((($ecart_surf) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_surf) }}</td>
        </tr>

        <tr class="odd">
            <td>Nature de l'isolant</td>
            <td class="center">{{ number_format((float)(((($total_rapports -$total_incidents-$total_non_verifiables) - $ecart_natures) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_natures }}</td>
            <td class="center">{{ number_format((float)((($ecart_natures) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_natures) }}</td>
        </tr>

        <tr class="even">
            <td>Marque/Référence de l'isolant</td>
            <td class="center">{{ number_format((float)(((($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_marques) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_marques }}</td>
            <td class="center">{{ number_format((float)((($ecart_marques) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_marques) }}</td>
        </tr>
        <tr class="odd">
            <td>Epaisseur de l'isolant</td>
            <td class="center">{{ number_format((float)(((($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_epaisseurs) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_epaisseurs }}</td>
            <td class="center">{{ number_format((float)((($ecart_epaisseurs) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_epaisseurs) }}</td>
        </tr>
        <tr class="even">
            <td>Résistance thermique de l'isolant</td>
            <td class="center">{{ number_format((float)(((($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_resistances) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_resistances }}</td>
            <td class="center">{{ number_format((float)((($ecart_resistances) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_resistances) }}</td>
        </tr>
        <tr class="odd">
            <td>Répartition de l'isolant</td>
            <td class="center">{{ number_format((float)(((($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_repartitions) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports-$total_incidents-$total_non_verifiables) - $ecart_repartitions }}</td>
            <td class="center">{{ number_format((float)((($ecart_repartitions) / ($total_rapports-$total_incidents-$total_non_verifiables) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_repartitions) }}</td>
        </tr>

    <tr class="even">
            <td>Qualité des travaux</td>
            <td class="center">{{ number_format((float)(((($total_rapports) - $ecart_amenagements) / ($total_rapports) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ($total_rapports) - $ecart_amenagements }}</td>
            <td class="center">{{ number_format((float)((($ecart_amenagements) / ($total_rapports) * 100)), 2, '.', '') }}
                %
            </td>
            <td class="center">{{ ceil($ecart_amenagements) }}</td>
        </tr>

    </table>

</page>

<page backtop="25mm" backleft="0mm" backright="0mm"
      backimg="{{ base_path('public/images/'. config('options_crm.footer_bande')) }}"
      backbottom="0mm">

    @include('pdf.templates_pdf.synthese.page_header')

    @include('pdf.templates_pdf.synthese.methodologie')

</page>

<page backtop="0mm" backleft="0mm" backright="0mm" backimg="{{ base_path('public/images/3-1696.jpg') }}"
      backbottom="0mm">

</page>
<style type="text/css">

    .odd {
        background: white;
    }

    .even {
        background: #DBEEF6;
    }

    .table_matieres {
        width: 100%;
    }

    /*.table_matieres tr {border:1px solid#ccc;}*/
    .table_matieres td {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .regions td {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .center {
        text-align: center
    }

    .oui_non {
        margin-left: 8px;
    }

    draw {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        padding: 2px;
        padding-left: 0px;
    }

    draw .x {
        margin-left: 2px;
    }

    #table_ep td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .thumb {
        display: inline-block;

        margin-right: 30px;
        border: 1px solid #ccc;
        vertical-align: top;
        width: 100px;
    }

    .thumb img {
        max-width: 100%;
    }

    .hedaer {
        text-align: center;
        font-size: 34px;
        background: #bf0000;

        margin: auto;
        padding: 10px;
        font-weight: 800;
        color: white;
        font-family: arial;
    }

    .title {
        font-weight: 800;
        text-align: center;
        font-size: 20px;
        max-width: 50%;
        margin: auto;
        margin-top: 1px;
    }

    .title strong {

        font-size: 24px;

    }

    .bordered {
        border: 1px solid #ccc;
    }

    .red_back {
        background: #bf0000;
        color: white;
        border: 1px solid #bf0000;
        font-weight: 900;
        font-size: 14px;
        padding-left: 8px;
        text-transform: uppercase;
    }

    .background_grey {
        background: #ccc;
    }

    .col-lg-4 {
        max-width: 30%;
        display: inline-block
    }

    body * {
        color: #224F61;
    }

    table {
        border-spacing: 0;
        border-collapse: collapse;
        color: #224F61;
    }

    draw {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        padding: 2px;
        padding-left: 0px;
    }

    draw .x {
        margin-left: 2px;
    }

    .oui_non {
        margin-left: 8px;
        color: black;
    }

    #table_ep td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .thumb {
        display: inline-block;

        margin-right: 30px;
        border: 1px solid #ccc;
        vertical-align: top;
        width: 100px;
    }

    .thumb img {
        max-width: 100%;
    }

    .hedaer {
        text-align: center;
        font-size: 34px;
        background: #bf0000;

        margin: auto;
        padding: 10px;
        font-weight: 800;
        color: white;
        font-family: dejavusans, serif;
    }

    .title {
        font-weight: 800;
        text-align: left;
        font-size: 14px;
        margin: 1px auto auto;
        padding: 10px;
        background: #224F61;
        color: white;
    }

    .title strong {

        font-size: 14px;

    }

    .sub_title {
        width: 100%;
        border-bottom: 1px solid #224F61;
        padding-bottom: 6px;
        font-size: 14px;
        color: #4BA9D0;
    }

    .bordered {
        border: 1px solid #4BA9D0;
        border-right: 0px;
        border-left: 0px;
    }

    .red_back {
        background: #DBEEF6;
        color: black;
        border: 0px solid #bf0000;
        font-weight: 900;
        font-size: 14px;
        padding-left: 8px;
        text-transform: uppercase;
    }

    .blue_background {
        background: #DBEEF6;
        color: #224F61;

    }

    .background_grey {
        background: #DBEEF6;
        color: #224F61;
        border: 1px solid #4BA9D0;
        border-left: 0px;
        border-right: 0px;

    }

    table p {
        font-family: Arial, serif !important;

    }
</style>