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

<!DOCTYPE html>
<html  lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
<head>
    <meta charset="utf-8" />
<script>(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,"script","https://www.google-analytics.com/analytics.js","ga");ga("create", "UA-61199442-1", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview");</script>
<meta name="title" content="LINKTOUR ALUMI | Tahiti Automobiles" />
<link rel="canonical" href="https://www.tahitiauto.pf/linktour/linktour-alumi" />
<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: #222222 !important;
        }
        .m-section-title::after {
            background-color: #222222 !important;
        }
        .btn-light-blue {
            background-color: #222222 !important;
            border: 2px solid #222222 !important;
        }
        .btn-light-blue-reverse {
            color: #222222 !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: #222222 !important;
             color: #FFF !important;
        }
        .btn-light-blue:hover, .btn-light-blue:focus {
            color: #FFF !important;
            border-color: #222222 !important;
        }
        #back-to-top {
            background: #222222 !important;
        }
        #wrapper-slice-256 &gt; .m-parallax &gt; .m-parallax-image{
            background-color: #FFFFFF !important;
        }
        .breadcrumb .breadcrumb-item:last-child {
            color: #FFFFFF !important;
        }
        div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
            background: #222222 !important;
        }</style>
<link rel="alternate" hreflang="fr" href="https://www.tahitiauto.pf/linktour/linktour-alumi" />
<link rel="revision" href="https://www.tahitiauto.pf/linktour/linktour-alumi" />
<script src="/sites/default/files/google_tag/primary/google_tag.script.js?sphhel" defer="true"></script>

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

            <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/374","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","ajaxPageState":{"libraries":"bootstrap_barrio\/breadcrumb,bootstrap_barrio\/form,bootstrap_barrio\/global-styling,core\/html5shiv,eu_cookie_compliance\/eu_cookie_compliance,google_analytics\/google_analytics,paragraphs\/drupal.paragraphs.unpublished,starter\/animate,starter\/bootstrap4,starter\/custom-fonts,starter\/font-awesome,starter\/font-awesome-4,starter\/global-styling,starter\/lettering,starter\/masonry,starter\/mmenu,starter\/owl-carousel,starter\/parallax,starter\/waypoints,system\/base,tahiti_auto_modele\/tahiti-auto-modele","theme":"starter","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"google_analytics":{"trackOutbound":true,"trackMailto":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":true},"eu_cookie_compliance":{"popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv class=\u0022row align-items-center justify-content-center\u0022\u003E\n      \u003Cdiv class=\u0022col-md-4\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n            \u003Ch2\u003ENous utilisons des cookies sur ce site pour am\u00e9liorer votre exp\u00e9rience d\u0027utilisateur.\u003C\/h2\u003E\n\n        \u003C\/div\u003E\n      \u003C\/div\u003E\n\n      \u003Cdiv class=\u0022col-md-8\u0022\u003E\n        \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n          \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-agree-button btn btn-light-blue-reverse\u0022\u003EJ\u0026#039;accepte.\u003C\/button\u003E\n                          \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button btn btn-light-blue-reverse\u0022\u003EPlus d\u0026#039;infos.\u003C\/button\u003E\n                    \u003C\/div\u003E\n      \u003C\/div\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info\u0022\u003E\n  \u003Cdiv class =\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv class=\u0022row align-items-center justify-content-center\u0022\u003E\n      \u003Cdiv class=\u0022col-md-4\u0022\u003E\n        \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n            \n        \u003C\/div\u003E\n      \u003C\/div\u003E\n\n      \u003Cdiv class=\u0022col-md-8\u0022\u003E\n        \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n          \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button eu-cookie-compliance-agree-button btn btn-light-blue-reverse\u0022\u003EJ\u0026#039;accepte.\u003C\/button\u003E\n                          \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button eu-cookie-compliance-more-button btn btn-light-blue-reverse\u0022\u003EPlus d\u0026#039;infos.\u003C\/button\u003E\n                    \u003C\/div\u003E\n      \u003C\/div\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":false,"popup_height":"auto","popup_width":"100%","popup_delay":1000,"popup_link":"\/","popup_link_new_window":true,"popup_position":false,"popup_language":"fr","store_consent":false,"better_support_for_screen_readers":false,"cookie_name":"","reload_page":false,"domain":"","popup_eu_only_js":false,"cookie_lifetime":100,"cookie_session":0,"disagree_do_not_show_popup":false,"method":"opt_in","whitelisted_cookies":"","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EParam\u00e8tres de confidentialit\u00e9\u003C\/button\u003E\n\u003Cdiv class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n  \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n    \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022\u003E\n      \u003Ch2\u003ENous utilisons des cookies sur ce site pour am\u00e9liorer votre exp\u00e9rience d\u0027utilisateur.\u003C\/h2\u003E\n\n    \u003C\/div\u003E\n    \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n      \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button\u0022\u003ERetirer le consentement\u003C\/button\u003E\n    \u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":false},"user":{"uid":0,"permissionsHash":"dcd939115723a482365899b486241a44f20957a57c6f2665ae701126d29b1336"}}</script>

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

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

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

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

            </div>


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

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

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

    <div class="collapse navbar-collapse" id="navbarNavDropdown-119921391">
                    
        <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-258713028"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <i class="fa fa-bars"></i>
    </button>

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

            </div>
</nav>


            </div>
            </header>

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

    <div class="col-12 col-sm-6 col-md-6">
                        <div class="slice-item-wrapper slice-item-block" id="wrapper-slice-250">
    <div class="m-block">
                            <div class="container">
                                <div class="row ">
                    <div class="col">
                                                    
            <div class="field field--name-field-block field--type-block-field field--label-hidden field__item"><div class="block block-tahiti-auto-modele block-tahiti-auto-modele-block m-block">
    
        
            <div class="content">
            
<form data-drupal-selector="tahiti-auto-modele" action="/linktour/linktour-alumi" method="post" id="tahiti-auto-modele" accept-charset="UTF-8">
  
  <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-modeles form-item-modeles form-no-label form-group">
                
<select data-drupal-selector="edit-modeles" id="edit-modeles" name="modeles" class="form-select required" required="required" aria-required="true"><option value="374" selected="selected">LINKTOUR ALUMI</option></select>
                  </fieldset>
<input autocomplete="off" data-drupal-selector="form-zklscqmaxe2uuqlqvkbrcbo7rhjsxcufuxrsdp2zhbc" type="hidden" name="form_build_id" value="form-ZklScqmAxE2UuqlqVkBrCBo7RHJsXCUfuxrSDp2ZHBc" class="form-control" />
<input data-drupal-selector="edit-tahiti-auto-modele" type="hidden" name="form_id" value="tahiti_auto_modele" class="form-control" />
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-group" id="edit-actions"><input style="display: none;" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send" class="button button--primary js-form-submit form-submit btn btn-primary form-control" />
</div>

</form>

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


            </div>


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


            </div>


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


        </div>
    </div>


            </div>

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

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

        <picture>
                      <source srcset="/sites/default/files/styles/image_lg/public/2026-06/linktour_alumi_tahiti_automobiles_2026_header_desktop2.png?itok=g8uP1p4r" media="(min-width: 1920px)">
          
                      <source srcset="/sites/default/files/styles/image_lg/public/2026-06/linktour_alumi_tahiti_automobiles_2026_header_desktop2.png?itok=g8uP1p4r" media="(min-width: 992px)">
          
          
                      <source srcset="/sites/default/files/styles/image_mobile/public/2026-06/linktour_alumi_tahiti_automobiles_2026_header_mobile2.png?itok=XYPBt8bq" media="(min-width: 320px)">
          
                      <img src="/sites/default/files/styles/image_lg/public/2026-06/linktour_alumi_tahiti_automobiles_2026_header_desktop2.png?itok=g8uP1p4r"/>
                  </picture>

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


  </div>
</div>

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


            </div>


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

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

  <nav role="navigation" aria-label="breadcrumb">
    <ol class="breadcrumb">
                  <li class="breadcrumb-item">
          <a href="/">Accueil</a>
        </li>
                        <li class="breadcrumb-item">
          <a href="/linktour">LINKTOUR</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="374" role="article" about="/linktour/linktour-alumi" class="modele full clearfix">
    
    
    <div class="content">
        <div class="container-fluid m-modele__info--containerfluid">
            <div class="container m-modele__info--container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                                                    <div class="m-modele__info">
                                <div class="m-modele__info__title">
                                    à partir de
                                </div>

                                <div class="m-modele__info__price">
                                    
            <div content="1490000" class="field field--name-field-prix field--type-integer field--label-hidden field__item">1 490 000 XPF</div>
      
                                </div>
                            </div>
                        
                                            </div>

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

                                <div class="m-modele__info__list">
                                    <ul>
            <li>
            4x2
        </li>
            <li>
            Caméra de recul
        </li>
            <li>
            Feux LED
        </li>
            <li>
            Toit panoramique
        </li>
    </ul>


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

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

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

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

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

                                <div class="m-modele__info__place">
                                    
            <div class="field field--name-field-places field--type-integer field--label-hidden field__item">2</div>
      
                                </div>
                            
                                                            <a target="_blank" href="/sites/default/files/2026-06/Linktour_Alumi_2026_Brochure_web_pf.pdf"
                                   class="btn btn-block btn-primary btn-noradius">Télécharger la brochure</a>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

        <div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5748">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="alumi-intro-section" id="alumi-intro">
<div class="alumi-container">
<div class="alumi-hero-display">
<div class="alumi-watermark">Alumi</div>
<img alt="Linktour Alumi" class="alumi-car-profile active" id="img-alumi" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_version_pro.png" /> <img alt="Linktour Alumi Elite" class="alumi-car-profile" id="img-elite" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_version_elite.png" />
<div class="alumi-shadow"> </div>
</div>

<div class="alumi-tabs"><button class="alumi-tab active" data-target="alumi">Alumi Pro</button><button class="alumi-tab" data-target="elite">Alumi Elite+</button></div>

<div class="alumi-stats-wrapper">
<div class="alumi-stats-board active" id="stats-alumi">
<div class="alumi-stat-item"><span class="alumi-val">120<small>KM</small></span> <span class="alumi-label">Autonomie (WMTC)</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item"><span class="alumi-val">45<small>KM/h</small></span> <span class="alumi-label">Vitesse maximale</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item"><span class="alumi-val">7.2<small>kWh</small></span> <span class="alumi-label">Batterie LFP</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item alumi-highlight"><span class="alumi-val-icon">✓</span> <span class="alumi-label">Caméra de recul</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item alumi-permit-item"><span class="alumi-val-text">Sans permis</span> <span class="alumi-label">BSR obligatoire</span></div>
</div>

<div class="alumi-stats-board" id="stats-elite">
<div class="alumi-stat-item"><span class="alumi-val">180<small>KM</small></span> <span class="alumi-label">Autonomie (WMTC)</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item"><span class="alumi-val">90<small>KM/h</small></span> <span class="alumi-label">Vitesse maximale</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item"><span class="alumi-val">12.96<small>kWh</small></span> <span class="alumi-label">Batterie LFP</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item alumi-highlight"><span class="alumi-val-icon">✓</span> <span class="alumi-label">Caméra de recul</span></div>

<div class="alumi-stat-divider"> </div>

<div class="alumi-stat-item alumi-permit-item"><span class="alumi-val-text">Permis 125</span> <span class="alumi-label">requis</span></div>
</div>
</div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* =========================================
     BLOC 1 : INTRO LINKTOUR ALUMI
     ========================================= */
  .alumi-intro-section {
    background: linear-gradient(180deg, #ffffff 0%, #edf1f8 100%);
    padding: 60px 0 80px 0;
    font-family: 'Hind', sans-serif;
    overflow: hidden;
  }

  .alumi-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .alumi-hero-display {
    position: relative;
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px; 
    z-index: 2;
    min-height: 300px; 
  }

  .alumi-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    font-size: 15rem;
    font-weight: 800;
    color: #e2e8f0;
    z-index: -1;
    letter-spacing: -2px;
    pointer-events: none;
    user-select: none;
  }

  .alumi-car-profile {
    width: 100%;
    height: auto;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out, transform 0.6s ease-in-out;
    transform: translateX(15px); 
  }
  
  .alumi-car-profile.active {
    opacity: 1;
    visibility: visible;
    position: relative; 
    transform: translateX(0);
  }

  .alumi-shadow {
    width: 70%;
    height: 30px;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 70%);
    margin-top: -15px;
    border-radius: 50%;
    z-index: 1;
  }

  .alumi-tabs {
    display: flex;
    gap: 5px;
    background: rgba(255, 255, 255, 0.6);
    padding: 6px;
    border-radius: 40px;
    margin-bottom: 25px;
    z-index: 4;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .alumi-tab {
    border: none;
    background: transparent;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
    transition: all 0.4s ease;
    font-family: inherit;
    font-size: 1.05rem;
  }

  .alumi-tab:hover { color: #1a1a1a; }
  .alumi-tab:focus { outline: none !important; }

  .alumi-tab.active {
    background: #dcf7c0; 
    color: #1a1a1a;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }

  .alumi-stats-wrapper {
    display: grid;
    width: 100%;
    max-width: 950px;
    z-index: 3;
  }

  .alumi-stats-board {
    grid-area: 1 / 1;
    display: flex; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 20px 35px;
    align-items: center;
    justify-content: space-between;
    backdrop-filter: blur(10px);
    border: 1px solid #fff;
  }

  .alumi-stats-board.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }

  .alumi-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
  }

  .alumi-stat-item.alumi-highlight {
    background: #dcf7c0; 
    padding: 15px;
    border-radius: 12px;
    max-width: 160px;
  }

  .alumi-val {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 5px;
  }

  .alumi-val small { font-size: 1rem; font-weight: 500; margin-left: 2px; }

  .alumi-val-icon {
    font-size: 1.8rem;
    font-weight: bold;
    color: #4a7c1a;
    margin-bottom: 8px;
    line-height: 1;
  }

  /* Style pour le texte textuel de la mention permis */
  .alumi-val-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: #20399E; /* Reprise du bleu Tahiti Auto pour faire ressortir l'info */
    line-height: 1.2;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .alumi-label { font-size: 0.85rem; color: #666; font-weight: 500; }

  .alumi-stat-divider {
    width: 1px;
    height: 40px;
    background: #e2e8f0;
    margin: 0 10px;
  }

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 768px) {
    .alumi-intro-section { padding: 30px 0 50px 0; }
    .alumi-watermark { font-size: 5rem; transform: translate(-50%, -60%); }
    .alumi-hero-display { min-height: 180px; margin-bottom: 0px; }

    .alumi-tabs { width: 100%; justify-content: center; }
    .alumi-tab { flex: 1; text-align: center; padding: 10px 15px; }

    /* Grille pour les caractéristiques techniques standard */
    .alumi-stats-board {
      display: grid !important; 
      grid-template-columns: 1fr 1fr;
      padding: 20px;
      gap: 15px;
      border-radius: 15px;
      align-items: stretch;
    }

    .alumi-stat-item { width: 100%; justify-content: center; }
    .alumi-stat-item.alumi-highlight { margin-top: 0; padding: 10px; max-width: 100%; }
    .alumi-stat-divider { display: none !important; }
    
    .alumi-val { font-size: 1.6rem; }
    .alumi-val-icon { font-size: 1.5rem; margin-bottom: 5px; }
    .alumi-val-text { font-size: 1.1rem; margin-bottom: 3px; }

    /* Ligne pleine largeur en bas de tableau pour le permis */
    .alumi-permit-item {
      grid-column: span 2;
      border-top: 1px solid #eee;
      padding-top: 15px;
      margin-top: 5px;
    }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const tabs = document.querySelectorAll('.alumi-tab');
    const cars = document.querySelectorAll('.alumi-car-profile');
    const boards = document.querySelectorAll('.alumi-stats-board');

    tabs.forEach(tab => {
      tab.addEventListener('click', function() {
        if(this.classList.contains('active')) return;

        tabs.forEach(t => t.classList.remove('active'));
        cars.forEach(c => c.classList.remove('active'));
        boards.forEach(b => b.classList.remove('active'));

        this.classList.add('active');
        
        const target = this.getAttribute('data-target');
        document.getElementById('img-' + target).classList.add('active');
        document.getElementById('stats-' + target).classList.add('active');
      });
    });
  });

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

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5749">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="alumi-exterior-section">
<div class="alumi-exterior-header">
<h2>Extérieur</h2>

