<!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>Vous êtes vendeur ?</title>
<meta name="description" content="">
<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.achetez-vendee-immobilier.fr/vendeur.html" >
<meta property="generator" content="bObcat" >
<base href="https://www.achetez-vendee-immobilier.fr/">
<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">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130938238-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-130938238-1');
gtag('config', 'G-33P4HC1NGV');
</script>
<script>
gtag('consent', 'default', {
'ad_storage': 'granted',
'analytics_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
});
</script>
</head>
<body id="pageRedac" class="redac-301">
<header class="principalHeader">
<section class="col-md-12 headerTop">
<div class="logosite">
<a href="/" id="logoSite" ><img src="//achetezvendeeim.staticlbi.com/original/images/logoSite.png" /></a>
</div>
<div class="header-logo2">
<div class="headerlogo">
<img src="//achetezvendeeim.staticlbi.com/original/images/header-img.png" />
</div>
<div class="headerfnaim">
<a href="https://www.fnaim.fr/" id="logoFnaim" target="_blank" ><img src="//achetezvendeeim.staticlbi.com/original/images/header-fnaim.png" /></a>
</div>
</div>
<div class="container">
<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.achetez-vendee-immobilier.fr/vendeur.html">
<input type="hidden" name="lang" value="en">
<input type="submit" value=" ">
</form>
</div>
</li>
<li>
<div class="flag flag_es flag_es_faded right">
<form method="post" action="//www.achetez-vendee-immobilier.fr/vendeur.html">
<input type="hidden" name="lang" value="es">
<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="row allHeader">
<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="">
<a href="/" target="" >Accueil</a>
</li>
<li class="">
<a href="/a-vendre/1" target="" >Ventes</a>
</li>
<li class="">
<a href="/commerces/a-vendre/1" target="" >VENTES PROS</a>
</li>
<li class="">
<a href="/maison-de-caractere.html" target="" >MAISON DE CARACTERE</a>
</li>
<li class="">
<a href="/pavillon-plein-pied.html" target="" >PAVILLON PLAIN-PIED</a>
</li>
<li class="">
<a href="/a-louer/1" target="" >Locations</a>
</li>
<li class="has-dropdown">
<a href="/vous.html" target="" >Vous</a>
<ul class="dropdown dropdown-menu">
<li class="active">
<a href="/vendeur.html" target="" >Vendeur</a>
</li>
<li class="">
<a href="/acquereur.html" target="" >Acquéreur</a>
</li>
<li class="">
<a href="/bailleur.html" target="" >Bailleur</a>
</li>
<li class="">
<a href="/locataire.html" target="" >Locataire</a>
</li>
<li class="">
<a href="/gestion-locative.html" target="" >Gestionnaire</a>
</li>
<li class="">
<a href="/calculatrice-financiere.html" target="" >Calculatrice financière</a>
</li> </ul>
</li>
<li class="has-dropdown">
<a href="/agence.html" target="" >L'agence</a>
<ul class="dropdown dropdown-menu">
<li class="">
<a href="/qui-sommes-nous.html" target="" >présentation</a>
</li>
<li class="">
<a href="/estimation.html" target="" >Estimation</a>
</li> <li class="">
<a href="/i/redac/honoraires" target="" >Honoraires</a>
</li> </ul>
</li>
<li class="">
<a href="/contact.html" target="" >Contact</a>
</li> </ul>
</div>
</nav>
</div>
</div>
</div>
</section>
<section class="searchZone searchInner">
<div class="container search">
<div class="themTitle">
</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="2">Location</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="2" >
Appartement
</option>
<option value="1" >
Maison
</option>
<option value="5" >
Terrain
</option>
<option value="21" >
Immeuble
</option>
<option value="45" >
Terrain de loisir
</option>
<option value="43" >
Terrain à batir
</option>
<option value="23" >
Commerce
</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="Secteur" data-live-search=true data-style="btn-selectpicker">
<option value="void">Secteur</option>
<option value="ville-43" >
85110 - La Jaudonnière
</option>
<option value="ville-118" >
85120 - Saint-Maurice-des-Noues
</option>
<option value="ville-11" >
85200 - Fontenay-le-Comte
</option>
<option value="code-1" >
85210 - Toutes localités
</option>
<option value="ville-16" >
85210 - Thiré
</option>
<option value="ville-1" >
85210 - Sainte-Hermine
</option>
<option value="ville-8" >
85210 - Saint-Martin-Lars-en-Sainte-Hermine
</option>
<option value="ville-6" >
85210 - La Réorthe
</option>
<option value="ville-17" >
85210 - Saint-Étienne-de-Brillouet
</option>
<option value="ville-18" >
85210 - Saint-Juire-Champgillon
</option>
<option value="ville-956" >
85210 - Saint-Jean-d'Hermine
</option>
<option value="ville-4" >
85210 - La Chapelle-Thémer
</option>
<option value="ville-20" >
85320 - Mareuil-sur-Lay-Dissais
</option>
<option value="ville-21" >
85400 - Sainte-Gemme-la-Plaine
</option>
<option value="code-3" >
85410 - Toutes localités
</option>
<option value="ville-3" >
85410 - Saint-Laurent-de-la-Salle
</option>
<option value="ville-12" >
85410 - La Caillère-Saint-Hilaire
</option>
<option value="ville-149" >
85410 - Cezais
</option>
<option value="ville-19" >
85480 - Bournezeau
</option>
<option value="ville-14" >
85570 - L'Hermenault
</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>+ de critères</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>
</header>
<div class="container">
</div>
<section class="contentPage">
<div class="container pageBody" id="redac">
<div class="redacContent titre">
<div class="themTitle h1Page">
<h1>Vendeur</h1>
</div>
<ol class="breadcrumb">
<li><a href="/" >Accueil</a></li>
<li>Vendeur</li>
</ol>
</div>
<div class="redacContent content">
<div class="row txt-redac">
<div class="col-md-12">
<p><div style="text-align:center">
<h4 style="text-align: left;"><strong>L’agence AV Immo est à votre service pour vous aider dans votre projet immobilier</strong></h4>
<p style="text-align: left;"><br />
Chaque bien est unique et le vôtre a beaucoup d’importance. Confiez-nous votre maison, appartement, terrain, dépendance ou autre afin que votre projet aboutisse à un objectif commun : <span style="color:#BD2655"><strong>LA VENTE DE VOTRE BIEN</strong></span>.<br />
<br />
<u>Nous mettons tout en œuvre pour répondre à vos attentes :</u></p>
<div>
<ul>
<li style="text-align: left;">En prenant <strong>rendez-vous pour vous rencontrer </strong>afin de nous présenter, de vous écouter et découvrir votre projet.</li>
<li style="text-align: left;">En nous <strong>confiant un mandat de vente</strong> exclusif ou non-exclusif selon le choix des services proposés</li>
<li style="text-align: left;">En prenant toutes les <strong>informations concernant votre bien</strong> (métrage, fiche descriptive, photos)</li>
<li style="text-align: left;">En vous informant <strong>des différents diagnostics immobiliers obligatoire </strong>en fonction de la nature de votre bien, de sa date de construction …</li>
<li style="text-align: left;">En établissent une liste des <strong>documents à nous fournir</strong> ( acte de propriété, taxe foncière, plan …)</li>
<li style="text-align: left;">En mettant <strong>votre bien en communication</strong> dans les différents supports internet *</li>
<li style="text-align: left;">En affichant votre bien en <strong>vitrine de l’agence</strong></li>
<li style="text-align: left;">En effectuant <strong>des visites</strong> puis sous 48h en vous contactant pour vous faire un compte rendu.</li>
<li style="text-align: left;">En <strong>rédigeant une lettre d’intention d’achat</strong> si l’acquéreur a trouvé son bonheur que vous contresignez afin de lier votre accord.</li>
<li style="text-align: left;">En réunissant l’acquéreur et vous même à l’agence pour signer <strong>le compromis de vente</strong>, toutes les informations vous serons expliqués.</li>
<li style="text-align: left;">En vous <strong>accompagnant jusqu’à la réitération de l’acte authentique</strong> (signature chez le notaire)</li>
</ul>
</div>
<h3 style="text-align: left;"><strong>Nous sommes là pour que toutes vos questions reçoivent une réponse</strong></h3>
<p style="text-align: left;">* Fnaim, achetez-vendee-immobilier, avendrealouer, immoregion, bienici, superimmo, Facebook Marketplace, Previsite, acquereur.com, alliance habitat, appartement.com, bazar.lu, bientotchezsoi, Etre Proprio, Evasion France, Exclusivité Immobilière, Habitat-futur.fr, Habiter Là, Idee-immo.com, FR.ILOVEHOME.EU, Immo Croisé, immoSquare, inspectimmo.fr, Ki Cherche Koi, La Bonne Pierre, Le Partenaire, LEROILOC, LOGEMAX, Ma Cabane, ORNOX immo, pinpo, Poupion.fr, Pres2ChezVous.fr, Sabdoo, Superimmo, tousVoisins.fr, TransactionImmo, Vendre Ou Acheter.</p>
<h3 style="text-align: left;"><strong><u>En + pour les exclusivités</u></strong></h3>
<ul>
<li style="text-align: left;">Nous vous offrons le diagnostic DPE nécessaire à la communication de votre bien</li>
</ul>
<div>
<ul>
<li style="text-align: left;">Nous réalisons une visite virtuelle 3d à 360° accessible sur smartphones, ordinateurs ou tablettes. Cela permet de présenter le bien de la manière la plus qualitative qui soit, tout en permettant aux acquéreurs potentiels de la pré-visiter.</li>
</ul>
<h3 style="text-align: left;"><strong>Merci pour votre confiance</strong><br />
</h3>
</div>
</div>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="mainFtr">
<div class="container">
<article class="bandeauBloc">
<div class="themTitle">
<h1>Nous Contacter</h1>
</div>
<div class="content-mainFtr container">
<div class="coordsFooter row">
<ul class="coords defaultCoords col-xs-12">
<li class="phone">
<div class="elementCoords">
<a href="tel:+33 2 51 27 00 65">+33 2 51 27 00 65</a>
</div>
</li>
<li class="email">
<div class="elementCoords">
<a href="mailto:k.chamard@achetez-vendee-immobilier.fr">k.chamard@achetez-vendee-immobilier.fr</a>
</div>
</li>
<li class="adress">
<div class="elementCoords">
<span class="valCoords adresse">8, place de la Gare - Ste Hermine </span>
<span class="valCoords cp">85210</span>
<span class="valCoords Saint-Jean-d'Hermine">Saint-Jean-d'Hermine</span>
</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</h1>
</div>
<div class="rsv">
<a href="https://www.facebook.com/achetezvendeeimmobilier/" class="linkrsv" target="_blank" ><span class="icon-facebook2 icons"></span></a>
<a href="https://www.linkedin.com/feed/" class="linkrsv" target="_blank" ><span class="icon-linkedin2 icons"></span></a>
</div>
</article>
</div>
</section>
<section class="ftr-bottom">
<div class="container">
<div class="row">
<article class="col-md-6 col-sm-6 elementFtr">
<div class="themTitle">
<h1>Adhérent</h1>
</div>
<div class="contentFtr partners">
<img src="//achetezvendeeim.staticlbi.com/original/images/fnaim.png" class="" />
<img src="//achetezvendeeim.staticlbi.com/original/images/galian.png" class="" />
</div>
</article>
<article class="col-md-6 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>© 2026 | 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="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">
<img src="//achetezvendeeim.staticlbi.com/original/images/logoLBI.png" alt="La boite immo" />
</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>
function calculateCredit(form) {
var montant = $('#montant').val().replace(/ /g,""),
taux = parseFloat($('#taux').val())/100,
apportField = $('#apport').val().replace(/ /g,""),
apport = (apportField.length !== 0) ? parseFloat(apportField) : 0,
duree = parseFloat($('#duree').val()),
dureeMois = parseFloat($('#dureeMois').val());
var prix = parseFloat(montant) - apport;
var periode = (duree) ? duree*-12 : -dureeMois;
var result = (prix*taux/12)/( 1 - Math.pow(( 1 + taux/12),periode));
result=Math.round(result*100)/100;
if (isNaN(result)){
result=0;
}
$(".result").html(result);
return false ;
}
</script>
<!-- à utiliser si on veut ajouter un fichier js spécifique au site -->
<!-- à utiliser si on veut ajouter un fichier js specifique au lazyloading -->
<script>
jQuery(document).ready(function(){
jQuery(document).on('submit', 'form', function(){
var myform = jQuery(this);
var as = jQuery('.asbryw', myform);
if(as.length){
var dynamic = jQuery('.2', as);
var currentvalue = dynamic.val();
var origvalue = dynamic.attr('data-orig');
if(currentvalue === origvalue) {
var waitedvalue = dynamic.attr('data-wait');
dynamic.val(waitedvalue);
}
}
return true;
});
});
</script>
<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: "vendeurhtml"}).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>
