
<!--
//...............................................................................................................................................................................
//.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" />
<script>(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,"script","https://www.google-analytics.com/analytics.js","ga");ga("create", "UA-61199442-1", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview");</script>
<meta name="title" content="BYD | Tahiti Automobiles" />
<link rel="canonical" href="https://www.tahitiauto.pf/byd" />
<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: #D3242B !important;
        }
        .m-section-title::after {
            background-color: #D3242B !important;
        }
        .btn-light-blue {
            background-color: #D3242B !important;
            border: 2px solid #D3242B !important;
        }
        .btn-light-blue-reverse {
            color: #D3242B !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: #D3242B !important;
             color: #FFF !important;
        }
        .btn-light-blue:hover, .btn-light-blue:focus {
            color: #FFF !important;
            border-color: #D3242B !important;
        }
        #back-to-top {
            background: #D3242B !important;
        }
        #wrapper-slice-256 &gt; .m-parallax &gt; .m-parallax-image{
            background-color: #D3242B !important;
        }
        .breadcrumb .breadcrumb-item:last-child {
            color: #D3242B !important;
        }
        div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
            background: #D3242B !important;
        }</style>
<link rel="alternate" hreflang="fr" href="https://www.tahitiauto.pf/byd" />
<link rel="delete-form" href="/taxonomy/term/7/delete" />
<link rel="edit-form" href="/taxonomy/term/7/edit" />
<link rel="clone-form" href="/entity_clone/taxonomy_term/7" />
<link rel="devel-load" href="/devel/taxonomy_term/7" />
<link rel="devel-render" href="/devel/taxonomy_term/7/render" />
<link rel="devel-definition" href="/devel/taxonomy_term/7/definition" />
<link rel="token-devel" href="/taxonomy/term/7/devel/token" />
<link rel="drupal:content-translation-overview" href="/taxonomy/term/7/translations" />
<link rel="drupal:content-translation-add" href="/taxonomy/term/7/translations/add" />
<link rel="drupal:content-translation-edit" href="/taxonomy/term/7/translations/edit" />
<link rel="drupal:content-translation-delete" href="/taxonomy/term/7/translations/delete" />
<script src="/sites/default/files/google_tag/primary/google_tag.script.js?sphhel" defer="true"></script>

        <title>BYD | Tahiti Automobiles</title>
        <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zxpd52DPXM21kdAiI8NUVJrWjicvUaleifKSlAcGLTg.css?sphhel" />
