
<!--
//...............................................................................................................................................................................
//.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="Réservez ou demander un devis | Tahiti Automobiles" />
<link rel="canonical" href="https://www.tahitiauto.pf/reservez-ou-demander-un-devis" />
<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/reservez-ou-demander-un-devis" />
<link rel="revision" href="https://www.tahitiauto.pf/reservez-ou-demander-un-devis" />
<script src="/sites/default/files/google_tag/primary/google_tag.script.js?tjagy9" defer="true"></script>

        <title>Réservez ou demander un devis | Tahiti Automobiles</title>
        <link rel="stylesheet" media="all" href="/sites/default/files/css/css_6YLz-8psx7xFo97jEGXqirAFy1Q0gVQD8ivR7TgGlCo.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_6SvjoPG4XHARCpm6Gls1pKQc0cnuuTQtkjZOcJDuUWU.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\/75","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","currentQuery":{"tid":"7","type_action":"devis"}},"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_reservation\/tahiti-auto-reservation,views\/views.module","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-75 path-node page-node-type-custom-page">
<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-content-top">
                        <div class="slice-item-wrapper slice-item-parallax" id="wrapper-slice-339">
    <div class="m-parallax">
        <div class="m-parallax-image d-flex justify-content-center align-items-center "
             style="background-color: #20399E;min-height: 3px;"        >

            
            <div class="m-parallax-wrapper">
                            </div>
        </div>
    </div>
</div>

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

            </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>
              </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="75" role="article" about="/reservez-ou-demander-un-devis" class="custom-page full clearfix">
    
    
        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-299">
    <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-reservation block-tahiti-auto-reservation-block m-block">
    
        
            <div class="content">
            
<form data-drupal-selector="tahiti-auto-reservation" action="/reservez-ou-demander-un-devis?tid=7&amp;type_action=devis" method="post" id="tahiti-auto-reservation" accept-charset="UTF-8">
  <div class="m-tahiti-auto-reservation-form">
    <div class="row">
        <div class="col-8 offset-2">
            <div class="row">
                <div class="col-12">
                    
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="m-section-title text-center">
                        <div class="m-section-title__title">Que souhaitez-vous faire ?</div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-10 offset-1">
                    <div id="edit-type-action" class="radio">
  <div class="js-form-item js-form-type-radio radio form-check js-form-item-type-action form-item-type-action">
            <label class="form-check-label">
            <input data-drupal-selector="edit-type-action-rdv" type="radio" id="edit-type-action-rdv" name="type_action" value="rdv" class="form-radio form-check-input">
              &nbsp;<label for="edit-type-action-rdv" class="option">Prendre rendez-vous ou réserver un essai</label>
          </label>
              </div>

  <div class="js-form-item js-form-type-radio radio form-check js-form-item-type-action form-item-type-action">
            <label class="form-check-label">
            <input data-drupal-selector="edit-type-action-devis" type="radio" id="edit-type-action-devis" name="type_action" value="devis" checked="checked" class="form-radio form-check-input">
              &nbsp;<label for="edit-type-action-devis" class="option">Demander un devis</label>
          </label>
              </div>
</div>

                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="m-section-title text-center">
                        <div class="m-section-title__title">Modèle</div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-6 offset-3">
                    
  <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="" selected="selected">- Sélectionner -</option><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">DENZA B5</option></select>
                  </fieldset>

                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="m-section-title text-center">
                        <div class="m-section-title__title">Vos coordonnées</div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <fieldset data-drupal-selector="edit-civility" id="edit-civility--wrapper" class="fieldgroup form-composite required js-form-item form-item js-form-wrapper form-group" required="required" aria-required="true">
      <legend>
    <span class="fieldset-legend js-form-required form-required">Civilité</span>
  </legend>
  <div class="fieldset-wrapper">
            <div id="edit-civility" class="radio">
  <div class="js-form-item js-form-type-radio radio form-check js-form-item-civility form-item-civility">
            <label class="form-check-label">
            <input data-drupal-selector="edit-civility-monsieur" type="radio" id="edit-civility-monsieur" name="civility" value="monsieur" class="form-radio form-check-input">
              &nbsp;<label for="edit-civility-monsieur" class="option">Monsieur</label>
          </label>
              </div>

  <div class="js-form-item js-form-type-radio radio form-check js-form-item-civility form-item-civility">
            <label class="form-check-label">
            <input data-drupal-selector="edit-civility-madame" type="radio" id="edit-civility-madame" name="civility" value="madame" class="form-radio form-check-input">
              &nbsp;<label for="edit-civility-madame" class="option">Madame</label>
          </label>
              </div>
</div>

          </div>