<p>Une approche axée sur le design pour un style audacieux.</p>
</div>

<div class="alumi-ext-carousel-container">
<div class="alumi-ext-track" id="alumi-ext-track">
<div class="alumi-ext-card is-active">
<div class="alumi-ext-img-box" style="background-image: url('https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_exterieur_01.jpg');">
<div class="alumi-ext-overlay"> </div>

<div class="alumi-ext-text">
<h3>Un confort sculpté par le vent, où la conduite donne l’impression de flotter dans le calme.</h3>
</div>
</div>
</div>

<div class="alumi-ext-card">
<div class="alumi-ext-img-box" style="background-image: url('https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_exterieur_02.jpg');">
<div class="alumi-ext-overlay"> </div>

<div class="alumi-ext-text">
<h3>Vitrage fluide, vue infinie. La liberté s'écoule avec chaque horizon ouvert.</h3>
</div>
</div>
</div>

<div class="alumi-ext-card">
<div class="alumi-ext-img-box" style="background-image: url('https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_exterieur_03.jpg');">
<div class="alumi-ext-overlay"> </div>

<div class="alumi-ext-text">
<h3>Sûr mais lumineux, l’intérieur rencontre l’extérieur. Un ciel étoilé, toujours à portée de regard.</h3>
</div>
</div>
</div>

