<?php
$pathTemplate = "";
if(!empty($_GET['template'])) {
$pathTemplate = "/styleguide/" . $_GET['path'] . '/templates/' . $_GET['template'];
} else {
$pathTemplate = "/styleguide/" . $_GET['path'] . '/template';
}
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="<?= $pathTemplate ?>/pdf.css">
<title>Document</title>
</head>
<body>
<div class="main-content">
<div class="header">
<div class="header__brand_model">
<div class="header__brand_model__logo">
<img class="" src="<?= $pathTemplate ?>/images/citroen.svg" alt="">
</div>
<div class="header__brand_model__brand">
<h1>Citroën C5 X</h1>
<div class="header__brand_model__brand__model">1.6L Essence 180CH</div>
</div>
</div>
<div class="header__notice">
<p>Ce véhicule vous intéresse ?<br>Contactez-nous ou venez en concession, nous vous proposerons la meilleure offre</p>
<a href="#">
<span>Trouvez ma concession</span>
<svg class="icon" width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-8.74228e-08 2L5 7L-5.24537e-07 12L0.999999 14L8 7L1 4.37114e-08L-8.74228e-08 2Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
<div class="summary">
<div class="summary__first-row">
<div><img src="<?= $pathTemplate ?>/images/car-1.png" alt=""></div>
<div class="summary__content">
<div class="summary__content__per-month">350€<span>/mois*</span></div>
<div class="summary__content__comptant">
29 512 € <span>comptant</span>
</div>
<div class="summary__content__options">
<div class="summary__content__options__col">
<div class="summary__content__options__item">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 14.4 14.4" enable-background="new 0 0 14.4 14.4" xml:space="preserve">
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M11.9,0.6H2.5
c-1,0-1.9,0.8-1.9,1.9v9.4c0,1,0.8,1.9,1.9,1.9h9.4c1,0,1.9-0.8,1.9-1.9V2.5C13.8,1.5,12.9,0.6,11.9,0.6z"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M10.9,6.3H8.1"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M3.4,6.3h1.9l1.9,2.8
h3.8"/>
</svg>
<span>Gris amazonite</span>
</div>
<div class="summary__content__options__item">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 14.4 14.4" enable-background="new 0 0 14.4 14.4" xml:space="preserve">
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M11.9,0.6H2.5
c-1,0-1.9,0.8-1.9,1.9v9.4c0,1,0.8,1.9,1.9,1.9h9.4c1,0,1.9-0.8,1.9-1.9V2.5C13.8,1.5,12.9,0.6,11.9,0.6z"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M10.9,6.3H8.1"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M3.4,6.3h1.9l1.9,2.8
h3.8"/>
</svg>
<span>Finition Feelpack</span>
</div>
<div class="summary__content__options__item">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 14.4 14.4" enable-background="new 0 0 14.4 14.4" xml:space="preserve">
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M11.9,0.6H2.5
c-1,0-1.9,0.8-1.9,1.9v9.4c0,1,0.8,1.9,1.9,1.9h9.4c1,0,1.9-0.8,1.9-1.9V2.5C13.8,1.5,12.9,0.6,11.9,0.6z"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M10.9,6.3H8.1"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M3.4,6.3h1.9l1.9,2.8
h3.8"/>
</svg>
<span>10 CV</span>
</div>
</div>
<div class="summary__content__options__col">
<div class="summary__content__options__item">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 15 15" enable-background="new 0 0 15 15" xml:space="preserve">
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M12.7,6.1L9,10.4
c0,0,0,0.1-0.1,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0.1,0.1c0,0,0.1,0,0.1,0h1.6v3.8l3.7-4.3c0,0,0-0.1,0.1-0.1c0,0,0-0.1,0-0.1
c0,0,0-0.1-0.1-0.1c0,0-0.1,0-0.1,0h-1.6V6.1z"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M6.1,5.6
c0,0.7-0.3,1.5-0.8,2C4.7,8.1,4,8.4,3.3,8.4s-1.5-0.3-2-0.8c-0.5-0.5-0.8-1.2-0.8-2c0-1.9,2.3-5.2,2.8-5.2S6.1,3.8,6.1,5.6z"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M3.3,6.6
C3,6.6,2.8,6.5,2.6,6.3C2.4,6.1,2.3,5.9,2.3,5.6"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M8.4,13.6
c-0.2,0-0.3,0-0.5,0c-1.1,0-2.2-0.3-3.2-0.9c-1-0.6-1.7-1.4-2.2-2.4"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M7,1.5
c1.2-0.2,2.4,0,3.4,0.5c1.1,0.5,2,1.3,2.6,2.3"/>
</svg>
<span>Essence</span>
</div>
<div class="summary__content__options__item">
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.46875 2.875C1.46875 3.05967 1.50512 3.24253 1.57579 3.41315C1.64647 3.58376 1.75005 3.73879 1.88063 3.86937C2.01121 3.99995 2.16624 4.10354 2.33685 4.17421C2.50747 4.24488 2.69033 4.28125 2.875 4.28125C3.05967 4.28125 3.24253 4.24488 3.41315 4.17421C3.58376 4.10354 3.73879 3.99995 3.86937 3.86937C3.99995 3.73879 4.10354 3.58376 4.17421 3.41315C4.24488 3.24253 4.28125 3.05967 4.28125 2.875C4.28125 2.69033 4.24488 2.50747 4.17421 2.33685C4.10354 2.16624 3.99995 2.01121 3.86937 1.88063C3.73879 1.75005 3.58376 1.64647 3.41315 1.57579C3.24253 1.50512 3.05967 1.46875 2.875 1.46875C2.69033 1.46875 2.50747 1.50512 2.33685 1.57579C2.16624 1.64647 2.01121 1.75005 1.88063 1.88063C1.75005 2.01121 1.64647 2.16624 1.57579 2.33685C1.50512 2.50747 1.46875 2.69033 1.46875 2.875V2.875Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.09375 2.875C7.09375 3.24796 7.24191 3.60565 7.50563 3.86937C7.76935 4.13309 8.12704 4.28125 8.5 4.28125C8.87296 4.28125 9.23065 4.13309 9.49437 3.86937C9.75809 3.60565 9.90625 3.24796 9.90625 2.875C9.90625 2.50204 9.75809 2.14435 9.49437 1.88063C9.23065 1.61691 8.87296 1.46875 8.5 1.46875C8.12704 1.46875 7.76935 1.61691 7.50563 1.88063C7.24191 2.14435 7.09375 2.50204 7.09375 2.875V2.875Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.09375 8.5C7.09375 8.87296 7.24191 9.23065 7.50563 9.49437C7.76935 9.75809 8.12704 9.90625 8.5 9.90625C8.87296 9.90625 9.23065 9.75809 9.49437 9.49437C9.75809 9.23065 9.90625 8.87296 9.90625 8.5C9.90625 8.12704 9.75809 7.76935 9.49437 7.50563C9.23065 7.24191 8.87296 7.09375 8.5 7.09375C8.12704 7.09375 7.76935 7.24191 7.50563 7.50563C7.24191 7.76935 7.09375 8.12704 7.09375 8.5V8.5Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.09375 14.125C7.09375 14.498 7.24191 14.8556 7.50563 15.1194C7.76935 15.3831 8.12704 15.5312 8.5 15.5312C8.87296 15.5312 9.23065 15.3831 9.49437 15.1194C9.75809 14.8556 9.90625 14.498 9.90625 14.125C9.90625 13.752 9.75809 13.3944 9.49437 13.1306C9.23065 12.8669 8.87296 12.7188 8.5 12.7188C8.12704 12.7188 7.76935 12.8669 7.50563 13.1306C7.24191 13.3944 7.09375 13.752 7.09375 14.125V14.125Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.28125 2.875H7.09375" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.46875 14.125C1.46875 14.3097 1.50512 14.4925 1.57579 14.6631C1.64647 14.8338 1.75005 14.9888 1.88063 15.1194C2.01121 15.25 2.16624 15.3535 2.33685 15.4242C2.50747 15.4949 2.69033 15.5312 2.875 15.5312C3.05967 15.5312 3.24253 15.4949 3.41315 15.4242C3.58376 15.3535 3.73879 15.25 3.86937 15.1194C3.99995 14.9888 4.10354 14.8338 4.17421 14.6631C4.24488 14.4925 4.28125 14.3097 4.28125 14.125C4.28125 13.9403 4.24488 13.7575 4.17421 13.5869C4.10354 13.4162 3.99995 13.2612 3.86937 13.1306C3.73879 13 3.58376 12.8965 3.41315 12.8258C3.24253 12.7551 3.05967 12.7188 2.875 12.7188C2.69033 12.7188 2.50747 12.7551 2.33685 12.8258C2.16624 12.8965 2.01121 13 1.88063 13.1306C1.75005 13.2612 1.64647 13.4162 1.57579 13.5869C1.50512 13.7575 1.46875 13.9403 1.46875 14.125V14.125Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.28125 14.125H7.09375" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.7188 8.5C12.7187 8.87296 12.8669 9.23065 13.1306 9.49437C13.3944 9.75809 13.752 9.90625 14.125 9.90625C14.498 9.90625 14.8556 9.75809 15.1194 9.49437C15.3831 9.23065 15.5312 8.87296 15.5312 8.5C15.5312 8.12704 15.3831 7.76935 15.1194 7.50563C14.8556 7.24191 14.498 7.09375 14.125 7.09375C13.752 7.09375 13.3944 7.24191 13.1306 7.50563C12.8669 7.76935 12.7188 8.12704 12.7188 8.5V8.5Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.90625 8.5H12.7188" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 9.90625V12.7188" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 4.28125V7.09375" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Automatique</span>
</div>
<div class="summary__content__options__item">
<svg class="icon" width="59" height="58" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.3999 58C45.4159 58 58.3999 45.016 58.3999 29C58.3999 12.984 45.4159 0 29.3999 0C13.3839 0 0.399902 12.984 0.399902 29C0.399902 45.016 13.3839 58 29.3999 58Z" fill="white"/>
<path d="M29.4 57.1711C44.959 57.1711 57.57 44.5581 57.57 29.0001C57.571 13.4401 44.96 0.828125 29.4 0.828125C13.84 0.828125 1.229 13.4411 1.229 29.0001C1.229 44.5581 13.841 57.1711 29.399 57.1711H29.4Z" fill="#794685"/>
<path d="M29.4001 48.5912C40.2201 48.5912 48.9921 39.8202 48.9921 29.0002C48.9921 18.1802 40.2201 9.4082 29.4001 9.4082C18.5801 9.4082 9.80811 18.1802 9.80811 29.0002C9.80811 39.8202 18.5801 48.5912 29.4001 48.5912Z" fill="#B48AB8"/>
<path d="M29.4002 47.7628C39.7622 47.7628 48.1632 39.3628 48.1632 28.9998C48.1632 18.6368 39.7632 10.2368 29.4002 10.2368C19.0372 10.2368 10.6372 18.6368 10.6372 28.9998C10.6372 39.3628 19.0372 47.7628 29.4002 47.7628Z" fill="#905F99"/>
<path d="M28.9602 20.5459C27.5734 21.289 26.3015 22.2291 25.1842 23.3369C24.9961 23.2511 24.8216 23.1383 24.6662 23.0019C24.2695 22.5354 23.8892 22.0551 23.5262 21.5619C23.4687 21.4938 23.4284 21.4128 23.4089 21.3258C23.3894 21.2388 23.3912 21.1484 23.4142 21.0623C23.4372 20.9761 23.4807 20.8968 23.5409 20.8311C23.6011 20.7654 23.6764 20.7152 23.7602 20.6849L29.0462 17.5639C29.1732 17.4839 29.3142 17.4289 29.4622 17.4019L34.5552 16.9999C35.0222 16.9659 35.2552 17.1949 35.3072 17.6589C35.465 18.9624 35.4052 20.283 35.1302 21.5669C34.8512 22.8289 34.6182 24.0969 34.3392 25.3579C34.1112 26.3799 33.8322 27.3909 33.5992 28.4079C33.3652 29.4229 33.1422 30.3559 32.9542 31.3329C32.6412 33.0529 32.2942 34.7999 32.0262 36.5479C31.8662 37.5809 31.8042 38.6359 31.7462 39.6799C31.7574 39.7821 31.7473 39.8855 31.7164 39.9836C31.6856 40.0817 31.6348 40.1724 31.5672 40.2499C31.4993 40.3289 31.4161 40.3934 31.3226 40.4395C31.2291 40.4855 31.1273 40.5122 31.0232 40.5179C29.9333 40.6632 28.8411 40.7915 27.7472 40.9029C27.1492 40.9629 26.5492 40.9929 25.9472 40.9929C25.3372 40.9929 25.2012 40.8189 25.2692 40.2439C25.4522 38.7699 25.5942 37.2839 25.8392 35.8109C26.0102 34.7669 26.3062 33.7389 26.5512 32.7059C26.7962 31.6729 27.0412 30.6009 27.2972 29.5519C27.5542 28.5019 27.8672 27.3179 28.1352 26.2019C28.4032 25.0849 28.6082 23.8289 28.8352 22.6449C28.9212 22.1929 29.0182 21.7459 29.0692 21.2879C29.0611 21.0373 29.0249 20.7884 28.9612 20.5459H28.9602Z" fill="white"/>
</svg>
<span>Critair 1</span>
</div>
</div>
</div>
<div class="summary__content__options-icons">
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9073 9.03586C10.9083 8.46953 11.0895 7.9182 11.4247 7.46169C11.7598 7.00517 12.2316 6.66716 12.7716 6.49658C12.5624 6.11118 12.2742 5.77425 11.9259 5.50779C11.5777 5.24133 11.1771 5.05134 10.7504 4.95023C10.3237 4.84911 9.88043 4.83915 9.44961 4.92098C9.01879 5.00282 8.61008 5.17461 8.25017 5.42515C8.08729 5.51919 7.90253 5.56869 7.71446 5.56869C7.52638 5.56869 7.34162 5.51919 7.17874 5.42515C6.78918 5.17806 6.35228 5.01512 5.89605 4.94676C5.43983 4.8784 4.97435 4.90615 4.52948 5.02821C4.0846 5.15027 3.67015 5.36396 3.31269 5.65557C2.95523 5.94718 2.66266 6.31028 2.45374 6.72158C1.85689 7.82079 1.65279 9.0907 1.87517 10.3216C2.05573 12.0121 2.78593 13.5967 3.95374 14.8323C4.33871 15.1975 4.84086 15.4141 5.37068 15.4435C5.90049 15.473 6.42355 15.3133 6.8466 14.993C7.09005 14.8129 7.38486 14.7157 7.68767 14.7157C7.99048 14.7157 8.2853 14.8129 8.52874 14.993C8.93471 15.321 9.44376 15.4945 9.96552 15.4827C10.4873 15.4709 10.988 15.2747 11.3787 14.9287C12.2608 14.0383 12.8896 12.9287 13.2002 11.7144C12.5566 11.6255 11.9679 11.3038 11.5455 10.8102C11.123 10.3167 10.896 9.68545 10.9073 9.03586Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.76465 3.14279L10.3718 1.53564" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg class="icon" width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.96875 10.4771C8.96875 10.85 9.11691 11.2077 9.38063 11.4714C9.64435 11.7351 10.002 11.8833 10.375 11.8833C10.748 11.8833 11.1056 11.7351 11.3694 11.4714C11.6331 11.2077 11.7812 10.85 11.7812 10.4771C11.7812 10.1041 11.6331 9.74641 11.3694 9.48268C11.1056 9.21896 10.748 9.0708 10.375 9.0708C10.002 9.0708 9.64435 9.21896 9.38063 9.48268C9.11691 9.74641 8.96875 10.1041 8.96875 10.4771V10.4771Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.5312 10.4771H11.7812" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.96875 10.4771H7.5625C7.31386 10.4771 7.0754 10.3783 6.89959 10.2025C6.72377 10.0266 6.625 9.78819 6.625 9.53955V8.1333C6.625 7.63602 6.82254 7.15911 7.17417 6.80748C7.52581 6.45584 8.00272 6.2583 8.5 6.2583H10.375L11.7319 3.54455C11.8876 3.23317 12.127 2.9713 12.4231 2.78828C12.7193 2.60526 13.0606 2.50831 13.4088 2.5083H15.5337" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.5312 6.2583H10.375" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.63627 10.2255C4.37511 9.96438 4.16794 9.65433 4.02659 9.3131C3.88525 8.97187 3.8125 8.60614 3.8125 8.2368C3.8125 7.86745 3.88525 7.50172 4.02659 7.16049C4.16794 6.81926 4.37511 6.50921 4.63627 6.24805" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.97864 11.8832C2.01186 10.9161 1.46875 9.60468 1.46875 8.23725C1.46875 6.86981 2.01186 5.55837 2.97864 4.59131" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 15.5 15.3" enable-background="new 0 0 15.5 15.3" xml:space="preserve">
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M7.8,0.6v4.7"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M10.1,1.6L7.8,3.4L5.4,1.6"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M1.7,4.1l4.1,2.3"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M3.7,2.6l0.5,3L1.3,6.6"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M1.7,11.2l4.1-2.3"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M1.3,8.7l2.8,1.1l-0.5,3"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M7.8,14.7V10"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M5.4,13.8l2.3-1.9l2.3,1.9"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M13.8,11.2L9.8,8.8"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M11.9,12.7l-0.5-3l2.8-1.1"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M13.8,4.1L9.8,6.5"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M14.2,6.6l-2.8-1.1l0.5-3"/>
<path fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" d="M7.8,5.3l-2,1.2v2.3l2,1.2l2-1.2V6.5L7.8,5.3z"/>
</svg>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.1876 7.5625C12.5488 6.47813 13.7463 3.44375 14.2757 2.11063C14.304 2.03937 14.3144 1.96226 14.306 1.88605C14.2976 1.80984 14.2706 1.73685 14.2274 1.67349C14.1843 1.61014 14.1262 1.55834 14.0583 1.52264C13.9905 1.48695 13.9149 1.46844 13.8382 1.46875H12.492C12.4008 1.46888 12.3117 1.49554 12.2354 1.54549C12.1592 1.59543 12.0991 1.6665 12.0626 1.75L10.652 4.925C10.6119 5.01288 10.543 5.0844 10.4567 5.1277C10.3703 5.17099 10.2718 5.18346 10.1774 5.16302C10.083 5.14258 9.99848 5.09047 9.9378 5.01534C9.87712 4.9402 9.84397 4.84658 9.84385 4.75C9.84385 4.1284 9.59692 3.53226 9.15738 3.09272C8.71784 2.65318 8.1217 2.40625 7.5001 2.40625C6.8785 2.40625 6.28235 2.65318 5.84282 3.09272C5.40328 3.53226 5.15635 4.1284 5.15635 4.75C5.15615 4.84681 5.12276 4.94062 5.06175 5.01578C5.00074 5.09094 4.91581 5.14291 4.82112 5.16302C4.72642 5.18313 4.6277 5.17016 4.54141 5.12627C4.45513 5.08239 4.3865 5.01025 4.34697 4.92188L2.9376 1.75C2.90106 1.6665 2.84101 1.59543 2.76476 1.54549C2.68851 1.49554 2.59937 1.46888 2.50822 1.46875H1.1601C1.08342 1.46844 1.00784 1.48695 0.939981 1.52264C0.872121 1.55834 0.814054 1.61014 0.770869 1.67349C0.727685 1.73685 0.700702 1.80984 0.692285 1.88605C0.683869 1.96226 0.694277 2.03937 0.722597 2.11063C1.25385 3.44375 2.45135 6.47813 2.8126 7.5625C3.28136 8.92969 3.28136 10.4141 2.8126 11.7813C2.48367 12.8511 2.01012 13.8709 1.4051 14.8125C1.3604 14.8834 1.33553 14.965 1.33307 15.0487C1.33061 15.1325 1.35065 15.2154 1.39111 15.2888C1.43158 15.3622 1.49098 15.4234 1.56313 15.466C1.63528 15.5087 1.71754 15.5312 1.80135 15.5313H3.95322C4.03424 15.5313 4.11389 15.5104 4.18443 15.4705C4.25496 15.4306 4.31397 15.3732 4.35572 15.3038L5.35572 13.6331C5.38953 13.5766 5.43485 13.5279 5.48875 13.4901C5.54264 13.4523 5.60389 13.4263 5.66852 13.4137C5.73314 13.4012 5.79968 13.4023 5.86381 13.4172C5.92794 13.4321 5.98822 13.4603 6.04072 13.5L7.21885 14.3831C7.29999 14.444 7.39867 14.4769 7.5001 14.4769C7.60152 14.4769 7.70021 14.444 7.78135 14.3831L8.95947 13.5C9.01197 13.4606 9.07214 13.4327 9.1361 13.4181C9.20006 13.4034 9.26638 13.4024 9.33077 13.415C9.39516 13.4276 9.45619 13.4536 9.5099 13.4913C9.56362 13.529 9.60883 13.5775 9.6426 13.6338L10.6426 15.3044C10.6842 15.3738 10.743 15.4313 10.8135 15.4712C10.8839 15.5111 10.9635 15.532 11.0445 15.5319H13.1963C13.2802 15.5318 13.3624 15.5093 13.4346 15.4667C13.5067 15.424 13.5661 15.3628 13.6066 15.2894C13.647 15.216 13.6671 15.1331 13.6646 15.0494C13.6622 14.9656 13.6373 14.884 13.5926 14.8131C12.9884 13.8712 12.5157 12.8511 12.1876 11.7813C11.7188 10.4141 11.7188 8.92969 12.1876 7.5625Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.625 10.5531V10.375C6.625 9.87775 6.82254 9.40081 7.17418 9.04919C7.52581 8.69756 8.00275 8.5 8.5 8.5C8.99725 8.5 9.47419 8.69756 9.82581 9.04919C10.1774 9.40081 10.375 9.87775 10.375 10.375V10.5531" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.90771 4.28125L8.50146 8.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.3942 12.3344C12.6924 11.0624 10.6246 10.375 8.49985 10.375C6.3751 10.375 4.30737 11.0624 2.60547 12.3344" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 15.5312C12.3833 15.5312 15.5312 12.3833 15.5312 8.5C15.5312 4.61675 12.3833 1.46875 8.5 1.46875C4.61675 1.46875 1.46875 4.61675 1.46875 8.5C1.46875 12.3833 4.61675 15.5312 8.5 15.5312Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.04883 8.5C3.91939 8.5 3.81445 8.39506 3.81445 8.26562C3.81445 8.13619 3.91939 8.03125 4.04883 8.03125" stroke="currentColor" stroke-width="1.25"/>
<path d="M4.04883 8.5C4.17827 8.5 4.2832 8.39506 4.2832 8.26562C4.2832 8.13619 4.17827 8.03125 4.04883 8.03125" stroke="currentColor" stroke-width="1.25"/>
<path d="M4.98633 6.15625C4.85689 6.15625 4.75195 6.05132 4.75195 5.92188C4.75195 5.79243 4.85689 5.6875 4.98633 5.6875" stroke="currentColor" stroke-width="1.25"/>
<path d="M4.98633 6.15625C5.11577 6.15625 5.2207 6.05132 5.2207 5.92188C5.2207 5.79243 5.11577 5.6875 4.98633 5.6875" stroke="currentColor" stroke-width="1.25"/>
<path d="M6.86133 4.28125C6.73189 4.28125 6.62695 4.17632 6.62695 4.04688C6.62695 3.91743 6.73189 3.8125 6.86133 3.8125" stroke="currentColor" stroke-width="1.25"/>
<path d="M6.86133 4.28125C6.99077 4.28125 7.0957 4.17632 7.0957 4.04688C7.0957 3.91743 6.99077 3.8125 6.86133 3.8125" stroke="currentColor" stroke-width="1.25"/>
<path d="M12.0156 6.15625C11.8862 6.15625 11.7812 6.05132 11.7812 5.92188C11.7812 5.79243 11.8862 5.6875 12.0156 5.6875" stroke="currentColor" stroke-width="1.25"/>
<path d="M12.0156 6.15625C12.1451 6.15625 12.25 6.05132 12.25 5.92188C12.25 5.79243 12.1451 5.6875 12.0156 5.6875" stroke="currentColor" stroke-width="1.25"/>
<path d="M12.9551 8.49561C12.8256 8.49561 12.7207 8.39067 12.7207 8.26123C12.7207 8.13179 12.8256 8.02686 12.9551 8.02686" stroke="currentColor" stroke-width="1.25"/>
<path d="M12.9551 8.49561C13.0845 8.49561 13.1895 8.39067 13.1895 8.26123C13.1895 8.13179 13.0845 8.02686 12.9551 8.02686" stroke="currentColor" stroke-width="1.25"/>
</svg>
</div>
</div>
</div>
<div class="summary__second-row">
<div><img src="<?= $pathTemplate ?>/images/car-2.png" alt=""></div>
<div><img src="<?= $pathTemplate ?>/images/car-3.png" alt=""></div>
<div><img src="<?= $pathTemplate ?>/images/car-4.png" alt=""></div>
</div>
</div>
<div class="details-block">
<div class="details-block__content details-block__content--two-col">
<div class="details-block__content__col">
<div class="details-block__content__title">Infos clés</div>
<div class="details-block__content__list">
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
</div>
</div>
<div class="details-block__content__col">
<div class="details-block__content__title">Equipements</div>
<div class="details-block__content__list">
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48193 11.1785L11.5176 5.28564L7.23193 1.53564V15.4642L11.5176 11.7142L3.48193 5.82136" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span>Bluetooth</span>
</div>
</div>
</div>
</div>
<div class="details-block__summary">
<div>Equipement de série</div>
<div>25 512 €</div>
</div>
</div>
<div class="details-block">
<div class="details-block__content">
<div class="details-block__content__title">Options</div>
<div class="details-block__content__list">
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
<div class="details-block__content__item">
<div>
<svg class="icon" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.88565 15.3892C8.63742 15.485 8.36244 15.485 8.11422 15.3892V15.3892C6.17736 14.6456 4.51164 13.3319 3.33709 11.6218C2.16253 9.91157 1.53439 7.8853 1.53565 5.81062V2.59633C1.53565 2.31217 1.64853 2.03965 1.84946 1.83872C2.05039 1.63778 2.32291 1.5249 2.60707 1.5249H14.3928C14.6769 1.5249 14.9495 1.63778 15.1504 1.83872C15.3513 2.03965 15.4642 2.31217 15.4642 2.59633V5.81062C15.4655 7.8853 14.8373 9.91157 13.6628 11.6218C12.4882 13.3319 10.8225 14.6456 8.88565 15.3892V15.3892Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 7L8.5 9.5C8.5 9.5 10.8284 6.36683 12 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
</svg>
</div>
Garantie constructeur :
<span>NN mois</span>
</div>
</div>
</div>
<div class="details-block__summary">
<div>Equipement sélectionnés</div>
<div>4 000 €</div>
</div>
</div>
<div class="details-block details-block--total">
<div class="details-block__summary">
<div>Prix total : </div>
<div>29 512 €</div>
</div>
</div>
<div class="details-block">
<div class="details-block__content">
<div class="details-block__content__title">Informations techniques</div>
<div class="details-block__content__wrapper details-block__content__wrapper--two-col">
<div class="details-block__content__col details-block__content__col--left">
<div class="details-block__content__subtitle">Dimensions & châssis</div>
<div class="details-block__content__dimensions">
<div>
<img class="details-block__content__dimensions__image" src="<?= $pathTemplate ?>/images/car-side.svg" alt="">
<div class="details-block__content__dimensions__size">4,37m</div>
</div>
<div>
<img class="details-block__content__dimensions__image" src="<?= $pathTemplate ?>/images/car-front.svg" alt="">
<div class="details-block__content__dimensions__size">1,91m</div>
</div>
<div class="details-block__content__dimensions__size">1,64m</div>
</div>
<div class="details-block__content__list">
<ul>
<li>Volume coffre : <span>432 l</span></li>
<li>Volume coffre max (sièges rabattus) : <span>1 241 l</span></li>
<li>Nombre de portes : <span>5</span></li>
<li>Nombre de places : <span>5</span></li>
<li>Poids du véhicule : <span>1 421kg</span></li>
</ul>
</div>
</div>
<div class="details-block__content__col details-block__content__col--right">
<div class="details-block__content__subtitle">Transmission</div>
<div class="details-block__content__list">
<ul>
<li>Volume coffre : <span>432 l</span></li>
<li>Volume coffre max (sièges rabattus) : <span>1 241 l</span></li>
<li>Nombre de portes : <span>5</span></li>
<li>Nombre de places : <span>5</span></li>
<li>Poids du véhicule : <span>1 421kg</span></li>
</ul>
</div>
</div>
</div>
<div class="details-block__content__separator"></div>
<div class="details-block__content__wrapper details-block__content__wrapper--two-col">
<div class="details-block__content__col details-block__content__col--left">
<div class="details-block__content__subtitle">Consommation</div>
<div class="details-block__content__list">
<ul>
<li>Conso urbaine : <span>5,8 L/100km</span></li>
<li>Conso mixte : <span>4,9 L/100km</span></li>
<li>Conso extra urbaine : <span>4,4 L/100km</span></li>
</ul>
</div>
<div class="details-block__content__emission">
<div class="details-block__content__item">
<div>
<svg class="icon" width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H11.4L15 6.9L12 13.8H0V0Z" fill="#54B948"/>
<path d="M4.32666 3.5835H7.25826C8.73666 3.5835 9.11466 4.5075 9.11466 5.1291C9.11466 5.9943 8.62746 6.2379 8.37546 6.3639C9.11466 6.6411 9.30786 7.2291 9.30786 7.8255C9.30786 8.3043 9.10626 8.7579 8.78706 9.0687C8.44266 9.4047 8.11506 9.6147 6.88026 9.6147H4.32666V3.5835ZM5.53626 5.9439H7.01466C7.51026 5.9439 7.90506 5.75069 7.90506 5.27189C7.90506 4.77629 7.55226 4.62509 6.98106 4.62509H5.53626V5.9439ZM5.53626 8.57309H7.08186C7.69506 8.57309 8.04786 8.30429 8.04786 7.69109C8.04786 7.16189 7.59426 6.9603 7.14066 6.9603H5.53626V8.57309Z" fill="white"/>
</svg>
</div>
Emission de CO2 :
<span>127 g/km - Cat B</span>
</div>
<div class="details-block__content__emission__bar"></div>
</div>
</div>
<div class="details-block__content__col details-block__content__col--right">
<div class="details-block__content__subtitle">Performances</div>
<div class="details-block__content__list">
<ul>
<li>Volume coffre : <span>432 l</span></li>
<li>Volume coffre max (sièges rabattus) : <span>1 241 l</span></li>
</ul>
</div>
</div>
</div>
<div class="details-block__content__separator"></div>
<div class="details-block__content__wrapper details-block__content__wrapper--two-col">
<div class="details-block__content__col details-block__content__col--left">
<div class="details-block__content__subtitle">Moteur</div>
<div class="details-block__content__list">
<ul>
<li>Conso urbaine : : <span>5,8 L/100km</span></li>
<li>Conso mixte : <span>4,9 L/100km</span></li>
</ul>
</div>
</div>
<div class="details-block__content__col details-block__content__col--right">
<div class="details-block__content__subtitle">Autre</div>
<div class="details-block__content__list">
<ul>
<li>Vitesse max : <span>181 km/h</span></li>
<li>Accélération 0-10km/h : <span>12,2s</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__logo">
<img class="" src="<?= $pathTemplate ?>/images/logo.svg" alt="">
</div>
<div class="footer__right">
<div class="footer__date">24/12/2022</div>
<a class="footer__url" href="#">tressol-chabrier.com</a>
</div>
</div>
</body>
</html>