<!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>AB Immobilier, agence immobilière Menton et environs de Menton</title>
<meta name="description" content="Vous recherchez un bien immobilier à acheter ou à louer à Menton ou dans les environs de Menton ? Vous avez le projet de vendre votre maison, terrain ou appartement sur le secteur et recherchez les conseils et services d'une agence immobilière spécialiste du marché de Menton et sa région, contactez-nous pour toutes demandes.">
<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.ab-immobilier-menton.com/" >
<meta property="generator" content="bObcat" >
<base href="https://www.ab-immobilier-menton.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-WVVGBKL');</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-WVVGBKL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="principalHeader">
<section class="headerTop">
<div class="row allHeader">
<div class="action-nav">
<div class="opinionsystem">
<iframe src="https://www.opinionsystem.fr/company_rating.php?company_id=13173&rating_key=c58eceb080f91ff1bfb15bb61f6b8cb4&language=fre&text_color=#3a0a08"
scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 170px; height: 22px;" allowtransparency="true"></iframe>
</div>
<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.ab-immobilier-menton.com/">
<input type="hidden" name="lang" value="en">
<input type="submit" value=" ">
</form>
</div>
</li>
<li>
<div class="flag flag_it flag_it_faded right">
<form method="post" action="//www.ab-immobilier-menton.com/">
<input type="hidden" name="lang" value="it">
<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="/images/logoSite.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="/a-vendre/1" target="" >Acheter</a>
</li>
<li class="">
<a href="/vendre.html" target="" >Vendre</a>
</li> <li class="has-dropdown">
<a href="/#" target="" >Louer</a>
<ul class="dropdown dropdown-menu">
<li class="">
<a href="/a-louer/1" target="" >à l'année</a>
</li>
<li class="">
<a href="/location-etudiant/1" target="" >Location étudiant</a>
</li> </ul>
</li>
<li class="">
<a href="/estimation.html" target="" >Estimation</a>
</li>
<li class="">
<a href="/gestion-locative.html" target="" >Gestion</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>
</section>
</header>
<div class="slideshow">
<div id="video" class="hidden-sm hidden-xs"></div>
<div class="bakvideo hidden-md hidden-lg"></div>
</div>
<div class="container">
</div>
<section class="searchZone">
<div class="container search">
<div class="themTitle">
<h1> Votre recherche de biens </h1>
</div>
<form method="post" class="containerSearch v2" data-selectpicker-noresults = "Aucun résultat" action="/votre-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>
</ul>
<input type="hidden" value="0" name="data[Search][offredem]" id="inputTypeOffre">
</div>
<div class="form-group col-xs-12 col-md-2 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="2" >
Appartement
</option>
<option value="5" >
Terrain
</option>
<option value="31" >
Loft
</option>
<option value="1" >
Maison
</option>
<option value="43" >
Terrain à batir
</option>
<option value="25" >
Villa
</option>
</select>
</div>
<div class="form-group col-xs-12 col-md-2 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-128" >
06190 - Roquebrune-Cap-Martin
</option>
<option value="ville-95" >
06430 - Tende
</option>
<option value="ville-117" >
06500 - Menton
</option>
<option value="ville-120" >
06540 - Breil-sur-Roya
</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="form-group col-xs-12 col-md-2 col-xs-12">
<input type="text" name="data[Search][NO_DOSSIER]" placeholder="Référence" id="inputRef" class="form-control">
</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">
<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>Bienvenue sur notre site</h1>
</div>
<div class="content">
<div class="croCorps">
Notre agence AB Immobilier, membre du groupe DEPLANCHE IMMOBILIER vous propose un large choix de biens à louer ou à acheter de Menton à Villefranche Sur Mer, en passant par Roquebrune-Cap-Martin, Beausoleil, Cap d'Ail, Eze... et vous propose également la gestion locative de votre patrimoine immobilier sur Menton et l'ensemble de ce secteur azuréen. Vous cherchez à louer ou acheter un appartement, une maison, une villa ? Trouvez parmi nos listings le bien qui correspond à vos attentes ! Spécialiste de Menton et de sa région, notre agence vous assure une gestion locative sereine et efficace de vos biens, appartement, villa, locaux professionnels.
</div>
<div class="btnSuite">
<a href="/en-savoir-plus.html" class="btn-cro btn-primary" >Lire +</a>
</div>
</div>
</div>
</section>
<section class="coup_coeur">
<div class="container">
<div class="themTitle">
<h1> Notre sélection de biens </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="//abimmobilier.staticlbi.com/300xauto/images/biens/1/a16b53b6de3785e64b62f1edb87353f6/photo_5e9d06c9ecdba518f116ddfc97ca22f3.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 73 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5328-menton-centre-dernier-etage-3-pieces-73-m2-habitable.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/44b533075b41f1c8c406cc6d05a339c8/photo_8a3624f8d8ca1d6e155dab37dac312aa.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 54.45 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5268-menton-centre-2-pieces-55-m-terrasse-17-m-cave-et-parking-en-sup.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/4ec185aeb65c30e1e4b5a710e7d7d4df/photo_485a4f3d357e1b0c158fd6b65dbe3a61.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 27.5 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5336-menton-bord-de-mer-2-pieces-avec-terrasse-etage-eleve.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/d9035522107bdb8b5c24ad61f3aa5862/photo_05f4adf76de81492647fa22c6dd0ed98.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 92 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5332-garavan-bord-de-mer-3-pieces-avec-studio-attenant-garage-et-parkings.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/5d2581139991218bbc8471f8b0938314/photo_17f35311faee5d4e1c396878a2c33732.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 60 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/4708-menton-appartement-3-pieces-avec-un-jardin-et-emplacement-de-parking-collectif.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/5d2086954a8cb7e86e180da23971f779/photo_1aec3bb3e04cfc7dbb338003ec2f48ec.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 55 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5267-menton-centre-ville-magnifique-2-pieces-de-55m2-cave.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/c01f5a1c3bca7c7fb5ffe87a61fafd09/photo_393f968e5a6abbb1dd96ae71a8696532.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 85 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/3842-menton-centre-3-4-pieces-85-m-habitable-verranda-terrasse-et-jardin.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/a8b7e3069d49f55fb8a93f422ce7de27/photo_829bb89a57465b2fe1695134a8433540.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 80 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5333-haut-carei-rdc-de-4-pieces-de-83-m2-cave-et-parking-en-sus.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/a3d49f43983232de20e4dcbd31681915/photo_0298aab32139d3acb68c04df243e0ecf.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 81 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5270-menton-centre-jardins-bioves-4-pieces-neuf-77-30-m-lc-balcon.html" class="block-link" ></a>
</figcaption>
</figure>
</article>
<article class="elementCC">
<figure class="animated">
<img src="//abimmobilier.staticlbi.com/300xauto/images/biens/1/b744d05774a1490368254d231444d1c4/photo_e5d57e75d785ba99c72f6e8d53482d07.jpg" width="300" height="auto" />
<figcaption>
<h1>Appartement 80 m² <br/>Menton</h1>
<p class="ccVoir">Voir le bien</p>
<a href="/5276-menton-beau-4-pieces-82m2-stationnement.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 biens à <span class='primary'>Menton</span></h1>
</div>
</div>
<ul class="silos-generique">
<li class="silo">
<img src="/images/silos/img1.png" alt="Nos annonces à Menton" class="img-silo" />
<a href="/achat-immobilier-menton/1" class="block-link" >Nos annonces à Menton</a>
</li>
<li class="silo">
<img src="/images/silos/img2.png" alt="Nos annonces à Menton Centre Ville" class="img-silo" />
<a href="/achat-immobilier-menton/quartier-67-centre-ville/1" class="block-link" >Nos annonces à Menton Centre Ville</a>
</li>
<li class="silo">
<img src="/images/silos/img3.png" alt="Nos annonces à Menton Garavan" class="img-silo" />
<a href="/achat-immobilier-menton/quartier-64-garavan/1" class="block-link" >Nos annonces à Menton Garavan</a>
</li>
<li class="silo">
<img src="/images/silos/img4.png" alt="Appartements à vendre Menton" class="img-silo" />
<a href="/achat-immobilier-menton/type-2-appartement/1" class="block-link" >Appartements à vendre Menton</a>
</li>
<li class="silo">
<img src="/images/silos/img5.png" alt="Nos annonces proche Menton" class="img-silo" />
<a href="/achat-immobilier-proche-menton/1" class="block-link" >Nos annonces proche Menton</a>
</li>
</ul>
</nav>
</section>
<section class="mainFtr">
<div class="container">
<article class="bandeauBloc">
<div class="themTitle">
<h1>AGENCE AB IMMOBILIER <br> ROSALIE ANZALONE</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 16 Avenue Edouard VII 06500 Menton">16 Avenue Edouard VII 06500 Menton</span>
</div>
</li>
<li class="phone">
<div class="elementCoords">
<span class="valCoords <span>Tél:</span> 04 93 35 02 91"><span>Tél:</span> 04 93 35 02 91</span>
</div>
</li>
<li class="email">
<div class="elementCoords">
<a href="mailto:menton@deplanche-immobilier.fr">menton@deplanche-immobilier.fr</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/abimmobiliermenton/" class="linkrsv" target="_blank" ><span class="icon-facebook4 icons"></span></a>
<a href="https://twitter.com/AB_immobilier" class="linkrsv" target="_blank" ><span class="icon-twitter4 icons"></span></a>
</div>
</article>
</div>
</section>
<section class="ftr-bottom">
<div class="container">
<div class="row">
<article class="col-sm-6 elementFtr">
<div class="themTitle">
<h1>Adhérents</h1>
</div>
<div class="contentFtr partners">
<a href="/" target="_blank" ><img src="/images/cegi.png" class="" /></a>
<a href="/" target="_blank" ><img src="/images/cegc.png" class="" /></a>
<a href="https://www.interkab.fr/" target="_blank" ><img src="/images/interkab.png" class="" /></a>
<a href="https://deplanche-immobilier.fr/" target="_blank" ><img src="/images/deplanche.png" class="" /></a>
</div>
</article>
<article class="col-sm-6 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étaires</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>© 2025 | 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="/i/redac/honoraires" >Nos honoraires</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="/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>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('video', {
videoId: 'vs2inSBT8NM',
playerVars: {
'controls': 0,
'autoplay': 1,
'showinfo': 0,
'rel': 0,
'loop': 1,
'disablekb':1,
'modestbranding': 1,
'mute':1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.setVolume(0);
event.target.setPlaybackQuality('default');
event.target.playVideo();
}
function onPlayerStateChange(e){
var id = 'vs2inSBT8NM';
if (e.data == YT.PlayerState.BUFFERING) {
e.target.setPlaybackQuality('default');
}
if(e.data === YT.PlayerState.ENDED){
player.loadVideoById(id);
}
}
</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>
<script src="https://www.google.com/recaptcha/api.js?render=6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU"></script>
<style>.grecaptcha-badge { visibility: hidden;}</style>
<script>
grecaptcha.ready(function() {
grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: ""}).then(function(token) {});
});</script>
<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>