<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_ZqIpWWT_7vkXj7UxsbsssdhEfcimZ0yzLRylhP6Ac0Q.css?sphhel" />
<link rel="stylesheet" media="print" href="/sites/default/files/css/css_Z5jMg7P_bjcW9iUzujI7oaechMyxQTUqZhHJ_aYSq04.css?sphhel" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_so8rAAJHlN99O1j6QJpX-25FGys2ouZh3fHcmtZmLAY.css?sphhel" />
<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?sphhel" />

            <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"taxonomy\/term\/7","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","ajaxPageState":{"libraries":"bootstrap_barrio\/breadcrumb,bootstrap_barrio\/global-styling,core\/html5shiv,eu_cookie_compliance\/eu_cookie_compliance,google_analytics\/google_analytics,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,views\/views.module","theme":"starter","theme_token":null},"ajaxTrustedUrl":[],"google_analytics":{"trackOutbound":true,"trackMailto":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":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-term-7 path-taxonomy">
<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="" title="" src="/sites/default/files/2019-07/LOGO-TAHITI-AUTO%20%281%29.svg"
                             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-2056621456"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars"></i>
    </button>

    <div class="collapse navbar-collapse" id="navbarNavDropdown-2056621456">
                    
        <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 active dropdown">
                                                    <a href="https://www.tahitiauto.pf/nos-marques" class="nav-link active dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Nos marques</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item active">
                                                    <a href="/byd" class="active is-active" 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="/farizon" data-drupal-link-system-path="taxonomy/term/113">Farizon</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="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-1447083133"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars"></i>
    </button>

    <div class="collapse navbar-collapse" id="navbarNavDropdown-1447083133">
                    
        <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 active dropdown">
                                                    <a href="https://www.tahitiauto.pf/nos-marques" class="nav-link active dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Nos marques</a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown-item active">
                                                    <a href="/byd" class="active is-active" 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="/farizon" data-drupal-link-system-path="taxonomy/term/113">Farizon</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="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-content-top">
                        <div id="wrapper-slider-1354" class="m-slider-component__wrapper">
  <div id="slider-1354" 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/2025-09/byd_sealion_6_tahiti_automobiles.jpg?itok=CCWFOlyL" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2025-09/byd_sealion_6_tahiti_automobiles.jpg?itok=CCWFOlyL" media="(min-width: 992px)">
          
          
                      <source srcset="/sites/default/files/styles/image_mobile/public/2025-09/byd_sealion_6_tahiti_automobiles_mobile-min.png?itok=lEWa6_lt" media="(min-width: 320px)">
          
                      <img src="/sites/default/files/styles/image_lg/public/2025-09/byd_sealion_6_tahiti_automobiles.jpg?itok=CCWFOlyL"/>
                  </picture>

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


  <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/2025-09/byd_shark_6_tahiti_automobiles.jpg?itok=mPJElfq6" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2025-09/byd_shark_6_tahiti_automobiles.jpg?itok=mPJElfq6" media="(min-width: 992px)">
          
          
                      <source srcset="/sites/default/files/styles/image_mobile/public/2025-09/byd_shark_6_tahiti_automobiles_mobile-min.png?itok=HgpYpIiC" media="(min-width: 320px)">
          
                      <img src="/sites/default/files/styles/image_lg/public/2025-09/byd_shark_6_tahiti_automobiles.jpg?itok=mPJElfq6"/>
                  </picture>

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


  <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/2025-09/byd_seagull_tahiti_automobiles.jpg?itok=PVbI6BwN" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2025-09/byd_seagull_tahiti_automobiles.jpg?itok=PVbI6BwN" media="(min-width: 992px)">
          
          
                      <source srcset="/sites/default/files/styles/image_mobile/public/2025-09/byd_seagull_tahiti_automobiles_mobile-min.png?itok=B6FrT96t" media="(min-width: 320px)">
          
                      <img src="/sites/default/files/styles/image_lg/public/2025-09/byd_seagull_tahiti_automobiles.jpg?itok=PVbI6BwN"/>
                  </picture>

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


  <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/2023-01/byd_idolphin_header-min.jpg?itok=OTROhaFv" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2023-01/byd_idolphin_header-min.jpg?itok=OTROhaFv" media="(min-width: 992px)">
          
          
                      <img src="/sites/default/files/styles/image_lg/public/2023-01/byd_idolphin_header-min.jpg?itok=OTROhaFv"/>
                  </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-1354').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="/">Tahiti Automobiles</a>
        </li>
                        <li class="breadcrumb-item">
          <a href="https://www.tahitiauto.pf/nos-marques">Nos marques</a>
        </li>
                        <li class="breadcrumb-item active">
          BYD
        </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">
            <div about="/byd" id="taxonomy-term-7" class="taxonomy-term vocabulary-marques">
    
    
        <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-140">
    <div class="container">
        <div class="row">
            <div class="col">
                <div  class="m-section-title text-center">
                                            <div class="m-section-title__title">Découvrez nos modèles</div>
                    
                                    </div>
            </div>
        </div>
    </div>
</div>

<div class="slice-item-wrapper slice-item-view-reference" id="wrapper-slice-169">
    <div class="m-block">
                            <div class="container">
                                <div class="row ">
                    <div class="col">
                                                    
            <div class="field field--name-field-view field--type-viewsreference field--label-hidden field__item"><div class="views-element-container"><div class="view view-modeles view-id-modeles view-display-id-listing js-view-dom-id-3516203cbc87a63b07f10868fd54e5bdf632876f1de40896f2c7d69bee180642">
    
        
            <div class="view-content row">
            
<div class="m-modeles-listing">
    <div class="row">
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-seagull">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2024-05/byd_seagull_royal_auto_tahiti_miniature.jpg?itok=tQL9JSGY" width="255" height="140" alt="byd_seagull_royal_auto_tahiti" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD SEAGULL
    </div>

    <div class="m-modele__price">
        A partir de 2 490 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-dolphin">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2022-01/byd_idolphin_miniature_tahiti.png?itok=TJmDG587" width="255" height="140" alt="byd_dolphin_miniature_tahiti" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD DOLPHIN
    </div>

    <div class="m-modele__price">
        A partir de 3 495 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-sealion-6">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2025-09/BYD_SEALION_6_suv_hybride_tahiti_automobiles_miniature.png?itok=oVEkU5is" width="255" height="140" alt="BYD_SEALION_6_suv_hybride_tahiti_automobiles_miniature" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD SEALION 6
    </div>

    <div class="m-modele__price">
        A partir de 4 990 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-atto-3">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2022-07/byd_atto_3_royal_tahiti_auto_miniature.png?itok=8O8HgM33" width="255" height="140" alt="byd_atto_3_royal_tahiti_auto_miniature" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD ATTO 3
    </div>

    <div class="m-modele__price">
        A partir de 4 990 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-shark-6">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2025-09/BYD_SHARK_6_pick-up_hybride_tahiti_automobiles_miniature.png?itok=P4QTc9qy" width="255" height="140" alt="BYD_SHARK_6_pick-up_hybride_tahiti_automobiles" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD SHARK 6
    </div>

    <div class="m-modele__price">
        A partir de 5 990 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-han-ev">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2021-08/byd_han_tahiti_auto_miniature.png?itok=tknGuCPZ" width="255" height="140" alt="byd_han_tahiti_auto_miniature" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD Han EV
    </div>

    <div class="m-modele__price">
        A partir de 7 690 000 XPF
    </div>
</div>

            </div>
                    <div class="col-md-3 col-sm-6 col-12">
                
<div class="m-modele">
    <div class="m-modele__link d-flex align-items-center justify-content-center">
        <a class="btn btn-light-blue" href="/byd/byd-tang-ev">En savoir plus</a>
    </div>

    <div class="m-modele__image">
          
<img src="/sites/default/files/styles/listing_modele/public/2022-09/byd_tang_ev_mini_tahiti.jpg?itok=SPy5RHAq" width="255" height="140" alt="byd_tang_ev_miniature_tahiti" typeof="foaf:Image" class="image-style-listing-modele img-fluid" />


    </div>

    <div class="m-modele__title">
        BYD TANG EV
    </div>

    <div class="m-modele__price">
        A partir de 7 990 000 XPF
    </div>
</div>

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

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


    <div class="m-parallax">
        <div class="m-parallax-image d-flex justify-content-center align-items-center "
             style="background-color: #1E399F;min-height: 300px;">
            <div class="m-parallax-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="m-section-title text-center">
                                <div class="m-section-title__title">Besoin de plus d’informations ?</div>

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

                <div class="container">
                    <div class="m-columns">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-12 col-sm-6 col-md-6">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-12">
                                            <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">
                                                        Prendre rendez-vous <br>
                                                        Réserver un essai
                                                    </div>
                                                </div>

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

                            <div class="col-12 col-sm-6 col-md-6">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-12">
                                            <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?tid=7&type_action=devis" class="btn btn-light-blue-reverse">En savoir
                                                        plus</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

        </div>
    </div>


                                                                                                </section>

                            
                                </div>

    <div class="l-content-bottom">
                        <div id="block-lestahitiautomarqueblock" class="block block-block-content block-block-contentc5b7dff5-4e71-4231-982c-064c83c3413a m-block">
    
        
            <div class="content">
                <div class="slice-item-wrapper slice-item-parallax" id="wrapper-slice-168">
    <div class="m-parallax">
        <div class="m-parallax-image d-flex justify-content-center align-items-center "
             style="background-color: #F3F3F3;min-height: 250px;"        >

            
            <div class="m-parallax-wrapper">
                                        <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-255">
    <div class="container">
        <div class="row">
            <div class="col">
                <div  class="m-section-title text-center">
                                            <div class="m-section-title__title">Les + Tahiti Automobiles</div>
                    
                                    </div>
            </div>
        </div>
    </div>
</div>


<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-167">
            <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-icon-link" id="wrapper-slice-164">
  <div class="container">
    <div  class="row">
      <div class="col-12">
        <div class="m-item-description">
                      <div class="m-item-description__image">
              
            <div class="field field--name-field-image-icon field--type-image field--label-hidden field__item">  
<img src="/sites/default/files/2018-05/garantie-logo.png" width="52" height="54" alt="Garantie" typeof="foaf:Image" class="img-fluid" />

</div>
      
            </div>
          
          <div class="m-item-description__content">
                          <div class="m-item-description__title">
                
            <div class="field field--name-field-title field--type-string field--label-hidden field__item">Garantie / Assistance / Dépannage</div>
      
              </div>
            
                      </div>

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


            </div>


    <div class="col-12 col-sm-4 col-md-4">
                        
<div class="slice-item-wrapper slice-item-icon-link" id="wrapper-slice-165">
  <div class="container">
    <div  class="row">
      <div class="col-12">
        <div class="m-item-description">
                      <div class="m-item-description__image">
              
            <div class="field field--name-field-image-icon field--type-image field--label-hidden field__item">  
<img src="/sites/default/files/2018-05/solution-paiement-logo.png" width="55" height="55" alt="Solutions de financement" typeof="foaf:Image" class="img-fluid" />

</div>
      
            </div>
          
          <div class="m-item-description__content">
                          <div class="m-item-description__title">
                
            <div class="field field--name-field-title field--type-string field--label-hidden field__item">Solutions de financement</div>
      
              </div>
            
                      </div>

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


            </div>


    <div class="col-12 col-sm-4 col-md-4">
                        
<div class="slice-item-wrapper slice-item-icon-link" id="wrapper-slice-166">
  <div class="container">
    <div  class="row">
      <div class="col-12">
        <div class="m-item-description">
                      <div class="m-item-description__image">
              
            <div class="field field--name-field-image-icon field--type-image field--label-hidden field__item">  
<img src="/sites/default/files/2018-05/service-apres-vente-logo.png" width="53" height="53" alt="Service après-vente" typeof="foaf:Image" class="img-fluid" />

</div>
      
            </div>
          
          <div class="m-item-description__content">
                          <div class="m-item-description__title">
                
            <div class="field field--name-field-title field--type-string field--label-hidden field__item">Service après-vente</div>
      
              </div>
            
                      </div>

                  </div>
      </div>
    </div>
  </div>
</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>
        </div>
    </div>
</div>

<style>
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #wrapper-slice-168 .m-parallax-image {
            height: 250px;
        }
    }
