Un crédit vous engage et doit être remboursé. Vérifiez vos capacités de remboursement avant de vous engager.

Une erreur s'est produite lors du traitement du gabarit.
The following has evaluated to null or missing:
==> vehicule  [in template "20101#20128#BLOC-DETAIL-INFOS-VEHICULE-7.2.10.1" at line 286, column 47]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${vehicule.getId()}  [in template "20101#20128#BLOC-DETAIL-INFOS-VEHICULE-7.2.10.1" at line 286, column 45]
----
1<#assign webContentDisplayService = serviceLocator.findService("journalarticle.service.web.WebContentDisplayService")> 
2<#assign serviceVehicule = serviceLocator.findService("bnp.service.display.vehicule.BnpServiceDisplayVehicule")> 
3<#assign utilService = serviceLocator.findService("bnp.service.util.web.UtilService")> 
4<#assign surcoucheThemeValue = utilService.getSiteTheme(request)/> 
5 
6<#if serviceVehicule != ""> 
7    <#if request?? && request.getParameter("partnerVehicleId")?? && request.getParameter("code")??> 
8        <#assign groupId = themeDisplay.getLayout().getGroupId()> 
9        <#assign partnerVehicleId = request.getParameter("partnerVehicleId")> 
10        <#assign partnerCode = request.getParameter("code")> 
11        <#if serviceVehicule.getVehicule(groupId, partnerVehicleId, partnerCode, request)??> 
12            <#assign vehicule = serviceVehicule.getVehicule(groupId, partnerVehicleId, partnerCode, request)> 
13            <#assign productCode = "VAT"> 
14            <#assign theme = "bg-color-bnp-credit"> 
15            <#if vehicule.getVehicleRates()[0].getProduct().getWsCode() == "A" || vehicule.getVehicleRates()[0].getProduct().getWsCode() == "L" > 
16                <#assign productCode = "LOA"> 
17                <#assign theme = "bg-color-bnp-projects"> 
18            </#if> 
19            <#assign label = "chart-" + vehicule.getPartner().getLabel()?lower_case + "-" + vehicule.getQualityLabel()?? ?then(vehicule.getQualityLabel()?replace(" ", "")?lower_case,"") /> 
20			<#assign webContentChart = jsonFactoryUtil.createJSONObject(chart_content.getData())/> 
21			<#assign chartContent = webContentDisplayService.getArticleContentByTitle(renderRequest, renderResponse,themeDisplay, webContentChart.classPK , null, label)/> 
22            <#assign guaranteesLabel = "guarantees-" + vehicule.getPartner().getLabel()?lower_case/> 
23            <#assign webContentGuarantees = jsonFactoryUtil.createJSONObject(guarantees_content.getData())/> 
24            <#assign guaranteesContent = webContentDisplayService.getArticleContentByTitle(renderRequest, renderResponse, themeDisplay, webContentGuarantees.classPK, null, guaranteesLabel)/> 
25            <div class="bnp-vehicle-slider"> 
26                <div class="bnp-vehicle-slider__header"> 
27                    <div class="bnp-vehicle-slider__header-col"> 
28                        <h1 class="h2">${vehicule.getBrand()} ${vehicule.getModel()}</h1> 
29                        <div class="bnp-vehicle-slider__model">${vehicule.getVersion().getLabel()}</div> 
30                        <div class="bnp-vehicle-slider__reference">Référence : ${vehicule.getReference()}</div> 
31                    </div> 
32                    <div class="bnp-vehicle-slider__header-col"> 
33                            <div class="bnp-tag ${theme}"> 
34                                ${vehicule.getVehicleRates()[0].getProduct().getName()} 
35                            </div> 
36                            <#if vehicule.getLocalisation()?? && vehicule.getLocalisation().getVille()?? && vehicule.getLocalisation().getCodePostal()??> 
37                                <#--  Si le code postal n'a que 4 chiffres, on rajoute un 0 devant --> 
38                                <#if vehicule.getLocalisation().getCodePostal()?length == 4> 
39                                    <div class="bnp-vehicle-slider__localisation">0${vehicule.getLocalisation().getCodePostal()}, ${vehicule.getLocalisation().getVille()}</div> 
40                                <#else> 
41                                    <div class="bnp-vehicle-slider__localisation">${vehicule.getLocalisation().getCodePostal()}, ${vehicule.getLocalisation().getVille()}</div> 
42                                </#if> 
43                            <#else> 
44                                <div class="bnp-vehicle-slider__localisation hide"></div> 
45                            </#if> 
46                      <#--  Rajouter les conditions pour récupérer la distance dans la liste renvoyée par le catalogue --> 
47                            <div class="bnp-vehicle-slider__distance hide"></div> 
48                    </div> 
49                </div> 
50                <div class="bnp-vehicle-slider__content"> 
51                    <div class="bnp-vehicle-slider__content-inner"> 
52                        <div class="bnp-vehicle-slider__content-layer"></div> 
53                        <div class="bnp-vehicle-slider__content-slider"><button type="button" class="bnp-vehicle-slider__content-close"><@liferay.language key="modal_close_title" /></button> 
54                            <div class="bnp-vehicle-slider__content-slider-infos"><img src="${themeDisplay.getPathThemeImages()}/rotate-phone.png" alt="" /> 
55                                <p>Tournez votre écran pour voir les photos en grand écran</p> 
56                            </div> 
57 
58                            <div class="bnp-vehicle-slider__slider"> 
59                                <#if vehicule.getStateAid()?? && vehicule.getStateAid()?has_content> 
60                                    <#if vehicule.getStateAid()?seq_contains(1) && vehicule.getStateAid()?seq_contains(3) && image_offre_du_moment?? && image_offre_du_moment.getData()?? && image_offre_du_moment.getData() != ""> 
61                                        <div class="bnp-vehicle-slider__prime"></div> 
62                                        <div class="bnp-vehicle-slider__3_loyers_second" style="background: url(${image_offre_du_moment.getData()}) no-repeat"></div> 
63                                    <#elseif vehicule.getStateAid()?seq_contains(1)> 
64                                        <div class="bnp-vehicle-slider__prime"></div> 
65                                    <#elseif vehicule.getStateAid()?seq_contains(3) && image_offre_du_moment?? && image_offre_du_moment.getData()?? && image_offre_du_moment.getData() != ""> 
66                                        <div class="bnp-vehicle-slider__3_loyers_unique" style="background: url(${image_offre_du_moment.getData()}) no-repeat"></div> 
67                                    </#if> 
68                                </#if> 
69                                <div class="bnp-vehicle-slider__slider-wrapper"> 
70                                    <#assign count = 1> 
71                                    <#list vehicule.getPictures() as item> 
72                                        <div class="bnp-vehicle-slider__slider-item"> 
73                                        <#if vehicule.getHasPicture() > 
74                                            <#assign srcImg = propsUtil.get('bnp.ws.relay') + item> 
75                                        <#else> 
76                                             <#assign srcImg = item> 
77                                        </#if> 
78                                            <img id="img_${count}" class="tns-lazy-img" data-src="${srcImg}" alt="" /> 
79                                            <#assign count = count + 1> 
80                                        </div> 
81                                    </#list> 
82                                </div> 
83                                <div class="bnp-vehicle-slider__slider-tools"> 
84                                    <div class="bnp-vehicle-slider__slider-tools-pager"> 
85                                        Photos : <span class="active-slide">1</span>/${vehicule.getPictures()?size} 
86                                    </div> 
87                                    <button type="button" class="bnp-vehicle-slider__slider-tools-zoom"> 
88                                        Agrandir 
89                                    </button> 
90                                </div> 
91                            </div> 
92 
93                            <#assign moreThanOnePicture = vehicule.getPictures()?size gt 1 /> 
94                            <div class="bnp-vehicle-slider__thumbnails ${moreThanOnePicture?then("","hide")}"> 
95                               <div class="bnp-vehicle-slider__thumbnails-wrapper"> 
96                               <#assign count = 1> 
97                                   <#list vehicule.getPictures() as item> 
98                                       <button type="button" class="bnp-vehicle-slider__thumbnails-item"> 
99                                           <div class="bnp-vehicle-slider__thumbnails-item-img"> 
100 
101                                               <#if vehicule.getHasPicture() > 
102                                                   <#assign srcImg = propsUtil.get('bnp.ws.relay') + item> 
103                                               <#else> 
104                                                    <#assign srcImg = item> 
105                                               </#if> 
106                                               <img id="thumbnails_${count}" class="slider-thumbnails" src="${srcImg}" alt="" /> 
107                                               <#assign count = count + 1> 
108                                           </div> 
109                                       </button> 
110                                   </#list> 
111                               </div> 
112                            </div> 
113                        </div> 
114                    </div> 
115                </div> 
116            </div> 
117            <div class="bnp-card bnp-tabs-card with-shadow bnp-vehicule-info"> 
118                <ul class="bnp-tabs-card__tabs nav"> 
119                    <li class="bnp-tabs-card__tabs-item"> 
120                        <a href="#tab1" class="bnp-tabs-card__tabs-item-link active" data-toggle="tab"> 
121                            ${charact_title.getData()} 
122                        </a> 
123                    </li> 
124                    <li class="bnp-tabs-card__tabs-item"> 
125                        <a href="#tab2" class="bnp-tabs-card__tabs-item-link" data-toggle="tab"> 
126                            ${options_title.getData()} 
127                        </a> 
128                    </li> 
129                    <#if chartContent != ""> 
130                    	<li class="bnp-tabs-card__tabs-item"> 
131                        	<a href="#tab3" class="bnp-tabs-card__tabs-item-link" data-toggle="tab"> 
132                            	${chart_title.getData()} 
133                        	</a> 
134                    	</li> 
135                    </#if> 
136                    <li class="bnp-tabs-card__tabs-item"> 
137                        <a href="#tab4" class="bnp-tabs-card__tabs-item-link" data-toggle="tab"> 
138                            ${guarantees_title.getData()} 
139                        </a> 
140                    </li> 
141                </ul> 
142                <div class="bnp-tabs-card__content tab-content"> 
143                    <div id="tab1" class="tab-pane active"> 
144                        <div class="bnp-car-characteristics"> 
145                            <h2 class="h2"> 
146                                ${vehicule.getBrand()} ${vehicule.getModel()} 
147                            </h2> 
148                            <div class="bnp-car-characteristics__infos"> 
149                                ${vehicule.getVersion().getLabel()} 
150                            </div> 
151                            <#if vehicule.getCritair()?? && vehicule.getCritair()?has_content> 
152                                <#assign levelCritair = vehicule.getCritair() - 1> 
153                                <div class="bnp-vehicle-card__critair"> 
154                                    Crit'air :<span>niveau ${levelCritair}</span> 
155                                    <div class="bnp-vehicle-card__critair_${vehicule.getCritair()}"></div> 
156                                </div> 
157                            </#if> 
158                            <div class="bnp-car-characteristics__list"> 
159                                <div class="bnp-car-characteristics__list-item"> 
160                                    <div class="bnp-car-characteristics__list-item-name">Mise en circulation</div> 
161                                    <div class="bnp-car-characteristics__list-item-info"> 
162                                        ${vehicule.getInServiceDate()[5..6]}/${vehicule.getInServiceDate()[0..3]} 
163                                    </div> 
164                                </div> 
165                                <div class="bnp-car-characteristics__list-item"> 
166                                    <div class="bnp-car-characteristics__list-item-name">Carburant</div> 
167                                    <div class="bnp-car-characteristics__list-item-info"> 
168                                        ${vehicule.getEnergy().getLabel()} 
169                                    </div> 
170                                </div> 
171                                <#if vehicule.getFiscalPower() != 0> 
172	                                <div class="bnp-car-characteristics__list-item"> 
173	                                    <div class="bnp-car-characteristics__list-item-name">Puissance fiscale</div> 
174	                                    <div class="bnp-car-characteristics__list-item-info"> 
175	                                        ${vehicule.getFiscalPower()} 
176	                                    </div> 
177	                                </div> 
178                                </#if> 
179                                <div class="bnp-car-characteristics__list-item"> 
180                                    <div class="bnp-car-characteristics__list-item-name">Kilométrage</div> 
181                                    <div class="bnp-car-characteristics__list-item-info"> 
182                                        ${vehicule.getKilometers()} km 
183                                    </div> 
184                                </div> 
185                                <div class="bnp-car-characteristics__list-item"> 
186                                    <div class="bnp-car-characteristics__list-item-name">Nombre de places</div> 
187                                    <div class="bnp-car-characteristics__list-item-info"> 
188                                        ${vehicule.getNbPlaces()} 
189                                    </div> 
190                                </div> 
191                                <div class="bnp-car-characteristics__list-item"> 
192                                    <div class="bnp-car-characteristics__list-item-name">Couleur</div> 
193                                    <div class="bnp-car-characteristics__list-item-info"> 
194                                        ${vehicule.getColor()} 
195                                    </div> 
196                                </div> 
197                                <div class="bnp-car-characteristics__list-item"> 
198                                    <div class="bnp-car-characteristics__list-item-name">Transmission</div> 
199                                    <div class="bnp-car-characteristics__list-item-info"> 
200                                        ${vehicule.getTransmission().getLabel()} 
201                                    </div> 
202                                </div> 
203                                <#if vehicule.getDinPower() != 0> 
204	                                <div class="bnp-car-characteristics__list-item"> 
205	                                    <div class="bnp-car-characteristics__list-item-name">Puissance DIN</div> 
206	                                    <div class="bnp-car-characteristics__list-item-info"> 
207	                                        ${vehicule.getDinPower()} 
208	                                    </div> 
209	                                </div> 
210                                </#if> 
211                                <#if vehicule.getCo2()?? && vehicule.getCo2() != 0> 
212	                                <div class="bnp-car-characteristics__list-item"> 
213	                                    <div class="bnp-car-characteristics__list-item-name">CO2</div> 
214	                                    <div class="bnp-car-characteristics__list-item-info"> 
215	                                        ${vehicule.getCo2()} g/km 
216	                                    </div> 
217	                                </div> 
218                                </#if> 
219                            </div> 
220                        </div> 
221                    </div> 
222                    <div id="tab2" class="tab-pane"> 
223                        <div class="bnp-car-options"> 
224                            <#assign isRawOptionsDisplay = vehicule.getRawOptions()?size gt 0 /> 
225                            <div class="bnp-car-options__col ${isRawOptionsDisplay?then("raw-options","")}"> 
226                                <#assign vehiculeOptions = vehicule.getOptions()> 
227                                <#assign vehiculeOptionsSize = (vehiculeOptions?keys?size/2)?round> 
228                                <#assign isChunck = false> 
229 
230                                <#if !isRawOptionsDisplay> 
231                                    <#list vehiculeOptions?keys as category> 
232                                        <#if !isChunck && vehiculeOptionsSize <= category?index > 
233                                            </div> 
234                                            <div class="bnp-car-options__col"> 
235                                            <#assign isChunck = true> 
236                                        </#if> 
237 
238                                        <div class="bnp-car-options__label">${category}</div> 
239                                        <#assign vehiculeOptionsTitle = vehiculeOptions[category]> 
240                                        <ul> 
241                                            <#list vehiculeOptionsTitle as option> 
242                                                <li>${option}</li> 
243                                            </#list> 
244                                        </ul> 
245                                    </#list> 
246                                <#else> 
247                                    <div class="bnp-fields-list display-list bnp-form-field-counter"> 
248                                        <ul class="bnp-fields-list__list"> 
249                                            <#list vehicule.getRawOptions() as option> 
250                                                <li class="bnp-fields-list__list-item">${option}</li> 
251                                            </#list> 
252                                        </ul> 
253                                        <div class="bnp-fields-list__toggle"><button type="button" class="bnp-fields-list__toggle-btn" data-nb-visible="15" data-nb-visible-mobile="10"> 
254                                            <div class="visible-close">Afficher plus d'équipements et options</div> 
255                                            <div class="visible-open">Afficher moins d'équipements et options</div> 
256                                        </button></div> 
257                                    </div> 
258                                </#if> 
259 
260                            </div> 
261                        </div> 
262                    </div> 
263                    <div id="tab3" class="tab-pane"> 
264                        <div class="bnp-car-quality"> 
265                        	${chartContent} 
266                        </div> 
267                    </div> 
268                    <div id="tab4" class="tab-pane"> 
269                        <div class="bnp-car-guarantees"> 
270                            ${guaranteesContent} 
271                        </div> 
272                    </div> 
273                </div> 
274            </div> 
275        <#else> 
276        	<@liferay.language key="detail.infos.bloc.error" /> 
277        </#if> 
278    <#else> 
279    	<@liferay.language key="detail.infos.bloc.error" /> 
280    </#if> 
281<#else> 
282	<@liferay.language key="detail.infos.bloc.error" /> 
283</#if> 
284 
285<script> 
286        var distance = localStorage.getItem(${vehicule.getId()}); 
287        $('.bnp-vehicle-slider__distance').toggleClass("hide", !distance); 
288        $('.bnp-vehicle-slider__distance').text("À "+distance + " Km"); 
289 
290        var codePostal = localStorage.getItem("localisation"); 
291        var partner = "${vehicule.getPartner().getLabel()}"; 
292        if (partner.toLowerCase() == 'distinxion' && codePostal ) { 
293            var localisationUrl = "${propsUtil.get('bnp.ws.get.localisation.for.distinxion')}"; 
294            localisationUrl = localisationUrl.replace("%s", codePostal); 
295            $.ajax({ 
296                type : 'GET', 
297                url : localisationUrl, 
298                success : function(localisation) { 
299                    $('.bnp-vehicle-slider__localisation').toggleClass("hide", !localisation); 
300                    if (localisation.codePostal.toString().length == 4) { 
301                        $('.bnp-vehicle-slider__localisation').text('0' + localisation.codePostal+', '+localisation.ville); 
302                    } else { 
303                        $('.bnp-vehicle-slider__localisation').text(localisation.codePostal+', '+localisation.ville); 
304
305                }, 
306                contentType : "application/json", 
307                dataType : 'json' 
308            }); 
309
310</script> 
Accès page simulation impossible - Aucun véhicle fourni.
Image de call-center

Une question ?
Contactez - nous !

Des conseillers experts à votre écoute, du lundi au vendredi 9h à 18h pour profiter d’un accompagnement sur mesure pour votre projet auto.

De la recherche à la livraison

Votre nouvelle voiture en 3 étapes

1
Etape 1 : sur internet

Trouvez le véhicule qui vous convient directement en ligne.

Utilisez le simulateur pour trouver un financement adapté à votre budget.

2
Etape 2 : par téléphone

Un conseiller auto et financement vous rappelle et vous accompagne dans la finalisation de votre demande : le choix du véhicule, la solution de financement et vos garanties.

3
Etape 3 : en concession

Essayez le véhicule puis signez votre contrat dans la concession la plus proche de chez vous.
Après étude et validation du financement, récupérez votre véhicule dans cette même concession.

Bloc LOI LOM

Pour les trajets courts, privilégiez la marche ou le vélo.

#SeDéplacerMoinsPolluer

Pourquoi choisir Cetelem

Notre expertise auto et financement

Image call center
Un accompagnement par un conseiller expert auto et financement
Image call center
Une gamme complète de solutions de financement
Image call center
Un réseau de partenaires agréés et de confiance
Image call center
Plus de 125 000 véhicules financés par an
Image call center
Plus de 30 ans d’expériences dans le financement LOA

* Détail des conditions et limites de garantie disponibles dans la notice sur le site.

(1) Détails et conditions dans la notice. A consulter dans la rubrique Financements & Assurances – Assurance Perte Financière

Offre de location avec option d'achat proposée par Cofica Bail, bailleur et réservée aux particuliers. Sous réserve d'étude et d'acceptation de votre dossier par Cofica Bail. Vous disposez d'un droit de rétractation. Cofica Bail, S.A. au capital de 14 485 544,00 € 399 181 924 RCS Paris, Siège social : 1 boulevard Haussmann 75009 Paris N°ORIAS : 07 023 197 (www.orias.fr). Cofica Bail est une filiale de BNP Paribas Personal Finance. 

Offre pour un achat et un crédit accessoire à une vente à partir de 1 500€ empruntés remboursable sur une durée de 12 mois à 72 mois pour l’achat d’un véhicule d’occasion de moins de 5 ans. Le Taux Annuel Effectif Global fixe : 4,93%. 
Sous réserve d'acceptation du dossier par BNP Paribas Personal Finance, établissement de crédit : 1 bd Haussmann 75 009 Paris, SA au capital de 546 601 552€, 542 097 902 RCS Paris, N°ORIAS : 07 023 128 (www.orias.fr). Cetelem est une marque de BNP Paribas Personal Finance. Vous disposez d'un droit de rétractation.
 

Assurance emprunteurs : l’assurance emprunteurs, avec ses formules DIMC (Protexxio Active), DIM (Protexxio Santé) et D (Protexxio Décès), dont la souscription est facultative, est un produit de Cardif Assurance Vie et Cardif Assurances Risques Divers – Entreprises régies par le code des assurances. Ce produit convention n° 2814/707 ou n° 2805/698, est proposé par BNP Paribas Personal Finance sous la marque Cetelem , S.A au capital de 546 601 552 euros – 542 097 902 RCS Paris – siège social : 1 Bd Haussmann 75009 Paris - N°ORIAS : 07 023 128 (www.orias.fr) ou COFICABAIL sous la marque Cetelem, S. A. au capital de 12 800 000 euros, R. C. S. Paris 399 181 924 – siège social : 1 Bd Haussmann 75009 Paris, N° ORIAS : 07 023 197 (www.orias.fr), agissant en qualité de sociétés de courtage d’assurances sans obligation d’exclusivité, liste des entreprises d’assurances partenaires sur simple demande.

Garantie Perte Financière est un produit de Cardif Assurances Risques Divers, S.A. au capital de 21 602 240 € – 308 896 547 RCS Paris – siège social : 1 bd Haussmann 75009 Paris - pour les garanties Valeur d’achat, Assurance complémentaire et Evènements imprévus, et auprès d’Icare Assurance, S.A. au capital de 1 473 216 € – 327 061 339 RCS Nanterre – siège social : 93, rue Nationale 92100 Boulogne-Billancourt pour la garantie d’assistance Véhicule de remplacement. Entreprises régies par le Code des assurances.

Ce produit est proposé par Cetelem une marque de BNP Paribas Personal Finance, S.A. au capital de 546 601 552 € - 542 097 902 RCS Paris – siège social : 1 bd Haussmann 75009 Paris - N° Orias 07 023 128 (pour crédits)  ou par Cofica Bail, S.A. au capital de 14 485 544 € - 399 181 924 RCS Paris - siège social :1 bd Haussmann 75009 Paris - N° Orias : 07 023 197 (pour LOA), agissants en qualité de sociétés de courtage d’assurances sans obligation d’exclusivité : liste des entreprises d’assurance partenaires disponible sur simple demande. Sociétés soumises à l’Autorité de Contrôle Prudentiel et de Résolution (ACPR), 4 rue de Budapest 75436 Paris Cedex 9.

Auto VAT - Garantie Valeur Achat - Mentions légales

Le Contrat Pack Excellence est un produit de :
– pour la partie Prestation d’entretien : ICARE, 93, rue Nationale, 92100 Boulogne-Billancourt, société anonyme au capital de 4 620 825 euros, RCS Nanterre No 378 491 690.
– pour la partie Garantie Panne mécanique et d’Assistance : ICARE assurance, 93, rue Nationale, 92100 Boulogne-Billancourt, société anonyme au capital de 2 358 816 euros, RCS Nanterre, N° 327 061 339, entreprise régie par le Code des assurances.
Ce produit est proposé par CETELEM, marque de BNP Paribas Personal Finance, 1, boulevard Haussmann, 75009 Paris Cedex 09, établissement de crédit, société anonyme au capital de 546 601 552 euros, RCS Paris No 542 097 902, ORIAS N° 07 023 128 (www.orias.fr), société de courtage d’assurances sans obligation d’exclusivité (liste des entreprises d’assurances partenaires disponibles sur simple demande). Sociétés soumises à l’Autorité de Contrôle Prudentiel et de Résolution, 4, place de Budapest, 75436 Paris Cedex 09. Registre des Intermédiaires d’assurance (ORIAS), 1, rue Jules Lefebvre, 75431 Paris Cedex 9.