templates/garantie.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  5.     <style>
  6.         .modal-backdrop {
  7.             background-color: black!important;
  8.             opacity: 0.5!important;
  9.         }
  10.     </style>
  12.     <div class="container pt-5">
  13.         <div class="row mb-5">
  14.             <div class="col-lg-8 col-md-8 col-sm-12 order-md-1 order-sm-2">
  15.                 <h2 class="mb-3 blue_bold">Roulez l’esprit tranquille grâce à la <span class="red_bold">Garantie Panne Mécanique</span></h2>
  16.                 <div>
  17.                     <h4 class="blue_simple">Lorsque vous achetez une voiture chez <strong>Point S</strong>, vous ne faites pas seulement l’acquisition de votre véhicule. Vous profitez également d'une <strong>Garantie Panne Mécanique</strong>, qui vous assure une grande tranquillité d’esprit.</h4>
  18.                 </div>
  19.             </div>
  20.             <div class="col-lg-4 col-md-4 col-sm-12 px-5 order-md-2 order-sm-1 mb-5 mb-lg-0 mb-md-0">
  21.                 <svg xmlns="http://www.w3.org/2000/svg" class="w-100" viewBox="0 0 433.339 332.386">
  22.                     <g id="Groupe_132" data-name="Groupe 132" transform="translate(0 -0.001)">
  23.                         <g id="Groupe_133" data-name="Groupe 133" transform="translate(0 0.001)">
  24.                             <path id="Tracé_27" data-name="Tracé 27" d="M331.962,329.893c63.446-15.9,101.295-70.211,101.377-145.155.088-78.892-59.189-130.745-76.033-142.851C242.216-40.827,98.1,22.3,78.518,34.975,44.481,57,27.734,74.74,20.916,85.664,17.585,91-9.673,136.043,3.636,181.282c5.277,17.935,18.98,42.879,118.657,91.009,96.7,46.692,169.242,67.734,209.668,57.6" transform="translate(0 -0.001)" fill="#f5fbff"></path>
  25.                             <path id="Tracé_28" data-name="Tracé 28" d="M210.108,86.935l-24.114,42.2-21.7-16.275a7.014,7.014,0,1,0-8.418,11.22l28.057,21.042a7,7,0,0,0,4.209,1.405,7.157,7.157,0,0,0,1.422-.144,7.022,7.022,0,0,0,4.668-3.391l28.057-49.1a7.014,7.014,0,1,0-12.179-6.96" transform="translate(100.286 54.637)" fill="#eb685e"></path>
  26.                             <path id="Tracé_29" data-name="Tracé 29" d="M143.984,130.913c-.356-.515-.7-1.036-1.049-1.558l-.351.351c.478.389.943.793,1.4,1.207" transform="translate(93.416 84.748)" fill="#eb685e"></path>
  27.                             <path id="Tracé_30" data-name="Tracé 30" d="M283.706,81.249a7.026,7.026,0,0,0-5.768-5.086,117.206,117.206,0,0,1-39.714-13.236,117.2,117.2,0,0,1-26.473-19.855,7.016,7.016,0,0,0-9.911,0,117.173,117.173,0,0,1-26.471,19.855A117.244,117.244,0,0,1,135.65,76.163a7.016,7.016,0,0,0-5.76,5.086,174.515,174.515,0,0,0-5.295,27.969,30.912,30.912,0,0,1,13.3,9.691,156.135,156.135,0,0,1,4.4-29.614,130.864,130.864,0,0,0,39.818-14.067A130.852,130.852,0,0,0,206.8,57.7a131.152,131.152,0,0,0,24.687,17.528A130.942,130.942,0,0,0,271.3,89.3c7.933,32.4,5.247,64.816-7.541,89.558a7.016,7.016,0,0,0,12.467,6.439c14.953-28.937,17.679-66.86,7.48-104.042" transform="translate(81.631 26.875)" fill="#eb685e"></path>
  28.                             <path id="Tracé_31" data-name="Tracé 31" d="M229.225,142.216c-10.308,9.069-22.906,15.487-37.455,19.094-14.546-3.6-27.143-10.025-37.451-19.1a82.544,82.544,0,0,1-6.791-6.737,31.757,31.757,0,0,1,3.969,15.386v7.023a104.183,104.183,0,0,0,38.691,17.47,6.968,6.968,0,0,0,3.165,0c17.508-4.055,32.695-11.662,45.133-22.611a7.011,7.011,0,1,0-9.261-10.529" transform="translate(96.656 88.758)" fill="#eb685e"></path>
  29.                             <path id="Tracé_32" data-name="Tracé 32" d="M227.607,161.374l9.777-9.777a8.1,8.1,0,0,0-11.46-11.462L211.638,154.42a31.986,31.986,0,0,0-4.442-.45H46.18l4.85-43.657A14.693,14.693,0,0,1,65.641,97.233H186.925a14.681,14.681,0,0,1,14.612,13.077l2.248,20.239A8.107,8.107,0,0,0,219.9,128.76l-2.248-20.239a30.882,30.882,0,0,0-30.727-27.5H65.641a30.883,30.883,0,0,0-30.718,27.5l-3.991,35.9-4.285-4.287A8.1,8.1,0,0,0,15.185,151.6l9.777,9.777a32.379,32.379,0,0,0-12.151,25.165v48.485a32.421,32.421,0,1,0,64.841,0v-8.105a8.105,8.105,0,0,0-8.105-8.105H29.022V186.539a16.375,16.375,0,0,1,16.356-16.358H207.2a16.374,16.374,0,0,1,16.353,16.358v32.274H101.969a8.105,8.105,0,0,0,0,16.211h72.948a32.421,32.421,0,1,0,64.843,0V186.539a32.378,32.378,0,0,0-12.152-25.165M61.442,235.024a16.21,16.21,0,1,1-32.42,0Zm145.9,16.211a16.229,16.229,0,0,1-16.211-16.211h32.421a16.229,16.229,0,0,1-16.211,16.211" transform="translate(8.393 53.082)" fill="#014a94"></path>
  30.                             <path id="Tracé_33" data-name="Tracé 33" d="M69.716,144.683H45.4a8.105,8.105,0,0,0,0,16.211H69.716a8.105,8.105,0,0,0,0-16.211" transform="translate(24.435 94.79)" fill="#014a94"></path>
  31.                             <path id="Tracé_34" data-name="Tracé 34" d="M133.377,160.894a8.105,8.105,0,0,0,0-16.211H109.061a8.105,8.105,0,0,0,0,16.211Z" transform="translate(66.143 94.79)" fill="#014a94"></path>
  32.                         </g>
  33.                     </g>
  34.                 </svg>
  35.             </div>
  36.         </div>
  38.         <div class="row mb-5">
  39.             <div class="col-lg-5 col-md-5 col-sm-12 mb-5 mb-lg-0 mb-md-0">
  40.                 <img width="100%" height="auto" src="{{ asset("img/points_01.jpg"~"?1.0") }}" alt="img-fluid">
  41.             </div>
  42.             <div class="col-lg-7 col-md-7 col-sm-12 my-lg-auto my-md-auto my-sm-0">
  43.                 <h3 class="red_simple">Comment ça marche ?</h3>
  44.                 <p class="blue_simple"><strong>Point S</strong>, en collaboration avec <strong>Gras Savoye NSA</strong>, leader du courtage français, vous propose des véhicules garantis 12 mois minimum. Si vous le souhaitez, vous avez la possibilité d’ajouter une extension de garantie allant jusqu’à 36 mois
  45.                     <a href="/pdf/CG-GES-pourTous.pdf" target="_blank" class="link_color">(Voir les conditions)</a>.</p>
  46.                 <p class="blue_simple">Les garanties <strong>Gras Savoye NSA</strong> vous protègent des pannes causées par le caractère défectueux, et donc non lié à l’usure normale, d'une pièce mécanique ou électronique. Elles couvrent les principaux composants d’une voiture, tels que le moteur, la boîte de vitesses, le freinage, le système d'injection, la direction, etc
  47.                     <a href="#modalGarantieOffres" data-toggle="modal" data-target="#modalGarantieOffres" class="link_color">(Voir les offres)</a>.</p>
  48.             </div>
  49.             <div class="modal fade" id="modalGarantieOffres" tabindex="-1" role="dialog" aria-labelledby="garantie" aria-hidden="true" style="display: none;">
  50.                 <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  51.                     <div class="modal-content">
  52.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  53.                             <span aria-hidden="true">×</span>
  54.                         </button>
  55.                         <div class="modal-body">
  56.                             <h2 class="mb-3">Garantie Panne Mécanique</h2>
  57.                             <div id="grid-garantie" class="grid-garantie-offres portlet-body">
  58.                                 <div class="labelCol firstRowCol"></div>
  59.                                 <div class="firstRowCol">
  60.                                     <h3>Excellence</h3>
  61.                                     <span>Véhicule de maximum 6&nbsp;ans et 100&nbsp;000&nbsp;km</span>
  62.                                 </div>
  63.                                 <div class="colorsecondary firstRowCol">
  64.                                     <h3>Optimale</h3>
  65.                                     <span>Véhicule de maximum 8&nbsp;ans et 150&nbsp;000&nbsp;km</span>
  66.                                 </div>
  68.                                 <div class="fullwidth">Organes couverts</div>
  70.                                 <div class="labelCol">Moteur</div>
  71.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  72.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  74.                                 <div class="labelCol">Boîte de vitesse</div>
  75.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  76.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  78.                                 <div class="labelCol">Boîte automatique</div>
  79.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  80.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  82.                                 <div class="labelCol">Pont</div>
  83.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  84.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  86.                                 <div class="labelCol">Carter</div>
  87.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  88.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  90.                                 <div class="labelCol">Turbocompresseur</div>
  91.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  92.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  94.                                 <div class="labelCol">Alternateur - Démarreur</div>
  95.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  96.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  98.                                 <div class="labelCol">Suspensions</div>
  99.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  100.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  102.                                 <div class="labelCol">Refroidissement</div>
  103.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  104.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  106.                                 <div class="labelCol">Freinage</div>
  107.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  108.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  110.                                 <div class="labelCol">Direction</div>
  111.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  112.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  114.                                 <div class="labelCol">Circuit électrique</div>
  115.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  116.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  118.                                 <div class="labelCol">Transmissions</div>
  119.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  120.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  122.                                 <div class="labelCol">Alimentation</div>
  123.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  124.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  126.                                 <div class="labelCol">Injection</div>
  127.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  128.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  130.                                 <div class="labelCol">Climatisation</div>
  131.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  132.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  134.                                 <div class="labelCol">Sécurité</div>
  135.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  136.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  138.                                 <div class="labelCol">Circuit électronique</div>
  139.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  140.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  142.                                 <div class="labelCol">Vanne EGR et radiateur EGR</div>
  143.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  144.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  146.                                 <div class="labelCol">Diagnostic (Forfait 150€ TTC)</div>
  147.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  148.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  150.                                 <div class="labelCol">Ingrédients (Forfait 100€ TTC)</div>
  151.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  152.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  154.                                 <div class="labelCol">Embrayage</div>
  155.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  156.                                 <div class="colorsecondary"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  158.                                 <div class="labelCol">
  159.                                     <div class="th_custom_bold">Bonus Couverture GES Excellence</div>
  160.                                     <p>L'autoradio, lecteur CD, lecteur DVD, chargeur CD, écran vidéo, l'installation audiophone, les antennes et leurs moteurs, le système de navigation et d'assistance à la conduite tels que correcteur trajectoire, aide au freinage d'urgence, direction à assistance variable, limiteur de vitesse, suspension pilotée, correcteur d'assiette, si ces équipements sont montés d'origine par le constructeur. Ainsi que tous les joints, les conduits, durites et flexibles. La pompe Adblue et le réservoir Adblue</p>
  161.                                 </div>
  162.                                 <div><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fa fa-check"></i> --></div>
  163.                                 <div class="colorsecondary"></div>
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.             </div>
  169.         </div>
  170.         <div class="row mb-5">
  171.             <div class="col-lg-7 col-md-7 col-sm-12 my-lg-auto my-md-auto my-sm-0">
  172.                 <h3 class="red_simple">Une sérénité qui n’a pas de prix</h3>
  173.                 <p class="blue_simple">Un avantage de taille pour votre porte-monnaie, d’autant plus que certaines pannes mécaniques ou électroniques peuvent se révéler particulièrement coûteuses.</p>
  174.                 <p class="blue_simple">C’est bien connu, on ne tombe jamais en panne au bon endroit ! Avec les garanties <strong>Gras Savoye NSA</strong>, vous bénéficiez également d’une assistance dépannage sur place* et vous avez le choix du garage réparateur. De plus, elles sont valables dans nos centres <strong>Point S</strong> partout en Europe et sont cessibles en cas de vente du véhicule.</p>
  175.             </div>
  176.             <div class="col-lg-5 col-md-5 col-sm-12 mb-3 mb-lg-0 mb-md-0">
  177.                 <img width="100%" height="auto" src="{{ asset("img/points_02.jpg"~"?1.0") }}" alt="img-fluid">
  178.             </div>
  179.         </div>
  181.         <div class="row mb-3">
  182.             <div class="col-12 text-center mb-3">
  183.                 <h4 class="blue_simple">Grâce à <strong>Point S</strong> et <strong>Gras Savoye NSA</strong>, trouvez la voiture de vos rêves et repartez l’esprit serein !</h4>
  184.             </div>
  185.             <div class="col-12">
  186.                 <hr>
  187.                 <p class="blue_simple">* Si lié à une panne couverte</p>
  188.             </div>
  190.         </div>
  192.     </div>
  194. {% endblock %}
  195. {% block javascripts_footer %}
  196.     {% include '_partials/map.html.twig' %}
  197. {% endblock %}