<!DOCTYPE html>
<html lang="fr" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>My Keys Immobilier Tahiti, agence immobilière à Tahiti et Moorea</title>
<meta name="description" content="My Keys Immobilier Tahiti, votre agence experte en vente et location sur les îles de la Polynésie, à Tahiti, Moorea et leurs environs.">
<meta name="author" content="">
<link rel="icon" href="images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="images/favicon.png" type="image/png" />
<meta name="generator" content="venice" >
<link rel="canonical" href="https://www.mykeys-immobiliertahiti.com/" >
<meta property="generator" content="bObcat" >
<base href="https://www.mykeys-immobiliertahiti.com/">
<link rel="stylesheet" type="text/css" href="/css/build_ca1b89c7c2b8e0fa56affe133e6e29dc.css" />
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/style.css" />
<link rel="stylesheet" type="text/css" href="/css/expre.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="preload" as="font" href="/css/fonts/lbi_icons.ttf?7dlpqz" crossorigin="anonymous">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){ w[l]=w[l]||[];w[l].push( { 'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LKSNXV');</script>
<!-- End Google Tag Manager -->
<script>
gtag('consent', 'default', {
'ad_storage': 'granted',
'analytics_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
});
</script>
</head>
<body id="pageIndex" class="">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LKSNXV"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="principalHeader">
<section class="headerTop">
<div class="container">
<div class="row allHeader">
<div class="action-nav">
<div class="action-item langues">
<ul class="nav nav-pills">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span class="flag flag_fr activeLang"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<div class="flag flag_en flag_en_faded right">
<form method="post" action="//www.mykeys-immobiliertahiti.com/">
<input type="hidden" name="lang" value="en">
<input type="submit" value=" ">
</form>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="action-item panier">
<a href="/selection.html" data-toggle="tooltip" data-placement="left" ><span class="icon-panier icons-dt"><span class="badge nbSelection">0</span></span></a>
</div>
</div>
<div class="col-md-12 logo">
<a href="/" id="logoSite" ><img src="//myhometahiti.staticlbi.com/original/images/logo.png" /></a>
</div>
<div class="col-md-12 menu">
<nav class="navbar navbar-default affix-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle btn-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<div class="toggleElt">
<span class="word">Menu</span>
</div>
<div class="toggleElt">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</button>
</div>
<div id="navbarTheme">
<div class="closeNav visible-xs">
<span>←</span>
</div>
<ul class="nav navbar-nav">
<li class="active">
<a href="/" target="" >Accueil</a>
</li>
<li class="">
<a href="/achat-immobilier-tahiti/1" target="" >Ventes</a>
</li>
<li class="">
<a href="/location-immobilier-tahiti/1" target="" >Locations</a>
</li>
<li class="">
<a href="/gestion-locative.html" target="" >Gestion locative</a>
</li>
<li class="">
<a href="/notre-agence.html" target="" >Notre Agence</a>
</li>
<li class="">
<a href="/estimation.html" target="" >Estimation</a>
</li>
<li class="">
<a href="/alerte-email.html" target="" >Alerte E-mail</a>
</li>
<li class="">
<a href="/contact.html" target="" >Contact</a>
</li> </ul>
</div>
</nav>
</div>
</div>
</div>
</section>
</header>
<div class="slideshow">
<div id="myCarousel" class="carousel carousel-fade slide" data-ride="carousel" >
<div class="carousel-inner" role="listbox">
<div class="item active" style="background-image: url('//myhometahiti.staticlbi.com/original/images/slideshow/1.jpg')" url-img='//myhometahiti.staticlbi.com/original/images/slideshow/1.jpg'>
</div>
</div>
</div> </div>
<div class="container">
</div>
<section class="searchZone">
<div class="container search">
<div class="themTitle">
<h1> Votre <span class='highlight'>recherche de biens</span> </h1>
</div>
<form method="post" class="containerSearch v2" data-selectpicker-noresults = "Aucun résultat" action="/recherche/" role="form">
<div class="row">
<div class="form-group col-xs-12 col-xs-12">
<ul class="list-offre">
<li class="active">
<a href="0">Vente</a>
</li>
<li class="">
<a href="10">Vente Immobilier Professionnel</a>
</li>
<li class="">
<a href="11">Location Immobilier Professionnel</a>
</li>
<li class="">
<a href="2">Location</a>
</li>
<li class="">
<a href="6">Offres programmes neufs</a>
</li>
</ul>
<input type="hidden" value="0" name="data[Search][offredem]" id="inputTypeOffre">
</div>
<div class="form-group col-xs-12 col-md-3 col-sm-6 col-xs-12">
<select name="data[Search][idtype][]" id="inputTypeBien_transac" class="form-control selectpicker" multiple title="Type de bien" data-style="btn-selectpicker">
<option value="void">Type de bien</option>
<option value="23" >
Commerce
</option>
<option value="2" >
Appartement
</option>
<option value="5" >
Terrain
</option>
<option value="4" >
Studio
</option>
<option value="1" >
Maison
</option>
<option value="25" >
Villa
</option>
</select>
</div>
<div class="form-group col-xs-12 col-md-3 col-sm-6 col-xs-12">
<select name="data[Search][idvillecode][]" id="inputLocalisation" class="form-control selectpicker" multiple title="Localisation" data-live-search=true data-style="btn-selectpicker">
<option value="void">Localisation</option>
<option value="ville-43" >
98704 - Faaa
</option>
<option value="ville-7" >
98711 - Paea
</option>
<option value="ville-3" >
98713 - Papeete
</option>
<option value="ville-1" >
98718 - Punaauia
</option>
<option value="ville-6" >
98719 - Afaahiti
</option>
<option value="ville-22" >
98724 - Toahotu
</option>
<option value="ville-10" >
98728 - Moorea-Maiao
</option>
<option value="ville-35" >
98733 - Tahaa
</option>
<option value="ville-42" >
98763 - Fakarava
</option>
</select>
</div>
<div class="form-group col-xs-12 col-md-2 col-sm-6 col-xs-12">
<input type="text" name="data[Search][prixmax]" placeholder="Budget maxi" id="input_prixMax" value="" class="form-control numericInput">
</div>
<div class="form-group col-xs-12 col-md-2 col-sm-6 col-xs-12">
<input type="text" name="data[Search][piecesmin]" placeholder="Nb. pièces min." id="inputPiecesMin" value="" class="form-control numericInput">
</div>
<div class="btnSearch col-xs-12 col-md-2 col-sm-12 col-xs-12">
<button type="submit" class="btn btn-primary">Rechercher</button>
<div class="advSearchBtn">
<span>Recherche avancée</span>
<div class="iconFlech">
<span class="icon-mini-f-right"></span>
</div>
</div>
</div>
</div>
<div class="advSearch">
<div class="row">
<div class="form-group col-xs-12 col-md-3 col-xs-12">
<input type="text" name="data[Search][NO_DOSSIER]" placeholder="Référence" id="inputRef" class="form-control">
</div>
<div class="form-group col-xs-12 col-md-3 col-xs-12">
<div class="distance elementSearch">
<span class="txtdistance"><i></i></span>
<div class="fieldDistance no-events">
<div class="radio-inline">
<div class="raound1">
<input id="radio1" name="data[Search][distance]" class="radioDistance" type="radio" value="5" data-label="5Km">
<label for="radio1"></label>
<span class="labelVal">5KM</span>
</div>
</div>
<div class="radio-inline">
<div class="raound2">
<input id="radio2" name="data[Search][distance]" class="radioDistance" type="radio" value="10" data-label="10Km">
<label for="radio2"></label>
<span class="labelVal">10KM</span>
</div>
</div>
<div class="radio-inline">
<div class="raound3">
<input id="radio3" name="data[Search][distance]" class="radioDistance" type="radio" value="25" data-label="25Km">
<label for="radio3"></label>
<span class="labelVal">25KM</span>
</div>
</div>
<input type="hidden" name="data[Search][distance_idvillecode]" class="distanceVille" value="">
</div>
</div>
</div>
<div class="form-group col-xs-12 col-md-2 col-xs-12">
<input type="text" name="data[Search][prixmin]" placeholder="Budget minimum" id="input_dualPrixMin" value="" class="form-control numericInput">
</div>
<div class="form-group col-xs-12 col-md-2 col-xs-12">
<input type="text" name="data[Search][surfmin]" placeholder="Surface min. (m²)" id="inputSurfMin" value="" class="form-control numericInput">
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="col-xs-12 advSearchTitle">
Critères supplémentaires
</div>
<div class="form-group col-xs-12 col-md-12 col-xs-12">
<div class="checkbox-inline">
<div class="advCheck">
<input type="checkbox" name="data[Search][PISCINE]" id="PISCINE" value="OUI" data-label="Piscine">
<label for="PISCINE"></label>
<span class="advCheckTerm">Piscine</span>
</div>
</div>
<div class="checkbox-inline">
<div class="advCheck">
<input type="checkbox" name="data[Search][parking]" id="parking" value="OUI" data-label="Parking">
<label for="parking"></label>
<span class="advCheckTerm">Parking</span>
</div>
</div>
<div class="checkbox-inline">
<div class="advCheck">
<input type="checkbox" name="data[Search][TERRASSE]" id="TERRASSE" value="OUI" data-label="Terrasse">
<label for="TERRASSE"></label>
<span class="advCheckTerm">Terrasse</span>
</div>
</div> </div>
</div>
</div>
</form>
</div>
</section>
<section class="cro">
<div class="container croContent">
<div class="themTitle">
<h1><span class='primary'>Ia ora na</span> et bienvenue sur notre site</h1>
</div>
<div class="content">
<div class="croCorps">
<p>Implantée à Tahiti dans la ville de Papeete, l'agence My Keys Immobilier Tahiti a été fondée par Mme Maimiti Dexter d'origine polynésienne.<br>Elle quitte le Fenua en 2003 et revient quelques années plus tard, titulaire d'un MBA en Ingénierie des affaires internationales obtenu à l'Ecole Supérieure de Gestion de Paris, et d'un Bachelor of Business Management (spécialité commerce international) à l'Université du Queensland.<br> Elle s'investie dans la promotion des richesses économiques et culturelles de son Pays, et occupe un poste de cadre dans le secteur de la perliculture puis celui du tourisme.<br>Entrepreneur dans l'âme et dotée d'une fibre commerciale prononcée, elle repart à zéro et se forge une expérience dans l'immobilier au sein d'une agence de la place.<br>Elle réalise rapidement, l'importance du secteur du logement qui prend une place prépondérante dans l'économie du Pays, et le besoin grandissant de la population, d'être assistée et conseillée dans leurs démarches pour toutes transactions immobilières.<br><strong>Présentation de l'agence My Keys Immobilier Tahiti</strong><br> My Keys Immobilier Tahiti est une agence à dimension humaine, dynamique et réactive, elle est à l'écoute de sa clientèle.<br>Notre agence s'est engagée à accompagner et orienter ses clients qu'ils soient propriétaires ou locataires, vendeurs ou acheteurs, investisseurs ou simples prospects indécis. <strong>Une équipe réactive et disponible</strong> <br> Nos conseillers confirmés en immobilier unissent leurs compétences et leurs savoir-faire pour vous guider et vous accompagner à réaliser l'ensemble de vos projets immobiliers. Disponible et efficace, l'agence My Keys Immobilier Tahiti est à votre disposition pour vous garantir un service personnalisé et dédié, avec une écoute attentive qui saura faire la différence !.<br><strong> Nos domaines d'intervention</strong> <br>L'agence My Keys Immobilier Tahiti vous propose ses services personnalisés dans les domaines suivants :<br> - Estimations gratuites (voir conditions en Agence) complètes et illustrées<br> - Gestion locative<br> - Achats, ventes et locations L'agence My Keys Immobilier Tahiti se charge de votre bien dès sa prospection, par la mise en ligne sur des sites immobiliers locaux et métropolitains, jusqu'à sa vente ou sa location.<br> En matière de vente, nous vous aidons dans la constitution de votre dossier si vous recourez à un emprunt bancaire.<br> Nous vous accompagnons chez le notaire et assurons le suivi du dossier jusqu'à la signature de l'acte authentique.<br> Notre métier est avant tout un métier de relation humaine et d'échange, notre vision est de placer l'humain au coeur de nos priorités, qu'il s'agisse des propriétaires, locataires, acquéreurs ou investisseurs qui nous font confiance.<br> Vous êtes le coeur de notre métier et nous faisons de vos objectifs notre priorité.<br> N'attendez plus et faites appel à nos services ! Avec l'agence My Keys Immobilier Tahiti, ouvrez les portes à tous vos projets.</p>
</div>
<div class="btnSuite">
<a href="/notre-agence.html" class="btn-cro btn-primary" >Lire +</a>
</div>
</div>
</div>
</section>
<section class="coup_coeur">
<div class="container">
<div class="themTitle">
<h1> Notre <span class='highlight'>sélection de biens</span> </h1>
</div>
<div class="loader"> </div>
<div id ="carouselCC" class="carousel slide slideCC hide" data-ride="carousel" rel="4">
<div class="carousel-inner">
<div class="item active">
<article class="elementCC">
<figure class="animated">
<img src="//myhometahiti.staticlbi.com/300xauto/images/biens/1/da8b19aff044439dd2cd4bc70db2775e/original/photo_2d815ea2bb3224b0a0332579895cd429.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 51 m² <br/>Punaauia</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/160-a-louer-appartement-f2-punaauia.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//myhometahiti.staticlbi.com/300xauto/images/biens/1/a1f3fc77d668954656ad165fa8e7b5de/original/photo_686157f6290f8a32c3330d0a86f80a6d.jpg" width="300" height="auto" />
<figcaption>
<h1>Maison 112 m² <br/>Moorea-Maiao</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/211-moorea-charmante-maison-neuve-de-type-f4.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//myhometahiti.staticlbi.com/300xauto/images/biens/1/f7025246e167bc3d1902ebbfb7b6bdca/original/photo_c8ea85134edc546b182dea3f393cfa1f.jpg" width="300" height="auto" />
<figcaption>
<h1>Maison 180 m² <br/>Toahotu</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/229-magnifique-villa.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//myhometahiti.staticlbi.com/300xauto/images/biens/1/c21e343bbb8d41cfeb6e9e43a856d51d/photo_30883e433a7de56255306602e3fc2e45.jpg" width="300" height="auto" />
<figcaption>
<h1>Maison 140 m² <br/>Faaa</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/243-a-vendre-jolie-maison-de-quatre-chambres.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
</div>
</div>
<div class="controle-slide">
<a class="left carousel-control" href="#carouselCC" data-slide="prev">
<span class="icon-mini-f-left"></span>
</a>
<a class="right carousel-control" href="#carouselCC" data-slide="next">
<span class="icon-mini-f-right"></span>
</a>
</div>
</div>
</div>
</section>
<section class="indexation">
<nav class="container">
<div class="row">
<div class="col-md-12 themTitle">
<h1>Nos offres de vente et location à <span class='highlight'>Tahiti</span></h1>
</div>
</div>
<ul class="silos-generique">
<li class="silo">
<img src="//myhometahiti.staticlbi.com/original/images/silos/img1.png" alt="Maisons à vendre sur Tahiti" class="img-silo" />
<a href="/achat-immobilier-tahiti/type-1-maison/1" class="block-link" >Maisons à vendre sur Tahiti</a>
</li>
<li class="silo">
<img src="//myhometahiti.staticlbi.com/original/images/silos/img2.png" alt="Terrains à vendre sur Tahiti" class="img-silo" />
<a href="/achat-immobilier-tahiti/type-5-terrain/1" class="block-link" >Terrains à vendre sur Tahiti</a>
</li>
<li class="silo">
<img src="//myhometahiti.staticlbi.com/original/images/silos/img3.png" alt="Acheter un logement à Tahiti" class="img-silo" />
<a href="/achat-immobilier-tahiti/1" class="block-link" >Acheter un logement à Tahiti</a>
</li>
<li class="silo">
<img src="//myhometahiti.staticlbi.com/original/images/silos/img4.png" alt="Louer un logement à Tahiti" class="img-silo" />
<a href="/location-immobilier-tahiti/1" class="block-link" >Louer un logement à Tahiti</a>
</li>
</ul>
</nav>
</section>
<section class="mainFtr">
<div class="container">
<article class="bandeauBloc">
<div class="themTitle">
<h1>Nous <span class='highlight'>Contacter</span></h1>
</div>
<div class="content-mainFtr container">
<div class="coordsFooter row">
<ul class="coords defaultCoords col-xs-12">
<li class="adress">
<div class="elementCoords">
<span class="valCoords adresse">63, rue Jacques MOERENHOUT FARIIPITI</span>
<span class="valCoords cp">98713</span>
<span class="valCoords ville">Papeete</span>
</div>
</li>
<li class="phone">
<div class="elementCoords">
<a href="tel:(+689) 89.706.001">(+689) 89.706.001</a>
</div>
</li>
<li class="email">
<div class="elementCoords">
<a href="mailto:contact@mykeys-immobiliertahiti.com ">contact@mykeys-immobiliertahiti.com </a>
</div>
</li>
</ul>
</div>
<div class="btn-primary btn-ftr">
<a href="/contact.html" >Contact</a>
</div>
</div>
</article>
<article class="bandeauBottom">
<div class="themTitle">
<h1>Nous suivre sur</h1>
</div>
<div class="rsv">
<a href="https://www.facebook.com/My-Keys-Immobilier-Tahiti-182667575826090/" class="linkrsv" target="_blank" ><span class="icon-facebook2 icons"></span></a>
<a href="https://twitter.com/mykeysimmotahit" class="linkrsv" target="_blank" ><span class="icon-twitter3 icons"></span></a>
<a href="/" class="linkrsv" target="_blank" ><span class="icon-youtube2 icons"></span></a>
<a href="//www.dailymotion.com/mykeysimmo" class="linkrsv" target="_blank" ><span class="icon-dailymotion2 icons"></span></a>
</div>
</article>
</div>
</section>
<section class="ftr-bottom">
<div class="container">
<div class="row">
<article class="col-sm-12 elementFtr">
<div class="themTitle">
<h1>Se connecter</h1>
</div>
<div class="contentFtr button">
<button class="btnFtr" onclick="window.open('/admin/espace_proprietaire.php'); return false;">
<span class="icon-espaceproprietaire btnFtrIcon"></span>
<span class="btnFtrTerm">Espace propriétaire</span>
</button>
</div>
</article>
</div>
</div>
</section>
<footer class="jumbotron lastFtr">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 block_lastFtr">
<p>© 2024 | Tous droits réservés | Traduction powered by Google <br/>
<a href="/plan-du-site.html" >Plan du site</a>
- <a href="/i/redac/legals" >Mentions légales</a>
- <a href="/nos-liens.html" >Liens</a>
- <a href="/admin/" target="_blank" >Admin</a>
- <a href="/toutes-nos-annonces.html" >Toutes nos annonces</a>
- <a href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles" >Politique RGPD</a>
</p>
</div>
<div class="col-md-4 col-sm-6 block_lastFtr">
<div class="iconResp">
<span class="icon-multisupport"></span><p class="contentResp">Site internet compatible multi-supports,<br/>un seul site adaptable à tous les types d'écrans.</p>
</div>
</div>
<div class="col-md-4 col-sm-12 block_lastFtr">
<a href="https://www.la-boite-immo.com/" rel="dofollow" target="_blank" ><img src="//myhometahiti.staticlbi.com/original/images/logoLBI.png" alt="La boite immo" /></a>
</div>
</div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" ></script>
<script src="/js/build_c9b9cab7c7b5d7635817f0dba70730a1.js" data-model='venice' id='principalJs'></script>
<!-- à utiliser si on veut ajouter un fichier js spécifique au site -->
<!-- à utiliser si on veut ajouter un fichier js specifique au lazyloading -->
<div class="scrollToTop">
<span class="icon-fleche fs-40"></span>
</div>
<div class="cookie-consent rgpd-v1">
<div class="cookiesContainer" style="display: block;">
<div class="cookiesStructure_1">
<div class="cookiesContent">
<button class="btnTop" type="button" id="getCloseCookies">
On en reste là
<svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewbox="0 0 16.468 12.261">
<g id="Fleche_fermer" data-name="Fleche fermer" transform="translate(-1537.741 -953.58)">
<path id="Tracé_4684" data-name="Tracé 4684" d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
<path id="Tracé_4685" data-name="Tracé 4685" d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
<path id="Tracé_4683" data-name="Tracé 4683" d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
</g>
</svg>
</button>
<p class="titreCookies">
Comme beaucoup, notre site
<span class="colorPrimarySite">utilise les cookies</span>
</p>
<p class="textCookies">
<span class="textStrong">On aimerait vous accompagner pendant votre visite.</span>
En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques !
</p>
<div class="btnContainer">
<button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button>
<button class="btnCookies" id="getValidCookies" type="button"> Ok pour Moi !</button>
</div>
</div>
</div>
<div class="cookiesStructure_2">
<div class="cookiesContent">
<button class="btnRetour" id="getReturnCookies" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewbox="0 0 16.468 12.261">
<g id="Fleche_retour" data-name="Fleche retour" transform="translate(1554.209 965.841) rotate(180)">
<path id="Tracé_4684" data-name="Tracé 4684" d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
<path id="Tracé_4685" data-name="Tracé 4685" d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
<path id="Tracé_4683" data-name="Tracé 4683" d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
</g>
</svg>
</button>
<p class="topContentCookies"> Paramétrer</p>
<div class="cookiesElement">
<p class="textSectionContent"><span class="titreSection">Cookies fonctionnels</span>Ces cookies sont indispensables à la navigation sur le site, pour vous garantir un fonctionnement optimal. Ils ne peuvent donc pas être désactivés. </p>
</div>
<div class="cookiesElement">
<p class="textSectionContent"><span class="titreSection">Statistiques de visites</span>Pour améliorer votre expérience, on a besoin de savoir ce qui vous intéresse ! <br> Les données récoltées sont anonymisées. </p>
<div class="itemCheckboxCookieContainer">
<div class="textContent">
<a class="linkElement" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a>
<svg class="iconElement" xmlns="http://www.w3.org/2000/svg" width="19.555" height="19.954" viewbox="0 0 19.555 19.954">
<g id="Google" transform="translate(0)">
<path id="Tracé_4724" data-name="Tracé 4724" d="M1255.41,1020.752a8.56,8.56,0,0,0-.211-2.039h-9.368v3.7h5.5a4.874,4.874,0,0,1-2.039,3.237l-.019.124,2.962,2.295.205.021a9.755,9.755,0,0,0,2.971-7.339" transform="translate(-1235.855 -1010.553)" fill="#4285f4"/>
<path id="Tracé_4725" data-name="Tracé 4725" d="M141.911,1500.084a9.51,9.51,0,0,0,6.607-2.417l-3.148-2.439a5.9,5.9,0,0,1-3.459,1,6.006,6.006,0,0,1-5.676-4.146l-.117.01-3.08,2.383-.04.112a9.97,9.97,0,0,0,8.913,5.5" transform="translate(-131.934 -1480.13)" fill="#34a853"/>
<path id="Tracé_4726" data-name="Tracé 4726" d="M4.427,686.958a6.141,6.141,0,0,1-.333-1.973,6.454,6.454,0,0,1,.321-1.973l-.006-.132-3.118-2.422-.1.049a9.956,9.956,0,0,0,0,8.957l3.237-2.505" transform="translate(-0.126 -675.008)" fill="#fbbc05"/>
<path id="Tracé_4727" data-name="Tracé 4727" d="M141.911,3.858a5.53,5.53,0,0,1,3.858,1.486l2.816-2.749A9.586,9.586,0,0,0,141.911,0,9.97,9.97,0,0,0,133,5.5L136.224,8a6.031,6.031,0,0,1,5.687-4.146" transform="translate(-131.934 0)" fill="#eb4335"/>
</g>
</svg>
<p class="textElement">Google Analytics</p>
</div>
<div class="checkboxCookiesContent">
<input name="checkbox_googleAnalytics" class="checkboxCookies" id="checkedgoogleAnalytics" type="checkbox" checked="checked" disabled="disabled">
<label class="checkboxCookiesLabel" for="checkedgoogleAnalytics"></label>
</div>
</div>
</div>
<div class="cookiesElement">
</div>
<div class="btnContainer btnConfigCookies">
<a href="/i/redac/legals" class="btnCookies lightVersion" type="button">En savoir plus</a>
<button class="btnCookies" id="getSaveCookies" type="button">Enregistrer</button>
</div>
</div>
</div>
</div>
</div>
<script >
/* -------------------------------------------------------------------------- */
/* NEW COOKIES RGPD */
/* -------------------------------------------------------------------------- */
var displayCookies = function() {
document.getElementsByClassName("cookiesContainer")[0].style.display = "block";
}
window.onload = function() {
setTimeout(displayCookies, 1000);
}
window.addEventListener('load', (event) => {
animCookiesParams();
});
function animCookiesParams() {
let cookies = new animCookiesParamsFunction({
root: document.querySelector('.cookiesContainer')
});
}
function animCookiesParamsFunction(params) {
let that = this;
this.params = params;
let $this = this.params.root;
let $cookiesStructure_1 = $this.querySelector('.cookiesStructure_1');
let $cookiesStructure_2 = $this.querySelector('.cookiesStructure_2');
let $listCookies = document.cookie.split(' ');
let $dataToSend = [];
let $listCheckbox = $this.querySelectorAll('.checkboxCookies');
this.initFunctionCookies = function() {
this.animCookiesClickParams();
this.animCookiesClickReturn();
this.animCookiesClickValid();
this.animCookiesClickSave();
this.animCookiesClickNoCookies();
}
this.animCookiesLoading = function() {
let url = document.location.href.split('/');
let lengthUrl = url.length - 1;
if(!$listCookies.includes('cookies_hasVerified=true;') && url[lengthUrl] !== "mentions-legales") {
setTimeout(function () {
$cookiesStructure_1.classList.add('active');
that.initFunctionCookies();
},2000);
} else {
that.initFunctionCookiesHasVerified();
}
}
this.animCookiesClickParams = function() {
$this.querySelector('#getParamsCookies').addEventListener('click', (event) => {
$cookiesStructure_1.classList.remove('active');
setTimeout(function () {
$cookiesStructure_2.classList.add('active');
},500);
});
}
this.animCookiesClickParams = function() {
$this.querySelector('#getParamsCookies').addEventListener('click', (event) => {
$cookiesStructure_1.classList.remove('active');
setTimeout(function () {
$cookiesStructure_2.classList.add('active');
},500);
});
}
this.animCookiesClickReturn = function() {
$this.querySelector('#getReturnCookies').addEventListener('click', (event) => {
$cookiesStructure_2.classList.remove('active');
setTimeout(function () {
$cookiesStructure_1.classList.add('active');
},500);
});
}
this.animCookiesClickValid = function() {
$this.querySelector('#getValidCookies').addEventListener('click', (event) => {
$dataToSend = [];
for(let item of $listCheckbox) {
$dataToSend[item.getAttribute('name')] = true;
}
this.animCookiesClose();
});
}
this.animCookiesClickSave = function() {
$this.querySelector('#getSaveCookies').addEventListener('click', (event) => {
$dataToSend = [];
for(let item of $listCheckbox) {
$dataToSend[item.getAttribute('name')] = item.checked;
}
this.animCookiesClose();
});
}
this.animCookiesClickNoCookies = function() {
$this.querySelector('#getCloseCookies').addEventListener('click', (event) => {
$dataToSend = [];
for(let item of $listCheckbox) {
$dataToSend[item.getAttribute('name')] = item.getAttribute('disabled') ? true : false;
}
this.animCookiesClose();
});
}
this.animCookiesClose = function() {
$cookiesStructure_1.classList.remove('active');
$cookiesStructure_2.classList.remove('active');
document.cookie = "cookies_hasVerified=true";
this.animCookiesApplyCookies();
}
this.animCookiesApplyCookies = function() {
for(let data in $dataToSend) {
let key = data.split('_');
let functionName = "cookies_" + key[1];
let cookie = "cookies_" + key[1] + "=" + $dataToSend[data];
if(!document.cookie.split(' ').includes(cookie)) {
document.cookie = cookie;
}
if($dataToSend[data] && functionName !== "cookies_googleAnalytics") {
if(typeof window[functionName] === "function") {
window[functionName]();
}
}
}
}
this.initFunctionCookiesHasVerified = function () {
const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}');
for(let cookies of $listCookies) {
let cookie = cookies.split('=');
let functionName = cookie[0];
if(regex.test(functionName) && functionName !== "cookies_googleAnalytics" && functionName !== "cookies_hasVerified") {
if(typeof window[functionName] === "function") {
window[functionName]();
}
}
}
}
this.animCookiesLoading();
}
</script>
</body>
</html>