
<!--
//...............................................................................................................................................................................
//.BBBBBBBBBBBBBBBB....BBYYYYY........YYYYYY......... DDDDDDDDDDDDDD.......EEEEEEEEEEEEEEEEEEEEVVVVV........VVVVVVVLLLLLL..................AAAAAAAA........BBBBBBBBBBBBBBBB......
//.BBBBBBBBBBBBBBBBBB...BYYYYYY......YYYYYYY......... DDDDDDDDDDDDDDDD.....EEEEEEEEEEEEEEEEEEEEVVVVV........VVVVVV.LLLLLL..................AAAAAAAA........BBBBBBBBBBBBBBBBB.....
//.BBBBBBBBBBBBBBBBBB...BYYYYYY......YYYYYY.......... DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.EVVVVV........VVVVVV.LLLLLL.................AAAAAAAAA........BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBBBB...YYYYYYY....YYYYYYY.......... DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.EVVVVVV......VVVVVV..LLLLLL.................AAAAAAAAAA.......BBBBBBBBBBBBBBBBBBB...
//.BBBBBB.....BBBBBBBB....YYYYYY...YYYYYYY........... DDDDD....DDDDDDDDD...EEEEEE..............VVVVVV......VVVVVV..LLLLLL.................AAAAAAAAAA.......BBBBBB.....BBBBBBBB...
//.BBBBBB.......BBBBBB....YYYYYYY..YYYYYY............ DDDDD......DDDDDDD...EEEEEE..............VVVVVV......VVVVVV..LLLLLL................AAAAAAAAAAA.......BBBBBB.......BBBBBB...
//.BBBBBB.......BBBBBB.....YYYYYYYYYYYYYY............ DDDDD.......DDDDDDD..EEEEEE..............VVVVVVV....VVVVVV...LLLLLL................AAAAAAAAAAAA......BBBBBB.......BBBBBB...
//.BBBBBB.......BBBBBB.....YYYYYYYYYYYYY............. DDDDD........DDDDDD..EEEEEE...............VVVVVV....VVVVVV...LLLLLL...............AAAAAA.AAAAAA......BBBBBB.......BBBBBB...
//.BBBBBB.....BBBBBBBB......YYYYYYYYYYY.............. DDDDD........DDDDDD..EEEEEE...............VVVVVV....VVVVVV...LLLLLL...............AAAAAA.AAAAAA......BBBBBB.....BBBBBBB....
//.BBBBBBBBBBBBBBBBBB........YYYYYYYYYY.............. DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE....VVVVVVV..VVVVVV....LLLLLL...............AAAAAA..AAAAAA.....BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBB.........YYYYYYYYY............... DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVV..VVVVVV....LLLLLL..............AAAAAA...AAAAAA.....BBBBBBBBBBBBBBBBB.....
//.BBBBBBBBBBBBBBBBBB.........YYYYYYYY............... DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVV..VVVVV.....LLLLLL..............AAAAAA...AAAAAAA....BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBBBB.........YYYYYY................ DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVVVVVVVVV.....LLLLLL..............AAAAAA....AAAAAA....BBBBBBBBBBBBBBBBBBB...
//.BBBBBB.....BBBBBBBBB........YYYYYY................ DDDDD........DDDDDD..EEEEEE.................VVVVVVVVVVVV.....LLLLLL.............AAAAAAAAAAAAAAAAA....BBBBBB.....BBBBBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD........DDDDDD..EEEEEE.................VVVVVVVVVVV......LLLLLL.............AAAAAAAAAAAAAAAAAA...BBBBBB.......BBBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD.......DDDDDDD..EEEEEE.................VVVVVVVVVVV......LLLLLL.............AAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD......DDDDDDD...EEEEEE..................VVVVVVVVVV......LLLLLL............LAAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB..
//.BBBBBB......BBBBBBBB........YYYYYY................ DDDDD....DDDDDDDDD...EEEEEE..................VVVVVVVVV.......LLLLLL............LAAAAA.......AAAAAAA..BBBBBB......BBBBBBBB..
//.BBBBBBBBBBBBBBBBBBBB........YYYYYY................ DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE......VVVVVVVVV.......LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBBB..
//.BBBBBBBBBBBBBBBBBBB.........YYYYYY................ DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBB...
//.BBBBBBBBBBBBBBBBBB..........YYYYYY................ DDDDDDDDDDDDDDDD.....EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAAA.BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBB...........YYYYYY................ DDDDDDDDDDDDDD.......EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAA...........AAAAAA.BBBBBBBBBBBBBBBBB.....
//...............................................................................................................................................................................
-->

<!DOCTYPE html>
<html  lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
<head>
    <meta charset="utf-8" />
<meta name="title" content="DENZA B5 | Tahiti Automobiles" />
<link rel="canonical" href="https://www.tahitiauto.pf/byd/denza-b5" />
<link rel="apple-touch-icon" sizes="180x180" href="/sites/default/files/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/sites/default/files/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/sites/default/files/favicons/favicon-16x16.png"/>
<link rel="manifest" href="/sites/default/files/favicons/site.webmanifest"/>
<meta name="msapplication-TileColor" content="#da532c"/>
<meta name="theme-color" content="#ffffff"/>
<meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<script>function euCookieComplianceLoadScripts() {}</script>
<style>div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background: #00125d} div#sliding-popup.eu-cookie-withdraw-wrapper { background: transparent; } #sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab { color: #ffffff;} .eu-cookie-withdraw-tab { border-color: #ffffff;}</style>
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<style>
        .l-footer {
            background-color: #000000 !important;
        }
        .m-section-title::after {
            background-color: #000000 !important;
        }
        .btn-light-blue {
            background-color: #000000 !important;
            border: 2px solid #000000 !important;
        }
        .btn-light-blue-reverse {
            color: #000000 !important;
        }
        .m-parallax-wrapper .btn-light-blue-reverse {
            color: inherit !important;
            background-color: inherit !important;
        } 
        .m-parallax-wrapper .btn-light-blue-reverse:hover, .m-parallax-wrapper .btn-light-blue-reverse:focus  {
            color: inherit !important;
            background-color: inherit !important;
        } 
        .btn-light-blue-reverse:hover, .btn-light-blue-reverse:focus {
            background-color: #000000 !important;
             color: #FFF !important;
        }
        .btn-light-blue:hover, .btn-light-blue:focus {
            color: #FFF !important;
            border-color: #000000 !important;
        }
        #back-to-top {
            background: #000000 !important;
        }
        #wrapper-slice-256 &gt; .m-parallax &gt; .m-parallax-image{
            background-color: #000000 !important;
        }
        .breadcrumb .breadcrumb-item:last-child {
            color: #000000 !important;
        }
        div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
            background: #000000 !important;
        }</style>
<link rel="alternate" hreflang="fr" href="https://www.tahitiauto.pf/byd/denza-b5" />
<link rel="revision" href="https://www.tahitiauto.pf/byd/denza-b5" />
<script src="/sites/default/files/google_tag/primary/google_tag.script.js?tjagy9" defer="true"></script>

        <title>DENZA B5 | Tahiti Automobiles</title>
        <link rel="stylesheet" media="all" href="/sites/default/files/css/css_bCLFgMje53FQsiDoEEcyd6Wd1kWk0Qkap8piK1l9Hlc.css?tjagy9" />
<link rel="stylesheet" media="all" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_TmWRo32H7hRvAz5UAZBLaMmHh-yyppRaYO_aylWzewM.css?tjagy9" />
<link rel="stylesheet" media="print" href="/sites/default/files/css/css_Z5jMg7P_bjcW9iUzujI7oaechMyxQTUqZhHJ_aYSq04.css?tjagy9" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_so8rAAJHlN99O1j6QJpX-25FGys2ouZh3fHcmtZmLAY.css?tjagy9" />
<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Hind|Poppins:300,400,500,700,800" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_k2sTEVnnemtsqFPgtOyOHGAcSSJzI9sUY1OTPTD0D8Q.css?tjagy9" />

            <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/382","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","ajaxPageState":{"libraries":"bootstrap_barrio\/breadcrumb,bootstrap_barrio\/form,bootstrap_barrio\/global-styling,core\/html5shiv,eu_cookie_compliance\/eu_cookie_compliance,paragraphs\/drupal.paragraphs.unpublished,starter\/animate,starter\/bootstrap4,starter\/custom-fonts,starter\/font-awesome,starter\/font-awesome-4,starter\/global-styling,starter\/lettering,starter\/masonry,starter\/mmenu,starter\/owl-carousel,starter\/parallax,starter\/waypoints,system\/base,tahiti_auto_modele\/tahiti-auto-modele","theme":"starter","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"eu_cookie_compliance":{"popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv class=\u0022row align-items-center justify-content-center\u0022\u003E\n      \u003Cdiv class=\u0022col-md-4\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n            \u003Ch2\u003ENous utilisons des cookies sur ce site pour am\u00e9liorer votre exp\u00e9rience d\u0027utilisateur.\u003C\/h2\u003E\n\n        \u003C\/div\u003E\n      \u003C\/div\u003E\n\n      \u003Cdiv class=\u0022col-md-8\u0022\u003E\n        \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n          \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-agree-button btn btn-light-blue-reverse\u0022\u003EJ\u0026#039;accepte.\u003C\/button\u003E\n                          \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button btn btn-light-blue-reverse\u0022\u003EPlus d\u0026#039;infos.\u003C\/button\u003E\n                    \u003C\/div\u003E\n      \u003C\/div\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv class=\u0022row align-items-center justify-content-center\u0022\u003E\n      \u003Cdiv class=\u0022col-md-4\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n            \n        \u003C\/div\u003E\n      \u003C\/div\u003E\n\n      \u003Cdiv class=\u0022col-md-8\u0022\u003E\n        \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n          \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-agree-button btn btn-light-blue-reverse\u0022\u003EJ\u0026#039;accepte.\u003C\/button\u003E\n                          \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button btn btn-light-blue-reverse\u0022\u003EPlus d\u0026#039;infos.\u003C\/button\u003E\n                    \u003C\/div\u003E\n      \u003C\/div\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":false,"popup_height":"auto","popup_width":"100%","popup_delay":1000,"popup_link":"\/","popup_link_new_window":true,"popup_position":false,"popup_language":"fr","store_consent":false,"better_support_for_screen_readers":false,"cookie_name":"","reload_page":false,"domain":"","popup_eu_only_js":false,"cookie_lifetime":100,"cookie_session":0,"disagree_do_not_show_popup":false,"method":"opt_in","whitelisted_cookies":"","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n      \u003Ch2\u003ENous utilisons des cookies sur ce site pour am\u00e9liorer votre exp\u00e9rience d\u0027utilisateur.\u003C\/h2\u003E\n\n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n      \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button\u0022\u003ERetirer le consentement\u003C\/button\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":false},"user":{"uid":0,"permissionsHash":"dcd939115723a482365899b486241a44f20957a57c6f2665ae701126d29b1336"}}</script>

<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->
<script src="/sites/default/files/js/js_ClIkVZUFFPOdNqbdvHJA2Ui44tkR-aNwAqTtjcMrxv0.js"></script>

                </head>
<body class="layout-no-sidebars page-node-382 path-node page-node-type-modele">
<a href="#main-content" class="visually-hidden focusable skip-link">
    Aller au contenu principal
</a>
<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6W3MQ83" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    
<header class="l-header sticky-top">
                        <div class="l-menu-navigation d-none d-lg-block">
                    <div id="block-navigationcustomblock" class="block block-block-content block-block-content3d655aa0-f742-44c2-9769-d5ea6542e1ad m-block">
    
        
            <div class="content">
                
<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-137">
            <div class="container">
                        <div class="m-columns">
                <div class="row justify-content-center align-items-center">
                        

    <div class="col-12 col-sm-4 col-md-4">
                            

<div class="slice-item-wrapper slice-item-image" id="wrapper-slice-135">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="m-image  ">
                                        <a href="/">
                        
                                                                        
                        <img alt="Tahiti Automobiles - concessionnaire logo" title="" src="/sites/default/files/2026-06/logo-tahiti-auto-HD.png"
                             class="img-fluid ">
                                            </a>
                                    </div>
            </div>
        </div>
    </div>
</div>

            </div>


    <div class="col-12 col-sm-8 col-md-8">
                        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-136">
    <div class="m-block">
                            <div class="container">
                                <div class="row ">
                    <div class="col">
                                                    
            <div class="field field--name-field-block field--type-block-field field--label-hidden field__item">