<div class="alumi-ext-card">
<div class="alumi-ext-img-box" style="background-image: url('https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_exterieur_04.jpg');">
<div class="alumi-ext-overlay"> </div>

<div class="alumi-ext-text">
<h3>Phares LED intelligents — nuits plus lumineuses, trajets plus fluides.</h3>
</div>
</div>
</div>
</div>

<div class="alumi-ext-nav"><button class="alumi-ext-dot active"></button><button class="alumi-ext-dot"></button><button class="alumi-ext-dot"></button><button class="alumi-ext-dot"></button></div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/*

     =========================================
     BLOC 2 : EXTÉRIEUR (BACKGROUND-IMAGE FIX)
     ========================================= */
  .alumi-exterior-section {
    padding: 80px 0;
    background: #ffffff;
    font-family: 'Hind', sans-serif;
  }

  .alumi-exterior-header {
    text-align: center;
    margin-bottom: 50px;
  }

  .alumi-exterior-header h2 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0 0 10px 0;
  }

  .alumi-exterior-header p {
    font-size: 1.1rem;
    color: #666;
    margin: 0;
  }

  .alumi-ext-carousel-container {
    position: relative;
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
  }

  .alumi-ext-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    padding: 0 22.5%; 
    gap: 3%;
    align-items: center;
  }

  .alumi-ext-track::-webkit-scrollbar {
    display: none;
  }

  .alumi-ext-card {
    flex: 0 0 55%;
    scroll-snap-align: center;
    position: relative;
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.5;
    transform: scale(0.92);
  }

  .alumi-ext-card.is-active {
    opacity: 1;
    transform: scale(1);
  }

  /* LA PARADE ANTI-CMS : L'image en background CSS ! */
  .alumi-ext-img-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 360px !important; /* Hauteur réduite pour desktop */
    background-color: #f8f9fa;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  }

  /* Overlay sombre (assombrit bien le haut pour la lisibilité) */
  .alumi-ext-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
  }

  .alumi-ext-text {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    color: #fff;
    z-index: 2;
  }

  .alumi-ext-text h3 {
    font-size: 1.5rem; /* Réduit un peu par rapport à avant */
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  }

  /* --- Navigation par points --- */
  .alumi-ext-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
  }

  .alumi-ext-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e2e8f0;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
  }
  
  .alumi-ext-dot:focus {
    outline: none !important;
  }

  .alumi-ext-dot.active {
    background: #dcf7c0;
    width: 30px; 
    border-radius: 10px;
  }

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 992px) {
    .alumi-exterior-section {
      padding: 40px 0;
    }
    .alumi-exterior-header h2 {
      font-size: 2rem;
    }

    .alumi-exterior-header p {
      padding: 0 30px;
    }

    .alumi-ext-track {
      padding: 0 10%;
      gap: 5%;
    }
    .alumi-ext-card {
      flex: 0 0 85%;
    }
    
    /* Hauteur drastiquement réduite sur mobile pour supprimer le vide */
    .alumi-ext-img-box {
      height: 250px !important; 
    }
    
    .alumi-ext-text {
      top: 20px;
      left: 20px;
      right: 20px;
    }
    
    .alumi-ext-text h3 {
      font-size: 1.15rem;
    }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const track = document.getElementById('alumi-ext-track');
    const cards = document.querySelectorAll('.alumi-ext-card');
    const dots = document.querySelectorAll('.alumi-ext-dot');
    
    if (cards.length > 0) {
      cards[0].classList.add('is-active');
    }

    function updateActiveState() {
      if (!track) return;
      const trackCenter = track.getBoundingClientRect().width / 2;
      let closestCardIndex = 0;
      let minDistance = Infinity;

      cards.forEach((card, index) => {
        const cardRect = card.getBoundingClientRect();
        const cardCenter = cardRect.left + (cardRect.width / 2) - track.getBoundingClientRect().left;
        const distance = Math.abs(trackCenter - cardCenter);

        if (distance < minDistance) {
          minDistance = distance;
          closestCardIndex = index;
        }
      });

      cards.forEach((card, idx) => {
        card.classList.toggle('is-active', idx === closestCardIndex);
      });
      dots.forEach((dot, idx) => {
        dot.classList.toggle('active', idx === closestCardIndex);
      });
    }

    if (track) {
      track.addEventListener('scroll', () => {
        window.requestAnimationFrame(updateActiveState);
      });
    }

    dots.forEach((dot, index) => {
      dot.addEventListener('click', () => {
        const targetCard = cards[index];
        const scrollPosition = targetCard.offsetLeft - track.offsetLeft - (track.clientWidth / 2) + (targetCard.clientWidth / 2);
        
        track.scrollTo({
          left: scrollPosition,
          behavior: 'smooth'
        });
      });
    });
    
    setTimeout(updateActiveState, 100);
  });

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

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5750">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="alumi-interior-section">
<div class="alumi-container">
<div class="alumi-int-header text-center">
<h2>Intérieur</h2>