</style>

        </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; /* On force le sticky du menu haut */
        z-index: 1000 !important;    /* Niveau très haut (prioritaire) */
        top: 0 !important; /* C'est CE détail qui manquait pour que ça colle */
    }

    /* 3. Rendre la barre bleue collante (Sticky) SOUS le menu */
    .l-navigation-tools {
        position: -webkit-sticky !important;
        position: sticky !important;
        
        top: 80px !important; 
        
        /* CORRECTION ICI : On baisse le niveau (90) pour qu'il soit sous le menu (1000) */
        z-index: 90 !important; 
        
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    }
}

/* =========================================
   VERSION MOBILE (Ecrans < 992px)
   Correction de l'alignement des boutons
   ========================================= */
@media (max-width: 991px) {

    /* 1. Conteneur principal (La barre fixe) */
    .block-tahiti-auto-modele-link-block {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px !important; /* On force une hauteur précise */
        z-index: 9999;
        background-color: #20399e !important; /* Bleu Ford */
        padding: 0 !important; /* Zéro marge intérieure */
        margin: 0 !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    /* 2. Le conteneur interne (div et ul) doit prendre toute la hauteur */
    .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; /* Active Flexbox */
        width: 100% !important;
        font-size: 0 !important;
    }

    /* 3. Les éléments de liste (li) */
    .block-tahiti-auto-modele-link-block .m-menu-links__content li {
        flex: 1; /* 50% de largeur chacun */
        list-style: none !important;
        margin: 0 !important;
        padding: 15px 0 0 0 !important;
        height: 100% !important; /* Prend toute la hauteur de la barre */
        display: flex !important;
    }

    /* 4. La ligne de séparation au milieu */
    .block-tahiti-auto-modele-link-block .m-menu-links__content li:first-child {
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    /* 5. Le lien (Bouton) - Centrage parfait */
    .block-tahiti-auto-modele-link-block .m-menu-links__content a {
        display: flex !important;
        justify-content: center !important; /* Centre horizontalement */
        align-items: center !important;     /* Centre verticalement */
        width: 100% !important;
        height: 100% !important;            /* Prend toute la hauteur du li */
        
        color: #ffffff !important;
        font-family: sans-serif;
        font-weight: 700 !important;
        font-size: 13px !important; /* Taille ajustée pour tenir sur 2 lignes si besoin */
        text-transform: uppercase;
        text-align: center;
        text-decoration: none !important;
        line-height: 1.2 !important; /* Espacement interligne serré */
        background: transparent !important;
        padding: 0 5px !important;
    }

    /* 6. Marge de sécurité pour le site (pour ne pas cacher le contenu derrière la barre) */
    body {
        padding-bottom: 0px !important; 
    }
}

/* =========================================
   Ajustement du bouton "Retour en haut" (#back-to-top)
   ========================================= */
@media (max-width: 991px) {
    #back-to-top {
        /* On le place à 80px du bas (60px de barre + 20px d'espace) */
        bottom: 60px !important; 
        
        /* Optionnel : on s'assure qu'il passe par-dessus tout */
        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)
   ========================================= */
/* On cible les conteneurs qui sont coincés à l'intérieur d'autres conteneurs dans le footer */
.l-footer .container .container {
    width: 100% !important;      /* Force la largeur à s'adapter à la colonne */
    max-width: 100% !important;  /* Annule la largeur fixe (ex: 1140px) de Bootstrap */
    padding-left: 0 !important;  /* Nettoie les marges inutiles */
    padding-right: 0 !important;
}

/* =========================================
   AÉRATION DU BLOC BLEU "BESOIN D'INFOS"
   ========================================= */

/* 1. Espacement Global (Desktop & Mobile) */
/* Cible le conteneur principal par sa couleur spécifique */
div[style*="1E399F"] .m-parallax-wrapper {
    padding-top: 40px !important;    /* Espace au-dessus du titre */
    padding-bottom: 20px !important; /* Espace tout en bas */
}

/* 2. Ecartement entre le Titre et les Boutons */
div[style*="1E399F"] .m-section-title {
    margin-bottom: 30px !important; /* Pousse les boutons vers le bas */
}

/* 3. Spécifique MOBILE : Ecartement entre les deux boutons */
@media (max-width: 767px) {
    /* Cible le premier bouton (colonne du haut) pour le séparer du deuxième */
    div[style*="1E399F"] .row .col-12:first-child {
        margin-bottom: 10px !important; /* Espace entre "Essai" et "Devis" */
    }
    
    /* Optionnel : On réduit un peu les marges globales sur mobile pour ne pas perdre trop de place */
    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
   ========================================= */

/* 1. CORRECTIF MOBILE : On supprime les marges latérales énormes */
/* Sur mobile, on passe de 66% de large à 100% pour utiliser tout l'écran */
@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; /* Petite marge de sécurité */
        padding-right: 20px !important;
    }
    
    /* On retire aussi le décalage de la colonne bouton */
    .m-tahiti-auto-reservation-form .col-4.offset-4 {
        margin-left: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* 2. UN CHAMP PAR LIGNE (Empilement vertical) */
/* On force les colonnes "col-6" (demi-largeur) à devenir "100%" */
.m-tahiti-auto-reservation-form .col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* 3. DESIGN MODERNE DES CHAMPS (Inputs) */
#tahiti-auto-reservation input[type="text"],
#tahiti-auto-reservation input[type="email"],
#tahiti-auto-reservation select {
    height: 55px !important;       /* Champs plus hauts (plus facile à toucher) */
    background-color: #f8f9fa !important; /* Fond gris très clair */
    border: 1px solid #e9ecef !important; /* Bordure subtile */
    border-radius: 8px !important; /* Coins arrondis modernes */
    padding-left: 20px !important;
    font-size: 15px !important;
    color: #333 !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Effet au clic (Focus) */
#tahiti-auto-reservation input:focus,
#tahiti-auto-reservation select:focus {
    background-color: #ffffff !important;
    border-color: #20399E !important; /* Bordure bleue Tahiti Auto */
    box-shadow: 0 4px 10px rgba(32, 57, 158, 0.1) !important;
}


/* 5. BOUTON D'ENVOI (Large et Moderne) */
#edit-submit {
    /* 1. Largeur doublée (Remplit 100% de sa colonne) */
    width: 100% !important; 
    min-width: 300px !important; /* Sécurité pour qu'il soit toujours imposant */
    margin: 25px auto !important;
    
    /* 2. Design de base (Bleu) */
    display: block;
    height: 60px !important;
    border-radius: 50px !important; /* Forme pilule moderne */
    background-color: #20399E !important; /* Bleu Tahiti Auto */
    color: #ffffff !important;
    border: 2px solid #20399E !important; /* Bordure préparée pour le survol */
    
    /* Typographie */
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 25px !important;
    
    /* Animation fluide */
    transition: all 0.3s ease !important;
}

