templates/Front/appel-ton-ec/appel-ton-ec2.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  5. {% block meta_noindex %}
  6. <meta name="robots" content="noindex, nofollow">
  7. {% endblock %}
  9. {% block stylesheets %}
  11. <style>
  14. .containerLightboxWebinaire #lightboxPodcast.view .containerForm {
  15.   transform: translate(-52%, -20%) !important;
  16.   left: 40%;
  17.   width: 500px;
  18. }
  21. .NewsletterMobile {
  22.   display: none;
  24. }
  28. .containerLightboxWebinaire2 .lightboxWebinaire .containerForm2 form {
  29.   display: flex;
  30.   flex-direction: column;
  31.   align-items: center;
  32. }
  34. .containerLightboxWebinaire2 #lightboxPodcast.view .containerForm2 {
  35.   transform: translate(70%, -130%) !important;
  36.   width: 400px !important;
  37. }
  39. .lightboxWebinaire .containerForm2 button {
  40.   background-color: rgb(128, 206, 28) !important;
  41.   color: white !important;
  42.   font-family: "Roboto" !important;
  43.   text-transform: none !important;
  44.   margin-top: 20px;
  45.   font-size: 18px;
  46.   padding: 12px 30px 12px;
  47. }
  50. </style>
  51. {% endblock %}
  53. {% block body %}
  58. {% if app.request.cookies.get('appelEcExterne') is empty %}
  59.     {# Popup Start #}
  60. <section id="newsletterDesktopPopup">
  61.     <div id="containerLightboxPodcast" class="containerLightboxWebinaire containerLightboxPodcast active">
  62.         <div id="lightboxPodcast" class="lightboxWebinaire view scaled">
  63.             <span id="close">
  64.                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
  65.             </span>
  66.         <div class="newsletter">
  67.             <div class="containerImg">
  68.                                 <picture>
  69.                   <source srcset="/assets/images/appelEC/popin-ec-offert-vf.webp" type="image/webp">
  70.                   <img src="/assets/images/appelEC/popin-ec-offert-vf.png" alt="background podcast">
  71.                 </picture>
  72.                 <div class="container-title">
  73.                     <svg
  74.                         xmlns="http://www.w3.org/2000/svg"
  75.                         xmlns:xlink="http://www.w3.org/1999/xlink"
  76.                         width="1.181in" height="1.194in">
  77.                         <path fill-rule="evenodd"  stroke="rgb(253, 102, 33)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none"
  78.                         d="M42.000,2.012 C64.084,2.012 81.988,19.915 81.988,42.000 C81.988,64.085 64.084,81.988 42.000,81.988 C19.915,81.988 2.012,64.085 2.012,42.000 C2.012,19.915 19.915,2.012 42.000,2.012 Z"/>
  79.                         <path fill-rule="evenodd"  fill="rgb(253, 102, 33)"
  80.                         d="M42.000,6.360 C61.683,6.360 77.640,22.316 77.640,42.000 C77.640,61.683 61.683,77.640 42.000,77.640 C22.316,77.640 6.360,61.683 6.360,42.000 C6.360,22.316 22.316,6.360 42.000,6.360 Z"/>
  81.                         <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  82.                         d="M58.867,56.019 C58.847,56.040 58.826,56.060 58.804,56.078 C58.135,56.683 57.250,57.051 56.279,57.051 L28.720,57.051 C27.750,57.051 26.864,56.683 26.195,56.079 C26.173,56.060 26.153,56.040 26.132,56.019 C25.405,55.331 24.950,54.358 24.950,53.281 L24.950,35.873 L24.950,35.872 L24.950,35.869 C24.950,35.840 24.951,35.811 24.954,35.782 C24.954,35.774 24.955,35.766 24.956,35.758 C24.959,35.736 24.962,35.713 24.966,35.691 C24.967,35.683 24.969,35.675 24.970,35.666 C24.976,35.639 24.982,35.612 24.990,35.586 C24.990,35.583 24.991,35.581 24.992,35.578 C25.000,35.551 25.009,35.524 25.019,35.498 C25.023,35.488 25.027,35.478 25.031,35.468 C25.039,35.451 25.047,35.433 25.055,35.416 C25.060,35.406 25.065,35.396 25.070,35.386 C25.083,35.362 25.097,35.338 25.112,35.315 C25.117,35.307 25.123,35.299 25.129,35.290 C25.140,35.273 25.152,35.257 25.165,35.241 C25.171,35.232 25.178,35.224 25.185,35.215 C25.203,35.194 25.222,35.172 25.241,35.152 C25.243,35.150 25.244,35.149 25.246,35.147 C25.267,35.125 25.290,35.105 25.313,35.085 C25.316,35.083 25.318,35.080 25.321,35.078 L27.075,33.622 L27.075,29.151 C27.075,27.827 28.151,26.751 29.474,26.751 L35.355,26.751 L40.092,22.820 C41.487,21.662 43.512,21.662 44.908,22.820 L49.645,26.751 L55.525,26.751 C56.848,26.751 57.924,27.828 57.924,29.151 L57.924,33.622 L59.678,35.078 C59.681,35.080 59.683,35.083 59.686,35.085 C59.710,35.105 59.732,35.125 59.753,35.147 C59.755,35.148 59.757,35.150 59.758,35.152 C59.778,35.172 59.797,35.193 59.815,35.215 C59.822,35.224 59.828,35.232 59.835,35.241 C59.847,35.257 59.859,35.273 59.871,35.290 C59.876,35.298 59.882,35.307 59.888,35.315 C59.902,35.338 59.916,35.362 59.929,35.386 C59.934,35.396 59.939,35.406 59.944,35.416 C59.952,35.433 59.960,35.451 59.968,35.468 C59.972,35.478 59.976,35.488 59.980,35.498 C59.990,35.524 60.000,35.551 60.008,35.578 C60.008,35.580 60.009,35.583 60.010,35.586 C60.017,35.612 60.024,35.639 60.029,35.666 C60.031,35.674 60.032,35.683 60.034,35.691 C60.037,35.713 60.041,35.736 60.043,35.758 C60.044,35.766 60.045,35.774 60.046,35.782 C60.048,35.811 60.050,35.840 60.050,35.869 L60.050,35.872 C60.050,35.872 60.050,35.872 60.050,35.873 L60.050,53.281 C60.050,54.358 59.595,55.331 58.867,56.019 ZM55.887,54.995 L45.863,48.125 L44.908,48.918 C43.512,50.076 41.487,50.076 40.092,48.918 L39.136,48.125 L29.112,54.995 L55.887,54.995 ZM27.449,38.427 C27.449,38.426 27.449,38.426 27.449,38.426 L27.006,38.059 L27.006,53.281 C27.006,53.489 27.044,53.688 27.112,53.872 L37.491,46.760 L27.449,38.427 ZM43.594,24.403 C42.960,23.876 42.039,23.876 41.405,24.403 L38.575,26.751 L46.424,26.751 L43.594,24.403 ZM55.868,29.151 C55.868,28.961 55.714,28.808 55.525,28.808 L29.474,28.808 C29.285,28.808 29.132,28.961 29.132,29.151 L29.132,37.150 L29.713,37.633 L41.405,47.336 C42.039,47.862 42.960,47.862 43.594,47.336 L55.286,37.633 L55.868,37.150 L55.868,29.151 ZM57.993,38.059 L57.551,38.426 C57.550,38.426 57.550,38.426 57.550,38.427 L47.509,46.760 L57.888,53.872 C57.956,53.688 57.993,53.489 57.993,53.281 L57.993,38.059 ZM50.006,38.404 L34.993,38.404 C34.514,38.404 34.113,38.076 33.998,37.633 C33.977,37.550 33.965,37.465 33.965,37.376 C33.965,36.808 34.425,36.348 34.993,36.348 L50.006,36.348 C50.574,36.348 51.035,36.808 51.035,37.376 C51.035,37.465 51.022,37.550 51.001,37.633 C50.887,38.076 50.486,38.404 50.006,38.404 ZM44.728,34.291 L34.993,34.291 C34.425,34.291 33.965,33.830 33.965,33.263 C33.965,32.695 34.425,32.234 34.993,32.234 L44.728,32.234 C45.296,32.234 45.756,32.695 45.756,33.263 C45.756,33.830 45.296,34.291 44.728,34.291 Z"/>
  83.                         <path fill-rule="evenodd"  stroke="rgb(253, 102, 33)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none"
  84.                         d="M42.000,3.012 C64.085,3.012 81.988,20.915 81.988,43.000 C81.988,65.085 64.085,82.988 42.000,82.988 C19.915,82.988 2.012,65.085 2.012,43.000 C2.012,20.915 19.915,3.012 42.000,3.012 Z"/>
  85.                         <path fill-rule="evenodd"  fill="rgb(253, 102, 33)"
  86.                         d="M42.000,7.360 C61.683,7.360 77.640,23.316 77.640,43.000 C77.640,62.683 61.683,78.640 42.000,78.640 C22.316,78.640 6.360,62.683 6.360,43.000 C6.360,23.316 22.316,7.360 42.000,7.360 Z"/>
  87.                         <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  88.                         d="M55.340,41.605 L55.340,59.460 C55.340,60.034 54.874,60.500 54.300,60.500 C53.725,60.500 53.260,60.034 53.260,59.460 L53.260,41.605 C50.889,41.122 49.099,39.021 49.099,36.510 C49.099,33.998 50.889,31.897 53.260,31.414 L53.260,26.040 C53.260,25.466 53.725,25.000 54.300,25.000 C54.874,25.000 55.340,25.466 55.340,26.040 L55.340,31.414 C57.710,31.897 59.500,33.998 59.500,36.510 C59.500,39.021 57.710,41.122 55.340,41.605 ZM54.300,33.390 C52.579,33.390 51.179,34.789 51.179,36.510 C51.179,38.230 52.579,39.629 54.299,39.630 C54.299,39.630 54.299,39.630 54.300,39.630 C54.300,39.630 54.300,39.630 54.301,39.630 C56.021,39.629 57.420,38.230 57.420,36.510 C57.420,34.789 56.020,33.390 54.300,33.390 ZM42.790,54.086 L42.790,59.460 C42.790,60.034 42.324,60.500 41.750,60.500 C41.175,60.500 40.710,60.034 40.710,59.460 L40.710,54.086 C38.339,53.602 36.550,51.501 36.550,48.990 C36.550,46.479 38.339,44.378 40.710,43.894 L40.710,26.040 C40.710,25.466 41.175,25.000 41.750,25.000 C42.324,25.000 42.790,25.466 42.790,26.040 L42.790,43.894 C45.161,44.378 46.950,46.479 46.950,48.990 C46.950,51.501 45.161,53.603 42.790,54.086 ZM41.750,45.870 C40.029,45.870 38.630,47.270 38.630,48.990 C38.630,50.710 40.029,52.110 41.749,52.110 C41.749,52.110 41.749,52.110 41.750,52.110 C41.750,52.110 41.751,52.110 41.751,52.110 C43.471,52.110 44.870,50.710 44.870,48.990 C44.870,47.270 43.470,45.870 41.750,45.870 ZM30.240,41.605 L30.240,59.460 C30.240,60.034 29.774,60.500 29.200,60.500 C28.626,60.500 28.160,60.034 28.160,59.460 L28.160,41.605 C25.789,41.122 24.000,39.021 24.000,36.510 C24.000,33.998 25.789,31.897 28.160,31.414 L28.160,26.040 C28.160,25.466 28.626,25.000 29.200,25.000 C29.774,25.000 30.240,25.466 30.240,26.040 L30.240,31.414 C32.611,31.897 34.400,33.998 34.400,36.510 C34.400,39.021 32.611,41.122 30.240,41.605 ZM29.200,33.390 C27.480,33.390 26.080,34.789 26.080,36.510 C26.080,38.230 27.479,39.629 29.199,39.630 C29.199,39.630 29.200,39.630 29.200,39.630 C29.200,39.630 29.201,39.630 29.201,39.630 C30.921,39.629 32.320,38.230 32.320,36.510 C32.320,34.789 30.920,33.390 29.200,33.390 Z"/>
  89.                     </svg>
  90.                     <h2 class="title">Montrez à vos clients le vrai rôle de l’Expert-comptable en intégrant la <span class="color_newsletter">Websérie</span> sur votre site Internet </h2>
  91.                     <ul class="list">
  92.                         <div class="row">
  93.                             <div class="col-6">
  94.                                 <li>Claire </li>
  95.                                 <li>Rapide </li>
  97.                             </div>
  98.                             <div class="col-6">
  99.                                 <li>Ludique</li>
  100.                                 <li>Simple</li>
  101.                             </div>
  102.                         </div>
  103.                     </ul>
  104.                 </div>
  105.             </div>
  106.             <div class="containerForm">
  107.                 {{ form_start(formEC) }}
  108.                 {{ form_errors(formEC) }}
  109.                 {{ form_row(formEC.name) }}
  110.                 {{ form_row(formEC.phone) }}
  111.                 {{ form_row(formEC.email) }}
  112.                 {{ form_row(formEC.cabinet) }}
  113.                 {{ form_row(formEC.rgpd) }}
  114.                 {{ form_widget(formEC.page, {'value' : '(non client)'}) }}
  115.                 {{ form_widget(formEC.captcha, { 'id': 'captcha_form_1' }) }}
  116.                 {{ form_widget(formEC) }}
  117.                 <button type="submit" class="btn secondary regular">
  118.                     <span>
  119.                         Je l’intègre
  120.                         <svg
  121.                             xmlns="http://www.w3.org/2000/svg"
  122.                             xmlns:xlink="http://www.w3.org/1999/xlink"
  123.                             width="0.083in" height="0.167in">
  124.                             <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  125.                                   d="M-0.000,11.864 L-0.000,0.257 L5.805,6.061 L-0.000,11.864 Z"/>
  126.                         </svg>
  127.                     </span>
  128.                 </button>
  129.                 {{ form_end(formEC) }}
  130.             </div>
  131.         </div>
  132.             <div class="NewsletterMobile">
  133.                 <div class="containerImg">
  134.                                         <picture>
  135.                       <source srcset="/assets/images/appelEC/appel-ton-ec-externe-mobile-offert.webp" type="image/webp">
  136.                       <img src="/assets/images/appelEC/appel-ton-ec-externe-mobile-offert.png" alt="background podcast">
  137.                     </picture>
  138.                     <div class="container-title">
  139.                         <svg
  140.                         xmlns="http://www.w3.org/2000/svg"
  141.                         xmlns:xlink="http://www.w3.org/1999/xlink"
  142.                         width="1.181in" height="1.194in">
  143.                         <path fill-rule="evenodd"  stroke="rgb(253, 102, 33)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none"
  144.                         d="M42.000,2.012 C64.084,2.012 81.988,19.915 81.988,42.000 C81.988,64.085 64.084,81.988 42.000,81.988 C19.915,81.988 2.012,64.085 2.012,42.000 C2.012,19.915 19.915,2.012 42.000,2.012 Z"/>
  145.                         <path fill-rule="evenodd"  fill="rgb(253, 102, 33)"
  146.                         d="M42.000,6.360 C61.683,6.360 77.640,22.316 77.640,42.000 C77.640,61.683 61.683,77.640 42.000,77.640 C22.316,77.640 6.360,61.683 6.360,42.000 C6.360,22.316 22.316,6.360 42.000,6.360 Z"/>
  147.                         <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  148.                         d="M58.867,56.019 C58.847,56.040 58.826,56.060 58.804,56.078 C58.135,56.683 57.250,57.051 56.279,57.051 L28.720,57.051 C27.750,57.051 26.864,56.683 26.195,56.079 C26.173,56.060 26.153,56.040 26.132,56.019 C25.405,55.331 24.950,54.358 24.950,53.281 L24.950,35.873 L24.950,35.872 L24.950,35.869 C24.950,35.840 24.951,35.811 24.954,35.782 C24.954,35.774 24.955,35.766 24.956,35.758 C24.959,35.736 24.962,35.713 24.966,35.691 C24.967,35.683 24.969,35.675 24.970,35.666 C24.976,35.639 24.982,35.612 24.990,35.586 C24.990,35.583 24.991,35.581 24.992,35.578 C25.000,35.551 25.009,35.524 25.019,35.498 C25.023,35.488 25.027,35.478 25.031,35.468 C25.039,35.451 25.047,35.433 25.055,35.416 C25.060,35.406 25.065,35.396 25.070,35.386 C25.083,35.362 25.097,35.338 25.112,35.315 C25.117,35.307 25.123,35.299 25.129,35.290 C25.140,35.273 25.152,35.257 25.165,35.241 C25.171,35.232 25.178,35.224 25.185,35.215 C25.203,35.194 25.222,35.172 25.241,35.152 C25.243,35.150 25.244,35.149 25.246,35.147 C25.267,35.125 25.290,35.105 25.313,35.085 C25.316,35.083 25.318,35.080 25.321,35.078 L27.075,33.622 L27.075,29.151 C27.075,27.827 28.151,26.751 29.474,26.751 L35.355,26.751 L40.092,22.820 C41.487,21.662 43.512,21.662 44.908,22.820 L49.645,26.751 L55.525,26.751 C56.848,26.751 57.924,27.828 57.924,29.151 L57.924,33.622 L59.678,35.078 C59.681,35.080 59.683,35.083 59.686,35.085 C59.710,35.105 59.732,35.125 59.753,35.147 C59.755,35.148 59.757,35.150 59.758,35.152 C59.778,35.172 59.797,35.193 59.815,35.215 C59.822,35.224 59.828,35.232 59.835,35.241 C59.847,35.257 59.859,35.273 59.871,35.290 C59.876,35.298 59.882,35.307 59.888,35.315 C59.902,35.338 59.916,35.362 59.929,35.386 C59.934,35.396 59.939,35.406 59.944,35.416 C59.952,35.433 59.960,35.451 59.968,35.468 C59.972,35.478 59.976,35.488 59.980,35.498 C59.990,35.524 60.000,35.551 60.008,35.578 C60.008,35.580 60.009,35.583 60.010,35.586 C60.017,35.612 60.024,35.639 60.029,35.666 C60.031,35.674 60.032,35.683 60.034,35.691 C60.037,35.713 60.041,35.736 60.043,35.758 C60.044,35.766 60.045,35.774 60.046,35.782 C60.048,35.811 60.050,35.840 60.050,35.869 L60.050,35.872 C60.050,35.872 60.050,35.872 60.050,35.873 L60.050,53.281 C60.050,54.358 59.595,55.331 58.867,56.019 ZM55.887,54.995 L45.863,48.125 L44.908,48.918 C43.512,50.076 41.487,50.076 40.092,48.918 L39.136,48.125 L29.112,54.995 L55.887,54.995 ZM27.449,38.427 C27.449,38.426 27.449,38.426 27.449,38.426 L27.006,38.059 L27.006,53.281 C27.006,53.489 27.044,53.688 27.112,53.872 L37.491,46.760 L27.449,38.427 ZM43.594,24.403 C42.960,23.876 42.039,23.876 41.405,24.403 L38.575,26.751 L46.424,26.751 L43.594,24.403 ZM55.868,29.151 C55.868,28.961 55.714,28.808 55.525,28.808 L29.474,28.808 C29.285,28.808 29.132,28.961 29.132,29.151 L29.132,37.150 L29.713,37.633 L41.405,47.336 C42.039,47.862 42.960,47.862 43.594,47.336 L55.286,37.633 L55.868,37.150 L55.868,29.151 ZM57.993,38.059 L57.551,38.426 C57.550,38.426 57.550,38.426 57.550,38.427 L47.509,46.760 L57.888,53.872 C57.956,53.688 57.993,53.489 57.993,53.281 L57.993,38.059 ZM50.006,38.404 L34.993,38.404 C34.514,38.404 34.113,38.076 33.998,37.633 C33.977,37.550 33.965,37.465 33.965,37.376 C33.965,36.808 34.425,36.348 34.993,36.348 L50.006,36.348 C50.574,36.348 51.035,36.808 51.035,37.376 C51.035,37.465 51.022,37.550 51.001,37.633 C50.887,38.076 50.486,38.404 50.006,38.404 ZM44.728,34.291 L34.993,34.291 C34.425,34.291 33.965,33.830 33.965,33.263 C33.965,32.695 34.425,32.234 34.993,32.234 L44.728,32.234 C45.296,32.234 45.756,32.695 45.756,33.263 C45.756,33.830 45.296,34.291 44.728,34.291 Z"/>
  149.                         <path fill-rule="evenodd"  stroke="rgb(253, 102, 33)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none"
  150.                         d="M42.000,3.012 C64.085,3.012 81.988,20.915 81.988,43.000 C81.988,65.085 64.085,82.988 42.000,82.988 C19.915,82.988 2.012,65.085 2.012,43.000 C2.012,20.915 19.915,3.012 42.000,3.012 Z"/>
  151.                         <path fill-rule="evenodd"  fill="rgb(253, 102, 33)"
  152.                         d="M42.000,7.360 C61.683,7.360 77.640,23.316 77.640,43.000 C77.640,62.683 61.683,78.640 42.000,78.640 C22.316,78.640 6.360,62.683 6.360,43.000 C6.360,23.316 22.316,7.360 42.000,7.360 Z"/>
  153.                         <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  154.                         d="M55.340,41.605 L55.340,59.460 C55.340,60.034 54.874,60.500 54.300,60.500 C53.725,60.500 53.260,60.034 53.260,59.460 L53.260,41.605 C50.889,41.122 49.099,39.021 49.099,36.510 C49.099,33.998 50.889,31.897 53.260,31.414 L53.260,26.040 C53.260,25.466 53.725,25.000 54.300,25.000 C54.874,25.000 55.340,25.466 55.340,26.040 L55.340,31.414 C57.710,31.897 59.500,33.998 59.500,36.510 C59.500,39.021 57.710,41.122 55.340,41.605 ZM54.300,33.390 C52.579,33.390 51.179,34.789 51.179,36.510 C51.179,38.230 52.579,39.629 54.299,39.630 C54.299,39.630 54.299,39.630 54.300,39.630 C54.300,39.630 54.300,39.630 54.301,39.630 C56.021,39.629 57.420,38.230 57.420,36.510 C57.420,34.789 56.020,33.390 54.300,33.390 ZM42.790,54.086 L42.790,59.460 C42.790,60.034 42.324,60.500 41.750,60.500 C41.175,60.500 40.710,60.034 40.710,59.460 L40.710,54.086 C38.339,53.602 36.550,51.501 36.550,48.990 C36.550,46.479 38.339,44.378 40.710,43.894 L40.710,26.040 C40.710,25.466 41.175,25.000 41.750,25.000 C42.324,25.000 42.790,25.466 42.790,26.040 L42.790,43.894 C45.161,44.378 46.950,46.479 46.950,48.990 C46.950,51.501 45.161,53.603 42.790,54.086 ZM41.750,45.870 C40.029,45.870 38.630,47.270 38.630,48.990 C38.630,50.710 40.029,52.110 41.749,52.110 C41.749,52.110 41.749,52.110 41.750,52.110 C41.750,52.110 41.751,52.110 41.751,52.110 C43.471,52.110 44.870,50.710 44.870,48.990 C44.870,47.270 43.470,45.870 41.750,45.870 ZM30.240,41.605 L30.240,59.460 C30.240,60.034 29.774,60.500 29.200,60.500 C28.626,60.500 28.160,60.034 28.160,59.460 L28.160,41.605 C25.789,41.122 24.000,39.021 24.000,36.510 C24.000,33.998 25.789,31.897 28.160,31.414 L28.160,26.040 C28.160,25.466 28.626,25.000 29.200,25.000 C29.774,25.000 30.240,25.466 30.240,26.040 L30.240,31.414 C32.611,31.897 34.400,33.998 34.400,36.510 C34.400,39.021 32.611,41.122 30.240,41.605 ZM29.200,33.390 C27.480,33.390 26.080,34.789 26.080,36.510 C26.080,38.230 27.479,39.629 29.199,39.630 C29.199,39.630 29.200,39.630 29.200,39.630 C29.200,39.630 29.201,39.630 29.201,39.630 C30.921,39.629 32.320,38.230 32.320,36.510 C32.320,34.789 30.920,33.390 29.200,33.390 Z"/>
  155.                     </svg>
  156.                     <h2 class="title">Montrez à vos clients le vrai rôle de l’Expert-comptable en intégrant la <span class="color_newsletter">Websérie</span> sur votre site Internet </h2>
  157.                     <ul class="list">
  158.                         <div class="row">
  159.                             <div class="col-6">
  160.                                 <li>Claire </li>
  161.                                 <li>Rapide </li>
  163.                             </div>
  164.                             <div class="col-6">
  165.                                 <li>Ludique</li>
  166.                                 <li>Simple</li>
  167.                             </div>
  168.                         </div>
  169.                     </ul>
  170.                     </div>
  171.                 </div>
  172.                     <div class="containerForm">
  173.                         {{ form_start(formEC2) }}
  174.                         {{ form_errors(formEC2) }}
  175.                         {{ form_row(formEC2.name) }}
  176.                         {{ form_row(formEC2.phone) }}
  177.                         {{ form_row(formEC2.email) }}
  178.                         {{ form_row(formEC2.cabinet) }}
  179.                         {{ form_row(formEC2.rgpd) }}
  180.                         {{ form_widget(formEC2.page, {'value' : '(non client)'}) }}
  181.                         {{ form_widget(formEC2.captcha, { 'id': 'captcha_form_2' }) }}
  182.                         {{ form_widget(formEC2) }}
  183.                         <button type="submit" class="thm-btn comment-form__btn rounded-pill"><p>Je l’intègre &nbsp;
  184.                             <svg
  185.                             xmlns="http://www.w3.org/2000/svg"
  186.                             xmlns:xlink="http://www.w3.org/1999/xlink"
  187.                             width="0.083in" height="0.167in">
  188.                             <path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
  189.                             d="M-0.000,11.864 L-0.000,0.257 L5.805,6.061 L-0.000,11.864 Z"/>
  190.                             </svg></p>
  191.                         </button>
  192.                         {{ form_end(formEC2) }}
  193.                     </div>
  194.             </div>
  202.         </div>
  203.     </div>
  204. </section>
  205. {# Popup End #}
  209.     <section id="appelTonEC" class="appel-ec-area">
  210.         <div class="container">
  211.             <div class="section-title" data-aos="zoom-in">
  212.                 <span class="sub-title">
  213.                     WEBSÉRIE
  214.                 </span>
  215.                 <h2 class="title">
  216.                     Pour aller plus loin, <br>
  217.                     intégrez
  218.                     <span class="text-green text-underline">
  219.                         les épisodes
  220.                         <svg width="267" height="14" viewBox="0 0 267 14" fill="none"
  221.                              xmlns="http://www.w3.org/2000/svg">
  222.                             <path d="M2.5 12C107.5 2 167.994 3.57321 264.5 2" stroke="#7CD325" stroke-width="4"
  223.                                   stroke-linecap="round"/>
  224.                         </svg>
  225.                     </span>
  226.                     sur votre site Internet !
  227.                 </h2>
  228.                 <div class="container-btns">
  229.                     <a href="{{ path('contact') }}" class="btn secondary regular">
  230.                         <span>
  231.                             Intégrer la websérie
  232.                             <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  233.                                 <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  234.                                 <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  235.                             </svg>
  236.                         </span>
  237.                     </a>
  238.                 </div>
  239.             </div>
  240.         </div>
  241.         <div class="portfolio-container container">
  242.             <div class="portfolio-inner">
  243.                 <div class="swiper swiper-appel-ec" data-controller="swiper-appel-ec">
  244.                     <div class="swiper-wrapper">
  245.                         <div class="swiper-slide">
  246.                             <div class="single-portfolio">
  247.                                 <div class="portfolio-img">
  248.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=CRbOW24mFsc">
  249.                                         <span class="icon">
  250.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  251.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  252.                                             </svg>
  253.                                         </span>
  254.                                         <div class="label">
  255.                                             Le changement de statut
  256.                                         </div>
  257.                                     </a>
  258.                                 </div>
  259.                             </div>
  260.                         </div>
  261.                         <div class="swiper-slide">
  262.                             <div class="single-portfolio">
  263.                                 <div class="portfolio-img">
  264.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=OfJ73PFsrjo">
  265.                                         <span class="icon">
  266.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  267.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  268.                                             </svg>
  269.                                         </span>
  270.                                         <div class="label">
  271.                                             La gestion fournisseurs
  272.                                         </div>
  273.                                     </a>
  274.                                 </div>
  275.                             </div>
  276.                         </div>
  277.                         <div class="swiper-slide">
  278.                             <div class="single-portfolio">
  279.                                 <div class="portfolio-img">
  280.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=2uRlPqCo8pE">
  281.                                         <span class="icon">
  282.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  283.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  284.                                             </svg>
  285.                                         </span>
  286.                                         <div class="label">
  287.                                             La recherche de financements
  288.                                         </div>
  289.                                     </a>
  290.                                 </div>
  291.                             </div>
  292.                         </div>
  293.                         <div class="swiper-slide">
  294.                             <div class="single-portfolio">
  295.                                 <div class="portfolio-img">
  296.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=To4unqwVOjM">
  297.                                         <span class="icon">
  298.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  299.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  300.                                             </svg>
  301.                                         </span>
  302.                                         <div class="label">
  303.                                             La gestion des stocks
  304.                                         </div>
  305.                                     </a>
  306.                                 </div>
  307.                             </div>
  308.                         </div>
  309.                         <div class="swiper-slide">
  310.                             <div class="single-portfolio">
  311.                                 <div class="portfolio-img">
  312.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=sSwS7_dfcnk">
  313.                                         <span class="icon">
  314.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  315.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  316.                                             </svg>
  317.                                         </span>
  318.                                         <div class="label">
  319.                                             La gestion du recrutement
  320.                                         </div>
  321.                                     </a>
  322.                                 </div>
  323.                             </div>
  324.                         </div>
  325.                         <div class="swiper-slide">
  326.                             <div class="single-portfolio">
  327.                                 <div class="portfolio-img">
  328.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=YAclUlHkLGY">
  329.                                         <span class="icon">
  330.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  331.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  332.                                             </svg>
  333.                                         </span>
  334.                                         <div class="label">
  335.                                             La reprise d'entreprise
  336.                                         </div>
  337.                                     </a>
  338.                                 </div>
  339.                             </div>
  340.                         </div>
  341.                         <div class="swiper-slide">
  342.                             <div class="single-portfolio">
  343.                                 <div class="portfolio-img">
  344.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=WZH_cLW0IUw">
  345.                                         <span class="icon">
  346.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  347.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  348.                                             </svg>
  349.                                         </span>
  350.                                         <div class="label">
  351.                                             L'accompagnement du dirigeant
  352.                                         </div>
  353.                                     </a>
  354.                                 </div>
  355.                             </div>
  356.                         </div>
  357.                         <div class="swiper-slide">
  358.                             <div class="single-portfolio">
  359.                                 <div class="portfolio-img">
  360.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=5WM1O7v7aqE">
  361.                                         <span class="icon">
  362.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  363.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  364.                                             </svg>
  365.                                         </span>
  366.                                         <div class="label">
  367.                                             Le conseil juridique
  368.                                         </div>
  369.                                     </a>
  370.                                 </div>
  371.                             </div>
  372.                         </div>
  373.                         <div class="swiper-slide">
  374.                             <div class="single-portfolio">
  375.                                 <div class="portfolio-img">
  376.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=0eMUY1uvIRA">
  377.                                         <span class="icon">
  378.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  379.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  380.                                             </svg>
  381.                                         </span>
  382.                                         <div class="label">
  383.                                             La relation avec sa banque
  384.                                         </div>
  385.                                     </a>
  386.                                 </div>
  387.                             </div>
  388.                         </div>
  389.                         <div class="swiper-slide">
  390.                             <div class="single-portfolio">
  391.                                 <div class="portfolio-img">
  392.                                     <a class="popup-video" href="https://www.youtube.com/watch?v=Krc07yEG9qU">
  393.                                         <span class="icon">
  394.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  395.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  396.                                             </svg>
  397.                                         </span>
  398.                                         <div class="label">
  399.                                             La relance client
  400.                                         </div>
  401.                                     </a>
  402.                                 </div>
  403.                             </div>
  404.                         </div>
  406.                     </div>
  407.                     <div class="carousel-nav">
  408.                         <div class="swiper-pagination"></div>
  409.                     </div>
  410.                 </div>
  411.             </div>
  412.         </div>
  413.     </section>
  414.     {% else %}
  415.         <section id="appelTonEC" class="appel-ec-area">
  416.             <div class="container">
  417.                 <div class="section-title" data-aos="zoom-in">
  418.                 <span class="sub-title">
  419.                     WEBSÉRIE
  420.                 </span>
  421.                     <h2 class="title">
  422.                         Pour aller plus loin, <br>
  423.                         intégrez
  424.                         <span class="text-green text-underline">
  425.                         les épisodes
  426.                         <svg width="267" height="14" viewBox="0 0 267 14" fill="none"
  427.                              xmlns="http://www.w3.org/2000/svg">
  428.                             <path d="M2.5 12C107.5 2 167.994 3.57321 264.5 2" stroke="#7CD325" stroke-width="4"
  429.                                   stroke-linecap="round"/>
  430.                         </svg>
  431.                     </span>
  432.                         sur votre site Internet !
  433.                     </h2>
  434.                     <div class="container-btns">
  435.                         <a href="{{ path('contact') }}" class="btn secondary regular">
  436.                         <span>
  437.                             Intégrer la websérie
  438.                             <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  439.                                 <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  440.                                 <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  441.                             </svg>
  442.                         </span>
  443.                         </a>
  444.                     </div>
  445.                 </div>
  446.             </div>
  447.             <div class="portfolio-container container">
  448.                 <div class="portfolio-inner">
  449.                     <div class="swiper swiper-appel-ec" data-controller="swiper-appel-ec">
  450.                         <div class="swiper-wrapper">
  451.                             <div class="swiper-slide">
  452.                                 <div class="single-portfolio">
  453.                                     <div class="portfolio-img">
  454.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=CRbOW24mFsc">
  455.                                         <span class="icon">
  456.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  457.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  458.                                             </svg>
  459.                                         </span>
  460.                                             <div class="label">
  461.                                                 Le changement de statut
  462.                                             </div>
  463.                                         </a>
  464.                                     </div>
  465.                                 </div>
  466.                             </div>
  467.                             <div class="swiper-slide">
  468.                                 <div class="single-portfolio">
  469.                                     <div class="portfolio-img">
  470.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=OfJ73PFsrjo">
  471.                                         <span class="icon">
  472.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  473.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  474.                                             </svg>
  475.                                         </span>
  476.                                             <div class="label">
  477.                                                 La gestion fournisseurs
  478.                                             </div>
  479.                                         </a>
  480.                                     </div>
  481.                                 </div>
  482.                             </div>
  483.                             <div class="swiper-slide">
  484.                                 <div class="single-portfolio">
  485.                                     <div class="portfolio-img">
  486.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=2uRlPqCo8pE">
  487.                                         <span class="icon">
  488.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  489.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  490.                                             </svg>
  491.                                         </span>
  492.                                             <div class="label">
  493.                                                 La recherche de financements
  494.                                             </div>
  495.                                         </a>
  496.                                     </div>
  497.                                 </div>
  498.                             </div>
  499.                             <div class="swiper-slide">
  500.                                 <div class="single-portfolio">
  501.                                     <div class="portfolio-img">
  502.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=To4unqwVOjM">
  503.                                         <span class="icon">
  504.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  505.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  506.                                             </svg>
  507.                                         </span>
  508.                                             <div class="label">
  509.                                                 La gestion des stocks
  510.                                             </div>
  511.                                         </a>
  512.                                     </div>
  513.                                 </div>
  514.                             </div>
  515.                             <div class="swiper-slide">
  516.                                 <div class="single-portfolio">
  517.                                     <div class="portfolio-img">
  518.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=sSwS7_dfcnk">
  519.                                         <span class="icon">
  520.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  521.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  522.                                             </svg>
  523.                                         </span>
  524.                                             <div class="label">
  525.                                                 La gestion du recrutement
  526.                                             </div>
  527.                                         </a>
  528.                                     </div>
  529.                                 </div>
  530.                             </div>
  531.                             <div class="swiper-slide">
  532.                                 <div class="single-portfolio">
  533.                                     <div class="portfolio-img">
  534.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=YAclUlHkLGY">
  535.                                         <span class="icon">
  536.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  537.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  538.                                             </svg>
  539.                                         </span>
  540.                                             <div class="label">
  541.                                                 La reprise d'entreprise
  542.                                             </div>
  543.                                         </a>
  544.                                     </div>
  545.                                 </div>
  546.                             </div>
  547.                             <div class="swiper-slide">
  548.                                 <div class="single-portfolio">
  549.                                     <div class="portfolio-img">
  550.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=WZH_cLW0IUw">
  551.                                         <span class="icon">
  552.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  553.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  554.                                             </svg>
  555.                                         </span>
  556.                                             <div class="label">
  557.                                                 L'accompagnement du dirigeant
  558.                                             </div>
  559.                                         </a>
  560.                                     </div>
  561.                                 </div>
  562.                             </div>
  563.                             <div class="swiper-slide">
  564.                                 <div class="single-portfolio">
  565.                                     <div class="portfolio-img">
  566.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=5WM1O7v7aqE">
  567.                                         <span class="icon">
  568.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  569.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  570.                                             </svg>
  571.                                         </span>
  572.                                             <div class="label">
  573.                                                 Le conseil juridique
  574.                                             </div>
  575.                                         </a>
  576.                                     </div>
  577.                                 </div>
  578.                             </div>
  579.                             <div class="swiper-slide">
  580.                                 <div class="single-portfolio">
  581.                                     <div class="portfolio-img">
  582.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=0eMUY1uvIRA">
  583.                                         <span class="icon">
  584.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  585.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  586.                                             </svg>
  587.                                         </span>
  588.                                             <div class="label">
  589.                                                 La relation avec sa banque
  590.                                             </div>
  591.                                         </a>
  592.                                     </div>
  593.                                 </div>
  594.                             </div>
  595.                             <div class="swiper-slide">
  596.                                 <div class="single-portfolio">
  597.                                     <div class="portfolio-img">
  598.                                         <a class="popup-video" href="https://www.youtube.com/watch?v=Krc07yEG9qU">
  599.                                         <span class="icon">
  600.                                             <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  601.                                                 <path d="M6.76348 1.00869C6.44766 0.245798 5.61504 -0.160257 4.81934 0.057126L1.20996 1.0415C0.496289 1.23838 0 1.88642 0 2.6247C0 12.772 8.22773 20.9997 18.375 20.9997C19.1133 20.9997 19.7613 20.5034 19.9582 19.7897L20.9426 16.1804C21.16 15.3847 20.7539 14.552 19.991 14.2362L16.0535 12.5956C15.385 12.3167 14.6098 12.5095 14.1545 13.0714L12.4975 15.0935C9.60996 13.7276 7.27207 11.3897 5.90625 8.50224L7.92832 6.84931C8.49023 6.38994 8.68301 5.61884 8.4041 4.95029L6.76348 1.01279V1.00869Z" fill="white"/>
  602.                                             </svg>
  603.                                         </span>
  604.                                             <div class="label">
  605.                                                 La relance client
  606.                                             </div>
  607.                                         </a>
  608.                                     </div>
  609.                                 </div>
  610.                             </div>
  612.                         </div>
  613.                         <div class="carousel-nav">
  614.                             <div class="swiper-pagination"></div>
  615.                         </div>
  616.                     </div>
  617.                 </div>
  618.             </div>
  619.         </section>
  620.     {% endif %}
  623.     <section class="newsletter-area">
  624.         <picture class="shape-agency">
  625.             <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}"
  626.                     type="image/webp">
  627.             <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  628.         </picture>
  629.         <div class="container">
  630.             <div class="form-container">
  631.                 <h2 class="main-title">Abonnez-vous à <br> notre newsletter</h2>
  632.                 <p>Un support indispensable pour les Experts-comptables !</p>
  633.                 {{ form_start(form_news2) }}
  634.                 <div class="input-newsletter">
  635.                     <div class="icon">
  636.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  637.                             <g clip-path="url(#clip0_434_9342)">
  638.                                 <path d="M8.75 10.1904C10.1562 10.1644 11.3411 9.68262 12.3047 8.74512C13.2422 7.78158 13.724 6.59668 13.75 5.19043C13.724 3.78418 13.2422 2.59928 12.3047 1.63574C11.3411 0.698242 10.1562 0.216471 8.75 0.19043C7.34375 0.216471 6.15885 0.698242 5.19531 1.63574C4.25781 2.59928 3.77604 3.78418 3.75 5.19043C3.77604 6.59668 4.25781 7.78158 5.19531 8.74512C6.15885 9.68262 7.34375 10.1644 8.75 10.1904ZM8.75 1.44043C9.81771 1.46647 10.7031 1.83105 11.4062 2.53418C12.1094 3.2373 12.474 4.12272 12.5 5.19043C12.474 6.25814 12.1094 7.14355 11.4062 7.84668C10.7031 8.5498 9.81771 8.91439 8.75 8.94043C7.68229 8.91439 6.79688 8.5498 6.09375 7.84668C5.39062 7.14355 5.02604 6.25814 5 5.19043C5.02604 4.12272 5.39062 3.2373 6.09375 2.53418C6.79688 1.83105 7.68229 1.46647 8.75 1.44043ZM10.7422 12.0654H6.75781C4.85677 12.1175 3.26823 12.7816 1.99219 14.0576C0.716146 15.3337 0.0520833 16.9222 0 18.8232C0 19.2139 0.130208 19.5394 0.390625 19.7998C0.651042 20.0602 0.976562 20.1904 1.36719 20.1904H16.1328C16.5234 20.1904 16.849 20.0602 17.1094 19.7998C17.3698 19.5394 17.5 19.2139 17.5 18.8232C17.4479 16.9222 16.7839 15.3337 15.5078 14.0576C14.2318 12.7816 12.6432 12.1175 10.7422 12.0654ZM16.1328 18.9404H1.36719C1.28906 18.9404 1.25 18.9014 1.25 18.8232C1.30208 17.2607 1.83594 15.9587 2.85156 14.917C3.89323 13.9014 5.19531 13.3675 6.75781 13.3154H10.7422C12.3047 13.3675 13.6068 13.9014 14.6484 14.917C15.6641 15.9587 16.1979 17.2607 16.25 18.8232C16.25 18.9014 16.2109 18.9404 16.1328 18.9404Z" fill="#042F35"/>
  639.                             </g>
  640.                             <defs>
  641.                                 <clipPath id="clip0_434_9342">
  642.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  643.                                 </clipPath>
  644.                             </defs>
  645.                         </svg>
  646.                     </div>
  647.                     {{ form_row(form_news2.name) }}
  648.                 </div>
  649.                 <div class="input-newsletter">
  650.                     <div class="icon">
  651.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  652.                             <path d="M18.125 3.44043H1.875C1.35417 3.44043 0.911458 3.62272 0.546875 3.9873C0.182292 4.35189 0 4.7946 0 5.31543V16.5654C0 17.0863 0.182292 17.529 0.546875 17.8936C0.911458 18.2581 1.35417 18.4404 1.875 18.4404H18.125C18.6458 18.4404 19.0885 18.2581 19.4531 17.8936C19.8177 17.529 20 17.0863 20 16.5654V5.31543C20 4.7946 19.8177 4.35189 19.4531 3.9873C19.0885 3.62272 18.6458 3.44043 18.125 3.44043ZM18.125 4.69043C18.1641 4.69043 18.2031 4.69368 18.2422 4.7002C18.2812 4.70671 18.3203 4.71647 18.3594 4.72949L10 11.9951L1.64062 4.72949C1.67969 4.71647 1.71875 4.70671 1.75781 4.7002C1.79688 4.69368 1.83594 4.69043 1.875 4.69043H18.125ZM18.125 17.1904H1.875C1.70573 17.1904 1.55924 17.1286 1.43555 17.0049C1.31185 16.8812 1.25 16.7347 1.25 16.5654V6.05762L9.58984 13.2842C9.65495 13.3363 9.72005 13.3753 9.78516 13.4014C9.85026 13.4274 9.92188 13.4404 10 13.4404C10.0781 13.4404 10.1497 13.4274 10.2148 13.4014C10.2799 13.3753 10.3451 13.3363 10.4102 13.2842L18.75 6.05762V16.5654C18.75 16.7347 18.6882 16.8812 18.5645 17.0049C18.4408 17.1286 18.2943 17.1904 18.125 17.1904Z" fill="#042F35"/>
  653.                         </svg>
  654.                     </div>
  655.                     {{ form_row(form_news2.email) }}
  656.                 </div>
  657.                 <button type="submit" class="btn regular black">
  658.                 <span>
  659.                     Je m’incris à la newsletter
  660.                 </span>
  661.                 </button>
  662.                 {{ form_end(form_news2) }}
  663.             </div>
  664.         </div>
  665.     </section>
  667. <script> 
  668. let loadNews = document.getElementById('SimulateurDesktop');
  669. let loadNews2 = document.getElementById('SimulateurMBis');
  671. setTimeout(function () {
  672.     loadNews.classList.remove('d-none');
  673. }, 7000);
  675. setTimeout(function () {
  676.     loadNews.classList.remove('d-none');
  677. }, 7000);
  678. </script>
  679. <script>
  680. var popup = document.getElementsByClassName("containerLightboxWebinaire")[0];
  682. if (document.getElementById("addWebsite")) {
  683.     document.getElementById("addWebsite").addEventListener("click", function() {
  684.         popup.style.display = "flex";
  685.     });
  686. }
  687. document.getElementById("close").addEventListener("click", function() {
  688.   popup.style.display = "none";
  689. });
  691. </script>
  692. {% endblock %}