<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#(////////////////////(#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&(/////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&//////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(//////////////////*........./(///////...........(///////..........(//////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////.         /(//////*           #///////          #(////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////          *(//////*           #///////          /(//////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////          ,(//////*           #///////          .(////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@(////////////////////////////          .(//////,           #///////           #///////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////////////,          .(//////.           #//////(           #/////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////            (//////.           ((//////           ((//////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@%/////////////////////////////////            #//////            ((//////           *(///////////////////////////////(@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@///////////////////////////////////            #//////            ((//////           .(/////////////////////////////////#@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@(////////////////////////////////////            #(/////            /(/////*            (///////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@/////////////////////////////////////*                                                   #////////////////////////////////////@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%//////////////////////////////////////.                                                   #(////////////////////////////////////(@@@@@@@@@@@@@@
@@@@@@@@@@@@@@(///////////////////////////////////////                                                    ((//////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@/////////////////////////////////////////                                                    ,(///////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@//////////////////////////////////////////                                                     (////////////////////////////////////////&@@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////////(((((((((((((((((                   %#((((((((((((((((/////////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@//////////////////////////////////////////                                                         (////////////////////////////////////////&@@@@@@@@
@@@@@@@@@(//////////////////////////////////////////                                                         (/////////////////////////////////////////@@@@@@@@
@@@@@@@@(///////////////////////////////////////////                                                        .(//////////////////////////////////////////@@@@@@@
@@@@@@@%////////////////////////////////////////////,                                                       ((//////////////////////////////////////////(@@@@@@
@@@@@@@//////////////////////////////////////////////                                                      .#////////////////////////////////////////////#@@@@@
@@@@@@(//////////////////////////////////////////////,          ***************,,,,,,,,,,,,,,,,,,          #(/////////////////////////////////////////////@@@@@
@@@@@@////////////////////////////////////////////////.         #(//////////////////////////////,         #(//////////////////////////////////////////////#@@@@
@@@@@//////////////////////////////////////////////////          #/////////////////////////////,         ((////////////////////////////////////////////////@@@@
@@@@@////////////////////////////////////////////////////         /(//////////////////////////.         #(/////////////////////////////////////////////////#@@@
@@@@#/////////////////////////////////////////////////////.         .(//////////////////////.         ((////////////////////////////////////////////////////@@@
@@@@///////////////////////////////////////////////////////(.          *((///////////////.          *(//////////////////////////////////////////////////////&@@
@@@@//////////////////////////////////////////////////////////(                                  .#(/////////////////////////////////////////////////////////@@
@@@&//////////////////////////////////////////////////(((((((////(/                          ,#((////////////////////////////////////////////////////////////@@
@@@#////////////////////         (///////////////////        #(///////(((/,.         .*(#(((/////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@
@@@//////////.        .(         #/        ((.     (/        #(/////,           ,((/////.       ((/         ((///         .((////////.            /(/////////@@
@@@////////                      #/        #       (/        #(///                 *(///.       /             (             .(////*                  (///////@@
@@@(//////                       #/                (/        #(/         .*,         #(/.                                    /(//                     ,(/////@@
@@@%/////         .#(((          #/                (/        #(        #(////(        ((.         (#((          .#((,         #/         #(///*        /(////@@
@@@@/////        ,(////(         #/          *#((((//        #,                        (.        #(////        ,(////         #,        #(/////         #////@@
@@@@////*        ((/////.        #/         ((///////        #.                        #.        #////(        ((////         #.        #(/////         #(//#@@
@@@@#///*        /(/////         #/         #////////        #.        ****************#.        #////(        ((////         #,        ((/////         #///@@@
@@@@@////         #(///          #/         #////////        #(        ((///////////////.        #////(        ((////         #(         #////*        ((//(@@@
@@@@@/////                       #/         #////////        #(/          ,,          #/.        #////(        ((////         #/(                     ,(///@@@@
@@@@@@/////                      #/         #////////        #(/(.                  ,(//.        #////(        ((////         #///.                  #(///(@@@@
@@@@@@(/////(.         #(        (/         (////////        #(////(.            *#(////.        #////(        ((////         #/////(.            (((/////@@@@@
@@@@@@@/////////((((((/////////////////////////////////////////////////((((((((/////////////////////////////////////////////////////////((((((((/////////#@@@@@
@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@
@@@@@@@@(///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@
@@@@@@@@@///////////////////////////////////////////*.(///////*   *(////.....*(///..(//*.(/////,   *(///*.....(////////////////////////////////////////@@@@@@@@
@@@@@@@@@@/////////////////////////////////////////* ..(///// #(//((////..(/////// / (/* #///* #(//((///* (///////////////////////////////////////////@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////* #( ((/// *(/*  ,(///. ...((/// #( /* #/// .(////////* ...*(//////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@@@////////////////////////////////////// **** ((/// ((//.,(///..(/////// #(( , #//// #(///(///* (/////////////////////////////////////////#@@@@@@@@@@
@@@@@@@@@@@@@////////////////////////////////////*((////*(////(,.,(((///*****/(///*((//**(/////(,.*#(////*****(////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#///////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->

<!doctype html>
<html>
<head>
		<title>Agence Driemo - De Panne | Demandez votre brochure gratuite</title>
	<meta charset="UTF-8">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    
	<meta name="description" content="Brochure. Tous nos appartements sont listés pour vous dans une brochure pratique"/>
	<link rel="canonical" href="https://www.agencedriemo.be/fr/brochure" />

	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Agence Driemo - De Panne | Demandez votre brochure gratuite" />
	<meta property="og:description" content="Brochure. Tous nos appartements sont listés pour vous dans une brochure pratique" />
	<meta property="og:url" content="https://www.agencedriemo.be/fr/brochure" />
	<meta property="og:site_name" content="Agence Driemo" />
	<meta property="og:image" content="https://www.agencedriemo.be/img/webcontent/folder.jpg" />
	<meta property="og:image:secure_url" content="https://www.agencedriemo.be/img/webcontent/folder.jpg" />
	<meta property="og:image:width" content="500" />
	<meta property="og:image:height" content="439" />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:description" content="Brochure. Tous nos appartements sont listés pour vous dans une brochure pratique" />
	<meta name="twitter:title" content="Agence Driemo - De Panne | Demandez votre brochure gratuite" />
	<meta name="twitter:image" content="https://www.agencedriemo.be/img/webcontent/folder.jpg" />
	
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&display=swap" rel="stylesheet">
    <!--<script src="https://kit.fontawesome.com/75cf24ece0.js" crossorigin="anonymous"></script>-->

		<!-- 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-NJQK9H');</script>
	<!-- End Google Tag Manager -->
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-19987028-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-19987028-1');
	</script>

	
	<link rel="stylesheet" href="/css/bootstrap.css?v=004" type="text/css" />
	<link rel="stylesheet" href="/css/bootstrap-datepicker3.min.css" type="text/css" />
	
	<link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
	
	<link rel="stylesheet" href="/css/styles.css?v=019" type="text/css" />
	<link rel="stylesheet" href="/css/ekko-lightbox-2.css" type="text/css" />
	
	<script src="https://www.google.com/recaptcha/api.js?render=6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr"></script>
	<script>
	grecaptcha.ready(function() {
		grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'homepage'}).then(function(token) {
		   
		});
	});
	</script>
	
	<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.bundle.js"></script>
	<script type="text/javascript" src="/js/jquery.lazy.min.js"></script>
	<script type="text/javascript" src="/js/ekko-lightbox-2.min.js"></script>
	<script type="text/javascript" src="/js/moment.min.js"></script>
    <script type="text/javascript" src="/js/daterangepicker.js?v=006"></script>
    <script type="text/javascript">// JavaScript Document

// IE 7 fix layout
if (navigator.userAgent.match(/Trident\/7\./)) {
  $('body').on("mousewheel", function (event) {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}

$(document).on('click', '[data-toggle="lightbox"]', function (event) {
  event.preventDefault();
  $(this).ekkoLightbox();
});

$(document).ready(function () {
    
  $("#searchform").submit(function (e) {

    var loadingText = "<i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;charger les résultats";
    if ($("#searchform .btn-search").html() !== loadingText) {
      //$("#searchform .btn-search").data("chercher", $(this).html());
      $("#searchform .btn-search").html(loadingText);
      $("#searchform .btn-search").addClass('btn-disabled');
        $("#searchform .btn-search").attr("disabled", true);
    }
    setTimeout(function() {
      $("#searchform .btn-search").removeClass('btn-disabled');
      $("#searchform .btn-search").removeAttr("disabled");
      $("#searchform .btn-search").html("chercher");
    }, 5000);
      
       //e.preventDefault();
  });
    
    
    $("#reservationform").submit(function (e) {
   
	 
       //e.preventDefault();
  });
    
    
  $(".btn-filter").click(function(){
      $('body,html').animate({
                scrollTop: 0
            }, 300);
  });
    
  if ($("#sticky-search").length) {
    $("body").addClass('push-left');
  }

  if ($(".filterbar").length) {
    $('body').addClass('pushcontent');
  } else if (!$(".masthead").length) {
    $('body').addClass('pushcontent-single');
  }


});

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

$(function () {
  //'use strict';
  //window.addEventListener('load', function () {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function (form) {
      form.addEventListener('submit', function (event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }else{
		
		}
        form.classList.add('was-validated');
      }, false);
    });
  //}, false);
});


$(function () {
  $(".lazy").lazy({
    // called before an elements gets handled

    beforeLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" is about to be loaded');
    },

    // called after an element was successfully handled
    afterLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log(element);
      element.addClass('imageloadedtohide');
      //console.log('image "' + imageSrc + '" was loaded successfully');
    },

    // called whenever an element could not be handled
    onError: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" could not be loaded');
    },

    // called once all elements was handled
    onFinishedAll: function () {
      //console.log('finished loading all images');
    }
  });
});


if (window.history.replaceState) {
  window.history.replaceState(null, null, window.location.href);
}

function sendGoogleTag(gevent, gcat){
	console.log("event triggered");
	gtag('event', gevent, {
	  	'event_category': gcat
		});
}
</script>
	
	<style type="text/css">.grecaptcha-badge{display:none !important;}</style>
</head>

<body>
	
 <!--<div style="position: fixed; z-index: 10000000; bottom: 0; right: 0; padding: 10px 16px; background: #FF0000; "><a style="color: #ffffff;text-decoration: underline;" href="/fr/corona">IMPORTANT: Corona update</a></div>	-->
  <nav class="navbar fixed-top navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="/"><img height="60" src="/img/webcontent/driemo_halve_bol.png" /></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <!--<li class="nav-item ">
        <a class="nav-link" href="/">accueil</a>
      </li>-->
      <li class="nav-item ">
        <a class="nav-link" href="/fr/location-vacances">location de vacances</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/fr/a-vendre">à vendre</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/fr/projects">Projects</a>
      </li>
        <li class="nav-item ">
        <a class="nav-link" href="/fr/location-annuelle">location annuelle</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/fr/syndic">syndic</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/fr/contact">contact</a>
      </li>
				<li class="nav-item">
        <a class="nav-link" href="/blog?lang=fr">blog</a>
      </li>	
		    </ul>
	  
   <ul class="nav navbar-nav navbar-right">
	   <li style="padding-right: 0;" class="nav-item">
	   <a href="/fr/login"  data-toggle="tooltip" data-placement="bottom" style="display: block;" title="login propriétaire" ><img src="/img/icons/icon-key.png" width="20" style="vertical-align: middle;margin-top:0.5rem" /><span class="lockedownerlink" style="margin-left: 3px; color: #242A36; vertical-align:bottom;"> login propriétaire</span></a>
	   </li>
            <li class="nav-item dropdown">
                <a href="#" class=" nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="text-transform: uppercase;">fr <span class="caret"></span></a>
                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                    <li><a class="nav-link" href="/nl">Nederlands</a></li>
                    <li><a class="nav-link" href="/fr">Français</a></li>
                    <li><a class="nav-link" href="/de">Deutsch</a></li>
                   
                </ul>
            </li>
        </ul>
  </div>
	   
        
</nav>

	<!-- END NAV -->
	
<div class="container-fluid filterbar">
  <div class="row ">
    <div class="col-auto mr-auto" id="search_count">
      <div>
        <h2 class="page-title">Demander une brochure</h2>
      </div>
    </div>
    <div class="col-auto" id="search_filter"> </div>
  </div>
</div>
<div id="sticky-search">
  <div>
    <div class="mb-12"> <img src="/img/webcontent/folder.jpg" class="img-fluid "/> </div>
    <div class="row details-reservatie">
      <div class="col mt-4">
        <label>Agence Driemo</label>
        <div class="info">Digue de Mer 27, 8660 La Panne</div>
      </div>
    </div>
    <div class="row details-reservatie">
      <div class="col  mt-3">
        <label>Contacter location</label>
        <div class="d-flex justify-content-between">
          <div class="info">Tel. </div>
          <div class="info"><span class="extra">+ 32 (0)58 41 51 36</span></div>
        </div>
        <div class="d-flex justify-content-between">
          <div class="info">Email </div>
          <div class="info"><span class="extra">agence@driemo.be</span></div>
        </div>
      </div>
    </div>
    <div class="row details-reservatie">
      <div class="col  mt-3">
        <label>Contacter vente</label>
        <div class="d-flex justify-content-between">
          <div class="info">Tel. </div>
          <div class="info"><span class="extra">+ 32 (0)58 42 96 91</span></div>
        </div>
        <div class="d-flex justify-content-between">
          <div class="info">GSM </div>
          <div class="info"><span class="extra">+ 32 (0)472 10 00 76</span></div>
        </div>
        <div class="d-flex justify-content-between">
          <div class="info">Email </div>
          <div class="info"><span class="extra">verkoop@agencedriemo.be</span></div>
        </div>
      </div>
    </div>
   
  </div>
</div>
<div class="container detail-pane">
 
  <div class="intro mt-3">
    <div class="row">
      <div class="col mt-4 mb-4 text-center">
        <h2 class="large-light">Demandez votre brochure ici</h2>
        <p>Laissez vos coordonnées ici et nous vous enverrons notre brochure dans les meilleurs délais.</p>
      </div>
    </div>
  </div>
   
  <div class="contact mb-5">
    <div class="row justify-content-md-center">
      <div class="col-12 justify-content-center contactform">
		   <div id="messages"></div>
        <form class="needs-validation" method="post" novalidate id="contactform">
            <input type="hidden" name="requestbrochure" value="requestbrochure" />
          <div class="row mt-5">
            <div class="col-12 col-sm-6">
              <label>prénom*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="voornaam" id="voornaam">
                <div class="invalid-feedback"> le prénom est requis </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>nom*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="naam" id="naam">
                <div class="invalid-feedback"> nom est requis </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>téléphone*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="telefoon" id="telefoon">
                <div class="invalid-feedback"> numéro de téléphone est requis </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>email*</label>
              <div class="form-group">
                <input type="email" class="form-control" required name="email" id="email">
                <div class="invalid-feedback"> une adresse email correcte est requis </div>
              </div>
            </div>
          </div>
             <div class="row">
            <div class="col-12 col-sm-6">
              <label>adresse *</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="adres" id="adres">
                <div class="invalid-feedback"> adresse est requis </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>numéro*</label>
              <div class="form-group">
                <input type="text" class="form-control" required  name="nummer" id="nummer">
                <div class="invalid-feedback"> numéro est requis </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>code postal *</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="postcode" id="postcode">
                  <div class="invalid-feedback"> code postal est requis </div>
              </div>
              
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>lieu de résidence *</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="woonplaats" id="woonplaats">
                <div class="invalid-feedback"> lieu de résidence est requis </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>pays *</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="land" id="land">
                <div class="invalid-feedback"> pays est requis </div>
              </div>
            </div>
          </div>
        
          <div class="row">
            <div class="col text-center">
              <button type="submit" class="btn btn-dark btn-send-form">envoyer</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


 <script type="text/javascript">
       // when form is submit
	   var form_id='#contactform';
	   var scroll_to_top=false;
	   var post_to="/fr/contact";
	   var form_type="brochure_contactform";

	 $(form_id).submit(function() {
		$("#messages").html('');
	 event.preventDefault();
		
	 if($(form_id)[0].checkValidity() === false) {
		 event.preventDefault();
         event.stopPropagation();
		 $(form_id).addClass('was-validated');
		return;
		}
        // we stopped it
        event.preventDefault();
     
		var values = {};
		var loadingText = "<span><i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;</span>";
		var btntext = $(".btn-send-form").html();
	
		$(".btn-send-form").html(loadingText + btntext);
		$(".btn-send-form").addClass('btn-disabled');
		$(".btn-send-form").attr("disabled", true);
		$.each($(form_id).serializeArray(), function(i, field) {
			$("#"+field.name).removeClass("is-invalid");
		});
							
        // needs for recaptacha ready
        grecaptcha.ready(function() {
            // do request for recaptcha token
            // response is promise with passed token
            grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'create_comment'}).then(function(token) {
                // add token to form
               // $('#comment_form').prepend('<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" value="' + token + '">');
				values["token"]=token;
				values["form_type"]=form_type;
				$.each($(form_id).serializeArray(), function(i, field) {
				values[field.name] = field.value;
			});
			
                    //$.post("../../test/form.php",values, function(result) {
                    $.post(post_to,values, function(result) {
						
						$(".btn-send-form").removeClass('btn-disabled');
						$(".btn-send-form").removeAttr("disabled");
						$(".btn-send-form span").remove();
						   
                            if(result.success==true) {
                                    //alert('Thanks for posting.')
									// leegmaken formulier
									gtag('event', 'brochureform - success', {'event_category': 'brochure - fr - '});
									$("#messages").html("<div class='alert alert-success'>Merci pour votre demande, nous vous contacterons dès que possible.</div>");
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
								
									$(form_id).removeClass('was-validated');
									$.each($(form_id).serializeArray(), function(i, field) {
										$("#"+field.name).val("");
										$("#"+field.name).removeClass("is-invalid");
									});
									
									
                            } else {
                                    //alert('Error occured.')
									gtag('event', 'brochureform - error', {'event_category': 'brochure - fr - '});
									//$("#messages").html("<div class='alert alert-danger'>"+result.html+"</div>");
									$("#messages").html("<div class='alert alert-danger'>Un ou plusieurs champs contiennent des valeurs incorrectes</div>");
								
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
									
									
									try{
									
									var feedback_error_fields={};
									feedback_error_fields=result.feedback_error_fields;
									//alert(feedback_error_fields.length);
									feedback_error_fields.forEach(function(item,index){
										//alert(item);
										$("#"+item).addClass("is-invalid");
										});
									}
									catch(e) {
										//alert(e.message);
										//console.log("Excpetion:"+e.message);
									}
									
									
                            }
                    });
            });;
        });
  });
  </script>
<footer>
	<div class="container">
	<div class="row">
	<div class="col footer">
		<img src="/img/webcontent/driemo_logo_dark.png" width="150" />
		<p>
		Digue de Mer 27, 8660 La Panne<br/>
+32 (0)58 41 51 36  |  <a href="mailto:info@agencedriemo.be">info@agencedriemo.be</a>
		</p>
		<a href="https://www.facebook.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_fb.png" alt="Facebook" width="26" /></a>
        <a href="https://www.instagram.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_instagram.png" alt="Instagram" width="26" /></a>
		
		<p class="legal">
		Agence Driemo nv est soumise au code d'éthique du IPI. 
Agent immobilier agréé avec IPI no. 509074 et 205405 - voir DR de 27/9/2006 -
TVA: BE0406.457.615 - Le pays d'attribution est la Belgique. Adresse IPI: Rue du Luxembourg 16B, 1000 Bruxelles     <a href="/fr/conditions">conditions</a>     |     <a href="/fr/disclaimer">disclaimer</a> 
		</p>
		
		</div>
	</div></div>
</footer>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJQK9H"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>
</html>