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

<!doctype html>
<html>
<head>
		<title>Agence Driemo - La Panne | location de vacances et à vendre | appartements et studios</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="Location / Vente d'Appartements et Studios avec Vue sur la Mer. Demandez la brochure gratuite sur la location et lisez sur la vie à la côte. "/>
	<link rel="canonical" href="https://www.agencedriemo.be/fr" />

	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Agence Driemo - La Panne | location de vacances et à vendre | appartements et studios" />
	<meta property="og:description" content="Location / Vente d'Appartements et Studios avec Vue sur la Mer. Demandez la brochure gratuite sur la location et lisez sur la vie à la côte. " />
	<meta property="og:url" content="https://www.agencedriemo.be/" />
	<meta property="og:site_name" content="Agence Driemo" />
	<meta property="og:image" content="https://www.agencedriemo.be/img/webcontent/agencedriemo.jpg" />
	<meta property="og:image:secure_url" content="https://www.agencedriemo.be/img/webcontent/agencedriemo.jpg" />
	<meta property="og:image:width" content="1115" />
	<meta property="og:image:height" content="660" />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:description" content="Location / Vente d'Appartements et Studios avec Vue sur la Mer. Demandez la brochure gratuite sur la location et lisez sur la vie à la côte. " />
	<meta name="twitter:title" content="Agence Driemo - La Panne | location de vacances et à vendre | appartements et studios" />
	<meta name="twitter:image" content="https://www.agencedriemo.be/img/webcontent/agencedriemo.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=002" 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 active">
        <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>	
    </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 -->
	<script type="text/javascript">

	var bezet = [];
	var nietselecteerbaar = ['31/10/2020','01/11/2020','02/11/2020','03/11/2020','04/11/2020','05/11/2020','20/12/2020','21/12/2020','22/12/2020','23/12/2020','24/12/2020','25/12/2020','27/12/2020','28/12/2020','29/12/2020','30/12/2020','31/12/2020','01/01/2021','21/07/2020','21/07/2020'];
	
	function formatDate(date) {
		var d = new Date(date),
			month = '' + (d.getMonth() + 1),
			day = '' + d.getDate(),
			year = d.getFullYear();

		if (month.length < 2) 
			month = '0' + month;
		if (day.length < 2) 
			day = '0' + day;

		return [day, month, year].join('/');
	}
	
	function isDateAvailable(date){
		return bezet.indexOf(formatDate(date)) > -1;
	}
    
    function getDatesVerblijf(startV, endV) {
        
        const monthNames = ["janvier",
            "février",
            "mars",
            "avril",
            "mai",
            "juin",
            "juillet",
            "août",
            "september",
            "octobre",
            "novembre",
            "décembre"
        ];
		const daysOfWeek = [
            "di",
            "lu",
            "ma",
            "me",
            "je",
            "ve",
            "sa"
        ];

    var monthstart = monthNames[startV.getMonth()];
    var monthend = monthNames[endV.getMonth()];
    var startmonth = "";
    startmonth = " " + monthstart.substring(0,3);
    var startyear = "";
    if(endV.getFullYear() !== startV.getFullYear()){
        startyear = " " + startV.getFullYear();
    }
       return daysOfWeek[startV.getDay()] + " " + startV.getDate() + startmonth  + ". - " + daysOfWeek[endV.getDay()] + " " + endV.getDate() + " " + monthend.substring(0,3) + ".";
    }