<p>Chaque détail commence par vous. Pensée au centimètre près, l’habitacle offre un espace généreux et un confort intuitif.</p>
</div>

<div class="alumi-int-slider-wrapper"><!-- Flèches de navigation ultra-discrètes --><button aria-label="Précédent" class="alumi-int-arrow prev-arrow" id="alumi-int-prev">❮</button><button aria-label="Suivant" class="alumi-int-arrow next-arrow" id="alumi-int-next">❯</button>

<div class="alumi-int-track" id="alumi-int-track">
<div class="alumi-int-slide">
<div class="alumi-int-text-col"><span class="alumi-int-num">01</span>

<h3>Votre café du matin reste bien en place dans le porte‑gobelet dédié, tandis que le grand compartiment accueille facilement votre tablette et vos documents.</h3>
</div>

<div class="alumi-int-img-col"><img alt="Intérieur 1" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_interieur_01.jpg" /></div>
</div>

<div class="alumi-int-slide">
<div class="alumi-int-text-col"><span class="alumi-int-num">02</span>

<h3>Les sièges antibactériens à réglage électrique trouvent instantanément votre position idéale.</h3>
</div>

<div class="alumi-int-img-col"><img alt="Intérieur 2" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_interieur_02.jpg" /></div>
</div>

<div class="alumi-int-slide">
<div class="alumi-int-text-col"><span class="alumi-int-num">03</span>

<h3>Lors des trajets du soir, les pare‑soleil doubles créent une lumière douce parfaitement dosée.</h3>
</div>

<div class="alumi-int-img-col"><img alt="Intérieur 3" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_interieur_03.jpg" /></div>
</div>

<div class="alumi-int-slide">
<div class="alumi-int-text-col"><span class="alumi-int-num">04</span>

<h3>L’intérieur mêle un noir et un gris classiques à des touches de vert tendre.</h3>
</div>

<div class="alumi-int-img-col"><img alt="Intérieur 4" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_interieur_04.jpg" /></div>
</div>

<div class="alumi-int-slide">
<div class="alumi-int-text-col"><span class="alumi-int-num">05</span>

<h3>Le levier de vitesses électronique et les commandes physiques interagissent naturellement, pour que vous puissiez vous concentrer sur la route.</h3>
</div>

<div class="alumi-int-img-col"><img alt="Intérieur 5" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_interieur_05.jpg" /></div>
</div>
</div>