<nav role="navigation"
     aria-labelledby="-menu" class="block block-menu navigation menu--main navbar navbar-expand-lg">
                    
    
    <h2 class="sr-only" id="-menu">Navigation principale</h2>
    

    <a class="navbar-brand d-xl-none d-lg-none float-left" href="https://www.tahitiauto.pf/">
        <img class="img-fluid" src="/themes/starter/images/logo.png"/>
    </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-457684246"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars"></i>
    </button>

    <div class="collapse navbar-collapse" id="navbarNavDropdown-457684246">
                    
        <ul class="clearfix nav navbar-nav ml-auto">
                                    <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="/le-groupe" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/60">Le groupe</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/le-groupe#histoire" data-drupal-link-system-path="node/60">Histoire</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/le-groupe#valeurs" data-drupal-link-system-path="node/60">Nos valeurs</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/le-groupe#recrutement" data-drupal-link-system-path="node/60">Recrutement</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="https://www.tahitiauto.pf/nos-marques" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Nos marques</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/byd" data-drupal-link-system-path="taxonomy/term/7">BYD</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/changan" data-drupal-link-system-path="taxonomy/term/76">CHANGAN</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/ford" data-drupal-link-system-path="taxonomy/term/3">Ford</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="https://www.tahitiauto.pf/geely">GEELY</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/honda" data-drupal-link-system-path="taxonomy/term/6">Honda</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/honda-moto" data-drupal-link-system-path="taxonomy/term/23">Honda Moto</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/jmc" data-drupal-link-system-path="taxonomy/term/22">JMC</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/land-rover" data-drupal-link-system-path="taxonomy/term/5">Land Rover</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/leap-motor" data-drupal-link-system-path="taxonomy/term/116">LEAPMOTOR</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/linktour" data-drupal-link-system-path="taxonomy/term/117">LINKTOUR</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/maxus" data-drupal-link-system-path="taxonomy/term/77">MAXUS</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/mercedes-benz" data-drupal-link-system-path="taxonomy/term/2">Mercedes-Benz</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/mg" data-drupal-link-system-path="taxonomy/term/20">MG Motor</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/subaru" data-drupal-link-system-path="taxonomy/term/4">Subaru</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/farizon" data-drupal-link-system-path="taxonomy/term/113">Farizon</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="https://www.tahitiauto.pf/nos-marques">TOUTES LES MARQUES</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="/vehicules-industriels" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/74">Véhicules Industriels &amp; Pro</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/vehicules-industriels" data-drupal-link-system-path="node/74">NOS MARQUES &amp; PRODUITS</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/vehicules-industriels-locamat" data-drupal-link-system-path="node/201">Location de matériel</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/vehicules-industriels-contact" data-drupal-link-system-path="node/196">Contactez-nous</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item">
                                                    <a href="/actualites" class="nav-link" data-drupal-link-system-path="node/63">Actualités</a>
                            </li>
                                <li class="nav-item">
                                                    <a href="/contactez-nous" class="nav-link" data-drupal-link-system-path="node/59">Contact</a>
                            </li>
            </ul>
        

            </div>
</nav>
</div>
      
                                            </div>
                </div>
            </div>
                    </div>
    </div>


            </div>


                </div>
            </div>
        </div>
    </div>


        </div>
    </div>


            </div>
            
                        <div class="l-menu-navigation-mobile d-xl-none d-lg-none">
                    
<nav role="navigation"
     aria-labelledby="block-navigationprincipale-menu" id="block-navigationprincipale" class="block block-menu navigation menu--main navbar navbar-expand-lg">
                    
    
    <h2 class="sr-only" id="block-navigationprincipale-menu">Navigation principale</h2>
    

    <a class="navbar-brand d-xl-none d-lg-none float-left" href="https://www.tahitiauto.pf/">
        <img class="img-fluid" src="/themes/starter/images/logo.png"/>
    </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-640220445"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars"></i>
    </button>

    <div class="collapse navbar-collapse" id="navbarNavDropdown-640220445">
                    
        <ul class="clearfix nav navbar-nav ml-auto">
                                    <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="/le-groupe" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/60">Le groupe</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/le-groupe#histoire" data-drupal-link-system-path="node/60">Histoire</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/le-groupe#valeurs" data-drupal-link-system-path="node/60">Nos valeurs</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/le-groupe#recrutement" data-drupal-link-system-path="node/60">Recrutement</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="https://www.tahitiauto.pf/nos-marques" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Nos marques</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/byd" data-drupal-link-system-path="taxonomy/term/7">BYD</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/changan" data-drupal-link-system-path="taxonomy/term/76">CHANGAN</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/ford" data-drupal-link-system-path="taxonomy/term/3">Ford</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="https://www.tahitiauto.pf/geely">GEELY</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/honda" data-drupal-link-system-path="taxonomy/term/6">Honda</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/honda-moto" data-drupal-link-system-path="taxonomy/term/23">Honda Moto</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/jmc" data-drupal-link-system-path="taxonomy/term/22">JMC</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/land-rover" data-drupal-link-system-path="taxonomy/term/5">Land Rover</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/leap-motor" data-drupal-link-system-path="taxonomy/term/116">LEAPMOTOR</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/linktour" data-drupal-link-system-path="taxonomy/term/117">LINKTOUR</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/maxus" data-drupal-link-system-path="taxonomy/term/77">MAXUS</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/mercedes-benz" data-drupal-link-system-path="taxonomy/term/2">Mercedes-Benz</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/mg" data-drupal-link-system-path="taxonomy/term/20">MG Motor</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/subaru" data-drupal-link-system-path="taxonomy/term/4">Subaru</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/farizon" data-drupal-link-system-path="taxonomy/term/113">Farizon</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="https://www.tahitiauto.pf/nos-marques">TOUTES LES MARQUES</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item menu-item--expanded dropdown">
                                                    <a href="/vehicules-industriels" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" data-drupal-link-system-path="node/74">Véhicules Industriels &amp; Pro</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                                    <a href="/vehicules-industriels" data-drupal-link-system-path="node/74">NOS MARQUES &amp; PRODUITS</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/vehicules-industriels-locamat" data-drupal-link-system-path="node/201">Location de matériel</a>
                            </li>
                                <li class="dropdown-item">
                                                    <a href="/vehicules-industriels-contact" data-drupal-link-system-path="node/196">Contactez-nous</a>
                            </li>
            </ul>
        
                            </li>
                                <li class="nav-item">
                                                    <a href="/actualites" class="nav-link" data-drupal-link-system-path="node/63">Actualités</a>
                            </li>
                                <li class="nav-item">
                                                    <a href="/contactez-nous" class="nav-link" data-drupal-link-system-path="node/59">Contact</a>
                            </li>
            </ul>
        

            </div>
</nav>


            </div>
            </header>

    <div class="l-navigation-tools sticky-top">
                        <div id="block-tahitiautomodelecustomblock" class="block block-block-content block-block-content5c3a186c-639a-42a1-9fcf-dbaeeb16c023 m-block">
    
        
            <div class="content">
                
<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-253">
            <div class="container">
                        <div class="m-columns">
                <div class="row justify-content-between align-items-center">
                        

    <div class="col-12 col-sm-6 col-md-6">
                        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-250">
    <div class="m-block">
                            <div class="container">
                                <div class="row ">
                    <div class="col">
                                                    
            <div class="field field--name-field-block field--type-block-field field--label-hidden field__item"><div class="block block-tahiti-auto-modele block-tahiti-auto-modele-block m-block">
    
        
            <div class="content">
            
<form data-drupal-selector="tahiti-auto-modele" action="/byd/denza-b5" method="post" id="tahiti-auto-modele" accept-charset="UTF-8">
  
  <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-modeles form-item-modeles form-no-label form-group">
                
<select data-drupal-selector="edit-modeles" id="edit-modeles" name="modeles" class="form-select required" required="required" aria-required="true"><option value="229">BYD DOLPHIN</option><option value="241">BYD ATTO 3</option><option value="310">BYD SEAGULL</option><option value="358">BYD SEALION 6</option><option value="359">BYD SHARK 6</option><option value="380">BYD ATTO 2</option><option value="381">BYD SEALION 7</option><option value="382" selected="selected">DENZA B5</option></select>
                  </fieldset>
<input autocomplete="off" data-drupal-selector="form-24thtbooquux8srkuy3ggbumi-3yfovqjzu-rc-qw40" type="hidden" name="form_build_id" value="form-24tHtBOOquuX8SrKuy3GGBUmI-3yFovqjzU_Rc_QW40" class="form-control" />
<input data-drupal-selector="edit-tahiti-auto-modele" type="hidden" name="form_id" value="tahiti_auto_modele" class="form-control" />
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-group" id="edit-actions"><input style="display: none;" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send" class="button button--primary js-form-submit form-submit btn btn-primary form-control" />
</div>

</form>

        </div>
    </div>
</div>
      
                                            </div>
                </div>
            </div>
                    </div>
    </div>


            </div>


    <div class="col-12 col-sm-6 col-md-6">
                        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-301">
    <div class="m-block">
                            <div class="container">
                                <div class="row ">
                    <div class="col">
                                                    
            <div class="field field--name-field-block field--type-block-field field--label-hidden field__item"><div class="block block-tahiti-auto-modele block-tahiti-auto-modele-link-block m-block">
    
        
            <div class="content">
            <div class="m-menu-links">
    <div class="m-menu-links__content">
        <ul>
            <li>
                <a href="/reservez-ou-demander-un-devis?nid=382&type_action=rdv">Réserver un essai</a>
            </li>
            <li>
                <a href="/reservez-ou-demander-un-devis?nid=382&type_action=devis">Demander un devis</a>
            </li>
        </ul>
    </div>
</div>
        </div>
    </div>
</div>
      
                                            </div>
                </div>
            </div>
                    </div>
    </div>


            </div>


                </div>
            </div>
        </div>
    </div>


        </div>
    </div>


            </div>

    <div class="l-content-top">
                        <div id="wrapper-slider-5782" class="m-slider-component__wrapper">
  <div id="slider-5782" class="m-slider-component owl-carousel owl-theme">
        

  <div class="paragraph paragraph--type--slider-item paragraph--view-mode--default">
          <div class="m-slider"
           style="">
        <a href=""></a>

        <picture>
                      <source srcset="/sites/default/files/styles/image_lg/public/2026-09/denza_b5_byd_tahiti_electrique-suv_auto_header_web.jpg?itok=5xEIzsli" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2026-09/denza_b5_byd_tahiti_electrique-suv_auto_header_web.jpg?itok=5xEIzsli" media="(min-width: 992px)">
          
          
                      <source srcset="/sites/default/files/styles/image_mobile/public/2026-09/denza_b5_byd_tahiti_electrique-suv_auto_header_mobile.jpg?itok=J5avAVjc" media="(min-width: 320px)">
          
                      <img src="/sites/default/files/styles/image_lg/public/2026-09/denza_b5_byd_tahiti_electrique-suv_auto_header_web.jpg?itok=5xEIzsli"/>
                  </picture>

        <div
          class="m-slider__wrapper  m-slider__wrapper--center-center  ">
          
          
                  </div>
      </div>
      </div>


  </div>
</div>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#slider-5782').owlCarousel({
            stagePadding: 0,
            items: 1,
            margin: 0,
            autoplay: true,
            singleItem: true,
            loop: true,
            nav: true,
            dots: false,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            navText: [
                "<i class='fa fa-angle-left'></i>",
                "<i class='fa fa-angle-right'></i>"
            ]
        });
    });
</script>


            </div>


    <div class="m-go-back-link">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <a href="#">
                        < Retour
                    </a>
                </div>

                                    <div class="col-md-6">
                                                    <div class="l-breadcrumb">
                                  <div id="block-starter-breadcrumbs" class="block block-system block-system-breadcrumb-block m-block">
    
        
            <div class="content">
            

  <nav role="navigation" aria-label="breadcrumb">
    <ol class="breadcrumb">
                  <li class="breadcrumb-item">
          <a href="/">Accueil</a>
        </li>
                        <li class="breadcrumb-item">
          <a href="/byd">BYD</a>
        </li>
              </ol>
  </nav>

        </div>
    </div>


                            </div>
                                            </div>
                            </div>
        </div>
    </div>

    <div role="main" class="clearfix l-wrapper-main-container">
                    <div class="l-messages">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                                <div data-drupal-messages-fallback class="hidden"></div>


                        </div>
                    </div>
                </div>
            </div>
        
        
                                            <section>
                            
                                                                    
                                    <a id="main-content"></a>
                                      <div id="block-starter-content" class="block block-system block-system-main-block m-block">
    
        
            <div class="content">
            

