templates/front/Expertise/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'ExpertisePublic' %}
  4. {% block title %}
  5.     {% set title = siteSettings.defaultTitle %}
  6.     {% if SEOPage is defined and SEOPage and SEOPage.metaTitle %}
  7.         {% set title = SEOPage.metaTitle %}
  8.     {% elseif page is defined %}
  9.         {% if page.metaTitle is defined and page.metaTitle is not empty %}
  10.             {% set title = page.metaTitle %}
  11.         {% elseif page.name is not empty %}
  12.             {% set title = page.name %}
  13.         {% endif %}
  14.     {% endif %}
  15.     {{ title }}
  16. {% endblock %}
  19. {% block metaDescription %}
  20.     {% set metaDesc = siteSettings.defaultMetaDesc %}
  21.     {% if SEOPage is defined and SEOPage and SEOPage.metaDescription %}
  22.         {% set metaDesc = SEOPage.metaDescription %}
  23.     {% elseif page is defined and page %}
  24.         {% if page.metaDescription is defined and page.metaDescription is not empty  %}
  25.             {% set metaDesc = page.metaDescription %}
  26.         {% elseif page.resume is not empty %}
  27.             {% set metaDesc = page.resume %}
  28.         {% endif %}
  29.     {% endif %}
  30.     {{ metaDesc }}
  31. {% endblock %}
  33. {% block body %}
  34.     {{ parent() }}
  35.     <div class="expertise-show">
  36.         <div class="bandeau d-flex justify-content-center align-items-center flex-column img-animation" data-bg="{{ asset(vich_uploader_asset(page, 'coverFile'))| imagine_filter('banner_hero') }}">
  37.             <p class="bc">
  38.                 <a href="{{ path('app_homepage')}}" title="Accueil"><i class="fa-solid fa-house-chimney"></i></a> > 
  39.                 <a href="{{ path('app_expertise_page_index')}}" title="Expertises">Expertises</a> > 
  40.                 {% if categorie == 'public' %} Expertises publiques > {% else %} Expertises privées > {% endif %}
  41.                 {{ page.name }}
  42.             </p>
  43.             <p class="title">
  44.                 <span class="svgFile" data-alt="{{ page.iconAlt }}" data-svgfile="{{ asset(vich_uploader_asset(page, 'iconFile')) }}">  </span>
  45.                 {{ page.name }}
  46.             </p>
  47.         </div>
  48.         <svg class="vector" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  49.             <path opacity="0.04" d="M148.989 0.0521716C125.27 0.0521716 101.776 2.34766 78.7333 6.78214C64.0286 9.86019 49.4365 13.5643 49.4365 13.5643C35.3516 8.86895 -12.0302 -4.33014 -83.0746 2.452C-90.6805 3.13022 -98.3991 4.06929 -105.949 5.21704C-117.724 6.93866 -129.611 9.12981 -141.274 11.7383C-145.499 12.5209 -172.43 17.9988 -214.91 40.119C-324.716 96.0456 -393 202.838 -393 318.813C-393 494.105 -239.023 636.687 -49.7215 636.687C-16.3683 636.687 16.6468 632.253 48.3661 623.488L49.1549 623.279C81.4376 632.357 115.072 637 149.045 637C338.685 637 493 494.105 493 318.5C493 142.895 338.685 0 149.045 0L148.989 0.0521716ZM-49.7779 612.636C-224.713 612.636 -367.084 480.854 -367.084 318.813C-367.084 211.655 -303.983 112.949 -202.346 61.1437C-162.288 40.2755 -137.048 35.4758 -136.034 35.2672L-135.583 35.1628C-124.372 32.6586 -113.047 30.5718 -101.836 28.9024C-94.737 27.8068 -87.5818 26.9721 -80.5394 26.346C-68.201 25.1461 -55.8625 24.5722 -43.8622 24.5722C-22.9601 24.5722 -5.38211 26.346 8.42114 28.5894L50.7887 40.3798C271.866 125.261 262.401 311.666 261.838 319.648V320.274C261.838 322.413 261.725 324.552 261.556 326.586C258.007 368.949 221.555 402.703 176.708 406.929C176.258 406.929 175.863 406.981 175.412 407.033C173.553 407.19 171.694 407.242 169.835 407.294C169.215 407.294 168.652 407.294 168.032 407.294C120.03 407.294 79.5783 374.009 74.0007 329.56C73.6627 327.317 72.0852 315.787 71.8598 314.013C70.0569 292.31 61.2115 252.348 22.6751 226.732C-11.1851 204.247 -45.5524 202.838 -67.2432 205.186C-76.0885 206.073 -82.9056 207.638 -86.8494 208.681L-87.7509 208.942C-88.8213 209.307 -89.9481 209.673 -91.0749 210.038C-136.654 223.133 -164.655 252.974 -174.345 298.675C-175.81 305.666 -176.88 312.918 -177.444 320.222C-179.19 342.603 -176.373 366.392 -169.444 387.052L-168.937 388.982C-161.5 419.919 -144.429 455.917 -118.174 495.931C-113.104 503.705 -107.301 511.478 -100.934 518.991L-97.6104 523.321C-97.6104 523.321 -87.8073 535.998 -72.8209 551.284C-60.9895 563.857 -47.975 575.283 -34.2281 585.143C-28.7068 589.16 -23.1291 592.916 -17.6641 596.203L-16.143 596.985C-8.76248 601.368 -1.71997 605.124 4.8718 608.254C-13.157 611.176 -31.4111 612.636 -49.8342 612.636H-49.7779ZM148.989 612.949C116.65 612.949 84.6489 608.463 53.9437 599.542L53.324 599.385C41.6617 596.725 -19.0726 580.082 -67.9192 516.643L-68.6517 515.756C-78.8492 505.218 -87.6946 494.21 -95.0188 482.993C-119.752 445.222 -135.752 411.676 -142.626 383.296C-142.964 381.783 -143.246 380.739 -143.471 380.218L-143.696 379.487C-148.373 365.506 -155.133 337.073 -147.978 303.318C-140.147 266.434 -118.738 243.427 -82.4549 232.993C-80.9337 232.523 -79.4689 232.054 -78.1731 231.636C-75.2435 230.854 -70.4546 229.81 -64.3699 229.132C-64.2572 229.132 -64.1445 229.132 -64.0319 229.132C-63.0741 229.028 -62.06 228.924 -61.0458 228.871C-43.8622 227.567 -18.4529 229.706 6.84366 246.453C36.9855 266.434 43.8589 298.78 45.2675 316.309V316.778C45.2675 316.778 47.183 330.76 47.521 332.899C54.6198 389.139 106.114 431.553 167.299 431.553C171.412 431.553 175.469 431.345 179.525 430.979C240.541 425.658 288.543 378.079 288.712 320.274C289.388 308.588 296.656 128.6 96.5366 32.763H96.8747L93.7196 31.4587C92.2548 30.7805 90.8463 30.0501 89.3251 29.3719C108.931 25.9287 128.932 24.1549 149.045 24.1549C324.375 24.1549 466.971 156.25 466.971 318.552C466.971 480.854 324.319 612.949 149.045 612.949H148.989Z" fill="#0357A0"/>
  50.         </svg>
  51.         <div class="container">
  52.             <div class="row d-flex justify-content-between">
  53.                 <div class="col-xl-5 col-lg-6">
  54.                     <p class="uppercase">{{ page.introSubTitle }}</p>
  55.                     <h1 class="title-blue replaceStars" data-splitting>{{ page.introTitle }}</h1>
  56.                 </div>
  57.                 <div class="col-lg-6 text">
  58.                     <p>{{ page.introParagraphe | raw }}</p>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.         <div class="wide">
  63.             <picture>
  64.                 <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'introVisuelPanoramiqueFile'))| imagine_filter('panoramique_webp') }}">
  65.                 <img class="img-animation" src="{{ asset(vich_uploader_asset(page, 'introVisuelPanoramiqueFile'))| imagine_filter('panoramique') }}" alt="{{ page.introVisuelPanoramiqueAlt }}">
  66.             </picture>
  67.         </div>
  68.         <div class="container">
  69.             <div class="row d-flex justify-content-around">
  70.                 <div class="col-lg-5">
  71.                     <p>{{ page.introParagraphe2 | raw }}</p>
  72.                 </div>
  73.                 <div class="col-lg-5">
  74.                     <p>{{ page.introParagraphe3 | raw }}</p>
  75.                     {% if categorie == 'prive' %}
  76.                         <a class="link" href="{{ path('app_reference_prive_index')}}" title="Nos références">Nos références <i data-feather="arrow-up-right"></i></a>
  77.                     {% else %}
  78.                         <a class="link" href="{{ path('app_reference_public_index')}}" title="Nos références">Nos références <i data-feather="arrow-up-right"></i></a>
  79.                     {% endif %}
  80.                 </div>
  81.             </div>
  82.         </div>
  83.         <svg class="vector2" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  84.             <path opacity="0.04" d="M541.989 0.0521716C518.27 0.0521716 494.776 2.34766 471.733 6.78214C457.029 9.86019 442.437 13.5643 442.437 13.5643C428.352 8.86895 380.97 -4.33014 309.925 2.452C302.319 3.13022 294.601 4.06929 287.051 5.21704C275.276 6.93866 263.389 9.12981 251.726 11.7383C247.501 12.5209 220.57 17.9988 178.09 40.119C68.2838 96.0456 0 202.838 0 318.813C0 494.105 153.977 636.687 343.279 636.687C376.632 636.687 409.647 632.253 441.366 623.488L442.155 623.279C474.438 632.357 508.072 637 542.045 637C731.685 637 886 494.105 886 318.5C886 142.895 731.685 0 542.045 0L541.989 0.0521716ZM343.222 612.636C168.287 612.636 25.9163 480.854 25.9163 318.813C25.9163 211.655 89.0169 112.949 190.654 61.1437C230.712 40.2755 255.952 35.4758 256.966 35.2672L257.417 35.1628C268.628 32.6586 279.953 30.5718 291.164 28.9024C298.263 27.8068 305.418 26.9721 312.461 26.346C324.799 25.1461 337.137 24.5722 349.138 24.5722C370.04 24.5722 387.618 26.346 401.421 28.5894L443.789 40.3798C664.866 125.261 655.401 311.666 654.838 319.648V320.274C654.838 322.413 654.725 324.552 654.556 326.586C651.007 368.949 614.555 402.703 569.708 406.929C569.258 406.929 568.863 406.981 568.412 407.033C566.553 407.19 564.694 407.242 562.835 407.294C562.215 407.294 561.652 407.294 561.032 407.294C513.03 407.294 472.578 374.009 467.001 329.56C466.663 327.317 465.085 315.787 464.86 314.013C463.057 292.31 454.212 252.348 415.675 226.732C381.815 204.247 347.448 202.838 325.757 205.186C316.911 206.073 310.094 207.638 306.151 208.681L305.249 208.942C304.179 209.307 303.052 209.673 301.925 210.038C256.346 223.133 228.345 252.974 218.655 298.675C217.19 305.666 216.12 312.918 215.556 320.222C213.81 342.603 216.627 366.392 223.556 387.052L224.063 388.982C231.5 419.919 248.571 455.917 274.826 495.931C279.896 503.705 285.699 511.478 292.066 518.991L295.39 523.321C295.39 523.321 305.193 535.998 320.179 551.284C332.01 563.857 345.025 575.283 358.772 585.143C364.293 589.16 369.871 592.916 375.336 596.203L376.857 596.985C384.238 601.368 391.28 605.124 397.872 608.254C379.843 611.176 361.589 612.636 343.166 612.636H343.222ZM541.989 612.949C509.65 612.949 477.649 608.463 446.944 599.542L446.324 599.385C434.662 596.725 373.927 580.082 325.081 516.643L324.348 515.756C314.151 505.218 305.305 494.21 297.981 482.993C273.248 445.222 257.248 411.676 250.374 383.296C250.036 381.783 249.754 380.739 249.529 380.218L249.304 379.487C244.627 365.506 237.867 337.073 245.022 303.318C252.853 266.434 274.262 243.427 310.545 232.993C312.066 232.523 313.531 232.054 314.827 231.636C317.757 230.854 322.545 229.81 328.63 229.132C328.743 229.132 328.855 229.132 328.968 229.132C329.926 229.028 330.94 228.924 331.954 228.871C349.138 227.567 374.547 229.706 399.844 246.453C429.985 266.434 436.859 298.78 438.267 316.309V316.778C438.267 316.778 440.183 330.76 440.521 332.899C447.62 389.139 499.114 431.553 560.299 431.553C564.412 431.553 568.469 431.345 572.525 430.979C633.541 425.658 681.543 378.079 681.712 320.274C682.388 308.588 689.656 128.6 489.537 32.763H489.875L486.72 31.4587C485.255 30.7805 483.846 30.0501 482.325 29.3719C501.931 25.9287 521.932 24.1549 542.045 24.1549C717.375 24.1549 859.971 156.25 859.971 318.552C859.971 480.854 717.319 612.949 542.045 612.949H541.989Z" fill="#0357A0"/>
  85.         </svg>
  86.         <div class="carburants">
  87.             <div class="container">
  88.                 <div class="row d-flex align-items-center justify-content-around">
  89.                     <div class="col-lg-5 text">
  90.                         <p class="uppercase">{{ page.blocs[0].subTitle }}</p>
  91.                         <h2 class="title-blue replaceStars little" data-splitting>{{ page.blocs[0].title }}</h2>
  92.                         <p>{{ page.blocs[0].paragraphe | raw }}</p>
  93.                         {% if page.blocs[0].ctaText %}
  94.                             <a href="{{ page.blocs[0].ctaLink }}" {% if page.blocs[0].ctaExternal %}target="_blank" {% endif %} title="{{ page.blocs[0].ctaText }}" class="link">{{ page.blocs[0].ctaText }} <i data-feather="arrow-up-right"></i></a>
  95.                         {% endif %}
  96.                     </div>
  97.                     <div class="col-lg-5">
  98.                         <picture class="">
  99.                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page.blocs[0], 'visuelFile'))| imagine_filter('paragraph_image_webp') }}">
  100.                             <img class="img-round img-animation" src="{{ asset(vich_uploader_asset(page.blocs[0], 'visuelFile'))| imagine_filter('paragraph_image') }}" alt="{{ page.blocs[0].visuelAlt }}">
  101.                         </picture>
  102.                     </div>
  103.                 </div> 
  104.             </div>
  105.         </div>
  106.         <div class="why text-center">
  107.             <div class="container">
  108.                 <p class="uppercase white">{{ page.whyCallSubTitle }}</p>
  109.                 <h2 class="title-white replaceStars" data-splitting>{{ page.whyCallTitle }}</h2>
  110.                 <div class="row text-start d-flex justify-content-around">
  111.                     <div class="col-lg-5">
  112.                         <p>{{ page.whyCallParagraphe | raw }}</p>
  113.                     </div>
  114.                     <div class="col-lg-5">
  115.                         <p>{{ page.whyCallParagraphe2 | raw }}</p>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         </div>
  120.         <svg class="vector3" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  121.             <path opacity="0.04" d="M148.989 0.0521716C125.27 0.0521716 101.776 2.34766 78.7333 6.78214C64.0286 9.86019 49.4365 13.5643 49.4365 13.5643C35.3516 8.86895 -12.0302 -4.33014 -83.0746 2.452C-90.6805 3.13022 -98.3991 4.06929 -105.949 5.21704C-117.724 6.93866 -129.611 9.12981 -141.274 11.7383C-145.499 12.5209 -172.43 17.9988 -214.91 40.119C-324.716 96.0456 -393 202.838 -393 318.813C-393 494.105 -239.023 636.687 -49.7215 636.687C-16.3683 636.687 16.6468 632.253 48.3661 623.488L49.1549 623.279C81.4376 632.357 115.072 637 149.045 637C338.685 637 493 494.105 493 318.5C493 142.895 338.685 0 149.045 0L148.989 0.0521716ZM-49.7779 612.636C-224.713 612.636 -367.084 480.854 -367.084 318.813C-367.084 211.655 -303.983 112.949 -202.346 61.1437C-162.288 40.2755 -137.048 35.4758 -136.034 35.2672L-135.583 35.1628C-124.372 32.6586 -113.047 30.5718 -101.836 28.9024C-94.737 27.8068 -87.5818 26.9721 -80.5394 26.346C-68.201 25.1461 -55.8625 24.5722 -43.8622 24.5722C-22.9601 24.5722 -5.38211 26.346 8.42114 28.5894L50.7887 40.3798C271.866 125.261 262.401 311.666 261.838 319.648V320.274C261.838 322.413 261.725 324.552 261.556 326.586C258.007 368.949 221.555 402.703 176.708 406.929C176.258 406.929 175.863 406.981 175.412 407.033C173.553 407.19 171.694 407.242 169.835 407.294C169.215 407.294 168.652 407.294 168.032 407.294C120.03 407.294 79.5783 374.009 74.0007 329.56C73.6627 327.317 72.0852 315.787 71.8598 314.013C70.0569 292.31 61.2115 252.348 22.6751 226.732C-11.1851 204.247 -45.5524 202.838 -67.2432 205.186C-76.0885 206.073 -82.9056 207.638 -86.8494 208.681L-87.7509 208.942C-88.8213 209.307 -89.9481 209.673 -91.0749 210.038C-136.654 223.133 -164.655 252.974 -174.345 298.675C-175.81 305.666 -176.88 312.918 -177.444 320.222C-179.19 342.603 -176.373 366.392 -169.444 387.052L-168.937 388.982C-161.5 419.919 -144.429 455.917 -118.174 495.931C-113.104 503.705 -107.301 511.478 -100.934 518.991L-97.6104 523.321C-97.6104 523.321 -87.8073 535.998 -72.8209 551.284C-60.9895 563.857 -47.975 575.283 -34.2281 585.143C-28.7068 589.16 -23.1291 592.916 -17.6641 596.203L-16.143 596.985C-8.76248 601.368 -1.71997 605.124 4.8718 608.254C-13.157 611.176 -31.4111 612.636 -49.8342 612.636H-49.7779ZM148.989 612.949C116.65 612.949 84.6489 608.463 53.9437 599.542L53.324 599.385C41.6617 596.725 -19.0726 580.082 -67.9192 516.643L-68.6517 515.756C-78.8492 505.218 -87.6946 494.21 -95.0188 482.993C-119.752 445.222 -135.752 411.676 -142.626 383.296C-142.964 381.783 -143.246 380.739 -143.471 380.218L-143.696 379.487C-148.373 365.506 -155.133 337.073 -147.978 303.318C-140.147 266.434 -118.738 243.427 -82.4549 232.993C-80.9337 232.523 -79.4689 232.054 -78.1731 231.636C-75.2435 230.854 -70.4546 229.81 -64.3699 229.132C-64.2572 229.132 -64.1445 229.132 -64.0319 229.132C-63.0741 229.028 -62.06 228.924 -61.0458 228.871C-43.8622 227.567 -18.4529 229.706 6.84366 246.453C36.9855 266.434 43.8589 298.78 45.2675 316.309V316.778C45.2675 316.778 47.183 330.76 47.521 332.899C54.6198 389.139 106.114 431.553 167.299 431.553C171.412 431.553 175.469 431.345 179.525 430.979C240.541 425.658 288.543 378.079 288.712 320.274C289.388 308.588 296.656 128.6 96.5366 32.763H96.8747L93.7196 31.4587C92.2548 30.7805 90.8463 30.0501 89.3251 29.3719C108.931 25.9287 128.932 24.1549 149.045 24.1549C324.375 24.1549 466.971 156.25 466.971 318.552C466.971 480.854 324.319 612.949 149.045 612.949H148.989Z" fill="#0357A0"/>
  122.         </svg>
  123.         {% if page.blocs|length > 1 %}
  124.             <div class="actualites">
  125.                 <div class="container">
  126.                     <div class="row d-flex align-items-center justify-content-around">
  127.                         <div class="col-lg-5">
  128.                             <picture class="">
  129.                                 <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page.blocs[1], 'visuelFile'))| imagine_filter('paragraph_image_webp') }}">
  130.                                 <img class="img-round img-animation" src="{{ asset(vich_uploader_asset(page.blocs[1], 'visuelFile'))| imagine_filter('paragraph_image') }}" alt="{{ page.blocs[1].visuelAlt }}">
  131.                             </picture>
  132.                         </div>
  133.                         <div class="col-lg-5">
  134.                             <p class="uppercase">{{ page.blocs[1].subTitle }}</p>
  135.                             <h2 class="title-blue replaceStars little" data-splitting>{{ page.blocs[1].title }}</h2>
  136.                             <p>{{ page.blocs[1].paragraphe | raw }}</p>
  137.                             {% if page.blocs[1].ctaText %}
  138.                                 <a href="{{ page.blocs[1].ctaLink }}" title="{{ page.blocs[1].ctaText }}" {% if page.blocs[1].ctaExternal %}target="_blank" {% endif %} class="link">{{ page.blocs[1].ctaText }} <i data-feather="arrow-up-right"></i></a>
  139.                             {% endif %}
  140.                         </div>
  141.                     </div> 
  142.                 </div>
  143.             </div>
  144.         {% endif %}
  145.         <div class="bloc-citation">
  146.             <p class="title-citation">{{ page.citationsubTitle }}</p>
  147.             <p class="citation">“{{ page.citation }}“</p>
  148.             <p class="author">{{ page.author }}</p>
  149.         </div>
  150.         <svg class="vector4" xmlns="http://www.w3.org/2000/svg" width="511" height="637" viewBox="0 0 511 637" fill="none">
  151.             <path opacity="0.04" d="M541.989 0.0521716C518.27 0.0521716 494.776 2.34766 471.733 6.78214C457.029 9.86019 442.437 13.5643 442.437 13.5643C428.352 8.86895 380.97 -4.33014 309.925 2.452C302.319 3.13022 294.601 4.06929 287.051 5.21704C275.276 6.93866 263.389 9.12981 251.726 11.7383C247.501 12.5209 220.57 17.9988 178.09 40.119C68.2838 96.0456 0 202.838 0 318.813C0 494.105 153.977 636.687 343.279 636.687C376.632 636.687 409.647 632.253 441.366 623.488L442.155 623.279C474.438 632.357 508.072 637 542.045 637C731.685 637 886 494.105 886 318.5C886 142.895 731.685 0 542.045 0L541.989 0.0521716ZM343.222 612.636C168.287 612.636 25.9163 480.854 25.9163 318.813C25.9163 211.655 89.0169 112.949 190.654 61.1437C230.712 40.2755 255.952 35.4758 256.966 35.2672L257.417 35.1628C268.628 32.6586 279.953 30.5718 291.164 28.9024C298.263 27.8068 305.418 26.9721 312.461 26.346C324.799 25.1461 337.137 24.5722 349.138 24.5722C370.04 24.5722 387.618 26.346 401.421 28.5894L443.789 40.3798C664.866 125.261 655.401 311.666 654.838 319.648V320.274C654.838 322.413 654.725 324.552 654.556 326.586C651.007 368.949 614.555 402.703 569.708 406.929C569.258 406.929 568.863 406.981 568.412 407.033C566.553 407.19 564.694 407.242 562.835 407.294C562.215 407.294 561.652 407.294 561.032 407.294C513.03 407.294 472.578 374.009 467.001 329.56C466.663 327.317 465.085 315.787 464.86 314.013C463.057 292.31 454.212 252.348 415.675 226.732C381.815 204.247 347.448 202.838 325.757 205.186C316.911 206.073 310.094 207.638 306.151 208.681L305.249 208.942C304.179 209.307 303.052 209.673 301.925 210.038C256.346 223.133 228.345 252.974 218.655 298.675C217.19 305.666 216.12 312.918 215.556 320.222C213.81 342.603 216.627 366.392 223.556 387.052L224.063 388.982C231.5 419.919 248.571 455.917 274.826 495.931C279.896 503.705 285.699 511.478 292.066 518.991L295.39 523.321C295.39 523.321 305.193 535.998 320.179 551.284C332.01 563.857 345.025 575.283 358.772 585.143C364.293 589.16 369.871 592.916 375.336 596.203L376.857 596.985C384.238 601.368 391.28 605.124 397.872 608.254C379.843 611.176 361.589 612.636 343.166 612.636H343.222ZM541.989 612.949C509.65 612.949 477.649 608.463 446.944 599.542L446.324 599.385C434.662 596.725 373.927 580.082 325.081 516.643L324.348 515.756C314.151 505.218 305.305 494.21 297.981 482.993C273.248 445.222 257.248 411.676 250.374 383.296C250.036 381.783 249.754 380.739 249.529 380.218L249.304 379.487C244.627 365.506 237.867 337.073 245.022 303.318C252.853 266.434 274.262 243.427 310.545 232.993C312.066 232.523 313.531 232.054 314.827 231.636C317.757 230.854 322.545 229.81 328.63 229.132C328.743 229.132 328.855 229.132 328.968 229.132C329.926 229.028 330.94 228.924 331.954 228.871C349.138 227.567 374.547 229.706 399.844 246.453C429.985 266.434 436.859 298.78 438.267 316.309V316.778C438.267 316.778 440.183 330.76 440.521 332.899C447.62 389.139 499.114 431.553 560.299 431.553C564.412 431.553 568.469 431.345 572.525 430.979C633.541 425.658 681.543 378.079 681.712 320.274C682.388 308.588 689.656 128.6 489.537 32.763H489.875L486.72 31.4587C485.255 30.7805 483.846 30.0501 482.325 29.3719C501.931 25.9287 521.932 24.1549 542.045 24.1549C717.375 24.1549 859.971 156.25 859.971 318.552C859.971 480.854 717.319 612.949 542.045 612.949H541.989Z" fill="#0357A0"/>
  152.         </svg>
  153.         <div class="references">
  154.             <h2 class="title-white text-center replaceStars little mb-5" data-splitting>Ils nous font <em>confiance</em></h2>
  155.             <div class="container">
  156.                 <div class="swiper slider-expertises-references">
  157.                     <div class="swiper-wrapper">
  158.                         {% if categorie == 'public' %}
  159.                             {% for refpublic in page.referencesPublics  %}
  160.                                 <div class="swiper-slide actu cursor-go" data-link>
  161.                                     <div class="bloc-img">
  162.                                         <picture class="">
  163.                                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(refpublic, 'coverFile'))| imagine_filter('hp_actuality_webp') }}">
  164.                                             <img class="img-round" src="{{ asset(vich_uploader_asset(refpublic, 'coverFile'))| imagine_filter('hp_actuality') }}" alt="{{ refpublic.coverAlt }}">
  165.                                         </picture>
  166.                                         <p class="category">{{ refpublic.city.title }}</p>
  167.                                     </div>
  168.                                     <div class="bloc-text">
  169.                                         <p class="date"> {{ refpublic.firmName }}</p>
  170.                                         <a href="{{ path('app_reference_public_show', {slug: refpublic.slug}) }}">
  171.                                             <h3 class="title-actu">{{ refpublic.title }}</h3>
  172.                                         </a>
  173.                                     </div>
  174.                                 </div>
  175.                             {% endfor %}
  176.                         {% else %} 
  177.                             {% for refprive in page.referencesPrives %}
  178.                                 <div class="swiper-slide actu cursor-go" data-link>
  179.                                     <div class="bloc-img">
  180.                                         <picture>
  181.                                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(refprive, 'coverFile'))| imagine_filter('hp_actuality_webp') }}">
  182.                                             <img class="img-round" src="{{ asset(vich_uploader_asset(refprive, 'coverFile'))| imagine_filter('hp_actuality') }}" alt="{{ refprive.coverAlt }}">
  183.                                         </picture>
  184.                                         <p class="category">{{ refprive.city.title }}</p>
  185.                                     </div>
  186.                                     <div class="bloc-text">
  187.                                         <p class="date"> {{ refprive.firmName }}</p>
  188.                                         <a href="{{ path('app_reference_prive_show', {slug: refprive.slug}) }}">
  189.                                             <h2 class="title-actu">{{ refprive.title }}</h2>
  190.                                         </a>
  191.                                     </div>
  192.                                 </div>
  193.                             {% endfor %}
  194.                         {% endif %}
  195.                     </div>
  196.                     <div class="swiper-pagination"></div>
  197.                 </div>
  198.             </div>
  199.         </div>
  200.         <div class="contact-references text-center" data-bg="{{ asset('build/images/bg-recrutement.jpg') }}">
  201.             <div class="container">
  202.                 <p class="uppercase white">formulaire de contact</p>
  203.                 <h2 class="title-white little" data-splitting>{{ page.contactTitle }}</h2>
  204.                 <p>{{ page.contactParagraphe }}</p>
  205.                 <a href="{{path('app_contact_page_index')}}" title="Contactez Noocarb" class="button white">Contactez-nous <i data-feather="arrow-up-right"></i></a>
  206.             </div>
  207.         </div>
  208.         <div class="secteur">
  209.             <div class="container">
  210.                 <div class="row d-flex justify-content-between align-items-end">
  211.                     <div class="col-lg-4">
  212.                         <p class="uppercase">Expertises</p>
  213.                         {% if categorie == 'prive' %}
  214.                             <h2 class="title-blue replaceStars" data-splitting>Secteur <em>privé</em></h2>
  215.                         {% else %}  
  216.                             <h2 class="title-blue replaceStars" data-splitting>Secteur <em>public</em></h2>
  217.                         {% endif %}
  218.                     </div>
  219.                     <div class="col-lg-6">
  220.                         {% if categorie == 'prive' %}
  221.                             <p>Notre expertise environnementale couvre quatre secteurs de référence. Nous la déployons auprès des entreprises (TPE, ETI, PMI, grands groupes) pour les aider dans l’élaboration de leur stratégie de transition énergétique.</p>
  222.                         {% else %}  
  223.                             <p>Nous accompagnons les acteurs publics (Collectivités, Communautés de communes, EPCI, Agglomérations) dans l’établissement de leurs plans et programmes sur les secteurs de la mobilité, de l’énergie de l’agriculture et de la gestion des déchets.</p>
  224.                         {% endif %}
  225.                     </div>
  226.                 </div>
  227.             </div>
  228.             <div class="wide">
  229.                 <div class="swiper slider-expertises-secteur">
  230.                     <div class="swiper-wrapper">
  231.                         {% for expertise in expertises %}
  232.                             <div class="swiper-slide" data-link>
  233.                                 <p>
  234.                                     <span class="svgFile iconFile" data-alt="{{ expertise.iconAlt }}" data-svgfile="{{ asset(vich_uploader_asset(expertise, 'iconFile')) }}">  </span>
  235.                                 </p>
  236.                                 {% if categorie == 'prive' %}
  237.                                     <h3 class="title-secteur"> <a href="{{ path('app_expertise_prive_show', {slug: expertise.slug}) }}">{{ expertise.name }}</a> </h3>
  238.                                 {% else %}  
  239.                                     <h3 class="title-secteur"> <a href="{{ path('app_expertise_public_show', {slug: expertise.slug}) }}">{{ expertise.name }}</a> </h3>
  240.                                 {% endif %}
  241.                                 <p class="text-secteur">{{ expertise.resume }}</p>
  242.                                 <picture>
  243.                                     <source type="image/webp" srcset="{{ asset(vich_uploader_asset(expertise, 'coverFile'))| imagine_filter('hp_actuality_webp') }}">
  244.                                     <img class="img-secteur" src="{{ asset(vich_uploader_asset(expertise, 'coverFile'))| imagine_filter('hp_actuality') }}" alt="{{ expertise.coverFile }}">
  245.                                 </picture>
  246.                             </div>
  247.                         {% endfor %}
  248.                     </div>
  249.                     <div class="swiper-pagination"></div>
  250.                 </div>
  251.             </div>
  252.             <svg class="vector5" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  253.                 <path opacity="0.04" d="M148.989 0.0521716C125.27 0.0521716 101.776 2.34766 78.7333 6.78214C64.0286 9.86019 49.4365 13.5643 49.4365 13.5643C35.3516 8.86895 -12.0302 -4.33014 -83.0746 2.452C-90.6805 3.13022 -98.3991 4.06929 -105.949 5.21704C-117.724 6.93866 -129.611 9.12981 -141.274 11.7383C-145.499 12.5209 -172.43 17.9988 -214.91 40.119C-324.716 96.0456 -393 202.838 -393 318.813C-393 494.105 -239.023 636.687 -49.7215 636.687C-16.3683 636.687 16.6468 632.253 48.3661 623.488L49.1549 623.279C81.4376 632.357 115.072 637 149.045 637C338.685 637 493 494.105 493 318.5C493 142.895 338.685 0 149.045 0L148.989 0.0521716ZM-49.7779 612.636C-224.713 612.636 -367.084 480.854 -367.084 318.813C-367.084 211.655 -303.983 112.949 -202.346 61.1437C-162.288 40.2755 -137.048 35.4758 -136.034 35.2672L-135.583 35.1628C-124.372 32.6586 -113.047 30.5718 -101.836 28.9024C-94.737 27.8068 -87.5818 26.9721 -80.5394 26.346C-68.201 25.1461 -55.8626 24.5722 -43.8622 24.5722C-22.9601 24.5722 -5.38211 26.346 8.42114 28.5894L50.7887 40.3798C271.866 125.261 262.401 311.666 261.838 319.648V320.274C261.838 322.413 261.725 324.552 261.556 326.586C258.007 368.949 221.555 402.703 176.708 406.929C176.258 406.929 175.863 406.981 175.412 407.033C173.553 407.19 171.694 407.242 169.835 407.294C169.215 407.294 168.652 407.294 168.032 407.294C120.03 407.294 79.5783 374.009 74.0007 329.56C73.6627 327.317 72.0852 315.787 71.8598 314.013C70.057 292.311 61.2115 252.348 22.6751 226.732C-11.1851 204.247 -45.5523 202.838 -67.2432 205.186C-76.0885 206.073 -82.9056 207.638 -86.8494 208.681L-87.7509 208.942C-88.8213 209.307 -89.9481 209.673 -91.0749 210.038C-136.654 223.133 -164.655 252.974 -174.345 298.675C-175.81 305.666 -176.88 312.918 -177.444 320.222C-179.19 342.603 -176.373 366.392 -169.444 387.052L-168.937 388.982C-161.5 419.919 -144.429 455.917 -118.174 495.931C-113.104 503.705 -107.301 511.478 -100.934 518.991L-97.6104 523.321C-97.6104 523.321 -87.8073 535.998 -72.8209 551.284C-60.9895 563.857 -47.9749 575.282 -34.2281 585.143C-28.7067 589.16 -23.1291 592.916 -17.6641 596.203L-16.143 596.985C-8.76248 601.368 -1.71994 605.124 4.8718 608.254C-13.157 611.176 -31.4111 612.636 -49.8342 612.636H-49.7779ZM148.989 612.949C116.65 612.949 84.6489 608.463 53.9437 599.542L53.324 599.385C41.6617 596.725 -19.0726 580.082 -67.9192 516.643L-68.6517 515.756C-78.8492 505.218 -87.6946 494.21 -95.0188 482.993C-119.752 445.222 -135.752 411.676 -142.626 383.296C-142.964 381.783 -143.246 380.739 -143.471 380.218L-143.696 379.487C-148.373 365.506 -155.133 337.073 -147.978 303.318C-140.147 266.434 -118.738 243.427 -82.4549 232.993C-80.9337 232.523 -79.4689 232.054 -78.1731 231.636C-75.2434 230.854 -70.4546 229.81 -64.3699 229.132C-64.2572 229.132 -64.1445 229.132 -64.0319 229.132C-63.0741 229.028 -62.06 228.924 -61.0458 228.871C-43.8622 227.567 -18.4529 229.706 6.84366 246.453C36.9854 266.434 43.8589 298.78 45.2675 316.309V316.778C45.2675 316.778 47.183 330.76 47.521 332.899C54.6198 389.139 106.114 431.553 167.299 431.553C171.412 431.553 175.469 431.345 179.525 430.979C240.541 425.658 288.543 378.079 288.712 320.274C289.388 308.588 296.656 128.6 96.5366 32.763H96.8747L93.7196 31.4587C92.2548 30.7805 90.8463 30.0501 89.3251 29.3719C108.931 25.9287 128.932 24.1549 149.045 24.1549C324.375 24.1549 466.971 156.25 466.971 318.552C466.971 480.854 324.319 612.949 149.045 612.949H148.989Z" fill="#0357A0"/>
  254.             </svg>
  255.         </div>
  256.     </div>
  257. {% endblock %}