/* 3. Effet au SURVOL (Rollover) */
#edit-submit:hover {
    background-color: #ffffff !important; /* Le fond devient blanc */
    color: #20399E !important;            /* Le texte devient bleu */
    border-color: #20399E !important;     /* La bordure reste visible */
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(32, 57, 158, 0.3) !important; /* Petite ombre portée */
    transform: scale(1.02); /* Léger effet de zoom pour le dynamisme */
}

/* 4. Effet au CLIC */
#edit-submit:active {
    transform: scale(0.98);
    background-color: #f0f0f0 !important;
}


/* 6. ESTHÉTIQUE DES RADIOS (Civilité & Choix) */
/* On aère les choix à cocher */
.form-check {
    margin-bottom: 10px !important;
    padding-left: 30px !important; /* Espace pour le rond */
}

.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;
}

/* Titres de sections (Que souhaitez vous faire...) */
.m-section-title__title {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    font-size: 20px !important; /* Un peu plus petit pour l'élégance */
}
/* =========================================
   CORRECTIF : Centrage du Menu "Modèle"
   ========================================= */

/* On cible spécifiquement la colonne qui contient le menu déroulant */
.m-tahiti-auto-reservation-form .col-6.offset-3 {
    margin-left: 0 !important;      /* Supprime le décalage vers la droite */
    flex: 0 0 100% !important;      /* Force la largeur à 100% */
    max-width: 100% !important;     /* S'assure qu'il ne dépasse pas */
    padding-left: 15px !important;  /* Réaligne avec les autres champs */
    padding-right: 15px !important;
}