</fieldset>

                </div>
            </div>

            <div class="row">
                <div class="col-6">
                    
  <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-nom form-item-nom form-group">
          <label for="edit-nom" class="js-form-required form-required">Nom</label>
                <input data-drupal-selector="edit-nom" type="text" id="edit-nom" name="nom" value="" size="60" maxlength="128" placeholder="Nom" class="form-text required form-control" required="required" aria-required="true" />

                  </fieldset>

                </div>

                <div class="col-6">
                    
  <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-prenom form-item-prenom form-group">
          <label for="edit-prenom" class="js-form-required form-required">Prénom</label>
                <input data-drupal-selector="edit-prenom" type="text" id="edit-prenom" name="prenom" value="" size="60" maxlength="128" placeholder="Prénom" class="form-text required form-control" required="required" aria-required="true" />

                  </fieldset>

                </div>
            </div>

            <div class="row">
                <div class="col-6">
                    
  <fieldset class="js-form-item js-form-type-email form-type-email js-form-item-email form-item-email form-group">
          <label for="edit-email" class="js-form-required form-required">Adresse email</label>
                <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Adresse email" class="form-email required form-control" required="required" aria-required="true" />

                  </fieldset>

                </div>

                <div class="col-6">
                    
  <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-telephone form-item-telephone form-group">
          <label for="edit-telephone" class="js-form-required form-required">Téléphone</label>
                <input data-drupal-selector="edit-telephone" type="text" id="edit-telephone" name="telephone" value="" size="60" maxlength="128" placeholder="Téléphone" class="form-text required form-control" required="required" aria-required="true" />

                  </fieldset>

                </div>
            </div>


            <div class="row" style="margin-top: 15px;">
                <div class="col-12">
                    
  <div class="js-form-item js-form-type-checkbox checkbox form-check js-form-item-opt-in form-item-opt-in">
            <label class="form-check-label">
            <input data-drupal-selector="edit-opt-in" type="checkbox" id="edit-opt-in" name="opt_in" value="1" class="form-checkbox form-check-input">
              &nbsp;<label for="edit-opt-in" class="option">Je consens à l’utilisation de mes données personnelles pour recevoir des offres personnalisées de la part de Tahiti Automobiles, de ses filiales Royal Automobiles et Autotech, ainsi que des membres de son réseau commercial</label>
          </label>
              </div>

                </div>
            </div>

            <div class="row">
                <div class="col-4 offset-4">
                    
                    <input autocomplete="off" data-drupal-selector="form-fjpny4-aisnhsjx4sizas9i05oikulzo-i8dmqxp9qi" type="hidden" name="form_build_id" value="form-fJpNy4-AISnHsjx4siZaS9I05oIKulZo-I8Dmqxp9QI" class="form-control" />

                    <input data-drupal-selector="edit-tahiti-auto-reservation" type="hidden" name="form_id" value="tahiti_auto_reservation" class="form-control" />

                    <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Envoyer" class="button button--primary js-form-submit form-submit btn btn-primary form-control" />

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

</form>

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


</article>

        </div>
    </div>


                                                                                                </section>

                            
                                </div>


    <footer class="l-footer" role="contentinfo">
        <div class="container">
                                <div id="block-footerhomepagecustomblock" class="block block-block-content block-block-content512d9dd6-57bc-485b-b24f-c60ea1fb3696 m-block">
    
        
            <div class="content">
                
<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-171">
            <div class="container">
                        <div class="m-columns">
                <div class="row  ">
                        

    <div class="col-11 col-sm-6 col-md-4">
                        <div class="slice-item-wrapper slice-item-text" id="wrapper-slice-5667">
            <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"><div class="footer-brand-block" style="max-width: 330px;">
<p style="margin-bottom: 20px;"><img alt="Tahiti Automobiles" class="img-fluid" src="/sites/default/files/inline-images/logo-tahiti-auto_white_1.png" style="max-width: 220px; height: auto;" /></p>

<p style="font-size: 14px; font-style: italic; font-weight: 500; margin-bottom: 20px; color: #fff;">"L'automobile au service des polynésiens depuis 1969."</p>

<div class="text-align-justify" style="margin-bottom: 20px; "><span style="font-size: 15px; color: #fff;">Tahiti Automobiles, Royal Automobiles et Autotech sont les revendeurs agréés des marques Ford, Mercedes-Benz, Honda, MG, Geely, Subaru, BYD, Changan, JMC et Maxus en Polynésie française. </span></div>

<p class="text-align-justify" style="font-size: 12px; line-height: 1.4; opacity: 0.6; margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 10px;">* Les photos des véhicules, tarifs et équipements sont donnés à titre indicatif et sont non contractuels.</p>
</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 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 class="col-11 col-sm-6 col-md-4">
                        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-172">
    <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-views block-views-blockactualites-last m-block">
    
            <div class="m-block__title">Dernières actus</div>
        
            <div class="content">
            <div class="views-element-container"><div class="view view-actualites view-id-actualites view-display-id-last js-view-dom-id-9c869a897d47bd4b926b55cfa1e5fc8bab456ca789e1db780c9ce2cda8a6e208">
    
        
                        <div class="view-content">
            