<div class="alumi-int-dots-container"><button class="alumi-int-dot active"></button><button class="alumi-int-dot"></button><button class="alumi-int-dot"></button><button class="alumi-int-dot"></button><button class="alumi-int-dot"></button></div>
</div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* =========================================
     BLOC 3 : INTÉRIEUR (HAUTEUR UNIFORME MOBILE)
     ========================================= */

  .alumi-interior-section { padding: 80px 0; background: linear-gradient(180deg, #edf1f8 0%, #ffffff 100%); font-family: 'Hind', sans-serif; }
  .alumi-int-header { margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; }
  .alumi-int-header h2 { font-size: 2.5rem; font-weight: 800; color: #1a1a1a; margin: 0 0 10px 0; }
  .alumi-int-header p { font-size: 1.1rem; color: #666; line-height: 1.6; }

  .alumi-int-slider-wrapper { position: relative; max-width: 1200px; margin: 0 auto; width: 100%; overflow: hidden; }

  .alumi-int-track {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; width: 100%; 
    align-items: stretch; /* Essentiel : force toutes les slides à avoir la même hauteur */
  }
  .alumi-int-track::-webkit-scrollbar { display: none; }

  .alumi-int-slide {
    flex: 0 0 100%; min-width: 100%; scroll-snap-align: start; display: flex; align-items: center; gap: 5%;
    padding: 0 60px; box-sizing: border-box; 
  }

  .alumi-int-text-col { flex: 1; position: relative; }
  .alumi-int-num { display: block; font-size: 1.2rem; font-weight: 800; color: #a8adbd; margin-bottom: 10px; }
  .alumi-int-text-col h3 { font-size: 1.8rem; font-weight: 700; line-height: 1.4; color: #1a1a1a; margin: 0; }

  .alumi-int-img-col { flex: 1.3; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); background: #f8f9fa; }
  .alumi-int-img-col img { width: 100% !important; height: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }

  /* Flèches */
  .alumi-int-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; 
    background: transparent; border: none; font-size: 3rem; color: #cbd5e1; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: color 0.3s ease, opacity 0.3s ease;
    padding: 10px; box-shadow: none;
  }
  .alumi-int-arrow:hover { color: #20399E; background: transparent; }
  .alumi-int-arrow:focus { outline: none !important; }
  .prev-arrow { left: 0; opacity: 0; pointer-events: none; }
  .next-arrow { right: 0; }

  .alumi-int-dots-container { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }
  .alumi-int-dot { width: 10px; height: 10px; border-radius: 50%; background: #e2e8f0; border: none; cursor: pointer; transition: all 0.3s ease; padding: 0; }
  .alumi-int-dot:focus { outline: none !important; }
  .alumi-int-dot.active { background: #20399E; width: 30px; border-radius: 10px; } 

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 992px) {
    .alumi-int-track { padding: 0 !important; gap: 0 !important; }
    
    .alumi-int-slide { 
      flex-direction: column !important; 
      justify-content: flex-start !important;
      gap: 20px !important; 
      padding: 0 15px !important; 
      margin: 0 !important;
      width: 100% !important;
      min-width: 100% !important; 
    }
    
    /* Ordre forcé : Image en HAUT, Texte en BAS */
    .alumi-int-img-col { 
      order: 1 !important; flex: none !important; width: 100% !important; 
      border-radius: 15px !important; height: auto !important;
    }
    .alumi-int-text-col { 
      order: 2 !important; flex: 1 !important; width: 100% !important; 
      text-align: center !important; display: flex; flex-direction: column;
    }
    
    .alumi-int-text-col h3 { font-size: 1.3rem !important; }
    .alumi-int-num { text-align: center !important; margin-bottom: 5px !important;}
    .alumi-int-arrow { display: none !important; }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const track = document.getElementById('alumi-int-track');
    const slides = document.querySelectorAll('.alumi-int-slide');
    const dots = document.querySelectorAll('.alumi-int-dot');
    const prevBtn = document.getElementById('alumi-int-prev');
    const nextBtn = document.getElementById('alumi-int-next');

    if (!track || slides.length === 0) return;

    function updateNav() {
      const slideWidth = slides[0].clientWidth;
      const index = Math.round(track.scrollLeft / slideWidth);
      
      dots.forEach((dot, i) => dot.classList.toggle('active', i === index));

      if(index === 0) {
        prevBtn.style.opacity = '0'; prevBtn.style.pointerEvents = 'none';
      } else {
        prevBtn.style.opacity = '1'; prevBtn.style.pointerEvents = 'auto';
      }

      if(index === slides.length - 1) {
        nextBtn.style.opacity = '0'; nextBtn.style.pointerEvents = 'none';
      } else {
        nextBtn.style.opacity = '1'; nextBtn.style.pointerEvents = 'auto';
      }
    }

    track.addEventListener('scroll', () => window.requestAnimationFrame(updateNav));

    dots.forEach((dot, index) => {
      dot.addEventListener('click', () => {
        const slideWidth = slides[0].clientWidth;
        track.scrollTo({ left: slideWidth * index, behavior: 'smooth' });
      });
    });

    prevBtn.addEventListener('click', () => {
      const slideWidth = slides[0].clientWidth;
      track.scrollBy({ left: -slideWidth, behavior: 'smooth' });
    });

    nextBtn.addEventListener('click', () => {
      const slideWidth = slides[0].clientWidth;
      track.scrollBy({ left: slideWidth, behavior: 'smooth' });
    });

    updateNav();
  });

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

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5751">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="alumi-colors-section">
<div class="alumi-container text-center">
<div class="alumi-colors-header">
<h2>Palette de couleurs raffinée</h2>

<p>Une philosophie de couleur raffinée, inspirée par l’optique et l’âme de la ville.</p>
</div>
<!-- Le conteneur image + puces -->

<div class="ta-color-layout" id="ta-alumi-color-safe-zone">
<div class="ta-color-dots"><button aria-label="Blanc Lune" class="alumi-color-btn active" data-color="0" style="background-color: #ffffff;"></button><button aria-label="Vert Pousse" class="alumi-color-btn" data-color="1" style="background-color: #d9f2b3;"></button><button aria-label="Gris Roche" class="alumi-color-btn" data-color="2" style="background-color: #a8adbd;"></button><button aria-label="Noir Étoilé" class="alumi-color-btn" data-color="3" style="background-color: #071126;"></button></div>

<div class="ta-color-cars"><img alt="Blanc Lune" class="ta-car-img active" id="ta-img-0" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_blanc_electrique_citadine_0.png" /> <img alt="Vert Pousse" class="ta-car-img" id="ta-img-1" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_vert_electrique_citadine.png" /> <img alt="Gris Roche" class="ta-car-img" id="ta-img-2" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_gris_electrique_citadine.png" /> <img alt="Noir Étoilé" class="ta-car-img" id="ta-img-3" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_noir_electrique_citadine.png" /></div>
</div>
<!-- Les textes sont replacés en dehors de la Flexbox pour être centrés en bas -->

<div class="ta-color-texts">
<div class="ta-color-desc active" id="ta-txt-0">
<h3>Blanc Lune</h3>

<p>Clair de lune • Marbre</p>
</div>

<div class="ta-color-desc" id="ta-txt-1">
<h3>Vert Pousse</h3>

<p>Vignoble • Menthe</p>
</div>

<div class="ta-color-desc" id="ta-txt-2">
<h3>Gris Roche</h3>

<p>Florence • Charbon</p>
</div>

<div class="ta-color-desc" id="ta-txt-3">
<h3>Noir Étoilé</h3>

<p>Romantique • Italien</p>
</div>
</div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* =========================================
     BLOC 4 : CHOIX DU COLORIS (STRUCTURE SÉCURISÉE)
     ========================================= */
  .alumi-colors-section { padding: 50px 0; background: #ffffff; font-family: 'Hind', sans-serif; }
  .alumi-colors-header h2 { font-size: 2.5rem; font-weight: 800; color: #1a1a1a; margin: 0 0 10px 0; }
  .alumi-colors-header p { font-size: 1.1rem; color: #666; margin-bottom: 50px; }

  /* Disposition Desktop : Puces à gauche, Image à droite */
  #ta-alumi-color-safe-zone {
    display: flex; flex-direction: row; align-items: center; justify-content: center;
    max-width: 900px; margin: 0 auto; gap: 40px;
  }

  .ta-color-dots { display: flex; flex-direction: column; gap: 15px; }
  
  .alumi-color-btn { width: 25px; height: 25px; border-radius: 50%; border: 2px solid #ccc; cursor: pointer; transition: transform 0.2s ease; padding: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
  .alumi-color-btn:focus { outline: none !important; }
  .alumi-color-btn.active { transform: scale(1.3); border: 2px solid #20399E !important; }

  /* Images */
  .ta-color-cars { flex: 1; position: relative; width: 100%; min-height: 350px; display: flex; justify-content: center; align-items: center; }
  
  .ta-car-img { 
    display: none; width: 100%; max-width: 650px; height: auto; margin: 0 auto; 
    animation: fadeInCar 0.6s ease-in-out forwards; 
  }
  .ta-car-img.active { display: block; }

  /* Textes en bas */
  .ta-color-texts { margin-top: 30px; position: relative; min-height: 80px; width: 100%; }
  
  .ta-color-desc { 
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;
    opacity: 0; visibility: hidden; transition: opacity 0.6s ease-in-out; 
  }
  .ta-color-desc.active { position: relative; left: auto; transform: none; opacity: 1; visibility: visible; }
  
  .ta-color-desc h3 { font-size: 1.8rem; font-weight: 700; margin: 0 0 5px 0; color: #1a1a1a; text-align: center; }
  .ta-color-desc p { font-size: 1rem; color: #888; margin: 0; text-transform: uppercase; letter-spacing: 1px; text-align: center; }

  @keyframes fadeInCar { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 992px) {
    .alumi-colors-section { padding: 40px 0; }
    .alumi-colors-header h2 { font-size: 2rem; }
    
    #ta-alumi-color-safe-zone { flex-direction: column; gap: 0px; }
    
    .ta-color-cars { order: 1; min-height: 200px; margin-bottom: 40px; width: 100%; } /* Espace agrandi sous la voiture */
    .ta-color-dots { order: 2; flex-direction: row; justify-content: center; margin-bottom: 20px; }
    
    .ta-color-texts { margin-top: 10px; }
    .ta-color-desc h3 { font-size: 1.5rem; }
    .ta-color-desc p { font-size: 0.9rem; }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const colorBtns = document.querySelectorAll('.alumi-color-btn');
    const colorImgs = document.querySelectorAll('.ta-car-img');
    const colorDescs = document.querySelectorAll('.ta-color-desc');

    colorBtns.forEach(btn => {
      btn.addEventListener('click', function() {
        colorBtns.forEach(b => b.classList.remove('active'));
        colorImgs.forEach(i => i.classList.remove('active'));
        colorDescs.forEach(d => d.classList.remove('active'));

        this.classList.add('active');
        const colorIndex = this.getAttribute('data-color');
        
        document.getElementById('ta-img-' + colorIndex).classList.add('active');
        document.getElementById('ta-txt-' + colorIndex).classList.add('active');
      });
    });
  });

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

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5752">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="alumi-smart-section">
<div class="alumi-container-wide">
<div class="alumi-smart-header text-center">
<h2>Technologies &amp; Ingénierie</h2>

<p>L'alliance parfaite entre une interface intelligente et une conception de pointe.</p>
</div>

<div class="alumi-smart-grid"><!-- Visuals (Gauche - Desktop Uniquement) -->
<div class="alumi-smart-visuals"><img alt="Écran intelligent" class="alumi-smart-img active" id="smart-img-0" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_technologie_01.jpg" /> <img alt="Connectivité Apple CarPlay" class="alumi-smart-img" id="smart-img-1" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_technologie_02.jpg" /> <img alt="Légèreté réinventée" class="alumi-smart-img" id="smart-img-2" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_technologie_03.jpg" /> <img alt="Première CTB" class="alumi-smart-img" id="smart-img-3" src="https://www.tahitiauto.pf/sites/default/files/2026-06/linktour_alumi_tahiti_automobiles_technologie_04.jpg" /></div>
<!-- Accordéon/Onglets (Droite) -->

<div class="alumi-smart-content">
<div class="alumi-smart-item active" data-index="0">
<div class="alumi-smart-mobile-pic"><img alt="Écran intelligent" src="https://www.linktour-auto.com/frontend/images/product/img-17-1-1.jpg" /></div>

<div class="alumi-smart-item-header">
<h3>Voir plus, faire plus, en toute facilité</h3>
<span class="alumi-smart-icon">+</span></div>

<div class="alumi-smart-item-body">
<p><span class="alumi-highlight-dot">•</span> Écran central 10,25" et combiné d'instruments numérique 5".</p>

<p><span class="alumi-highlight-dot">•</span> Un affichage épuré et un écran tactile fluide et réactif.</p>
</div>
</div>

<div class="alumi-smart-item" data-index="1">
<div class="alumi-smart-mobile-pic"><img alt="Connectivité Apple CarPlay" src="https://www.linktour-auto.com/frontend/images/product/img-17-1-3.jpg" /></div>

<div class="alumi-smart-item-header">
<h3>Restez connecté, sans fil</h3>
<span class="alumi-smart-icon">+</span></div>

<div class="alumi-smart-item-body">
<p><span class="alumi-highlight-dot">•</span> Compatibilité Apple CarPlay et Bluetooth pour vos appels mains libres et votre musique.</p>
</div>
</div>

<div class="alumi-smart-item" data-index="2">
<div class="alumi-smart-mobile-pic"><img alt="Légèreté réinventée" src="https://www.linktour-auto.com/frontend/images/product/img-8-1.jpg" /></div>

<div class="alumi-smart-item-header">
<h3>Légèreté réinventée (Structure Aluminium)</h3>
<span class="alumi-smart-icon">+</span></div>

<div class="alumi-smart-item-body">
<p><span class="alumi-highlight-dot">•</span> Carrosserie légère tout aluminium avec panneaux en plastique à paroi fine.</p>

<p><span class="alumi-highlight-dot">•</span> <strong>45% de réduction</strong> du poids total de la carrosserie pour une meilleure efficience.</p>
</div>
</div>

<div class="alumi-smart-item" data-index="3">
<div class="alumi-smart-mobile-pic"><img alt="Première CTB" src="https://www.linktour-auto.com/frontend/images/product/img-8-2.jpg" /></div>

<div class="alumi-smart-item-header">
<h3>Technologie de batterie CTB (Cell-to-Body)</h3>
<span class="alumi-smart-icon">+</span></div>

<div class="alumi-smart-item-body">
<p><span class="alumi-highlight-dot">•</span> Première application mondiale de la technologie CTB sur la série L.</p>

<p><span class="alumi-highlight-dot">•</span> Gain de <strong>10% d'efficacité</strong> d'intégration du pack batterie, abaissant le centre de gravité et renforçant la sécurité.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* =========================================
     BLOC 5 : TECHNOLOGIES ET INGÉNIERIE
     ========================================= */
  /* Dégradé inversé (du bleu pâle vers le blanc) */
  .alumi-smart-section { padding: 80px 0; background: linear-gradient(180deg, #edf1f8 0%, #ffffff 100%); font-family: 'Hind', sans-serif; }
  
  .alumi-smart-header { margin-bottom: 40px; }
  .alumi-smart-header h2 { font-size: 2.2rem; font-weight: 800; text-transform: uppercase; color: #1a1a1a; margin: 0 0 10px 0; }
  .alumi-smart-header p { font-size: 1.1rem; color: #666; }

  .alumi-container-wide { width: 100%; max-width: 1200px; padding: 0 5%; box-sizing: border-box; margin: 0 auto; overflow: hidden; }

  .alumi-smart-grid { display: flex; align-items: flex-start; gap: 5%; width: 100%; padding: 0; }

  .alumi-smart-visuals {
    flex: 1.2; position: sticky; top: 120px; 
    border-radius: 20px; overflow: hidden; height: 400px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); background: #ffffff; /* Fond blanc pour contraster avec le dégradé */
  }

  .alumi-smart-img {
    position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; 
    object-fit: cover !important; opacity: 0; visibility: hidden; 
    transition: opacity 0.4s ease, transform 0.4s ease; transform: scale(1.05);
  }
  .alumi-smart-img.active { opacity: 1; visibility: visible; transform: scale(1); }

  .alumi-smart-mobile-pic { display: none; }

  .alumi-smart-content { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; border-top: 1px solid rgba(0,0,0,0.05); }
  
  .alumi-smart-item { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 15px 0; cursor: pointer; }
  .alumi-smart-item-header { display: flex; justify-content: space-between; align-items: center; }

  .alumi-smart-item h3 { font-size: 1.15rem; font-weight: 600; color: #666; margin: 0; transition: color 0.3s ease; }
  .alumi-smart-icon { font-size: 1.5rem; color: #20399E; transition: transform 0.3s ease; }

  .alumi-smart-item-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, margin-top 0.4s ease; }
  .alumi-smart-item-body p { font-size: 0.95rem; color: #666; margin: 0 0 8px 0; line-height: 1.5; }
  .alumi-smart-item-body strong { color: #1a1a1a; font-weight: 700; }

  .alumi-highlight-dot { color: #70f2ff; font-weight: bold; margin-right: 5px; }

  /* État Actif */
  .alumi-smart-item.active h3 { color: #1a1a1a; }
  .alumi-smart-item.active .alumi-smart-icon { transform: rotate(45deg); }
  .alumi-smart-item.active .alumi-smart-item-body { max-height: 250px; margin-top: 10px; }

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 992px) {
    /* Intégration de ton correctif width: 97% */
    .alumi-container-wide { width: 95% !important; padding: 0 2%; }
    
    .alumi-smart-section { padding: 40px 0; }
    .alumi-smart-grid { flex-direction: column; gap: 0; }
    .alumi-smart-visuals { display: none !important; }
    
    .alumi-smart-content { padding-right: 0; border-top: 1px solid rgba(0,0,0,0.05); width: 100%; margin-top: 20px;}
    .alumi-smart-item { padding: 20px 0; }
    .alumi-smart-header h2 { font-size: 1.8rem; }

    .alumi-smart-mobile-pic { 
      display: block; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; 
    }
    .alumi-smart-mobile-pic img { width: 100%; height: auto; border-radius: 12px; display: block; }
    
    .alumi-smart-item.active .alumi-smart-mobile-pic {
      max-height: 400px; opacity: 1; margin-bottom: 15px; 
    }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const smartItems = document.querySelectorAll('.alumi-smart-item');
    const smartImgs = document.querySelectorAll('.alumi-smart-img');

    smartItems.forEach(item => {
      item.addEventListener('click', function() {
        smartItems.forEach(i => i.classList.remove('active'));
        smartImgs.forEach(img => img.classList.remove('active'));

        this.classList.add('active');
        const targetIndex = this.getAttribute('data-index');
        
        const targetImg = document.getElementById('smart-img-' + targetIndex);
        if(targetImg) targetImg.classList.add('active');
      });
    });
  });

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

<div class="slice-item-wrapper slice-item-raw-html" id="wrapper-slice-5754">
            
            <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"><div class="ta-compare-section">
<div class="ta-compare-container"><!-- En-tête -->
<div class="ta-comp-header text-center">
<h2>Comparatif des versions</h2>

<p>Découvrez les différences détaillées entre nos modèles.</p>
</div>
<!-- HÉROS : Blocs Principaux (Autonomie & Batterie) -->

<div class="ta-hero-compare">
<div class="ta-hero-col">
<div class="ta-hero-badge">Alumi Pro</div>

<div class="ta-hero-box alumi-style">
<div class="ta-hero-item"><strong>120 KM</strong> <span>Autonomie selon le cycle WMTC (km)</span></div>

<div class="ta-hero-divider"> </div>

<div class="ta-hero-item"><strong>7.2 kWh</strong> <span>Capacité de batterie (kWh)</span></div>

<div class="ta-hero-divider"> </div>

<div class="ta-hero-item"><span class="ta-hero-icon">⚡</span> <span>Lithium fer phosphate</span></div>
</div>
</div>

<div class="ta-hero-col">
<div class="ta-hero-badge">Alumi Elite +</div>

<div class="ta-hero-box elite-style">
<div class="ta-hero-item"><strong>180 KM</strong> <span>Autonomie selon le cycle WMTC (km)</span></div>

<div class="ta-hero-divider elite-div"> </div>

<div class="ta-hero-item"><strong>12.96 kWh</strong> <span>Capacité de batterie (kWh)</span></div>

<div class="ta-hero-divider elite-div"> </div>

<div class="ta-hero-item"><span class="ta-hero-icon">⚡</span> <span>Lithium fer phosphate</span></div>
</div>
</div>
</div>
<!-- En-tête des colonnes (Desktop Uniquement) -->

<div class="ta-comp-table-head">
<div class="ta-col-empty"> </div>

<div class="ta-col-titles">
<div class="ta-col-title">ALUMI PRO</div>

<div class="ta-col-title">ALUMI ELITE +</div>
</div>
</div>
<!-- Accordéons Techniques -->

<div class="ta-comp-accordion-wrapper"><!-- Catégorie 1 : Moteur -->
<div class="ta-acc-item"><button class="ta-acc-btn">Groupe motopropulseur <span class="ta-acc-icon">▼</span></button>

<div class="ta-acc-content"><!-- En-têtes Mobile (Bande grise) -->
<div class="ta-mobile-headers"><span>Alumi Pro</span> <span>Alumi Elite +</span></div>

<div class="ta-acc-row">
<div class="ta-row-label">Puissance maximale moteur (kW)</div>

<div class="ta-row-vals">
<div class="ta-val">12</div>

<div class="ta-val">23</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Couple moteur (N·m)</div>

<div class="ta-row-vals">
<div class="ta-val">65</div>

<div class="ta-val">95</div>
</div>
</div>
</div>
</div>
<!-- Catégorie 2 : Dimensions (Actif par défaut) -->

<div class="ta-acc-item active"><button class="ta-acc-btn">Dimensions et Poids <span class="ta-acc-icon">▼</span></button>

<div class="ta-acc-content">
<div class="ta-mobile-headers"><span>Alumi Pro</span> <span>Alumi Elite +</span></div>

<div class="ta-acc-row">
<div class="ta-row-label">Longueur / Largeur (mm)</div>

<div class="ta-row-vals">
<div class="ta-val">2685 / 1500</div>

<div class="ta-val">2685 / 1500</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Hauteur (mm)</div>

<div class="ta-row-vals">
<div class="ta-val">1555</div>

<div class="ta-val">1590</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Empattement (mm)</div>

<div class="ta-row-vals">
<div class="ta-val">1800</div>

<div class="ta-val">1800</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Garde au sol minimale (mm)</div>

<div class="ta-row-vals">
<div class="ta-val">140</div>

<div class="ta-val">130</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Masse maximale autorisée (kg)</div>

<div class="ta-row-vals">
<div class="ta-val">760</div>

<div class="ta-val">820</div>
</div>
</div>
</div>
</div>
<!-- Catégorie 3 : Châssis -->

<div class="ta-acc-item"><button class="ta-acc-btn">Châssis &amp; Conduite <span class="ta-acc-icon">▼</span></button>

<div class="ta-acc-content">
<div class="ta-mobile-headers"><span>Alumi Pro</span> <span>Alumi Elite +</span></div>

<div class="ta-acc-row">
<div class="ta-row-label">Système antiblocage des roues (ABS)</div>

<div class="ta-row-vals">
<div class="ta-val absent">-</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Répartition électronique de freinage (EBD)</div>

<div class="ta-row-vals">
<div class="ta-val absent">-</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Direction assistée électrique</div>

<div class="ta-row-vals">
<div class="ta-val absent">-</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Spécification des pneus</div>

<div class="ta-row-vals">
<div class="ta-val">155/70 R13</div>

<div class="ta-val">155/65 R14</div>
</div>
</div>
</div>
</div>
<!-- Catégorie 4 : Sécurité et HMI -->

<div class="ta-acc-item"><button class="ta-acc-btn">Sécurité &amp; Équipements (HMI) <span class="ta-acc-icon">▼</span></button>

<div class="ta-acc-content">
<div class="ta-mobile-headers"><span>Alumi Pro</span> <span>Alumi Elite +</span></div>

<div class="ta-acc-row">
<div class="ta-row-label">Caméra de recul</div>

<div class="ta-row-vals">
<div class="ta-val present">●</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Écran central couleur 10.25" tactile</div>

<div class="ta-row-vals">
<div class="ta-val present">●</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">CarPlay / Android Auto</div>

<div class="ta-row-vals">
<div class="ta-val present">●</div>

<div class="ta-val present">●</div>
</div>
</div>

<div class="ta-acc-row">
<div class="ta-row-label">Sièges en cuir</div>

<div class="ta-row-vals">
<div class="ta-val absent">-</div>

<div class="ta-val present">●</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
/* =========================================
     BLOC 6 : TABLEAU COMPARATIF DES VERSIONS
     ========================================= */
  .ta-compare-section { padding: 80px 0 100px 0; background: #ffffff; font-family: 'Hind', sans-serif; }
  .ta-compare-container { max-width: 1000px; margin: 0 auto; padding: 0 5%; }
  
  .ta-comp-header { margin-bottom: 50px; text-align: center; }
  .ta-comp-header h2 { font-size: 2.2rem; font-weight: 800; color: #1a1a1a; margin: 0 0 10px 0; text-transform: uppercase; }
  .ta-comp-header p { font-size: 1.1rem; color: #666; }

  /* --- HÉROS (Blocs supérieurs) --- */
  .ta-hero-compare { display: flex; gap: 20px; margin-bottom: 60px; }
  .ta-hero-col { flex: 1; display: flex; flex-direction: column; align-items: center; }
  
  .ta-hero-badge { 
    background: #f4f5f9; border-radius: 30px; text-align: center; padding: 12px 30px; 
    font-weight: 700; color: #20399E; margin-bottom: 15px; font-size: 1rem;
  }
  
  .ta-hero-box { 
    border-radius: 20px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
  
  .alumi-style { background: #8fa1be; color: #ffffff; }
  .elite-style { background: #dcf7c0; color: #1a1a1a; } 

  .ta-hero-item { text-align: center; display: flex; flex-direction: column; align-items: center; margin: 15px 0; }
  .ta-hero-item strong { font-size: 1.8rem; line-height: 1.1; margin-bottom: 5px; }
  .ta-hero-item span { font-size: 0.85rem; font-weight: 500; opacity: 0.9; }
  .ta-hero-icon { font-size: 1.5rem; margin-bottom: 5px; opacity: 0.8; }
  
  .ta-hero-divider { width: 60%; height: 1px; background: rgba(255,255,255,0.3); margin: 5px 0; }
  .elite-div { background: rgba(0,0,0,0.1); }

  /* --- EN-TÊTE TABLEAU (Desktop) --- */
  .ta-comp-table-head {
    display: flex; align-items: center; padding: 0 25px 20px 25px; /* Aligné avec les lignes */
    border-bottom: 1px solid #e2e8f0; margin-bottom: 15px;
  }
  .ta-col-empty { flex: 1; }
  .ta-col-titles { display: flex; width: 300px; } /* Encapsule les deux colonnes pour forcer la largeur */
  .ta-col-title { width: 150px; text-align: center; font-size: 0.9rem; font-weight: 800; color: #20399E; text-transform: uppercase; }

  /* --- ACCORDÉONS --- */
  .ta-comp-accordion-wrapper { width: 100%; }
  .ta-acc-item { margin-bottom: 15px; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid #f0f0f0; transition: all 0.3s ease; }
  
  .ta-acc-btn {
    width: 100%; text-align: left; padding: 20px 25px; background: #f8f9fa; border: none; font-family: inherit;
    font-size: 1.05rem; font-weight: 700; color: #1a1a1a; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    transition: all 0.3s ease;
  }
  .ta-acc-btn:focus { outline: none !important; }
  .ta-acc-icon { font-size: 1rem; transition: transform 0.3s ease; color: #666; }
  
  .ta-acc-item.active { border-color: #dcf7c0; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }
  .ta-acc-item.active .ta-acc-btn { background: #dcf7c0; color: #1a1a1a; border-radius: 12px 12px 0 0; }
  .ta-acc-item.active .ta-acc-icon { transform: rotate(180deg); color: #1a1a1a; }

  .ta-acc-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
  .ta-acc-item.active .ta-acc-content { max-height: 1500px; padding-bottom: 10px; }

  /* Lignes de données */
  .ta-acc-row { display: flex; align-items: center; padding: 15px 25px; border-bottom: 1px solid #f8f9fa; }
  .ta-acc-row:last-child { border-bottom: none; }
  .ta-acc-row:hover { background: #fafbfc; }

  .ta-row-label { flex: 1; font-size: 0.95rem; color: #444; font-weight: 600; }
  
  .ta-row-vals { display: flex; width: 300px; }
  .ta-val { width: 150px; text-align: center; font-size: 0.95rem; color: #666; font-weight: 500; }
  
  /* Points noirs adoucis et réduits */
  .ta-val.present { color: #333333; font-size: 1.1rem; }
  .ta-val.absent { color: #cbd5e1; font-size: 1.2rem; font-weight: 300; }

  .ta-mobile-headers { display: none; }

  /* --- RESPONSIVE MOBILE --- */
  @media (max-width: 768px) {
    .ta-comp-header h2 { font-size: 1.8rem; }
    
    .ta-hero-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 40px; }
    .ta-hero-badge { font-size: 0.8rem; padding: 10px; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
    .ta-hero-box { padding: 20px 5px; }
    .ta-hero-item strong { font-size: 1.1rem; }
    .ta-hero-item span { font-size: 0.75rem; padding: 0 5px; }
    
    .ta-comp-table-head { display: none; }
    .ta-acc-btn { padding: 15px 20px; font-size: 1rem; }
    
    /* En-têtes Mobile : Bande grise unie et texte bleu */
    .ta-mobile-headers {
      display: flex; justify-content: space-between; padding: 15px 0; background: #f8f9fa; border-bottom: 1px solid #eee;
    }
    .ta-mobile-headers span {
      width: 50%; text-align: center; font-size: 0.85rem; font-weight: 700; color: #20399E;
    }

    .ta-acc-row { 
      flex-direction: column; align-items: stretch; text-align: center; padding: 15px;
    }
    .ta-row-label { margin-bottom: 15px; font-size: 0.95rem; color: #1a1a1a; font-weight: 700; width: 100%; text-align: center; }
    
    .ta-row-vals { width: 100%; display: flex; }
    .ta-val { width: 50%; text-align: center; display: flex; flex-direction: column; justify-content: center; }
  }

/*--><!]]>*/
</style>
<script type="text/javascript">
<!--//--><![CDATA[// ><!--

  document.addEventListener('DOMContentLoaded', function() {
    const accItems = document.querySelectorAll('.ta-acc-item');

    accItems.forEach(item => {
      const btn = item.querySelector('.ta-acc-btn');
      
      btn.addEventListener('click', () => {
        const isActive = item.classList.contains('active');
        
        accItems.forEach(i => i.classList.remove('active'));
        
        if (!isActive) {
          item.classList.add('active');
        }
      });
    });
  });

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


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

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

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

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

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

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

                                    <div class="col-12 col-sm-6 col-md-4">
                        <div class="m-item-description">
                            <div class="m-item-description__image">
                                <img src="/sites/default/files/2018-07/pdf-copie.png"
                                     width="64" height="68"
                                     alt="Télécharger la brochure" typeof="foaf:Image"
                                     class="img-fluid">
                            </div>

                            <div class="m-item-description__content">
                                <div class="m-item-description__title">
                                    Télécharger la brochure
                                </div>
                            </div>

                            <div class="m-item-description__link">
                                <a target="_blank"
                                   href="/sites/default/files/2026-06/Linktour_Alumi_2026_Brochure_web_pf.pdf"
                                   class="btn btn-light-blue-reverse">En savoir
                                    plus</a>
                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</article>

        </div>
    </div>


                                                                                                </section>

                            
                                </div>

    <div class="l-content-bottom">
                        <div id="block-lestahitiauto" class="block block-block-content block-block-content8fd4a0e5-bbbf-45c6-9ed0-623d4501dc16 m-block">
    
        
            <div class="content">
                <div class="slice-item-wrapper slice-item-parallax" id="wrapper-slice-168">
    <div class="m-parallax">
        <div class="m-parallax-image d-flex justify-content-center align-items-center "
             style="background-color: #F3F3F3;min-height: 250px;"        >

            
            <div class="m-parallax-wrapper">
                                        <div class="slice-item-wrapper slice-item-text" id="wrapper-slice-1745">
            <div class="container">
            <div class="row">
                <div class="col">
                    <div                             class="m-text">
                        
                                    </div>
            </div>
        </div>
    </div>
    </div>
<div class="slice-item-wrapper slice-item-section-title" id="wrapper-slice-255">
    <div class="container">
        <div class="row">
            <div class="col">
                <div  class="m-section-title text-center">
                                            <div class="m-section-title__title">Les + Tahiti Automobiles</div>
                    
                                    </div>
            </div>
        </div>
    </div>
</div>


<div class="slice-item-wrapper slice-item-columns" id="wrapper-slice-167">
            <div class="container">
                        <div class="m-columns">
                <div class="row justify-content-center align-items-center">
                        

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

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

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


            </div>


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

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

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


            </div>


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

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

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


            </div>


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

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


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

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

        </div>
    </div>


            </div>

    <footer class="l-footer" role="contentinfo">
        <div class="container">
                                <div id="block-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>
    </div>


                    </div>
    </footer>

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

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


            </div>


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


            </div>


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


        </div>
    </div>


                    </div>
    </div>

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


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

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


  </div>


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

</body>
</html>