<article data-history-node-id="382" role="article" about="/byd/denza-b5" class="modele full clearfix">
    
    
    <div class="content">
        <div class="container-fluid m-modele__info--containerfluid">
            <div class="container m-modele__info--container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                                                    <div class="m-modele__info">
                                <div class="m-modele__info__title">
                                    à partir de
                                </div>

                                <div class="m-modele__info__price">
                                    
            <div content="6990000" class="field field--name-field-prix field--type-integer field--label-hidden field__item">6 990 000 XPF</div>
      
                                </div>
                            </div>
                        
                                            </div>

                    <div class="col-md-3 col-sm-6">
                                                    <div class="m-modele__info">
                                <div class="m-modele__info__title">
                                    Principaux équipements :
                                </div>

                                <div class="m-modele__info__list">
                                    <ul>
            <li>
            4x4
        </li>
            <li>
            Climatisation automatique
        </li>
            <li>
            Ecran tactile + Caméra de recul
        </li>
            <li>
            Feux LED
        </li>
            <li>
            Vitres électriques AV/AR
        </li>
    </ul>


                                </div>
                            </div>
                                            </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="m-modele__info">
                                                            <div class="m-modele__info__subtitle">
                                    Consommation mixte
                                </div>

                                <div class="m-modele__info__text">
                                    
            <div class="field field--name-field-consommation field--type-string field--label-hidden field__item">X.X L/100 KM</div>
      
                                </div>
                            
                                                            <div class="m-modele__info__subtitle">
                                    Émission(s) co²
                                </div>

                                <div class="m-modele__info__text">
                                    
            <div class="field field--name-field-emission field--type-string field--label-hidden field__item">xxx g/km</div>
      
                                </div>
                                                    </div>
                    </div>

                    <div class="col-md-3 col-sm-6">
                        <div class="m-modele__info">
                                                            <div class="m-modele__info__title">
                                    Places :
                                </div>

                                <div class="m-modele__info__place">
                                    
            <div class="field field--name-field-places field--type-integer field--label-hidden field__item">5</div>
      
                                </div>
                            
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5783">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
div.dzb5 {
  --dz-navy: #0B1F4B;
  --dz-ink: #111111;
  font-family: Montserrat, Poppins, Hind, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--dz-ink);
  background: #fff;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  line-height: 1.55;
  text-align: left;
  box-sizing: border-box;
}
div.dzb5 *, div.dzb5 *::before, div.dzb5 *::after { box-sizing: border-box; }
div.dzb5 h1, div.dzb5 h2, div.dzb5 h3, div.dzb5 p, div.dzb5 button, div.dzb5 a {
  font-family: inherit; margin: 0; max-width: none;
}
div.dzb5 button:not(.dzb5-chip):not(.dzb5-dot),
div.dzb5 button:not(.dzb5-chip):not(.dzb5-dot):focus,
div.dzb5 button:not(.dzb5-chip):not(.dzb5-dot):active,
div.dzb5 button:not(.dzb5-chip):not(.dzb5-dot):hover {
  appearance: none !important; -webkit-appearance: none !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
  outline: none !important; cursor: pointer;
  font-family: inherit; color: inherit;
  -webkit-tap-highlight-color: transparent !important;
}
div.dzb5 img {
  border: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

div.dzb5 .dzb5-hero {
  position: relative; min-height: 0;
  background: #fff;
  display: flex; align-items: center; justify-content: center;
  color: #111; text-align: center;
}
div.dzb5 .dzb5-hero-inner { position: relative; z-index: 1; padding: 48px 6% 28px; }
div.dzb5 .dzb5-hero h1 {
  font-size: clamp(2.2rem, 6vw, 4.2rem);
  font-weight: 600; letter-spacing: .04em; line-height: .95; color: #111;
}
div.dzb5 .dzb5-hero p {
  margin-top: 14px; font-size: clamp(.72rem, 1.4vw, .95rem);
  letter-spacing: .18em; text-transform: uppercase; color: #555;
}

div.dzb5 .dzb5-studio { background: #fff; padding: 48px 4% 28px; }
div.dzb5 .dzb5-studio-stage {
  background: #eceff2; border-radius: 18px; max-width: 1180px;
  margin: 0 auto; padding: 18px 16px 28px;
}
div.dzb5 .dzb5-hint {
  display: block; width: max-content; margin: 0 auto 8px;
  background: #fff; border-radius: 999px; padding: 6px 14px;
  font-size: .75rem; color: #777; box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
div.dzb5 .dzb5-360 {
  height: 420px; display: flex; align-items: center; justify-content: center;
  cursor: ew-resize; user-select: none; touch-action: pan-y;
}
div.dzb5 .dzb5-360 img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
div.dzb5 .dzb5-colors {
  display: flex; justify-content: center; align-items: center;
  gap: 10px; flex-wrap: wrap; margin-top: 6px;
}
div.dzb5 .dzb5-swatch {
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px; padding: 3px; border-radius: 999px;
  background: transparent; border: 1px solid transparent; transition: .2s;
}
div.dzb5 .dzb5-swatch i {
  width: 30px; height: 30px; border-radius: 50%; display: block;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}
div.dzb5 .dzb5-swatch span {
  display: none; font-size: .8rem; font-weight: 500; padding-right: 10px; white-space: nowrap;
}
div.dzb5 .dzb5-swatch.is-on { background: #fff; border-color: #ddd; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
div.dzb5 .dzb5-swatch.is-on span { display: inline; }
div.dzb5 .dzb5-studio-tabs {
  display: flex; justify-content: center; gap: 28px; margin: 22px 0 8px; font-size: .95rem;
}
div.dzb5 .dzb5-studio-tabs button { color: #9a9a9a; padding: 6px 0; border-bottom: 2px solid transparent; }
div.dzb5 .dzb5-studio-tabs button.is-on { color: #111; font-weight: 600; border-bottom-color: #111; }
div.dzb5 .dzb5-legal { text-align: center; font-size: .75rem; color: #9a9a9a; margin: 0; }

div.dzb5 .dzb5-localnav {
  position: sticky; top: 0; z-index: 40; background: #fff;
  border-bottom: 1px solid #e6e6e6; display: flex; align-items: center;
  gap: 8px 28px; padding: 0 4%; min-height: 56px; overflow-x: auto; scrollbar-width: none;
}
div.dzb5 .dzb5-localnav::-webkit-scrollbar { display: none; }
div.dzb5 .dzb5-localnav strong { font-size: .95rem; letter-spacing: .04em; white-space: nowrap; }
div.dzb5 .dzb5-localnav a {
  color: #222; text-decoration: none; font-size: .92rem;
  padding: 16px 0 14px; border-bottom: 2px solid transparent; white-space: nowrap;
}
div.dzb5 .dzb5-localnav a.is-on { font-weight: 600; border-bottom-color: #111; }

div.dzb5 .dzb5-chapter { background: #fff; }
div.dzb5 .dzb5-chapter-visual {
  width: 100%;
  line-height: 0;
  background: #fff;
}
div.dzb5 .dzb5-chapter-visual img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover;
}
div.dzb5 .dzb5-chapter-grid {
  width: 100%; max-width: 1100px; margin: 0 auto;
  padding: 72px 6% 56px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px 48px; align-items: start;
}
div.dzb5 .dzb5-chapter h2 {
  font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 600; line-height: 1.2; color: #111;
}
div.dzb5 .dzb5-chapter p { font-size: 1.02rem; color: #555; }

div.dzb5 .dzb5-feat { background: #fff; padding: 8px 0 64px; }
div.dzb5 .dzb5-feat-tabs {
  display: flex; justify-content: center; gap: 8px 32px; flex-wrap: wrap;
  padding: 8px 6% 36px; overflow-x: auto; scrollbar-width: none;
}
div.dzb5 .dzb5-feat-tabs::-webkit-scrollbar { display: none; }
div.dzb5 .dzb5-feat-tabs button { flex: 0 0 auto; white-space: nowrap; }
div.dzb5 .dzb5-feat-tabs button {
  font-size: .92rem; color: #9a9a9a; padding: 8px 2px;
  border: 0 !important; border-bottom: 2px solid transparent !important;
  background: transparent !important; box-shadow: none !important; outline: none !important;
  border-radius: 0 !important;
}
div.dzb5 .dzb5-feat-tabs button.is-on {
  color: #111 !important; font-weight: 600;
  box-shadow: inset 0 -2px 0 #111 !important;
}
div.dzb5 .dzb5-feat-track {
  display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x proximity;
  padding: 0 calc(18% - 9px) 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  cursor: grab; touch-action: pan-x;
}
div.dzb5 .dzb5-feat-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
div.dzb5 .dzb5-feat-track::-webkit-scrollbar { display: none; }
div.dzb5 .dzb5-slide {
  flex: 0 0 64%; max-width: 64%; scroll-snap-align: center; position: relative;
  border-radius: 20px; overflow: hidden; min-height: 520px;
  background: #111; color: #fff;
}
div.dzb5 .dzb5-slide img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-width: none !important; max-height: none !important;
  object-fit: cover !important; object-position: center !important;
}
div.dzb5 .dzb5-slide::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.05) 100%);
}
div.dzb5 .dzb5-slide-copy { position: relative; z-index: 1; max-width: 420px; padding: 48px 40px; }
div.dzb5 .dzb5-slide-copy h3 { font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 600; line-height: 1.15; margin-bottom: 14px; }
div.dzb5 .dzb5-slide-copy p { color: rgba(255,255,255,.9); font-size: .98rem; }

div.dzb5 .dzb5-specs {
  display: grid; grid-template-columns: 280px 1fr; gap: 40px;
  max-width: 1180px; margin: 0 auto; padding: 72px 6%; align-items: start;
}
div.dzb5 .dzb5-spec { padding: 22px 0; border-bottom: 1px solid #ececec; }
div.dzb5 .dzb5-spec strong { display: block; font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: 500; letter-spacing: -.03em; line-height: 1; }
div.dzb5 .dzb5-spec strong small { font-size: .42em; font-weight: 500; margin-left: 6px; }
div.dzb5 .dzb5-spec span { display: block; margin-top: 10px; color: #555; font-size: .95rem; }
div.dzb5 .dzb5-specs-visual { min-height: 360px; border-radius: 16px; background: #eceff2 center/contain no-repeat; }

div.dzb5 .dzb5-cta {
  position: relative; height: 340px; max-height: 340px;
  background: #3a3a3a; color: #fff; overflow: hidden;
}
div.dzb5 .dzb5-cta > img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-width: none !important; max-height: none !important;
  object-fit: cover !important; object-position: 70% center !important;
  display: block !important;
}
div.dzb5 .dzb5-cta::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 55%, rgba(0,0,0,.08) 100%);
}
div.dzb5 .dzb5-cta-inner {
  position: absolute; z-index: 1; inset: 0;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  padding: 40px 6%; max-width: 560px;
}
div.dzb5 .dzb5-cta h2 { font-size: 1.7rem; font-weight: 600; margin-bottom: 10px; }
div.dzb5 .dzb5-cta p { margin-bottom: 18px; color: rgba(255,255,255,.9); font-size: .95rem; }
div.dzb5 .dzb5-btn {
  display: inline-block !important; width: auto !important; max-width: 100%;
  background: #fff !important; color: #111 !important; text-decoration: none !important;
  padding: 12px 22px !important; border-radius: 999px !important;
  font-weight: 600; font-size: .92rem; align-self: flex-start;
}
div.dzb5 .dzb5-note { text-align: center; font-size: .72rem; color: #8a8a8a; padding: 18px 6% 28px; }

@media (max-width: 992px) {
  div.dzb5 .dzb5-360 { height: 260px; }
  div.dzb5 .dzb5-360 img { transform: scale(1.12); transform-origin: center center; }
  div.dzb5 .dzb5-chapter-grid, div.dzb5 .dzb5-specs { grid-template-columns: 1fr; gap: 12px; }
  div.dzb5 .dzb5-chapter-visual img { width: 100% !important; }
  div.dzb5 .dzb5-slide { flex: 0 0 90%; max-width: 90%; min-height: 360px; }
  div.dzb5 .dzb5-feat-tabs { display: none !important; }
  div.dzb5 .dzb5-dots { display: flex !important; }
  div.dzb5 .dzb5-feat-track { padding: 0 calc(5% - 9px) 8px; }
  div.dzb5 .dzb5-chapter-grid { padding: 48px 6% 36px; }
  div.dzb5 .dzb5-slide-copy { padding: 22px 18px; }
  div.dzb5 .dzb5-slide-copy h3 { font-size: 1.15rem; }
  div.dzb5 .dzb5-specs-visual { min-height: 220px; }
  div.dzb5 .dzb5-picker { padding: 0 0 40px; }
  div.dzb5 .dzb5-cta { height: 280px !important; max-height: 280px !important; padding-bottom: 0; }
  div.dzb5 .dzb5-cta > img {
    position: absolute !important; inset: 0 !important;
    height: 100% !important; max-height: none !important;
    object-position: center center !important;
  }
  div.dzb5 .dzb5-cta::after {
    background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.45) 100%);
  }
  div.dzb5 .dzb5-cta-inner {
    position: absolute !important; inset: 0 !important;
    margin-top: 0; padding: 24px 20px;
    justify-content: center;
  }
  div.dzb5 .dzb5-cta h2 { font-size: 1.3rem; }
  div.dzb5 .dzb5-cta p { font-size: .88rem; margin-bottom: 14px; }
}

div.dzb5 .dzb5-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 24px;
  max-width: 1180px;
  margin: 28px auto 0;
  padding: 8px 8px 0;
}
div.dzb5 .dzb5-kpis .dzb5-spec { padding: 8px 0 16px; text-align: center; border: 0 !important; }
div.dzb5 .dzb5-picker {
  background: #fff;
  padding: 0 0 48px;
  width: 100%;
}
div.dzb5 .dzb5-picker-stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
  line-height: 0;
}
div.dzb5 .dzb5-picker-stage img {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain;
  background: #fff;
  transition: opacity .2s ease;
}
div.dzb5 .dzb5-picker-card {
  position: absolute;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 14px;
  padding: 10px 12px 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  max-width: 92%;
  width: max-content;
}
div.dzb5 .dzb5-picker-card h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 14px;
}
div.dzb5 .dzb5-picker-row {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
}
div.dzb5 .dzb5-chip {
  width: 36px !important; height: 36px !important; min-width: 36px !important;
  border-radius: 6px !important;
  border: 2px solid transparent !important;
  padding: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12) !important;
  display: inline-block !important;
}
div.dzb5 .dzb5-chip.is-on { border-color: #111 !important; }
div.dzb5 .dzb5-chip-or { background: #C4A046 !important; }
div.dzb5 .dzb5-chip-vert { background: #8A9A7A !important; }
div.dzb5 .dzb5-chip-bleu { background: #5B8BB5 !important; }
div.dzb5 .dzb5-chip-gris { background: #5A6168 !important; }
div.dzb5 .dzb5-chip-noir { background: #2A2E33 !important; }
div.dzb5 .dzb5-chip-blanc { background: #D5D8DC !important; }
div.dzb5 .dzb5-chip-violet { background: #6B5A62 !important; }
div.dzb5 .dzb5-dots {
  display: none; justify-content: center; gap: 8px; padding: 14px 0 0;
}
div.dzb5 .dzb5-dot {
  width: 8px !important; height: 8px !important; border-radius: 50% !important;
  padding: 0 !important; border: 0 !important;
  background: #cfcfcf !important;
}
div.dzb5 .dzb5-dot.is-on { background: #1A3A8F !important; }
div.dzb5 .dzb5-picker-name {
  margin-top: 10px;
  font-size: .82rem;
  color: var(--dz-navy);
  min-height: 1.2em;
}
@media (max-width: 992px) {
  div.dzb5 .dzb5-kpis { grid-template-columns: 1fr 1fr; }
  div.dzb5 .dzb5-picker-stage { min-height: 320px; }
  div.dzb5 .dzb5-picker-card { bottom: 40px; padding: 8px 10px 6px; }
  div.dzb5 .dzb5-picker-row { justify-content: flex-start; flex-wrap: wrap; }
}


div.dzb5 .dzb5-techsheet {
  background: #fff;
  padding: 56px 6% 72px;
  max-width: 980px;
  margin: 0 auto;
}
div.dzb5 .dzb5-techsheet > h2 {
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 600;
  text-align: center;
  margin-bottom: 28px;
}
div.dzb5 .dzb5-acc { border: 0; }
div.dzb5 .dzb5-acc-item { border-bottom: 1px solid #eee; }
div.dzb5 .dzb5-acc-btn {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 4px; font-size: 1.02rem; font-weight: 600; text-align: left;
  border: 0 !important; outline: none !important; box-shadow: none !important;
  background: transparent !important; border-radius: 0 !important;
}
div.dzb5 .dzb5-acc-btn span { font-weight: 400; font-size: 1.4rem; line-height: 1; color: #888; }
div.dzb5 .dzb5-acc-panel { display: none; padding: 0 4px 18px; }
div.dzb5 .dzb5-acc-item.is-open .dzb5-acc-panel { display: block; }
div.dzb5 .dzb5-acc-item.is-open .dzb5-acc-btn span { transform: rotate(45deg); }
div.dzb5 .dzb5-acc table {
  width: 100%; border-collapse: collapse; background: #fff !important;
}
div.dzb5 .dzb5-acc td {
  padding: 12px 14px !important; border: 0 !important;
  background: #fff !important; font-size: .95rem; vertical-align: top;
}
div.dzb5 .dzb5-acc td:first-child { color: #666; width: 58%; }
div.dzb5 .dzb5-acc td:last-child { font-weight: 600; text-align: right; }

/*--><!]]>*/
</style>
<div class="dzb5">
<section class="dzb5-hero">
<div class="dzb5-hero-inner">
<h1>DENZA B5</h1>

<p>Maîtrisez chaque trajet, partez à la conquête du monde.</p>
</div>
</section>

<section class="dzb5-studio" id="dzb5-studio">
<div class="dzb5-studio-stage"><span class="dzb5-hint">↔ glissez pour pivoter</span>

<div class="dzb5-360" id="dzb5-360"><img alt="Denza B5 360" id="dzb5-360-img" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_01.png" /></div>
</div>

<div class="dzb5-kpis">
<div class="dzb5-spec"><strong>544 <small>ch</small></strong><span>Puissance maximale</span></div>

<div class="dzb5-spec"><strong>760 <small>N·m</small></strong><span>Couple maximal</span></div>

<div class="dzb5-spec"><strong>4,8 <small>s</small></strong><span>0 à 100 km/h</span></div>

<div class="dzb5-spec"><strong>90 <small>km</small></strong><span>Autonomie 100 % élec.</span></div>
</div>
</section>

<section id="dzb5-ext">
<div class="dzb5-chapter">
<div class="dzb5-chapter-visual"><img alt="" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-chapitre-exterieur.jpg" /></div>

<div class="dzb5-chapter-grid">
<h2>Quand la puissance rencontre l’élégance</h2>

<p>Fidèle à une authentique philosophie du design tout-terrain, le DENZA B5 associe puissance, innovation de pointe et raffinement. Conçu pour dompter les terrains les plus exigeants, il affirme également une présence imposante en ville.</p>
</div>
</div>

<div class="dzb5-feat">
<div class="dzb5-feat-tabs"><button class="is-on" data-i="0" type="button">Calandre à motif maillé et projecteurs LED</button><button data-i="1" type="button">Profil latéral dynamique</button><button data-i="2" type="button">Hayon électrique</button></div>

<div class="dzb5-feat-track">
<article class="dzb5-slide"><img alt="Calandre et projecteurs LED" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-calandre.jpg" />
<div class="dzb5-slide-copy">
<h3>Calandre à motif maillé et projecteurs LED</h3>

<p>L’imposante calandre associée aux projecteurs Matrix LED confère au DENZA B5 une présence saisissante et affirme pleinement son caractère tout-terrain.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="Profil latéral" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-profil.jpg" />
<div class="dzb5-slide-copy">
<h3>Profil latéral dynamique</h3>

<p>Les lignes musclées et les passages de roue élargis soulignent sa puissance, tandis que les marchepieds rétractables facilitent l’accès à bord en toute simplicité.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="Hayon électrique" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-hayon.jpg" />
<div class="dzb5-slide-copy">
<h3>Hayon électrique</h3>

<p>Le hayon électrique s’ouvre silencieusement, facilement et en toute sécurité, pour une expérience raffinée jusqu’à la fin de chaque trajet.</p>
</div>
</article>
</div>
</div>
</section>

<section id="dzb5-int">
<div class="dzb5-chapter">
<div class="dzb5-chapter-visual"><img alt="" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-chapitre-interieur.jpg" /></div>

<div class="dzb5-chapter-grid">
<h2>La technologie en harmonie avec la tradition</h2>

<p>Inspiré des codes et symboles de la culture chinoise, notamment du motif de la « serrure », l’habitacle du DENZA B5 associe élégance et ingénierie NVH de pointe afin d’offrir un environnement sûr, confortable et raffiné.</p>
</div>
</div>

<div class="dzb5-feat">
<div class="dzb5-feat-tabs"><button class="is-on" data-i="0" type="button">Sélecteur de vitesses électrique escamotable</button><button data-i="1" type="button">Système audio Devialet</button><button data-i="2" type="button">Sièges en cuir haut de gamme</button></div>

<div class="dzb5-feat-track">
<article class="dzb5-slide"><img alt="Sélecteur de vitesses" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-selecteur.jpg" />
<div class="dzb5-slide-copy">
<h3>Sélecteur de vitesses électrique escamotable</h3>

<p>Au démarrage, le sélecteur de vitesses électrique et les porte-gobelets se déploient avec fluidité, offrant une touche d’élégance et une expérience tactile raffinée.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="Devialet" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-devialet.jpg" />
<div class="dzb5-slide-copy">
<h3>Système audio Devialet</h3>

<p>Doté d’un système audio Devialet haut de gamme, l’habitacle se transforme en un univers sonore intime et exclusif.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="Sièges Nappa" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-sieges.jpg" />
<div class="dzb5-slide-copy">
<h3>Sièges en cuir haut de gamme</h3>

<p>Habillés de cuir Nappa et réalisés avec un grand souci du détail, les sièges offrent un confort enveloppant ainsi qu’une fonction massage multimode.</p>
</div>
</article>
</div>
</div>
</section>

<section id="dzb5-tech">
<div class="dzb5-chapter">
<div class="dzb5-chapter-visual"><img alt="" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-chapitre-dmo2.jpg" /></div>

<div class="dzb5-chapter-grid">
<h2>Technologie DMO</h2>

<p>La plateforme DMO (Dual Mode Off-road) offre des performances tout-terrain exceptionnelles grâce à trois blocages de différentiel, tout en associant un châssis robuste à une excellente efficacité énergétique.</p>
</div>
</div>

<div class="dzb5-feat">
<div class="dzb5-feat-tabs"><button class="is-on" data-i="0" type="button">Carrosserie en acier haute résistance</button><button data-i="1" type="button">Suspension intelligente</button><button data-i="2" type="button">Technologie CTC</button><button data-i="3" type="button">Batterie 5 couches</button><button data-i="4" type="button">11 airbags</button></div>

<div class="dzb5-feat-track">
<article class="dzb5-slide"><img alt="Carrosserie acier" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-carrosserie.jpg" />
<div class="dzb5-slide-copy">
<h3>Carrosserie en acier haute résistance</h3>

<p>La structure de carrosserie robuste supporte une charge allant jusqu’à 12 tonnes, garantissant une protection maximale des occupants sans compromis.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="DiSus-P" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-suspension.jpg" />
<div class="dzb5-slide-copy">
<h3>Suspension intelligente</h3>

<p>Le B5 est équipé de la suspension hydraulique active DiSus-P, capable d’ajuster indépendamment, en quelques millisecondes, la hauteur et la fermeté de chaque roue.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="CTC" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-ctc.jpg" />
<div class="dzb5-slide-copy">
<h3>Technologie CTC (Cell-to-Chassis)</h3>

<p>Les cellules Blade haute densité, intégrées à une structure en acier, forment une cellule de sécurité ultrarigide qui améliore tenue de route, stabilité et protection de la batterie.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="Blade Battery" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-batterie.jpg" />
<div class="dzb5-slide-copy">
<h3>Batterie avec structure de protection à 5 couches</h3>

<p>La Blade Battery, référence du secteur, bénéficie d’une structure de protection à cinq couches pour garantir une sécurité optimale à chaque trajet.</p>
</div>
</article>

<article class="dzb5-slide"><img alt="11 airbags" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-slide-airbags.jpg" />
<div class="dzb5-slide-copy">
<h3>11 airbags</h3>

<p>Avec 11 airbags et des ceintures à prétensionneurs, le B5 forme une cellule de protection autour de chaque occupant.</p>
</div>
</article>
</div>
</div>
</section>

<section class="dzb5-picker" id="dzb5-colors">
<div class="dzb5-picker-stage"><img alt="Denza B5 Or Tarim" id="dzb5-color-img" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_couleur-or.jpg" />
<div class="dzb5-picker-card">
<div class="dzb5-picker-row"><button aria-label="Or Tarim" class="dzb5-chip dzb5-chip-or is-on" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_couleur-or.jpg" data-name="Or Tarim" style="background:#C4A046;" type="button"></button><button aria-label="Vert Dolomite" class="dzb5-chip dzb5-chip-vert" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-vert.jpg" data-name="Vert Dolomite" style="background:#8A9A7A;" type="button"></button><button aria-label="Bleu Glacier" class="dzb5-chip dzb5-chip-bleu" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-bleu.jpg" data-name="Bleu Glacier" style="background:#5B8BB5;" type="button"></button><button aria-label="Gris Sommet" class="dzb5-chip dzb5-chip-gris" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-gris.jpg" data-name="Gris Sommet" style="background:#5A6168;" type="button"></button><button aria-label="Noir Ombre" class="dzb5-chip dzb5-chip-noir" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-noir.jpg" data-name="Noir Ombre" style="background:#2A2E33;" type="button"></button><button aria-label="Blanc Neige" class="dzb5-chip dzb5-chip-blanc" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-blanc.jpg" data-name="Blanc Neige" style="background:#D5D8DC;" type="button"></button><button aria-label="Violet Minéral" class="dzb5-chip dzb5-chip-violet" data-img="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-violet.jpg" data-name="Violet Minéral" style="background:#6B5A62;" type="button"></button></div>
</div>
</div>
</section>

<section class="dzb5-techsheet" id="dzb5-fiche">
<h2>Caractéristiques techniques</h2>

<div class="dzb5-acc">
<div class="dzb5-acc-item"><button class="dzb5-acc-btn" type="button">Performances <span>+</span></button>

<div class="dzb5-acc-panel">
<table>
	<tbody>
		<tr>
			<td>Puissance maximale</td>
			<td>544 ch</td>
		</tr>
		<tr>
			<td>Couple maximal</td>
			<td>760 N·m</td>
		</tr>
		<tr>
			<td>Accélération 0 à 100 km/h</td>
			<td>4,8 s</td>
		</tr>
		<tr>
			<td>Transmission</td>
			<td>DMO 4x4</td>
		</tr>
		<tr>
			<td>Autonomie 100 % électrique (WLTP)</td>
			<td>90 km</td>
		</tr>
	</tbody>
</table>
</div>
</div>

<div class="dzb5-acc-item"><button class="dzb5-acc-btn" type="button">Dimensions <span>+</span></button>

<div class="dzb5-acc-panel">
<table>
	<tbody>
		<tr>
			<td>Longueur × largeur × hauteur</td>
			<td>4 888 × 1 970 × 1 920 mm</td>
		</tr>
		<tr>
			<td>Empattement</td>
			<td>2 800 mm</td>
		</tr>
		<tr>
			<td>Rayon de braquage</td>
			<td>5,9 m</td>
		</tr>
		<tr>
			<td>Volume de coffre</td>
			<td>470 – 1 064 L</td>
		</tr>
		<tr>
			<td>Pneumatiques</td>
			<td>265/65 R18</td>
		</tr>
	</tbody>
</table>
</div>
</div>

<div class="dzb5-acc-item"><button class="dzb5-acc-btn" type="button">Batterie &amp; recharge <span>+</span></button>

<div class="dzb5-acc-panel">
<table>
	<tbody>
		<tr>
			<td>Batterie</td>
			<td>Blade Battery LFP</td>
		</tr>
		<tr>
			<td>Architecture</td>
			<td>Cell-to-Chassis (CTC)</td>
		</tr>
		<tr>
			<td>Protection batterie</td>
			<td>Structure 5 couches</td>
		</tr>
		<tr>
			<td>Suspension</td>
			<td>DiSus-P hydraulique active</td>
		</tr>
	</tbody>
</table>
</div>
</div>

<div class="dzb5-acc-item"><button class="dzb5-acc-btn" type="button">Sécurité <span>+</span></button>

<div class="dzb5-acc-panel">
<table>
	<tbody>
		<tr>
			<td>Airbags</td>
			<td>11</td>
		</tr>
		<tr>
			<td>Structure caisse</td>
			<td>Acier haute résistance</td>
		</tr>
		<tr>
			<td>Charge structurelle max.</td>
			<td>12 tonnes</td>
		</tr>
		<tr>
			<td>Éclairage</td>
			<td>Projecteurs Matrix LED</td>
		</tr>
	</tbody>
</table>
</div>
</div>
</div>
</section>

<section class="dzb5-cta"><img alt="DENZA B5" src="https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-cta-exterieur.jpg" />
<div class="dzb5-cta-inner">
<h2>Au-delà de l’inattendu</h2>

<p>Le DENZA B5 arrive chez Tahiti Auto. Réservez un essai ou laissez-nous vos coordonnées pour être informé de la commercialisation.</p>
<a class="dzb5-btn" href="https://www.tahitiauto.pf/reservez-ou-demander-un-devis?nid=382&amp;type_action=rdv">Réserver un essai</a></div>
</section>
</div>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

(function () {
  var root = document.querySelector('.dzb5');
  if (!root || root.getAttribute('data-ready') === '1') return;
  root.setAttribute('data-ready', '1');

  var frames = [
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_01.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_03.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_05.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_07.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_09.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_11.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_13.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_15.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_17.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_19.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_21.png',
    'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_360_23.png'
  ];
  frames.forEach(function (s) { var i = new Image(); i.src = s; });

  var stage = document.getElementById('dzb5-360');
  var img = document.getElementById('dzb5-360-img');
  var idx = 0, drag = false, x0 = 0;

  function showFrame(i) {
    idx = (i + frames.length) % frames.length;
    if (img) img.src = frames[idx];
  }
  if (stage && img) {
    stage.addEventListener('mousedown', function (e) { drag = true; x0 = e.pageX; });
    window.addEventListener('mouseup', function () { drag = false; });
    stage.addEventListener('mousemove', function (e) {
      if (!drag) return;
      var d = e.pageX - x0;
      if (Math.abs(d) > 24) { showFrame(idx + (d > 0 ? -1 : 1)); x0 = e.pageX; }
    });
    stage.addEventListener('touchstart', function (e) { drag = true; x0 = e.touches[0].pageX; }, { passive: true });
    window.addEventListener('touchend', function () { drag = false; });
    stage.addEventListener('touchmove', function (e) {
      if (!drag) return;
      var d = e.touches[0].pageX - x0;
      if (Math.abs(d) > 24) { showFrame(idx + (d > 0 ? -1 : 1)); x0 = e.touches[0].pageX; }
    }, { passive: true });
  }

  var colorMap = {
    or: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique_couleur-or.jpg',
    vert: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-vert.jpg',
    bleu: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-bleu.jpg',
    gris: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-gris.jpg',
    noir: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-noir.jpg',
    blanc: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-blanc.jpg',
    violet: 'https://www.tahitiauto.pf/sites/default/files/2026-09/denza_b5_byd_tahiti_electrique-couleur-violet.jpg'
  };
  Object.keys(colorMap).forEach(function (k) { var i = new Image(); i.src = colorMap[k]; });
  var chips = root.querySelectorAll('.dzb5-chip');
  var colorImg = document.getElementById('dzb5-color-img');
  function colorKey(el) {
    var cls = el.className || '';
    if (cls.indexOf('chip-or') >= 0) return 'or';
    if (cls.indexOf('chip-vert') >= 0) return 'vert';
    if (cls.indexOf('chip-bleu') >= 0) return 'bleu';
    if (cls.indexOf('chip-gris') >= 0) return 'gris';
    if (cls.indexOf('chip-noir') >= 0) return 'noir';
    if (cls.indexOf('chip-blanc') >= 0) return 'blanc';
    if (cls.indexOf('chip-violet') >= 0) return 'violet';
    return '';
  }
  chips.forEach(function (btn) {
    btn.addEventListener('click', function () {
      chips.forEach(function (b) { b.classList.remove('is-on'); });
      this.classList.add('is-on');
      var key = colorKey(this);
      if (colorImg && colorMap[key]) {
        colorImg.style.opacity = '0';
        colorImg.onload = function () { colorImg.style.opacity = '1'; };
        colorImg.src = colorMap[key];
      }
    });
  });

  function centerIn(scroller, el) {
    if (!scroller || !el) return;
    var left = el.offsetLeft - (scroller.clientWidth - el.offsetWidth) / 2;
    scroller.scrollTo({ left: Math.max(0, left), behavior: 'smooth' });
  }

  root.querySelectorAll('.dzb5-feat').forEach(function (feat) {
    var tabBar = feat.querySelector('.dzb5-feat-tabs');
    var tabs = feat.querySelectorAll('.dzb5-feat-tabs button');
    var track = feat.querySelector('.dzb5-feat-track');
    var slides = feat.querySelectorAll('.dzb5-slide');
    var dotsWrap = document.createElement('div');
    dotsWrap.className = 'dzb5-dots';
    slides.forEach(function (_, i) {
      var d = document.createElement('button');
      d.type = 'button';
      d.className = 'dzb5-dot' + (i === 0 ? ' is-on' : '');
      d.setAttribute('data-i', String(i));
      dotsWrap.appendChild(d);
    });
    if (track && track.parentNode) track.parentNode.insertBefore(dotsWrap, track.nextSibling);
    var dots = dotsWrap.querySelectorAll('.dzb5-dot');

    function go(i) {
      i = Math.max(0, Math.min(slides.length - 1, i));
      tabs.forEach(function (t, n) { t.classList.toggle('is-on', n === i); });
      dots.forEach(function (d, n) { d.classList.toggle('is-on', n === i); });
      centerIn(track, slides[i]);
      if (tabBar) centerIn(tabBar, tabs[i]);
    }
    dots.forEach(function (d) {
      d.addEventListener('click', function () { go(parseInt(this.getAttribute('data-i'), 10) || 0); });
    });

    tabs.forEach(function (tab) {
      tab.addEventListener('click', function () {
        go(parseInt(this.getAttribute('data-i'), 10) || 0);
      });
    });

    if (track) {
      var ticking = false;
      track.addEventListener('scroll', function () {
        if (ticking) return;
        ticking = true;
        requestAnimationFrame(function () {
          ticking = false;
          var mid = track.scrollLeft + track.clientWidth / 2;
          var best = 0, dist = 1e9;
          slides.forEach(function (s, i) {
            var c = s.offsetLeft + s.offsetWidth / 2;
            var d = Math.abs(c - mid);
            if (d < dist) { dist = d; best = i; }
          });
          tabs.forEach(function (tb, n) { tb.classList.toggle('is-on', n === best); });
          dots.forEach(function (d, n) { d.classList.toggle('is-on', n === best); });
        });
      }, { passive: true });

      var drag = false, startX = 0, startLeft = 0, moved = false;
      track.addEventListener('mousedown', function (e) {
        drag = true; moved = false; startX = e.pageX; startLeft = track.scrollLeft;
        track.classList.add('is-dragging');
        e.preventDefault();
      });
      window.addEventListener('mousemove', function (e) {
        if (!drag) return;
        var dx = e.pageX - startX;
        if (Math.abs(dx) > 8) moved = true;
        track.scrollLeft = startLeft - dx;
      });
      window.addEventListener('mouseup', function () {
        if (!drag) return;
        drag = false;
        track.classList.remove('is-dragging');
        var mid = track.scrollLeft + track.clientWidth / 2;
        var best = 0, dist = 1e9;
        slides.forEach(function (s, i) {
          var c = s.offsetLeft + s.offsetWidth / 2;
          var d = Math.abs(c - mid);
          if (d < dist) { dist = d; best = i; }
        });
        go(best);
      });
      track.addEventListener('click', function (e) { if (moved) { e.preventDefault(); e.stopPropagation(); } }, true);
      track.addEventListener('touchend', function () {
        var mid = track.scrollLeft + track.clientWidth / 2;
        var best = 0, dist = 1e9;
        slides.forEach(function (s, i) {
          var c = s.offsetLeft + s.offsetWidth / 2;
          var d = Math.abs(c - mid);
          if (d < dist) { dist = d; best = i; }
        });
        go(best);
      }, { passive: true });
    }
  });

  root.querySelectorAll('.dzb5-acc-btn').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var item = this.parentNode;
      var open = item.classList.contains('is-open');
      root.querySelectorAll('.dzb5-acc-item').forEach(function (it) { it.classList.remove('is-open'); });
      if (!open) item.classList.add('is-open');
    });
  });
})();

//--><!]]>
</script></div>
      
    </div>


    <div class="m-modele-links">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="m-section-title text-center">
                        <div class="m-section-title__title">En savoir plus</div>
                    </div>
                </div>
            </div>
            
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-sm-6 col-md-4">
                    <div class="m-item-description">
                        <div class="m-item-description__image">
                            <img src="/sites/default/files/2018-07/steering-wheel_0.png"
                                 width="66" height="66"
                                 alt="Prendre rendez-vous" typeof="foaf:Image"
                                 class="img-fluid">
                        </div>

                        <div class="m-item-description__content">
                            <div class="m-item-description__title">
                                Réserver un essai
                            </div>
                        </div>

                        <div class="m-item-description__link">
                            <a href="/reservez-ou-demander-un-devis?nid=382&type_action=rdv"
                               class="btn btn-light-blue-reverse">En savoir
                                plus</a>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-sm-6 col-md-4">
                    <div class="m-item-description">
                        <div class="m-item-description__image">
                            <img src="/sites/default/files/2018-07/menu-copie.png"
                                 width="50" height="66" alt="Demander un devis"
                                 typeof="foaf:Image" class="img-fluid">
                        </div>

                        <div class="m-item-description__content">
                            <div class="m-item-description__title">
                                Demander un devis
                            </div>
                        </div>

                        <div class="m-item-description__link">
                            <a href="/reservez-ou-demander-un-devis?nid=382&type_action=devis"
                               class="btn btn-light-blue-reverse">En savoir
                                plus</a>
                        </div>
                    </div>
                </div>

                            </div>
        </div>
    </div>
</article>

        </div>
    </div>


                                                                                                </section>

                            
                                </div>

    <div class="l-content-bottom">
                        <div id="block-lestahitiauto" class="block block-block-content block-block-content8fd4a0e5-bbbf-45c6-9ed0-623d4501dc16 m-block">
    
        
            <div class="content">
                <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5779">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* Conteneur principal - Fond blanc */
  .ta-features-modern { 
      background: #ffffff; 
      padding: 30px 20px 80px 20px; 
      text-align: center; 
      font-family: 'Montserrat', sans-serif; 
  }
  .ta-features-modern h2 { 
      font-size: 2rem; 
      font-weight: 800; 
      color: #1a1a1a; 
      margin-bottom: 50px; 
      text-transform: none; 
  }
  
  /* Grille des cartes */
  .ta-features-grid { 
      display: flex; 
      justify-content: center; 
      gap: 30px; 
      flex-wrap: wrap; 
      max-width: 1100px; 
      margin: 0 auto; 
  }
  
  /* Design des cartes - Bordures fines */
  .ta-feature-card { 
      flex: 1; 
      min-width: 250px; 
      background: #ffffff; 
      padding: 40px 20px; 
      border-radius: 16px; 
      border: 1px solid #e5e5e5;
      transition: 0.3s ease; 
      box-shadow: none;
  }
  
  /* Icônes et Textes */
  .ta-feature-icon { 
      height: 65px; 
      margin-bottom: 20px; 
      display: flex; 
      align-items: center; 
      justify-content: center; 
  }
  .ta-feature-icon img { 
      height: 100%; 
      width: auto; 
      transition: 0.3s ease; 
      opacity: 0.8; 
  }
  .ta-feature-card h4 { 
      font-size: 1.1rem; 
      font-weight: 600; 
      color: #333; 
      margin: 0; 
      line-height: 1.4; 
  }
  
  /* Effets Hover UNIQUEMENT sur Desktop */
  @media (min-width: 769px) {
      .ta-feature-card:hover { 
          transform: translateY(-5px); 
          box-shadow: 0 10px 30px rgba(0,0,0,0.06); 
          border-color: transparent; 
      }
      .ta-feature-card:hover .ta-feature-icon img { 
          transform: scale(1.1); 
          opacity: 1; 
      }
  }

  /* VERSION MOBILE : 2 par ligne, 3ème centré en dessous */
  @media (max-width: 768px) { 
      .ta-features-modern { 
          padding: 20px 15px 80px 15px; 
      } 
      .ta-features-modern h2 { 
          font-size: 1.5rem; 
          margin-bottom: 30px; 
      } 
      .ta-features-grid {
          gap: 15px; /* Espace réduit entre les cartes */
      }
      .ta-feature-card { 
          flex: 0 0 calc(50% - 7.5px); /* Force la carte à prendre la moitié de l'écran (moins l'espace) */
          min-width: 0; /* Annule la largeur minimum pour que le 50% fonctionne */
          padding: 20px 10px; 
          border-radius: 12px; 
          border: 1px solid #e5e5e5;
          box-shadow: none !important; 
          transform: none !important; 
      }
      
      .ta-feature-icon { 
          height: 40px; /* Icône plus petite pour les petites cartes */
          margin-bottom: 15px; 
      }
      .ta-feature-card h4 { 
          font-size: 0.85rem; /* Texte plus petit pour s'adapter à la largeur réduite */
      }
  }

/*--><!]]>*/
</style>
<div class="ta-features-modern">
<h2>Les + Tahiti Automobiles</h2>

<div class="ta-features-grid">
<div class="ta-feature-card">
<div class="ta-feature-icon"><img alt="Garantie, Assistance, Dépannage" src="/sites/default/files/2018-05/garantie-logo.png" /></div>

<h4>Garantie / Assistance / Dépannage</h4>
</div>

<div class="ta-feature-card">
<div class="ta-feature-icon"><img alt="Solutions de financement" src="/sites/default/files/2018-05/solution-paiement-logo.png" /></div>

<h4>Solutions de financement</h4>
</div>

<div class="ta-feature-card">
<div class="ta-feature-icon"><img alt="Service après-vente" src="/sites/default/files/2018-05/service-apres-vente-logo.png" /></div>

<h4>Service après-vente</h4>
</div>
</div>
</div>
</div>
      
    </div>


        </div>
    </div>


            </div>

    <footer class="l-footer" role="contentinfo">
        <div class="container">
                                <div id="block-footerbydtahiticustomblock" class="block block-block-content block-block-content5233fc78-3181-4fe9-8278-fed2d3bd5b0a m-block">
    
        
            <div class="content">
                <div class="slice-item-wrapper slice-item-text" id="wrapper-slice-1745">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                        
                                    </div>
            </div>
        </div>
    </div>
    </div>
<div class="slice-item-wrapper slice-item-section-title" id="wrapper-slice-223">
    <div class="container">
        <div class="row">
            <div class="col">
                <div  class="m-section-title text-center">
                                            <div class="m-section-title__title">A propos de BYD Tahiti</div>
                    
                                    </div>
            </div>
        </div>
    </div>
</div>

<div class="slice-item-wrapper slice-item-text" id="wrapper-slice-1745">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                        
                                    </div>
            </div>
        </div>
    </div>
    </div>

<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-193">
            <div class="container">
                        <div class="m-columns">
                <div class="row  ">
                        

    <div class="col-12 col-sm-6 col-md-4">
                        <div class="slice-item-wrapper slice-item-text" id="wrapper-slice-360">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                                                <div class="m-text__title">
                        Coordonnées
                    </div>
                    
                                            <div class="m-text__text">
                            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><p> Tel : <a href="tel:+40504150">+40 50 41 50</a> </p>
<p> Email : <a href="mailto:marketing@tahitiauto.pf">contactbyd@tahitiauto.pf</a></p></div>
      
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    </div>
<div class="slice-item-wrapper slice-item-text" id="wrapper-slice-194">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                                                <div class="m-text__title">
                        Horaires d&#039;ouverture
                    </div>
                    
                                            <div class="m-text__text">
                            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="row">
<div class="col-md-6">
<p>Lundi : 8h - 17h</p>
<p>Mardi : 8h - 17h</p>
<p>Mercredi: 8h - 17h</p>
</div>

<div class="col-md-6">
<p>Jeudi : 8h - 17h</p>
<p>Vendredi : 8h - 17h</p><p>
</p><p>Samedi : 8h - 12h</p>
</div>
</div></div>
      
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    </div>
<div class="slice-item-wrapper slice-item-text" id="wrapper-slice-4107">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                        
                                            <div class="m-text__text">
                            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><p> </p>

<p> </p>
</div>
      
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    </div>


            </div>


    <div class="col-12 col-sm-6 col-md-4">
                        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5081">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3804.3615845002782!2d-149.56463708907424!3d-17.537963268231458!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x769a39f847f29771%3A0x65d87699629dfc9d!2sShowroom%20BYD%20%2F%20CHANGAN%20%2F%20JMC!5e0!3m2!1sfr!2sfr!4v1757529794381!5m2!1sfr!2sfr" width="100%" height="280" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div>
      
    </div>

<div class="slice-item-wrapper slice-item-text" id="wrapper-slice-3781">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                        
                                            <div class="m-text__text">
                            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><p> </p>

<p> </p>
</div>
      
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    </div>


            </div>


    <div class="col-12 col-sm-6 col-md-4">
                        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-192">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0&appId=118857555445644&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/BYDTahiti/" data-tabs="timeline" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/BYDTahiti/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/BYDTahiti/">BYD  Tahiti</a></blockquote></div></div>
      
    </div>


            </div>


                </div>
            </div>
        </div>
    </div>


        </div>
    </div>
<div id="block-patchcssdesktop" class="block block-block-content block-block-contentb5272ce4-7bf9-44ea-95a0-e2105e4d0f62 m-block">
    
        
            <div class="content">
                <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5666">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* Patch CSS global pour Desktop (écrans > 992px) */
@media (min-width: 992px) {
    /* 1. Aérer le contenu de la barre bleue */
    #block-tahitiautomodelecustomblock {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    /* 2. S'assurer que le MENU PRINCIPAL reste toujours au-dessus */
    .l-header {
        position: sticky !important;
        z-index: 1000 !important;
        top: 0 !important;
    }
    /* 3. Rendre la barre bleue collante (Sticky) SOUS le menu */
    .l-navigation-tools {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px !important; 
        z-index: 90 !important;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    }
}

/* =========================================
   VERSION MOBILE (Ecrans < 992px)
   ========================================= */
@media (max-width: 991px) {
    .block-tahiti-auto-modele-link-block {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px !important;
        z-index: 9999;
        background-color: #20399e !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .block-tahiti-auto-modele-link-block .m-menu-links,
    .block-tahiti-auto-modele-link-block .m-menu-links__content,
    .block-tahiti-auto-modele-link-block .m-menu-links__content ul {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        width: 100% !important;
        font-size: 0 !important;
    }
    .block-tahiti-auto-modele-link-block .m-menu-links__content li {
        flex: 1;
        list-style: none !important;
        margin: 0 !important;
        padding: 15px 0 0 0 !important;
        height: 100% !important;
        display: flex !important;
    }
    .block-tahiti-auto-modele-link-block .m-menu-links__content li:first-child {
        border-right: 1px solid rgba(255,255,255,0.2);
    }
    .block-tahiti-auto-modele-link-block .m-menu-links__content a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #ffffff !important;
        font-family: sans-serif;
        font-weight: 700 !important;
        font-size: 13px !important;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none !important;
        line-height: 1.2 !important;
        background: transparent !important;
        padding: 0 5px !important;
    }
    body {
        padding-bottom: 0px !important;
    }
    #back-to-top {
        bottom: 60px !important;
        z-index: 10000 !important;
    }
}

/* =========================================
   MASQUER LE FIL D'ARIANE ET LE LIEN RETOUR
   ========================================= */
.m-go-back-link {
    display: none !important;
}

/* =========================================
   FIX : Supprimer le décalage horizontal (Footer)
   ========================================= */
.l-footer .container .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =========================================
   AÉRATION DU BLOC BLEU "BESOIN D'INFOS"
   ========================================= */
div[style*="1E399F"] .m-parallax-wrapper {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
}
div[style*="1E399F"] .m-section-title {
    margin-bottom: 30px !important;
}
@media (max-width: 767px) {
    div[style*="1E399F"] .row .col-12:first-child {
        margin-bottom: 10px !important;
    }
    div[style*="1E399F"] .m-parallax-wrapper {
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }
    div[style*="1E399F"] .m-section-title {
        margin-bottom: 30px !important;
    }
}

/* =========================================
   RELOOKING FORMULAIRE DE CONTACT
   ========================================= */
@media (max-width: 767px) {
    .m-tahiti-auto-reservation-form .col-8.offset-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .m-tahiti-auto-reservation-form .col-4.offset-4 {
        margin-left: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
.m-tahiti-auto-reservation-form .col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
#tahiti-auto-reservation input[type="text"],
#tahiti-auto-reservation input[type="email"],
#tahiti-auto-reservation select {
    height: 55px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding-left: 20px !important;
    font-size: 15px !important;
    color: #333 !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}
#tahiti-auto-reservation input:focus,
#tahiti-auto-reservation select:focus {
    background-color: #ffffff !important;
    border-color: #20399E !important;
    box-shadow: 0 4px 10px rgba(32, 57, 158, 0.1) !important;
}
#edit-submit {
    width: 100% !important;
    min-width: 300px !important;
    margin: 25px auto !important;
    display: block;
    height: 60px !important;
    border-radius: 50px !important;
    background-color: #20399E !important;
    color: #ffffff !important;
    border: 2px solid #20399E !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 25px !important;
    transition: all 0.3s ease !important;
}
#edit-submit:hover {
    background-color: #ffffff !important;
    color: #20399E !important;
    border-color: #20399E !important;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(32, 57, 158, 0.3) !important;
    transform: scale(1.02);
}
#edit-submit:active {
    transform: scale(0.98);
    background-color: #f0f0f0 !important;
}
.form-check {
    margin-bottom: 10px !important;
    padding-left: 30px !important;
}
.form-check-input {
    width: 20px;
    height: 20px;
    margin-left: -30px !important;
    margin-top: 0 !important;
}
.form-check-label {
    font-size: 15px !important;
    color: #333 !important;
    padding-top: 2px;
}
.m-section-title__title {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
}

/* =========================================
   CORRECTIF : Centrage du Menu "Modèle"
   ========================================= */
.m-tahiti-auto-reservation-form .col-6.offset-3 {
    margin-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* =========================================
   FIX MOBILE : Images qui dépassent
   ========================================= */
.l-wrapper-main-container img, 
.block-system-main-block img,
article img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

/* =========================================
   NAVIGATION : Scroll pour "Nos Marques"
   ========================================= */
.nav-item a[href*="nos-marques"] + .dropdown-menu {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar {
    width: 6px;
}
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar-thumb {
    background: #20399E;
    border-radius: 3px;
}
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #002D62;
}

/* =========================================
   NAVIGATION : Design Moderne (Rollover)
   ========================================= */
.navbar-nav > .nav-item > .nav-link {
    transition: color 0.3s ease, background-color 0.3s ease;
    position: relative;
}
@media (min-width: 992px) {
    .navbar-nav > .nav-item > .nav-link::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #20399E;
        transition: width 0.3s;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .navbar-nav > .nav-item:hover > .nav-link::after {
        width: 80%;
    }
    .navbar-nav > .nav-item:hover > .nav-link {
        color: #20399E !important;
    }
}
.dropdown-menu {
    border: none !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    padding: 0 !important;
}
.dropdown-item {
    padding: 12px 20px !important;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #e8f0fe !important;
    color: #20399E !important;
    padding-left: 25px !important;
    font-weight: 600 !important;
}

/* =========================================
   FIX MOBILE : Parallax Header (Anti-Scroll)
   ========================================= */
.slice-item-parallax,
.m-parallax,
.m-parallax-image {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.m-parallax-wrapper {
    width: 100% !important;
    max-width: 100vw !important;
}

/* =========================================
   FIX MOBILE : Slider Header (Pages Marques)
   ========================================= */
.m-slider-component__wrapper,
.m-slider-component,
.owl-carousel .owl-stage-outer {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.owl-carousel {
    display: block !important;
    width: 100% !important;
}

/* =========================================
   FOOTER MOBILE : Texte & Ordre
   ========================================= */
@media (max-width: 767px) {
    .l-footer, .l-footer p, .l-footer a, .l-footer li,
    .l-copyright, .l-copyright p, .l-copyright span, .l-copyright a {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }
    .l-footer h2, .m-block__title {
        font-size: 15px !important;
    }
    .l-copyright .row {
        display: flex;
        flex-direction: column;
    }
    .l-copyright .row > div:nth-child(2) p {
        text-align: center !important;
    }
    .l-copyright {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }
}

/* =========================================
   FOOTER : Ajustement Bloc Actus (Via ID #wrapper-slice-172)
   ========================================= */
@media (max-width: 767px) {
    .m-modele__info--containerfluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-modele__info--container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .m-modele__info--container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .m-modele__info--container .col-md-3,
    .m-modele__info--container .col-sm-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }    
    .m-modele__info a.btn-primary {
        display: block !important;
        width: 100% !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 25px !important;
        background-color: #f0f0f0 !important;
        color: #20399E !important;            
        border: 1px solid #20399E !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        border-radius: 5px !important;
        text-decoration: none !important;
    }
    .m-modele__info a.btn-primary:active {
        background-color: #20399E !important;
        color: #ffffff !important;
    }
}

/* =========================================
   CARROUSEL D'IMAGES JMC VIGUS (100% CSS SCROLL SNAP)
   ========================================= */
.vigus-gallery-wrapper {
    position: relative;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin-top: 40px;
    margin-bottom: 20px;
}
.vigus-gallery-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%; 
    background-color: #222222;
    z-index: 0;
}
.vigus-gallery-track {
    position: relative;
    z-index: 1;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding: 0 15vw;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}
.vigus-gallery-track:active {
    cursor: grabbing;
}
.vigus-gallery-track::-webkit-scrollbar {
    display: none;
}
.vigus-gallery-slide {
    scroll-snap-align: center;
    flex: 0 0 calc(26vw - 15px);
    position: relative;
}
.vigus-gallery-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
@media (max-width: 991px) {
    .vigus-gallery-slide {
        flex: 0 0 80vw;
    }
    .vigus-gallery-wrapper::before {
        height: 70%;
    }
    .vigus-gallery-wrapper {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}


/* =========================================
   BLOCS JMC VIGUS (Texte / Image)
   ========================================= */
.vigus-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    gap: 40px;
    font-family: 'Hind', inherit, sans-serif;
}
@media (max-width: 768px) {
    .vigus-section {
        flex-direction: column !important;
        padding: 0 20px;
    }
    .vigus-text-content p,
    .vigus-text-content li {
        text-align: justify;
        hyphens: auto;
    }
}
.vigus-text-content {
    flex: 1;
    min-width: 300px;
}
.vigus-image-content {
    flex: 1;
    min-width: 300px;
}
.vigus-image-content img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.category-label {
    color: #e32619; 
    font-size: 14px;
    font-weight: 600; 
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
    letter-spacing: 0.5px;
}
.main-title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    color: #222;
}
.vigus-text-content p,
.vigus-text-content ul {
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a; 
    font-weight: 400;
    margin-bottom: 16px;
}
.vigus-text-content strong {
    color: #222;
    font-weight: 600;
}
.vigus-text-content ul {
    list-style-type: none;
    padding-left: 0;
}
.vigus-text-content li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
}
.vigus-text-content li::before {
    content: "•";
    color: #e32619; 
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: -1px; 
}


/* =========================================
   ACCORDÉONS TECHNIQUES : JMC VIGUS (MODERNE & AÉRÉ - SANS SAUT DE PAGE)
   ========================================= */
.vigus-intro-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    font-family: 'Hind', inherit, sans-serif;
}
.vigus-intro-text {
    flex: 1;
    min-width: 300px;
}
.vigus-intro-accordion {
    flex: 1;
    min-width: 300px;
}
.vigus-intro-text .category-label {
    color: #e32619;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
    letter-spacing: 0.5px;
}
.vigus-intro-text h1 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
    color: #222;
}
.vigus-intro-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a;
    font-weight: 400;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .vigus-intro-section {
        flex-direction: column;
        padding: 0 20px;
    }
    .vigus-intro-text p {
        text-align: justify;
        hyphens: auto;
    }
}

.vigus-accordion {
    width: 100%;
    max-width: 550px;
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 20px 0;
    margin-top: 60px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.v-acc-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}
.v-acc-header {
    background-color: #333;
    color: #fff;
    padding: 15px 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: none;
    width: 100%;
    text-align: left;
    border: none;
    font-family: inherit;
    font-size: 15px;
    transition: background-color 0.3s ease;
}
.v-acc-header:hover {
    background-color: #222;
}
.v-acc-header::after {
    content: '▼';
    font-size: 10px;
    transition: transform 0.3s ease;
}
.v-acc-item.is-active .v-acc-header {
    border-bottom: 1px solid #e0e0e0;
}
.v-acc-item.is-active .v-acc-header::after {
    transform: rotate(180deg);
}
.v-acc-content {
    display: none;
}
.v-acc-item.is-active .v-acc-content {
    display: block;
}
.vigus-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    padding: 15px 20px !important;
    background-color: #f8f9fa;
    border-bottom: 1px solid #fff;
}
.vigus-row:last-child {
    border-bottom: none;
}
.vigus-icon-wrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.vigus-title {
    color: #c82323;
    font-weight: bold;
    font-size: 14px !important;
    text-transform: uppercase;
    line-height: 1.3;
}
.vigus-desc {
    font-size: 13px;
    color: #444;
    line-height: 1.4;
    margin-top: 2px;
}

/* =========================================
   CORRECTIFS D'ESPACEMENTS (ACCORDÉON & CARROUSEL)
   ========================================= */

/* 1. ESPACEMENT ACCORDÉON (Mobile) */
@media (max-width: 768px) {
    .vigus-accordion {
        margin-top: 20px !important; /* Réduit drastiquement l'espace au-dessus du 1er bloc */
        margin-bottom: 10px !important; /* Réduit l'espace sous le dernier bloc */
    }
    .vigus-intro-section {
        margin-bottom: 20px !important; /* Réduit l'espace entre l'accordéon et la suite de la page */
    }
}

/* 2. ESPACEMENT CARROUSEL (Desktop) */
@media (min-width: 769px) {
    .vigus-intro-section {
        margin-bottom: 20px !important; /* Réduit l'espace vide sous la section d'intro */
    }
    .vigus-gallery-wrapper {
        margin-top: 0px !important; /* Remonte le carrousel vers le haut */
    }
}

/* =========================================
   AÉRATION ET ALIGNEMENT DES BLOCS VIGUS (Desktop)
   ========================================= */
@media (min-width: 769px) {
    .vigus-section {
        gap: 100px !important; /* Augmente considérablement l'espace entre l'image et le texte (était à 40px) */
        align-items: flex-start !important; /* Force le centrage vertical parfait entre le texte et l'image */
    }
}

/* =========================================
   AÉRATION DU BLOC INTRO (Desktop)
   ========================================= */
@media (min-width: 769px) {
    .vigus-intro-section {
        gap: 100px !important; /* Passe l'écartement de 40px à 100px comme le reste de la page */
        align-items: flex-start !important; /* Aligne le texte et l'accordéon par le haut */
    }
}

/* =========================================
   AJUSTEMENTS MOBILE : SÉLECTEUR DE COULEUR
   ========================================= */
@media (max-width: 768px) {
  .vigus-color-image-container {
    margin-bottom: 30px !important; /* Réduit l'espace entre l'image et les pastilles */
    min-height: auto !important; /* Annule la hauteur forcée qui créait le grand vide */
    padding-left: 25px !important; /* Ajoute une marge à gauche */
    padding-right: 25px !important; /* Ajoute une marge à droite */
  }
}

/* =========================================
   RÉDUCTION TAILLE IMAGE COULEURS (Desktop)
   ========================================= */
@media (min-width: 769px) {
  #vigus-main-color-img {
    max-width: 75%; /* Réduit l'image à 75% de la largeur du conteneur */
    margin: 0 auto; /* S'assure que l'image reste parfaitement centrée */
  }
  
  .vigus-color-image-container {
    min-height: 250px; /* On réduit un peu la hauteur minimale en conséquence */
  }
}