$(document).ready(function(){
	
    // set dates on open
    var vanafTemp = '';
    var totTemp = '';
    
    var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    if(vanafTemp != '' && totTemp != '' && vanafTemp != totTemp) {
        var res = vanafTemp.split("/");
        var setStart = new Date(res[2],res[1] - 1, res[0]);
       
        var resTot = totTemp.split("/");
        var setEnd = new Date(resTot[2],resTot[1] - 1, resTot[0]);

        $("#dataverblijf").val(getDatesVerblijf(setStart, setEnd));
    }
	
	$(function() {
  $('input[name="dataverblijf"]').daterangepicker({
	    "locale": {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "arriveLabel": "choisir <strong>date d'arrivée</strong>",
        "leaveLabel": "choisir <strong>date de départ</strong>",
        "holidayLabel": "Pendant les vacances scolaires, vous ne pouvez réserver que du vendredi au vendredi.",
        "customRangeLabel": "arrivée",
		"tVertrek": "départ",
		"tAankomst": "arrivée",
        "weekLabel": "W",
        "daysOfWeek": [
            "di",
            "lu",
            "ma",
            "me",
            "je",
            "ve",
            "sa"
        ],
        "monthNames": [
            "janvier",
            "février",
            "mars",
            "avril",
            "mai",
            "juin",
            "juillet",
            "août",
            "september",
            "octobre",
            "novembre",
            "décembre"
        ],
        "firstDay": 1
    },
    opens: 'right',
	  startDate: (vanafTemp==""?false:vanafTemp),
	  minDate: now,
      autoUpdateInput: false,
	  endDate: (totTemp==""?false:totTemp),
	  autoApply: true,
	  isInvalidDate: function(date) {
       return nietselecteerbaar.indexOf(date.format('DD/MM/YYYY')) > -1;
    },isCustomDate: function(date) {
		if(bezet.indexOf(date.format('DD/MM/YYYY')) > -1){
 			return 'geboekt disabled';
		}
      
    }
  }, function(start, end, label) {
    var temp = new Date(start);
    var startDate = new Date(start);
    var endDate = new Date(end);
    var cleanStart = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate(), 0, 0, 0, 0);  
    var cleanEnd = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate(), 0, 0, 0, 0);  
    var invalid = false;
      
    // onbeschikbare dagen in selectie  
    while (temp.getTime() < endDate.getTime()) {
      if (isDateAvailable(temp)) {
        invalid = true;
        
      }
      temp.setDate(temp.getDate() + 1);
      
    }
      $('#messages').html('');    
     
      // controleer of aankomst vandaag is
      if (now.getTime() == startDate.getTime()){
          if(now.getDay() == 0 || now.getDay() == 3){
              //invalid = true;
              //$('#messages').html('<div class="alert alert-danger"> Il n'est plus possible de faire une réservation avec arrivée aujourd'hui </div>');
          }else{
              //invalid = true;
              //$('#messages').html('<div class="alert alert-warning"> Pour une arrivée aujourd'hui, il est uniquement possible de faire une réservation par téléphone au +32 (0) 58 41 51 36 </div>');
          }
         
      }
      // controleer of minimum 1 dag geselecteerd
      
      if(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          $('#messages').html("<div class='alert alert-warning'> Votre jour d'arrivée et de départ ne peut pas être le même </div>");
      }  
     
    
       // onbeschikbare dagen in selectie  
    
    if (invalid) {
      //console.log('invalid');
        
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
       
    }else{
        //console.log(formatDate(start));
        //console.log(formatDate(end));
        $("#vanaf").val(formatDate(start));
        $("#tot").val(formatDate(end));
        
       
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
    
    
    }
  });
});

	});
</script>

<header class="masthead">
  <div class="container h-100">
    <div class="row h-100 align-items-center">
      <div class="col">
        <div class="search-form-small">
          <div class="row">
            <div class="col-12">
				<!--<h2 style="color:#EA6D07;font-weight:bold;margin-bottom: 25px; line-height: 25px;">Heureux de vous recevoir à nouveau à partir du 8 juin ! </h2>-->
              <h2>Votre résidence de vacances à La Panne</h2>
              <form method="post" autocomplete="off" action="/fr/location-vacances" id="searchform">
                <input type="hidden" name="req_type" value="get_app" />
                <div class="row">
                  <div class="col mt-3">
                    <label>N° de personnes</label>
                    <div class="form-group">
                      <select class="form-control" name="personen" id="personen">
                        <option value="2">2</option>
                        <option value="4">4</option>
                        <option value="6">6</option>
                        <option value="8">8</option>
                      </select>
                    </div>
                  </div>
                </div>
                <script type="text/javascript">
			selectedoption='';
			if(selectedoption!='') document.getElementById("personen").value=selectedoption;
		</script>
                <input type="hidden" name="vanaf" id="vanaf" value="" />
                <input type="hidden" name="tot" id="tot" value="" />
                <div class="row">
                  <div class="col">
                    <label>date d'arrivée et de départ</label>
                    <div class="form-group">
                      <input id="dataverblijf" readonly="true" class="form-control clickable input-md input-calendar" type="text" name="dataverblijf" placeholder="sélectionner les dates" value="">
                    </div>
                  </div>
                </div>
                <div id="messages"> </div>
				  <div class="row"><div class="col conditions">
					  <p>Pendant les vacances scolaires, vous ne pouvez réserver que du vendredi au vendredi.</p>
					  </div></div>
                <div class="row">
                  <div class="col">
                    <label>nombre de chambres</label>
                    <div class="form-group">
                      <select class="form-control" name="slaapkamers" id="slaapkamers">
                        <option value="d">tout montrer</option>
                        <option value="0">0 (studio)</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                      </select>
                    </div>
                  </div>
                </div>
                <script type="text/javascript">
			selectedoption='';
			if(selectedoption!='') document.getElementById("slaapkamers").value=selectedoption;
		
		</script>
                <div class="row">
                  <div class="col">
                    <button type="submit" class="btn btn-orange btn-block btn-search">chercher</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="info-index">
      <span class="phone">+32 58 41 51 36</span><span class="mail">info@agencedriemo.be</span>
      <a class="opening" href="/fr/contact">voir nos heures d'ouverture</a>
	  <div class="mt-3"> <a href="/fr/webcam" class="btn btn-dark btn-block btn-info"><i class="fa fa-video-camera" aria-hidden="true"></i>
 &nbsp;LIVE webcam</a> </div>
	  </div>
	
  </div>
    <div class="logo-index"><img src="/img/webcontent/agence-driemo-bol.png" alt="Agence Driemo" /></div>
</header>
<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:agence@driemo.be">agence@driemo.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 est soumise au code d'éthique du IPI. 
Agent immobilier agréé avec IPI no. 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>