/* =========================================
   FIX MOBILE : Images qui dépassent
   (Sans casser le menu sticky)
   ========================================= */

/* On cible UNIQUEMENT les images dans la zone de contenu principal */
.l-wrapper-main-container img, 
.block-system-main-block img,
article img {
    /* Force l'image à ne jamais dépasser la largeur de son parent */
    max-width: 100% !important; 
    
    /* Garde les proportions (évite que l'image soit écrasée) */
    height: auto !important; 
    
    /* Sécurité supplémentaire pour les images insérées via l'éditeur */
    width: auto !important; /* Priorité à la largeur naturelle ajustée */
}

/* =========================================
   NAVIGATION : Scroll pour "Nos Marques"
   ========================================= */

/* On cible spécifiquement le menu déroulant qui suit le lien "Nos marques" */
/* Le sélecteur [href*="nos-marques"] cherche le lien qui contient ce texte */
.nav-item a[href*="nos-marques"] + .dropdown-menu {
    max-height: 400px !important;  /* Limite la hauteur (environ 7-8 marques) */
    overflow-y: auto !important;   /* Ajoute l'ascenseur (scroll) si ça dépasse */
    overflow-x: hidden !important; /* Empêche le scroll horizontal */
}

/* Personnalisation de la barre de défilement (Scrollbar) pour faire plus propre */
/* (Fonctionne sur Chrome, Safari, Edge) */
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar {
    width: 6px; /* Barre fine */
}
.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; /* Couleur Bleu Tahiti Auto */
    border-radius: 3px;
}
.nav-item a[href*="nos-marques"] + .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #002D62; /* Bleu plus foncé au survol */
}