/* =========================================
   RÉDUCTION TAILLE IMAGE COULEURS (Desktop)
   ========================================= */
@media (min-width: 769px) {
  #vigus-color-selector .vigus-color-image-container img {
    width: 65% !important; /* Force la largeur à 65% */
    max-width: 65% !important; /* Bloque la taille maximum face au patch global */
    margin: 0 auto !important; /* Centre l'image de force */
  }
  
  .vigus-color-image-container {
    min-height: 250px !important;
  }
}

/* =========================================
   BARRE COOKIES : Aération du padding
   ========================================= */
#sliding-popup .eu-cookie-compliance-content {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* =========================================
   BARRE COOKIES : Rééquilibrage des colonnes (Desktop uniquement)
   ========================================= */
@media (min-width: 992px) {
    #sliding-popup .eu-cookie-compliance-content .col-md-4 {
        flex: 0 0 58% !important;
        max-width: 58% !important;
    }
    #sliding-popup .eu-cookie-compliance-content .col-md-8 {
        flex: 0 0 42% !important;
        max-width: 42% !important;
    }
}

@media (min-width: 992px) {
    #sliding-popup #popup-buttons {
        padding-top: 12px !important;
    }
}

/* =========================================
   PAGE ACTUS : Vignettes ratio 600x488 + espacements
   ========================================= */