<div class="m-actualites-listing-footer">
            
<div class="m-actualite-footer">
    <div class="row">
        <div class="col-md-3">
            <div class="m-actualite-footer__image">
                <img class="rounded-circle img-fluid" src="/sites/default/files/styles/dernieres_actualites/public/2026-05/actus_mg_motor_mg4_052026_new_offre_mini.jpg?itok=esk6yitx">
            </div>
        </div>

        <div class="col-md-9">
            <div class="m-actualite-footer__content">
                <div class="m-actualite-footer__content__title">
                    <a href="/actualites/mg4-partir-de-2990000-xpf" hreflang="fr">MG4 | À PARTIR DE 2.990.000 XPF</a>
                </div>

                <div class="m-actualite-footer__content__description">
                    01 mai 2026
                </div>
            </div>
        </div>
    </div>
</div>


<div class="m-actualite-footer">
    <div class="row">
        <div class="col-md-3">
            <div class="m-actualite-footer__image">
                <img class="rounded-circle img-fluid" src="/sites/default/files/styles/dernieres_actualites/public/2026-03/actus_032026_ford_puma_miniature-tahiti-new%20%281%29.jpg?itok=h9mPA8jH">
            </div>
        </div>

        <div class="col-md-9">
            <div class="m-actualite-footer__content">
                <div class="m-actualite-footer__content__title">
                    <a href="/actualites/ford-puma-partir-de-49900fmois" hreflang="fr">FORD PUMA - À partir de 49.900F/mois*</a>
                </div>

                <div class="m-actualite-footer__content__description">
                    20 mar 2026
                </div>
            </div>
        </div>
    </div>
</div>


<div class="m-actualite-footer">
    <div class="row">
        <div class="col-md-3">
            <div class="m-actualite-footer__image">
                <img class="rounded-circle img-fluid" src="/sites/default/files/styles/dernieres_actualites/public/2026-03/actus_032026_mg_motor_exoneration_miniature.jpg?itok=b8tH_FdP">
            </div>
        </div>

        <div class="col-md-9">
            <div class="m-actualite-footer__content">
                <div class="m-actualite-footer__content__title">
                    <a href="/actualites/mg-moins-de-taxes-plus-de-pouvoir-dachat" hreflang="fr">MG | MOINS DE TAXES, PLUS DE POUVOIR D&#039;ACHAT</a>
                </div>

                <div class="m-actualite-footer__content__description">
                    02 mar 2026
                </div>
            </div>
        </div>
    </div>
</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 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 class="col-11 col-sm-12 col-md-4">
                        <div class="slice-item-wrapper slice-item-text" id="wrapper-slice-217">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                                                <div class="m-text__title">
                        Retrouvez-nous sur Facebook
                    </div>
                    
                                    </div>
            </div>
        </div>
    </div>
    </div>

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

    <div class="col-12 col-sm-6 col-md-6">
                        <div class="slice-item-wrapper slice-item-menu-links" id="wrapper-slice-181">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="m-menu-links">
                    
                                            <div class="m-menu-links__content">
                            <ul>
            <li>
            <a href="https://www.facebook.com/FordTahitiAuto/">Ford Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/MercedesBenzTahiti/">Mercedes Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/autotech.pf/">Honda Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/BYDTahiti/">BYD Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/MGTahiti/">MG Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/subarutahiti/">Subaru Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/MaxusTahiti">Maxus Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/JMCLandwindTahiti/">JMC / LandWind Tahiti</a>
        </li>
    </ul>


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

            </div>


    <div class="col-12 col-sm-6 col-md-6">
                        <div class="slice-item-wrapper slice-item-menu-links" id="wrapper-slice-187">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="m-menu-links">
                    
                                            <div class="m-menu-links__content">
                            <ul>
            <li>
            <a href="https://www.facebook.com/GeelyTahiti">Geely Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/ChanganTahiti/">Changan Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/lrtahiti/">Land Rover Tahiti</a>
        </li>
            <li>
            <a href="https://www.facebook.com/tahitiautomobilesoccasions/">Tahiti Auto Occasions</a>
        </li>
            <li>
            <a href="https://www.facebook.com/TahitiAutomobilesSAV/">Tahiti Auto SAV</a>
        </li>
            <li>
            <a href="https://www.facebook.com/TahitiAutoVI">Tahiti Auto Véhicules Industriels</a>
        </li>
    </ul>


                        </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 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>
    </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_VPZGWnKPDCxkgrVQ_z-_pd2ojb141hfjG_JjiPDu-BI.js"></script>

</body>
</html>