/* =========================================
   NAVIGATION : Design Moderne (Rollover)
   ========================================= */

/* 1. Animation sur les liens du menu principal (Haut) */
.navbar-nav > .nav-item > .nav-link {
    transition: color 0.3s ease, background-color 0.3s ease;
    position: relative; /* Pour positionner le soulignement */
}

/* Effet de soulignement animé au survol */
@media (min-width: 992px) {
    .navbar-nav > .nav-item > .nav-link::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #20399E; /* Bleu Tahiti Auto */
        transition: width 0.3s;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); /* Centre le trait */
    }

    .navbar-nav > .nav-item:hover > .nav-link::after {
        width: 80%; /* Le trait s'agrandit au survol */
    }
    
    .navbar-nav > .nav-item:hover > .nav-link {
        color: #20399E !important; /* Le texte devient bleu */
    }
}

/* 2. Modernisation des sous-menus (Dropdowns) */
.dropdown-menu {
    border: none !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; /* Belle ombre portée */
    padding: 0 !important; /* Retire les marges internes */
}

.dropdown-item {
    padding: 12px 20px !important; /* Plus d'espace pour cliquer */
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0; /* Séparateur subtil */
    font-size: 14px !important;
}

/* Effet au survol d'un élément de la liste */
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #e8f0fe !important; /* Fond bleu très pâle */
    color: #20399E !important; /* Texte bleu */
    padding-left: 25px !important; /* Petit décalage vers la droite pour le dynamisme */
    font-weight: 600 !important;
}
/* =========================================
   FIX MOBILE : Parallax Header (Anti-Scroll)
   ========================================= */