.m-actualite__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Espacements entre vignettes */
.m-actualites-listing .row {
    gap: 0 !important;
}

.m-actualites-listing .col-md-4 {
    padding: 10px !important;
    margin-bottom: 8px !important;
}

/* Mobile : 2 colonnes côte à côte */
@media (max-width: 767px) {
    .m-actualites-listing .col-12 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 6px !important;
        margin-bottom: 6px !important;
    }
}


/* =========================================
   GRILLE DES MARQUES (HOMEPAGE - V2)
   ========================================= */
.ta-brands-directory {
  padding: 30px 0 80px 0;
  background-color: #fff;
}

/* Espacement du titre */
.ta-brands-title-wrapper {
  margin-bottom: 40px; /* Ajoute un bel écart avec les logos */
}
.ta-brands-title-wrapper .m-section-title__title {
  margin-top: 10px !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  color: #1a1a1a;
}

/* Grille Flexbox pour centrer la dernière ligne */
.ta-brands-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* C'est ici que la magie du centrage opère */
  gap: 20px;
}

.ta-brand-card {
  /* Calcul Desktop : 5 par ligne. Espace dispo moins les gouttières */
  width: calc(20% - 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 25px 20px;
  transition: all 0.3s ease;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}

.ta-brand-card img {
  max-width: 100%;
  height: auto;
  max-height: 85px; /* Logos nettement plus grands sur desktop */
  object-fit: contain;
  transition: transform 0.3s ease;
  width: auto !important; 
}

/* Effet interactif (Desktop) */
@media (min-width: 992px) {
  .ta-brand-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(32, 57, 158, 0.1);
    border-color: #20399E;
  }
  .ta-brand-card:hover img {
    transform: scale(1.08); /* Effet de zoom plus marqué */
  }
}

