{"id":11,"date":"2020-08-11T17:58:46","date_gmt":"2020-08-11T15:58:46","guid":{"rendered":"https:\/\/www.maisonsdumarais.com\/construction-de-maisons\/?page_id=11"},"modified":"2023-04-28T09:51:25","modified_gmt":"2023-04-28T07:51:25","slug":"nos-modeles-de-maisons","status":"publish","type":"page","link":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/nos-modeles-de-maisons\/","title":{"rendered":"Nos mod\u00e8les de Maisons"},"content":{"rendered":"\n<h1 class=\"inner-container has-margin-top-20 has-margin-bottom-15 wp-block-heading\">Les mod\u00e8les de Maisons du Marais<\/h1>\n\n\n\n<p class=\"has-text-justified hyphens-auto has-margin-bottom-30 has-font-book\">Votre projet de construction est entre de bonnes mains avec Maisons du Marais !<br>Constructeur de maisons individuelles depuis pr\u00e8s de 40 ans, en Vend\u00e9e, dans la Vienne, en Deux-S\u00e8vres ou en Charente-Maritime notre exp\u00e9rience et notre savoir-faire ne sont plus \u00e0 d\u00e9montrer. Nous livrons chaque ann\u00e9e une centaine de maisons \u00e0 nos clients enchant\u00e9s d\u2019y installer leur famille. Nos plans de maison sont \u00e9labor\u00e9s avec soin pour optimiser l\u2019espace et faire de chaque maison un cocon o\u00f9 il fait bon vivre.<br>Tous nos mod\u00e8les de maison sont adaptables \u00e0 vos besoins et vos envies en surface habitable et en nombre de pi\u00e8ces.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull inter-block is-bandeau-mdm\" id=\"search-annonces-container\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div id=\"frmSearchTemplate\" class=\"frm-search-wrapper\" style=\"color: #565656;\">\n\t<form class=\"frm-search floating-labels\">\n\t\t<div class=\"columns\">\n\t\t\t<div class=\"column is-two-fifths frm-title\">RECHERCHEZ PARMI NOS OFFRES :<\/div>\n\t\t\t<div class=\"column is-three-fifths\">\n\t\t\t\t<div class=\"columns is-mobile radios\">\n\t\t\t\t\t<div class=\"column is-one-third\">\n\t\t\t\t\t\t<div class=\"btn\" data-bind=\"class: type() == 'pack' ? 'active' : ''\">\n\t\t\t\t\t\t\t<input id=\"type-pack\" name=\"type\" type=\"radio\" value=\"pack\" data-bind=\"checked: type\">\n\t\t\t\t\t\t\t<label for=\"type-pack\">\n\t\t\t\t\t\t\t\tMaison avec terrain\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"column is-one-third\">\n\t\t\t\t\t\t<div class=\"btn\" data-bind=\"class: type() == 'terrain' ? 'active' : ''\">\n\t\t\t\t\t\t\t<input id=\"type-terrain\" name=\"type\" type=\"radio\" value=\"terrain\" data-bind=\"checked: type\">\n\t\t\t\t\t\t\t<label for=\"type-terrain\">\n\t\t\t\t\t\t\t\tTerrain \u00e0 b\u00e2tir\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"column is-one-third\">\n\t\t\t\t\t\t<div class=\"btn\" data-bind=\"class: type() == 'vefa' ? 'active' : ''\">\n\t\t\t\t\t\t\t<input id=\"type-vefa\" name=\"type\" type=\"radio\" value=\"vefa\" data-bind=\"checked: type\">\n\t\t\t\t\t\t\t<label for=\"type-vefa\" >\n\t\t\t\t\t\t\t\tMaison cl\u00e9 en main\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t\t<div class=\"columns criteres\" data-bind=\"visible: type() == 'pack' || type() == 'terrain'\">\n\t\t\t<div class=\"column is-two-fifths\">\n\t\t\t\t<div class=\"columns is-mobile\">\n\t\t\t\t\t<div class=\"column one-half\">\n\t\t\t\t\t\t<label class=\"label\" for=\"rechercheville\" data-bind=\"class: selectedLoc() ? 'float':''\">Localisation<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<input  type=\"text\" \n\t\t\t\t\t\t\t\t\t\t\tid=\"rechercheville\" \n\t\t\t\t\t\t\t\t\t\t\tname=\"rechercheville\" \n\t\t\t\t\t\t\t\t\t\t\tclass=\"form-control\" \n\t\t\t\t\t\t\t\t\t\t\tdata-bind=\"class: errorClass,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAuto: { autoFocus: true }, \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoSource: availableLocs, \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoQuery: getLocs, \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoValue: selectedLoc, \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoSourceLabel: 'label', \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoSourceInputValue: 'label', \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t jqAutoSourceValue: 'insee'\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"column is-one-half\">\n\t\t\t\t\t\t<select id=\"km\" data-bind=\"options: availableKms,\n\t\t                                   optionsText: 'kmName',\n\t\t                                   optionsValue: 'kmDist',\n\t\t                                   value: selectedKm\"><\/select>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"column is-two-fifths\">\n\t\t\t\t<div class=\"columns is-mobile\">\n\t\t\t\t\t<div class=\"column one-half\">\n\t\t\t\t\t\t<label class=\"label\" for=\"prixMaximum\" data-bind=\"class: prixMaximum() ? 'float':''\">Prix maximum<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"prixMaximum\" name=\"prixMaximum\" class=\"form-control\" data-bind=\"textInput: prixMaximum\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"column is-one-half\" data-bind=\"visible: type() == 'pack' || type() == 'vefa'\">\n\t\t\t\t\t\t<label class=\"label\" for=\"chambres\" data-bind=\"class: chambres() ? 'float':''\">Chambres<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"chambres\" name=\"chambres\" class=\"form-control\" data-bind=\"textInput: chambres\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"column is-one-half\" data-bind=\"visible: type() == 'terrain'\">\n\t\t\t\t\t\t<label class=\"label\" for=\"surface\" data-bind=\"class: surface() ? 'float':''\">Surface minimum<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"surface\" name=\"surface\" class=\"form-control\" data-bind=\"textInput: surface\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"column is-one-fifth\">\n\t\t\t\t<input type=\"button\" value=\"Rechercher\" style=\"background-color: #cd1719;\" data-bind=\"click: doSearch\" \/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/form>\n<\/div>\n\n<script>\n\n\/\/jqAuto -- main binding (should contain additional options to pass to autocomplete)\n\/\/jqAutoSource -- the array to populate with choices (needs to be an observableArray)\n\/\/jqAutoQuery -- function to return choices\n\/\/jqAutoValue -- where to write the selected value\n\/\/jqAutoSourceLabel -- the property that should be displayed in the possible choices\n\/\/jqAutoSourceInputValue -- the property that should be displayed in the input box\n\/\/jqAutoSourceValue -- the property to use for the value\nko.bindingHandlers.jqAuto = {\n  init: function(element, valueAccessor, allBindingsAccessor, viewModel) {\n      \t\tvar options        = valueAccessor() || {},\n\t            allBindings    = allBindingsAccessor(),\n\t            unwrap         = ko.utils.unwrapObservable,\n\t            modelValue     = allBindings.jqAutoValue,\n\t            source         = allBindings.jqAutoSource,\n\t            query          = allBindings.jqAutoQuery,\n\t            valueProp      = allBindings.jqAutoSourceValue,\n\t            inputValueProp = allBindings.jqAutoSourceInputValue || valueProp,\n\t            labelProp      = allBindings.jqAutoSourceLabel || inputValueProp;\n\n\t        \/\/function that is shared by both select and change event handlers\n\t        function writeValueToModel(valueToWrite) {\n            if (ko.isWriteableObservable(modelValue)) {\n              modelValue(valueToWrite );  \n            } else {  \/\/write to non-observable\n              if (allBindings['_ko_property_writers'] && allBindings['_ko_property_writers']['jqAutoValue']) {\n                allBindings['_ko_property_writers']['jqAutoValue'](valueToWrite );    \n              }\n            }\n\t        }\n        \n\t        \/\/on a selection write the proper value to the model\n\t        options.select = function(event, ui) {\n\t          writeValueToModel(ui.item ? ui.item.actualValue : null);\n\t        };\n            \n\t        \/\/on a change, make sure that it is a valid value or clear out the model value (le champ perd le focus)\n\t        options.change = function(event, ui) {\n            var currentValue = jQuery(element).val();\n            var matchingItem = ko.utils.arrayFirst( unwrap(source), \n            \t                                      function(item) {\n                                                      return unwrap(inputValueProp ? item[inputValueProp] : item) === currentValue;   \n                                                    }\n                                                  );\n            \n            if ( !matchingItem ) {\n              writeValueToModel(null);\n            }    \n\t        }\n        \n\t        \/\/hold the autocomplete current response\n\t        var currentResponse = null;\n            \n\t        \/\/handle the choices being updated in a DO, to decouple value updates from source (options) updates\n\t        var mappedSource = ko.dependentObservable( {\n            read: function() {\n                    mapped = ko.utils.arrayMap( unwrap(source), \n                    \t                          function(item) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t                        var result = {};\n\t\t\t\t\t\t\t\t\t\t\t\t\t                        result.label       = labelProp ? unwrap(item[labelProp]) : unwrap(item).toString();  \/\/show in pop-up choices\n\t\t\t\t\t\t\t\t\t\t\t\t\t                        result.value       = inputValueProp ? unwrap(item[inputValueProp]) : unwrap(item).toString();  \/\/show in input box\n\t\t\t\t\t\t\t\t\t\t\t\t\t                        result.actualValue = valueProp ? unwrap(item[valueProp]) : item;  \/\/store in model\n\t\t\t\t\t\t\t\t\t\t\t\t\t                        return result;\n                \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n                \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n                \t\treturn mapped;                \n            \t\t\t},\n            write: function(newValue) {\n                \t\t source(newValue);  \/\/update the source observableArray, so our mapped value (above) is correct\n                \t\t if (currentResponse) {\n                    \t currentResponse(mappedSource());\n                \t\t }\n            \t\t\t },\n            \t\t\t disposeWhenNodeIsRemoved: element\n\t        } );\n        \n\t        if (query) {\n            options.source = function(request, response) {  \n\t\t\t\t\t\t\t                 currentResponse = response;\n\t\t\t\t\t\t\t                 query.call(this, request.term, mappedSource);\n            }\n\t        } else {\n\t            \/\/whenever the items that make up the source are updated, make sure that autocomplete knows it\n\t            mappedSource.subscribe( function(newValue) {\n\t               \t\t\t\t\t\t\t\t\t\t\t\tjQuery(element).autocomplete(\"option\", \"source\", newValue); \n\t            \t\t\t\t\t\t\t\t\t\t\t\t} );\n\t            \n\t            options.source = mappedSource();\n\t        }\n        \n\t        \/\/initialize autocomplete\n\t        jQuery(element).autocomplete(options);\n  },\n  update: function(element, valueAccessor, allBindingsAccessor, viewModel) {\n\t\t        \/\/update value based on a model change\n\t\t        var allBindings = allBindingsAccessor(),\n\t\t            unwrap = ko.utils.unwrapObservable,\n\t\t            modelValue = unwrap(allBindings.jqAutoValue) || '', \n\t\t            valueProp = allBindings.jqAutoSourceValue,\n\t\t            inputValueProp = allBindings.jqAutoSourceInputValue || valueProp;\n        \n\t\t        \/\/if we are writing a different property to the input than we are writing to the model, then locate the object\n\t\t        if (valueProp && inputValueProp !== valueProp) {\n\t\t          var source = unwrap(allBindings.jqAutoSource) || [];\n\t\t          var modelValue = ko.utils.arrayFirst( source, \n\t\t          \t                                    function(item) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            return unwrap(item[valueProp]) === modelValue;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t          } ) || {};\n\t\t        } \n\n\t\t\t      \/\/update the element with the value that should be shown in the input\n\t\t\t      \/\/jQuery(element).val(modelValue && inputValueProp !== valueProp ? unwrap(modelValue[inputValueProp]) : modelValue.toString());    \n    \t\t\t}\n};\n\nfunction Localisation(label, insee) {\n  this.label = ko.observable(label);\n  this.insee = ko.observable(insee);\n}\n\nfunction km(name, dist) {\n  this.kmName = name;\n  this.kmDist = dist;\n};\n\nfunction frmSearchViewModel() {\n  var self = this;\n\n  self.type           = ko.observable();\n  self.availableLocs  = ko.observableArray();\n  self.selectedLoc    = ko.observable();\n  self.availableKms   = ko.observableArray( [\n  \t\t\t\t\t\t\t\t\t\t\t\tnew km( 'Dans un rayon de ...', 1 ),\n  \t\t\t\t\t\t\t\t\t\t\t\tnew km( 'commune', 1 ),\n  \t\t\t\t\t\t\t\t\t\t\t\tnew km( '15 kilom\u00e8tres', 15 ),\n  \t\t\t\t\t\t\t\t\t\t\t\tnew km( '30 kilom\u00e8tres', 30 ) \n  \t\t\t\t\t\t\t\t\t\t\t] );\n  self.selectedKm     = ko.observable();\n  self.prixMaximum    = ko.observable('');\n  self.chambres       = ko.observable('');\n  self.surface        = ko.observable('');\n\n  self.errorClass     = ko.observable('');\n\n  \/\/ params {\n  \/\/\ttype: -- the value for property type\n  \/\/  displayLoc: -- the value to display in autocomplete input location\n  \/\/  selectedLoc: -- the value for property selectedLoc\n  \/\/  selectedKm: -- the value for property selectedKm\n  \/\/  prixMaximum: -- the value for property prixMaximum\n  \/\/  chambres: -- the value for property chambres\n  \/\/}\n  self.init = function( params ) {\n  \tif( !(!params.selectedLoc || isNaN(params.selectedLoc) || params.selectedLoc.replace(\/\\s*\/g,\"\").length < 5) ) {\n\t\t\tself.type( params.type ); \n\t\t\tjQuery('#rechercheville').val( params.displayLoc );\n\t\t\tself.selectedLoc( params.selectedLoc );\n\t\t\tif( params.selectedKm ) self.selectedKm( params.selectedKm );\n\t\t\tif( params.prixMaximum ) self.prixMaximum( params.prixMaximum );\n\t\t\tif( params.chambres ) self.chambres( params.chambres );\n\t\t\tif( params.surface ) self.surface( params.surface );\n\n\t\t\t\/\/self.doSearch();\n\t\t}\n  }\n\n  self.doSearch = function() {\n  \tvar msg = '';\n\n  \tif( !self.selectedLoc() || isNaN(self.selectedLoc()) || self.selectedLoc().replace(\/\\s*\/g,\"\").length < 5 ) {\n\t\t\tmsg += \"Veuillez saisir et s\u00e9lectionner une ville dans la liste\\n\";\n\t\t\tself.errorClass('error');\n  \t} else {\n  \t\tself.errorClass('');\n\n  \t\t\/\/ on m\u00e9morise les param\u00e8tres de recherche\n  \t\t\/\/if( carte ) {\n\t  \t\/\/\tvar params = {\n\t  \t\/\/\t\ttype          : self.type(),\n\t  \t\/\/\t\tdisplayLoc    : jQuery('#rechercheville').val(),\n\t  \t\/\/\t\tselectedLoc   : self.selectedLoc(),\n\t  \t\/\/\t\tselectedKm    : self.selectedKm(),\n\t  \t\/\/\t\tprixMaximum   : self.prixMaximum(),\n\t  \t\/\/\t\tchambres      : self.chambres(),\n\t  \t\/\/\t\tsurface       : self.surface(),\n\t  \t\/\/\t\tcarteCenter   : carte.getCenter(),\n\t  \t\/\/\t\tcarteZoom     : carte.getZoom()\n\t  \t\/\/\t};\n\t  \t\/\/} else {\n\t  \t\/\/\tvar params = {\n\t  \t\/\/\t\ttype          : self.type(),\n\t  \t\/\/\t\tdisplayLoc    : jQuery('#rechercheville').val(),\n\t  \t\/\/\t\tselectedLoc   : self.selectedLoc(),\n\t  \t\/\/\t\tselectedKm    : self.selectedKm(),\n\t  \t\/\/\t\tprixMaximum   : self.prixMaximum(),\n\t  \t\/\/\t\tchambres      : self.chambres(),\n\t  \t\/\/\t\tsurface       : self.surface(),\n\t  \t\/\/\t\tcarteCenter   : null,\n\t  \t\/\/\t\tcarteZoom     : null\n\t  \t\/\/\t};\n\t  \t\/\/}\n  \t\tvar params = {\n  \t\t\ttype          : self.type(),\n  \t\t\tdisplayLoc    : jQuery('#rechercheville').val(),\n  \t\t\tselectedLoc   : self.selectedLoc(),\n  \t\t\tselectedKm    : self.selectedKm(),\n  \t\t\tprixMaximum   : self.prixMaximum(),\n  \t\t\tchambres      : self.chambres(),\n  \t\t\tsurface       : self.surface(),\n  \t\t\tcarteCenter   : null,\n  \t\t\tcarteZoom     : null\n  \t\t};\n  \t\tsessionStorage.setItem( 'mdmSearchParams', JSON.stringify(params) );\n\n  \t\tvar $formContainer = jQuery('#search-annonces-container');\n  \t\tif( self.type() == 'vefa' && $formContainer.length && $formContainer.attr('data-type') == self.type() ) {\n  \t\t\t\/\/ si la page courante est une liste d'annonces correspondant au type demand\u00e9, on effectue la recherche\n \t\t  \tee.emitEvent( 'search', [ self.type(), self.selectedLoc(), self.selectedKm(), self.prixMaximum(), self.chambres(), self.surface() ]);\n  \t\t} else {\n  \t\t\t\/\/ sinon on redirige vers la page liste d'annonces correspondante au type cherch\u00e9\n\t  \t\tswitch( self.type() ) {\n\t  \t\t\tcase 'pack':\n\t  \t\t\tcase 'terrain':\n\t  \t\t\t\tee.emitEvent( 'searchRedirect', [ '\/mdm-annonces\/construction-de-maisons\/recherche-offres\/', self.type(), self.selectedLoc(), self.selectedKm(), self.prixMaximum(), self.chambres(), self.surface() ]);\n\t  \t\t\t\tbreak;\n\t  \t\t\tcase 'vefa':\n\t  \t\t\t\tdocument.location.href = '\/mdm-annonces\/promotion-immobiliere\/nos-maisons-cles-en-mains\/';\n\t  \t\t\t\tbreak;\n\t  \t\t}\t\n\t  \t}\n  \t}\n  }\n\n  self.goVefa = function() {\n  \tsetTimeout( function(){ document.location.href = '\/mdm-annonces\/promotion-immobiliere\/nos-maisons-cles-en-mains\/'; }, 30 );\n  }\n};\n\nfunction getLocs(searchTerm, sourceArray) {\n  jQuery.ajax( {\n      type: 'GET',\n      url: '\/mdm-annonces\/annonces\/autocompleteLocal',\n      data: {\n        term: searchTerm\n      },\n      success: function( data ) {\n        var result = [];\n        for (var i = 0; i < data.length; i++) {\n           result.push(new Localisation( data[i].label, data[i].value ));\n        }\n        sourceArray(result);\n      },\n      dataType: 'json'\n  } );\n}\n\njQuery(document).ready( function() { \n\tvar searchViewModel = new frmSearchViewModel();\n\n\tko.applyBindings(searchViewModel, document.getElementById('frmSearchTemplate'));\n\n\tif( !document.location.href.includes( '\/promotion-immobiliere\/' ) ) {\n\t\tko.when( function() {\n\t\t\treturn searchViewModel.type() === 'vefa';\n\t\t}, function(result) {\n\t\t\tdocument.location.href = '\/mdm-annonces\/promotion-immobiliere\/nos-maisons-cles-en-mains\/';\n\t\t} );\n\t}\n\n\t\/\/ passer par l'API storage (localStorage) pour initialiser le formulaire\n\tvar params = sessionStorage.getItem('mdmSearchParams');\n\tif( params ) { \n  \tvar $formContainer = jQuery('#search-annonces-container');\n\t\tparams = JSON.parse( params );\n  \tif( $formContainer.length && $formContainer.attr('data-type') == params.type ) {\n\t\t\tsearchViewModel.init( params );\n\t\t\t\/\/sessionStorage.removeItem('mdmSearchParams');\n\t\t} else {\n\t\t\tsearchViewModel.type( 'pack' );\n\t\t}\n\t} else { \n\t\tsearchViewModel.type( 'pack' ); \n\t}\n\n\tfunction setPrixMaximum( prixMaximum ) { \n\t\tsearchViewModel.prixMaximum( prixMaximum ); \n\t}\n\n\tee.addListener('budgetHasBeenSeted', setPrixMaximum );\n});\n<\/script>\n\n<\/div><\/div>\n\n\n\n<p class=\"h1 has-text-red has-margin-top-20 has-margin-bottom-15\">D\u00e9couvrez la maison moderne qui vous ressemble\u2026<\/p>\n\n\n\n<div id=\"offres-container\">\n\t<ul class=\"products\">\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"YCH01\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUNIRU5F\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/CHENE\/YCH01\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Ch\u00eane\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/CHENE\/YCH01\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-CHENE\">Ch\u00eane<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">2 \u00e0 4 chambres, \u00e0 partir de 87,39 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-left\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"YFR01\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUZSRU5F\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/FRENE\/YFR01\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Fr\u00eane\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/FRENE\/YFR01\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-FRENE\">Fr\u00eane<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">2 \u00e0 4 chambres, \u00e0 partir de 73,13 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"YPE01\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLVBFVVBMSUVSLTE=\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/PEUPLIER-1\/YPE01\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Peuplier\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/PEUPLIER-1\/YPE01\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-PEUPLIER-1\">Peuplier<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">2 \u00e0 4 chambres, \u00e0 partir de 69,32 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-left\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"YSA01\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLVNBVUxFLTE=\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/SAULE-1\/YSA01\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Saule\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/SAULE-1\/YSA01\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-SAULE-1\">Saule<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">2 \u00e0 4 chambres, \u00e0 partir de 73,66 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"7609\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUdBUkVUVEU=\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/GARETTE\/7609\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Garette\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/GARETTE\/7609\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-GARETTE\">Garette<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">3 \u00e0 4 chambres, \u00e0 partir de 98,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-left\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"1000\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUFMTEVSSUE=\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/ALLERIA\/1000\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Alleria\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/ALLERIA\/1000\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-ALLERIA\">Alleria<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">4 chambres, \u00e0 partir de 117,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"7753\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLU1BUkFJQ0hJTkU=\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/MARAICHINE\/7753\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Maraichine\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/MARAICHINE\/7753\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-MARAICHINE\">Maraichine<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">3 chambres, \u00e0 partir de 113,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-left\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"0115\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLU5PVkVMQQ==\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/NOVELA\/0115\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Novela\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/NOVELA\/0115\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-NOVELA\">Novela<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">3 chambres, \u00e0 partir de 98,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"7606\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLVRIT1VFVA==\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/THOUET\/7606\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Thouet\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/THOUET\/7606\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-THOUET\">Thouet<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">3 \u00e0 4 chambres, \u00e0 partir de 93,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-left\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"7525\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUFKT05D\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/AJONC\/7525\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Ajonc\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/AJONC\/7525\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-AJONC\">Ajonc<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">3 \u00e0 4 chambres, \u00e0 partir de 92,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"product modele aos-fade-right\" \n\t\t\t\tstyle=\"width:48%;\" \n\t\t\t\tdata-mod=\"EVOLUTION 2C - 3CH79\" >\n\t\t\t\t<span class=\"atc\" data-atc=\"aHR0cHM6Ly9tYWlzb25zZHVtYXJhaXMuY29tL21kbS1hbm5vbmNlcy9jb25zdHJ1Y3Rpb24tZGUtbWFpc29ucy9tYWlzb24taW5kaXZpZHVlbGxlL21haXNvbi1tb2Rlcm5lLUVWT0xVVElPTg==\">\n\t\t\t\t\t<figure data-href=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/EVOLUTION\/EVOLUTION 2C - 3CH79\/vues\/vue-avant-600x418.jpg\" class=\"progressive replace\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Votre maison Evolution\" \n\t\t\t\t\t\t     src=\"https:\/\/maisonsdumarais.com\/wp-content\/uploads\/_medias\/catalogue\/EVOLUTION\/EVOLUTION 2C - 3CH79\/vues\/vue-avant-40x28.jpg\" \n\t\t\t\t\t\t     class=\"preview img-responsive\" \n\t\t\t\t\t\t     width=\"600\"\n\t\t\t\t\t\t     height=\"600\">\n\t\t\t\t\t<\/figure>\n\t\t\t\t<\/span>\n\t\t\t\t<p class=\"nom\"><a class=\"modele-link\" href=\"https:\/\/maisonsdumarais.com\/mdm-annonces\/construction-de-maisons\/maison-individuelle\/maison-moderne-EVOLUTION\">Evolution<\/a><\/p>\n\t\t\t\t<!-- <p class=\"info\">2 \u00e0 4 chambres, \u00e0 partir de 71,00 m<span>2<\/span> habitables<\/p> -->\n\t\t\t<\/li>\n\t\t\t<\/ul>\n\t<\/div>\n\n\n\n\n\n<div id=\"frm-contact\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group inter-block full-width has-background-red\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-padding-10 is-size-3 has-text-white has-text-centered\">Contactez Maisons du Marais pour en savoir plus<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns inner-container is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-margin-top-15 has-text-justified hyphens-auto has-font-book\">Pour <strong>prendre rendez-vous avec Maisons du Marais et \u00e9changer sur nos mod\u00e8les de maisons<\/strong>, remplissez le formulaire ci-contre :<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n\n<div id=\"frmContactTemplate\" class=\"frm-contact-wrapper\" style=\"background-color: #f2eee5;\">\n\n\t<div data-bind=\"visible: hasBeenSubmitted, html: submittedMessage\"><\/div>\n\n\t<div data-bind=\"visible: !hasBeenSubmitted()\">\n\t\t<form class=\"frm frm-contact floating-labels\" data-bind=\"submit: handleSubmit\">\n\t\t\t<div class=\"columns has-margin-bottom-none\">\n\t\t\t\t<div class=\"column is-one-half\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"nom\">Votre nom*<\/label>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       id=\"nom\"\n\t\t\t\t\t\t\t\t       name=\"nom\"\n\t\t\t\t\t\t\t\t       data-bind=\"value: nom, css: { error: nom.error() && nom.isModified() }\" \/>\n\t\t\t\t      <\/div>\n\t\t\t     \t<\/div>\n\t\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"prenom\">Votre pr\u00e9nom*<\/label>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       id=\"prenom\"\n\t\t\t\t\t\t\t\t       name=\"prenom\"\n\t\t\t\t\t\t\t\t       data-bind=\"value: prenom, css: { error: prenom.error() && prenom.isModified() }\" \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"columns has-margin-bottom-none\">\n\t\t\t\t<div class=\"column is-one-third\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"telephone\">Votre t\u00e9l\u00e9phone*<\/label>\n\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t<input type=\"tel\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       maxlength=\"10\"\n\t\t\t\t\t\t\t\t       id=\"telephone\"\n\t\t\t\t\t\t\t\t       name=\"telephone\"\n\t\t\t\t\t\t           data-bind=\"value: tel, css: { error: tel.error() && tel.isModified() }\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"email\">Votre e-mail*<\/label>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<input type=\"email\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       id=\"email\"\n\t\t\t\t\t\t\t\t       name=\"email\"\n\t\t\t\t\t\t           data-bind=\"value: email, css: { error: email.error() && email.isModified() }\" \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<!--\n\t\t\t<div class=\"field\">\n\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t<label class=\"label\" for=\"adresse\">Votre adresse<\/label>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<textarea class=\"form-control\"\n\t\t\t\t\t\t          id=\"adresse\"\n\t\t\t\t\t\t          name=\"adresse\"\n\t\t\t\t\t\t       \t\tdata-bind=\"value: adresse\"><\/textarea>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"columns has-margin-bottom-none\">\n\t\t\t\t<div class=\"column is-one-quarter\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"cp\">Code postal<\/label>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       id=\"cp\"\n\t\t\t\t\t\t\t\t       name=\"cp\"\n\t\t\t\t\t\t           data-bind=\"value: cp, css: { error: cp.error() && cp.isModified() }\" \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<label class=\"label\" for=\"ville\">Ville<\/label>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t       id=\"ville\"\n\t\t\t\t\t\t\t\t       name=\"ville\"\n\t\t\t\t\t\t           data-bind=\"value: ville\" \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t-->\n\t\t\t<div class=\"columns has-margin-bottom-none\">\n\t\t\t\t<div class=\"column is-half\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<div class=\"columns is-vcentered\">\n\t\t\t\t\t\t\t\t<div class=\"column\">\n\t\t\t\t\t\t\t\t\t<span style=\"white-space: nowrap; color: #333333;\">Je souhaite \u00eatre rappel\u00e9 le <\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"column\">\n\t\t\t\t\t\t\t\t\t<select id=\"jour-prefere\"\n\t\t\t\t\t\t\t            name=\"jour-prefere\"\n\t\t\t\t\t\t\t            class=\"form-control\"\n\t\t\t\t\t\t\t            data-bind=\"options: jours,\n\t\t\t\t\t\t\t                       value: jourPrefere,\n\t\t\t\t\t\t\t                       optionsCaption: 'Choisissez'\"><\/select>\n\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column is-one-quarter\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<div class=\"columns is-vcentered\">\n\t\t\t\t\t\t\t\t<div class=\"column\" style=\"flex:1; text-align:center;\"><span>entre<\/span><\/div>\n\t\t\t\t\t\t\t\t<div class=\"column\" style=\"flex:1.5;\">\n\t\t\t\t\t\t\t\t  <input type=\"time\"\n\t\t\t\t\t\t\t\t         class=\"form-control\"\n\t\t\t\t\t\t\t\t         id=\"heure-deb\"\n\t\t\t\t\t\t\t\t         name=\"heure-deb\"\n\t\t\t\t\t\t\t\t         data-bind=\"value: heureDeb\" \/>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column is-one-quarter\">\n\t\t\t\t\t<div class=\"field\">\n\t\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t\t<div class=\"columns is-vcentered\">\n\t\t\t\t\t\t\t\t<div class=\"column\" style=\"flex:1; text-align:center;\"><span>et<\/span><\/div>\n\t\t\t\t\t\t\t\t<div class=\"column\" style=\"flex:2;\">\n\t\t\t\t\t\t\t\t\t<input type=\"time\"\n\t\t\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t\t\t       id=\"heure-fin\"\n\t\t\t\t\t\t\t\t\t       name=\"heure-fin\"\n\t\t\t\t\t\t\t\t\t       data-bind=\"value: heureFin\" \/>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"field is-control\">\n\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t<label class=\"label\" for=\"remarque\">Remarque<\/label>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t       id=\"remarque\"\n\t\t\t\t\t\t       name=\"remarque\"\n\t\t\t\t           data-bind=\"value: remarque\" \/>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"frm-contact-spacer\" style=\"background-color: #e14249\">\n\t\t\t\t\t<span>A propos de votre projet  :<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"field\">\n\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t<label class=\"label\" for=\"lieu\">lieu de construction souhait\u00e9*<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<input type=\"text\"\n\t\t\t\t\t\t\t       class=\"form-control\"\n\t\t\t\t\t\t\t       id=\"lieu\"\n\t\t\t\t\t\t\t       name=\"lieu\"\n\t\t\t\t\t\t\t       data-bind=\"value: lieu, css: { error: lieu.error() && lieu.isModified() }\" \/>\n\t\t\t      <\/div>\n\t\t     \t<\/div>\n\t\t    <\/div>\n\t\t\t\t<div class=\"field\">\n\t\t\t\t\t<div class=\"control has-floating-label\">\n\t\t\t\t\t\t<label class=\"label\" for=\"message\">Votre message<\/label>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<textarea class=\"form-control\"\n\t\t\t\t\t\t\t          id=\"message\"\n\t\t\t\t\t\t\t          name=\"message\"\n\t\t\t\t\t\t\t       \t\tdata-bind=\"value: message\"><\/textarea>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t      <div id=\"control-legal\" class=\"control\">\n      \t<div style=\"width: 100%;\">\n      \t\t<div><\/div>\n          <input type=\"checkbox\"\n          \t\t\t class=\"form-control\"\n          \t\t\t id=\"confidentialite\"\n          \t\t\t name=\"confidentialite\"\n          \t\t\t data-bind=\"checked: confidentialite\"\n          \t\t\t style=\"position: absolute; top: 0; height: 18px;\">\n        <\/div>\n        <div style=\"position: absolute; top: 0; left: 30px;\">\n          <label>J'accepte les termes et conditions d'utilisation et la politique de confidentialit\u00e9*.<br><span class=\"atc\" data-atc=\"L21lbnRpb25zLWxlZ2FsZXM=\" style=\"text-decoration:underline;cursor:pointer;\">Lisez les termes et conditions d'utilisation<\/span>.<br><span class=\"atc\" data-atc=\"L3BvbGl0aXF1ZS1kZS1jb25maWRlbnRpYWxpdGU=\" style=\"text-decoration:underline;cursor:pointer;\">Lisez les termes de notre politique de confidentialit\u00e9<\/span><\/label>\n        <\/div>\n      <\/div>\n\t\t\t<div class=\"columns is-vcentered is-mobile\">\n\t\t\t\t<div class=\"column\">\n\t\t\t\t\t<p>* champs obligatoires<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"column\">\n\t\t\t\t\t<input type=\"submit\" style=\"background-color: #e14249\" value=\"envoyer\" \/>\n\t\t\t<\/div>\n\t\t<\/form>\n\t<\/div>\n<\/div>\n\n<script>\nfunction frmContactModel() {\n\tvar self = this;\n\n\tself.entity           = ko.observable('40');\n\tself.origin           = ko.observable('52');\n\tself.annRef           = ko.observable('');\n\tself.annComm          = ko.observable('');\n\tself.annInsee         = ko.observable('');\n\tself.modele           = ko.observable('');\n\tself.agence           = ko.observable('');\n\tself.comment          = ko.observable('');\n\tself.nom              = ko.observable('').extend( {\n\t\trequired: {\n      message: 'Indiquez votre nom'\n    }\n  } );\n\tself.prenom           = ko.observable('').extend( {\n\t\trequired: {\n      message: 'Indiquez votre pr\u00e9nom'\n    }\n\t} );\n\tself.tel              = ko.observable('').extend( {\n\t\trequired: {\n      message: 'Indiquez votre num\u00e9ro de t\u00e9l\u00e9phone'\n    },\n    pattern: {\n    \tparams: '[0-9]{10}',\n    \tmessage: 'Num\u00e9ro non valide'\n    }\n\t} );\n\tself.email            = ko.observable('').extend( {\n\t\trequired: {\n      message: 'Indiquez votre adresse email'\n    },\n    email: {\n    \tmessage: 'Adresse email non invalid'\n    }\n\t} );\n\t\/*\n\tself.adresse          = ko.observable('');\n\tself.cp               = ko.observable('').extend( {\n    pattern: {\n    \tparams: '[0-9]{5}',\n    \tmessage: 'Code postal non valide'\n    }\n\t} );\n\tself.ville            = ko.observable('');\n\t*\/\n\tself.remarque         = ko.observable('');\n\tself.jours            = ko.observableArray(['Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi']);\n\tself.jourPrefere      = ko.observable();\n\tself.heureDeb         = ko.observable();\n\tself.heureFin         = ko.observable();\n\t\t\tself.lieu           = ko.observable('').extend( {\n\t\t\trequired: {\n\t      message: 'Indiquez votre lieu de construction souhait\u00e9'\n\t    }\n\t\t} );\n\t\tself.message          = ko.observable('');\n\tself.confidentialite  = ko.observable(false).extend( {\n\t\tequal: {\n\t\t\tparams: true,\n\t\t\tmessage: 'Vous devez accepter les termes et conditions d\\'utilisation et la politique de confidentialit\u00e9'\n\t\t}\n\t} );\n\tself.isSubmitted      = ko.observable(false);\n\tself.hasBeenSubmitted = ko.observable(false);\n\n\tself.submittedMessage = ko.observable('');\n\n  \/\/ params {\n  \/\/\tnom: -- the value for property nom\n  \/\/  prenom: -- the value for property prenom\n  \/\/  tel: -- the value for property tel\n  \/\/  email: -- the value for property email\n  \/\/  adresse: -- the value for property adresse\n  \/\/  cp: -- the value for property cp\n  \/\/  ville: -- the value for property ville\n  \/\/}\n  self.initContact = function( params ) {\n\t\tif( params.nom )     self.nom( params.selectedKm );\n\t\tif( params.prenom )  self.prenom( params.prenom );\n\t\tif( params.tel )     self.tel( params.tel );\n\t\tif( params.email )   self.email( params.email );\n\t\t\/*\n\t\tif( params.adresse ) self.adresse( params.adresse );\n\t\tif( params.cp )      self.cp( params.cp );\n\t\tif( params.ville )   self.ville( params.ville );\n\t\t*\/\n  }\n\n  self.handleSubmit = function() {\n  \tvar errors = ko.validation.group(self);\n\n  \tif( errors().length > 0 ) {\n  \t\terrors.showAllMessages();\n  \t\treturn;\n  \t}\n\n  \tvar datas = {\n  \t\t\"entity\":          self.entity(),\n  \t\t\"origin\":          self.origin(),\n  \t\t\"annRef\":          self.annRef(),\n  \t\t\"annComm\":         self.annComm(),\n  \t\t\"annInsee\":        self.annInsee(),\n  \t\t\"modele\":          self.modele(),\n  \t\t\"agence\":          self.agence(),\n  \t\t\"comment\":         self.comment(),\n  \t\t\"nom\":             self.nom(),\n  \t\t\"prenom\":          self.prenom(),\n  \t\t\"tel\":             self.tel(),\n  \t\t\"email\":           self.email(),\n  \t\t\/\/\"adresse\":         self.adresse(),\n  \t\t\/\/\"cp\":              self.cp(),\n  \t\t\/\/\"ville\":           self.ville(),\n  \t\t\"remarque\":        self.remarque(),\n  \t\t\"jourRappel\":      self.jourPrefere(),\n  \t\t\"heureDebutRappel\":self.heureDeb(),\n  \t\t\"heureFinRappel\":  self.heureFin(),\n  \t\t\"lieu\":            self.lieu(),\n  \t\t\"message\":         self.message(),\n  \t\t\"confidentialite\": (self.confidentialite() ? \"accepte \":\"n'accepte pas \") + \"les termes et conditions d'utilisation et la politique de confidentialite\"\n  \t}\n\n  \tee.emitEvent( 'submit', [ 'sendContact', datas ]);\n\t\tself.isSubmitted(true);\n\n  }\n\n  self.resultSubmit = function( result, message ) {\n  \tself.submittedMessage( message );\n\t\tself.hasBeenSubmitted(true);\n  }\n}\n\njQuery(document).ready( function() {\n\tvar contactModel = new frmContactModel();\n\tko.applyBindings(contactModel, document.getElementById('frmContactTemplate'));\n\n\t\/\/ passer par l'API storage (localStorage) pour initialiser le formulaire\n\tvar params = sessionStorage.getItem('mdContactParams');\n\tif( params ) {\n\t\tparams = JSON.parse( params );\n\t\tcontactModel.initContact( params );\n\t}\n\n\tee.addListener( 'contactHasBeenSubmited', contactModel.resultSubmit );\n} );\n<\/script>\n\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les mod\u00e8les de Maisons du Marais Votre projet de construction est entre de bonnes mains avec Maisons du Marais !Constructeur de maisons individuelles depuis pr\u00e8s de 40 ans, en Vend\u00e9e, dans la Vienne, en Deux-S\u00e8vres ou en Charente-Maritime notre exp\u00e9rience et notre savoir-faire ne sont plus \u00e0 d\u00e9montrer. Nous livrons chaque ann\u00e9e une centaine de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"page-bandeau.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":28,"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/pages\/11\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/maisonsdumarais.com\/construction-de-maisons\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}