/* On cible le conteneur global de la parallax */
.slice-item-parallax,
.m-parallax,
.m-parallax-image {
    max-width: 100% !important;   /* Interdiction de dépasser 100% de la largeur */
    width: 100% !important;       /* Force la largeur */
    overflow-x: hidden !important; /* Coupe net tout ce qui essaie de sortir à droite/gauche */
    margin-left: 0 !important;    /* Réinitialise les marges potentiellement négatives */
    margin-right: 0 !important;
}

/* Sécurité pour le contenu à l'intérieur de la parallax */
.m-parallax-wrapper {
    width: 100% !important;
    max-width: 100vw !important; /* Sécurité ultime (largeur écran) */
}

/* =========================================
   FIX MOBILE : Slider Header (Pages Marques)
   ========================================= */

/* On cible le conteneur du slider et ses composants internes */
.m-slider-component__wrapper,
.m-slider-component,
.owl-carousel .owl-stage-outer {
    max-width: 100% !important;    /* Force la largeur max */
    width: 100% !important;
    overflow-x: hidden !important; /* Coupe tout ce qui dépasse sur les côtés */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sécurité supplémentaire pour empêcher le "stage" (la bande d'images) de forcer la largeur */
.owl-carousel {
    display: block !important;     /* Stabilise l'affichage */
    width: 100% !important;
}

/* =========================================
   FOOTER MOBILE : Texte & Ordre
   ========================================= */

@media (max-width: 767px) {
    
    /* 1. RÉDUCTION DE LA POLICE (Footer + Copyright) */
    /* On cible large pour être sûr de tout réduire */
    .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;  /* Réduit significativement (était ~14px) */
        line-height: 1.4 !important; /* Resserre un peu les lignes */
    }
    
    /* Réduction des titres du footer */
    .l-footer h2, .m-block__title {
        font-size: 15px !important;
    }

    /* 2. RÉORGANISATION : Liens au-dessus du Copyright */
    /* On utilise Flexbox pour changer l'ordre visuel sans toucher au HTML */
    .l-copyright .row {
        display: flex;
        flex-direction: column;
    }
    
    
    /* On force le centrage du texte des liens pour faire propre sur mobile */
    .l-copyright .row > div:nth-child(2) p {
        text-align: center !important;
    }

/* =========================================
   OPTIMISATION BANDEAU NOIR (Copyright)
   Code ajusté selon la structure HTML fournie
   ========================================= */

/* 1. COMPACTAGE EXTRÊME (Desktop & Mobile) */
/* On cible le conteneur noir principal */
.l-copyright {
    padding-top: 10px !important;    /* Marge interne haute minime */
    padding-bottom: 0px !important; /* Marge interne basse minime */
}

}

/* =========================================
   FOOTER : Ajustement Bloc Actus (Via ID #wrapper-slice-172)
   ========================================= */

@media (max-width: 767px) {

    /* 1. ÉLARGIR LE BLOC GRIS */
    /* On enlève les marges du conteneur fluide parent pour qu'il touche les bords */
    .m-modele__info--containerfluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* On force le conteneur interne à prendre toute la largeur */
    .m-modele__info--container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 30px !important;  /* Petite marge de sécurité pour ne pas coller le texte */
        padding-right: 30px !important;
    }

    /* On s'assure que les colonnes internes ne créent pas de marge inutile */
    .m-modele__info--container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

/* Code à réinsérer pour que les textes ne soient pas écrasés */
    .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;
    }    


    /* --- 4. BOUTON "BROCHURE" (Style Blanc/Bleu) --- */
    .m-modele__info a.btn-primary {
        /* Dimensions & Position */
        display: block !important;
        width: 100% !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 25px !important;
        
        /* NOUVEAU STYLE : Fond Blanc, Texte Bleu */
        background-color: #f0f0f0 !important; 
        color: #20399E !important;            
        border: 1px solid #20399E !important; /* Bordure épaisse pour bien le voir */
        
        /* Typographie */
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        border-radius: 5px !important;
        text-decoration: none !important;
    }
    
    /* Petit effet quand on clique dessus sur mobile (feedback visuel) */
    .m-modele__info a.btn-primary:active {
        background-color: #20399E !important;
        color: #ffffff !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_JSZqFX0LbQhOXHkZIi0ULAskk9fqEkdXJulLYIRWQFg.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_Urm1sxRro16cOhFG1Mxt5VEe0kSMlz5JT25t_XbqwBE.js"></script>

</body>
</html>