/* Responsive Tablette */
@media (max-width: 991px) and (min-width: 768px) {
  .ta-brand-card {
    width: calc(25% - 15px); /* 4 par ligne */
  }
  .ta-brand-card img {
    max-height: 70px;
  }
}

/* Responsive Mobile */
@media (max-width: 767px) {
  .ta-brands-directory {
    padding: 10px 0 10px 0;
  }
  .ta-brands-title-wrapper {
    margin-bottom: 30px;
  }
  .ta-brands-title-wrapper .m-section-title__title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
  }
  .ta-brands-flex {
    gap: 12px;
  }
  .ta-brand-card {
    /* Calcul Mobile : 3 par ligne */
    width: calc(33.333% - 8px);
    padding: 15px 10px;
  }
  .ta-brand-card img {
    max-height: 60px; /* Logos plus grands sur mobile */
  }
}

/*--><!]]>*/
</style>
</div>
      
    </div>

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5780">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* ==============================================================
   REFONTE ÉPURÉE : BANDEAUX "EN SAVOIR PLUS" (MODÈLES & MARQUES)
   ============================================================== */

/* 1. Fond du conteneur principal (Dégradé bleu) */
.m-modele-links,
.m-parallax-image[style*="1E399F"] {
    background: linear-gradient(135deg, #1E399F 0%, #102166 100%) !important;
    padding: 40px 0 60px 0!important;
    margin-top: 0 !important;
}

/* Titre de la section */
.m-modele-links .m-section-title__title,
.m-parallax-image[style*="1E399F"] .m-section-title__title {
    color: #ffffff !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    margin-bottom: 40px !important;
}
.m-modele-links .m-section-title::after,
.m-parallax-image[style*="1E399F"] .m-section-title::after { 
    display: none !important;
}

/* Ajustement de la grille */
.m-modele-links .row.justify-content-center,
.m-parallax-image[style*="1E399F"] .row.justify-content-center {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
}

/* Neutralisation des colonnes natives */
.m-modele-links .col-12.col-sm-6.col-md-4,
.m-parallax-image[style*="1E399F"] .col-12.col-sm-6.col-md-6,
.m-modele-links .row.justify-content-center > div,
.m-parallax-image[style*="1E399F"] .row.justify-content-center > div {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* 2. Style des Blocs "Transparents" et intégrés */
.m-modele-links .m-item-description,
.m-parallax-image[style*="1E399F"] .m-item-description {
    background: transparent !important; 
    border-radius: 0 !important;
    padding: 20px !important;
    text-align: center !important;
    box-shadow: none !important; 
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 280px !important; 
    margin: 0 auto !important;
    transition: transform 0.3s ease !important;
}

.m-modele-links .m-item-description::before,
.m-parallax-image[style*="1E399F"] .m-item-description::before {
    display: none !important; 
}

/* Légère élévation au survol (Desktop) */
@media (min-width: 992px) {
    .m-modele-links .m-item-description:hover,
    .m-parallax-image[style*="1E399F"] .m-item-description:hover {
        transform: translateY(-5px) !important;
    }
}

/* 3. Icônes 100% blanches (agrandies) */
.m-modele-links .m-item-description__image,
.m-parallax-image[style*="1E399F"] .m-item-description__image {
    background: transparent !important; 
    width: auto !important;
    height: 65px !important; /* <-- Icône agrandie */
    border-radius: 0 !important;
    margin: 0 auto 5px auto !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.m-modele-links .m-item-description__image img,
.m-parallax-image[style*="1E399F"] .m-item-description__image img {
    height: 60px !important; /* <-- Icône agrandie */
    width: auto !important;
    filter: brightness(0) invert(1) !important; 
    transition: 0.3s ease !important;
}

/* 4. Textes en blanc (Rapprochés) */
.m-modele-links .m-item-description__title,
.m-parallax-image[style*="1E399F"] .m-item-description__title {
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-bottom: 12px !important; /* <-- Espace très réduit avec le bouton */
    line-height: 1.3 !important;
}
.m-modele-links .m-item-description__title br,
.m-parallax-image[style*="1E399F"] .m-item-description__title br {
    display: block !important;
}

/* 5. Boutons "Fantômes" (Bordure blanche) */
.m-modele-links .m-item-description__link a,
.m-parallax-image[style*="1E399F"] .m-item-description__link a {
    margin-top: 0 !important; 
    display: inline-block !important;
    padding: 10px 25px !important;
    border: 1px solid #ffffff !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Survol du bouton (Desktop) */
@media (min-width: 992px) {
    .m-modele-links .m-item-description:hover .m-item-description__link a,
    .m-parallax-image[style*="1E399F"] .m-item-description:hover .m-item-description__link a {
        background: #ffffff !important;
        color: #1E399F !important;
    }
}

/* ==============================================================
   AJUSTEMENTS SPÉCIFIQUES MOBILE (2 en haut, 1 en bas)
   ============================================================== */
@media (max-width: 768px) {
    .m-modele-links,
    .m-parallax-image[style*="1E399F"] {
        padding: 20px 10px 40px 10px !important;
    }
    .m-modele-links .m-section-title__title,
    .m-parallax-image[style*="1E399F"] .m-section-title__title {
        font-size: 1.4rem !important;
        margin-bottom: 25px !important;
        padding: 0 30px !important;
    }
    
    /* On force la grille en ligne sur mobile avec wrap */
    .m-modele-links .row.justify-content-center,
    .m-parallax-image[style*="1E399F"] .row.justify-content-center {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 30px !important; 
    }

    /* Chaque colonne prend exactement 50% moins l'écart */
    .m-modele-links .row.justify-content-center > div,
    .m-parallax-image[style*="1E399F"] .row.justify-content-center > div {
        flex: 0 0 calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
    }

    .m-modele-links .m-item-description,
    .m-parallax-image[style*="1E399F"] .m-item-description {
        width: 100% !important;
        padding: 10px 5px !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }
    
    /* Icônes adaptées sur mobile */
    .m-modele-links .m-item-description__image,
    .m-parallax-image[style*="1E399F"] .m-item-description__image {
        height: 60px !important;
        margin-bottom: 10px !important;
    }
    .m-modele-links .m-item-description__image img,
    .m-parallax-image[style*="1E399F"] .m-item-description__image img {
        height: 60px !important;
    }

    /* Textes rapprochés pour mobile */
    .m-modele-links .m-item-description__title,
    .m-parallax-image[style*="1E399F"] .m-item-description__title {
        font-size: 1.0rem !important;
        margin-bottom: 5px !important;
        line-height: 1.2 !important;
    }

    /* Boutons resserrés pour garantir l'affichage sur une ligne */
    .m-modele-links .m-item-description__link a,
    .m-parallax-image[style*="1E399F"] .m-item-description__link a {
        padding: 8px 10px !important;
        font-size: 0.85rem !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
}

/*--><!]]>*/
</style>
</div>
      
    </div>


        </div>
    </div>


                    </div>
    </footer>

    <div class="l-copyright">
        <div class="container">
                                <div id="block-copyrightcustomblock" class="block block-block-content block-block-contentd1669e20-604c-418f-8f06-c21099e315b3 m-block">
    
        
            <div class="content">
                
<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-1414">
            <div class="container">
                        <div class="m-columns">
                <div class="row  align-items-center">
                        

    <div class="col-12 col-sm-6 col-md-7">
                        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-1436">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><p><a href="https://www.tahitiauto.pf/politique-de-confidentialite"><span style="color:#ffffff; font-size:12px">Politique de confidentialité </span></a> | <a href="https://www.tahitiauto.pf/cookies"><span style="color:#ffffff; font-size:12px"> Gestion des cookies </span></a> | <a href="https://www.tahitiauto.pf/mentions-legales"><span style="color:#ffffff; font-size:12px"> Mentions Légales</span></a></p>
</div>
      
    </div>


            </div>


    <div class="col-12 col-sm-6 col-md-5">
                        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-1437">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><p class="text-align-right"><span style="color:#ffffff; font-size:12px">©TahitiAutomobiles</span></p>
</div>
      
    </div>


            </div>


                </div>
            </div>
        </div>
    </div>


        </div>
    </div>


                    </div>
    </div>

    <div class="l-search">
        <div class="modal fade" id="search-form-modal" tabindex="-1" role="dialog"
             aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">
                            Rechercher
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                                                        <div id="block-searchformcustomblock" class="block block-block-content block-block-content8a86e615-6867-4c17-8df6-d723708f8dc2 m-block">
    
        
            <div class="content">
            
        </div>
    </div>


                                            </div>
                </div>
            </div>
        </div>
    </div>

<a id="back-to-top"><i class="fa fa-angle-up"></i></a>


  </div>


<script src="/sites/default/files/js/js_K9GwzxkGxYgY_thNxyqNtjayJaCU3K_8cLGteerNcpA.js"></script>
<script src="//use.fontawesome.com/releases/v5.0.9/js/all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="/sites/default/files/js/js_D_wZoILyh6C2hxfOkdryfGFn0pYdrWutDZvYCZacucI.js"></script>

</body>
</html>