Outiref
<!doctype html>
<html dir="ltr" lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="all">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta charset="UTF-8"/><title>Résidences Picardes - Constructeur de maisons</title><meta name="description" content="Confiez la construction de votre maison à Résidences Picardes, premier constructeur de maisons en Picardie. Soyez accompagné dans votre futur projet de vie." /><link rel="canonical" href="https://www.residencespicardes.fr" /><meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@Res_Picardes" /><meta name="twitter:title" content="Résidences Picardes - Constructeur de maisons" /><meta name="twitter:description" content="Confiez la construction de votre maison à Résidences Picardes, premier constructeur de maisons en Picardie. Soyez accompagné dans votre futur projet de vie." /><meta name="twitter:image" content="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-180x113.png" /><meta name="twitter:url" content="https://www.residencespicardes.fr" /><meta property="og:title" content="Résidences Picardes - Constructeur de maisons" /><meta property="og:description" content="Confiez la construction de votre maison à Résidences Picardes, premier constructeur de maisons en Picardie. Soyez accompagné dans votre futur projet de vie." /><meta property="og:url" content="https://www.residencespicardes.fr" /><meta property="og:type" content="website" /><meta property="og:locale" content="fr_FR" /><meta property="og:siteName" content="Résidences Picardes" /><meta property="og:image:url" content="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-180x113.png" /><meta property="og:image:type" content="image/png" /><meta property="og:image:width" content="180" /><meta property="og:image:height" content="113" /><meta property="og:image:alt" content="Résidences Picardes" /><link rel="shortcut icon" sizes="152x152" href="https://www.residencespicardes.fr/assets/img/favicons/residences-picardes-premier-constructeur-maisons-picardie-16x16.ico">
      <link rel="apple-touch-icon" href="https://www.residencespicardes.fr/assets/img/favicons/residences-picardes-premier-constructeur-maisons-picardie-60x60.png">
      <link rel="apple-touch-icon" sizes="76x76" href="https://www.residencespicardes.fr/assets/img/favicons/residences-picardes-premier-constructeur-maisons-picardie-76x76.png">
      <link rel="apple-touch-icon" sizes="120x120" href="https://www.residencespicardes.fr/assets/img/favicons/residences-picardes-premier-constructeur-maisons-picardie-120x120.png">
      <link rel="apple-touch-icon" sizes="152x152" href="https://www.residencespicardes.fr/assets/img/favicons/residences-picardes-premier-constructeur-maisons-picardie-152x152.png">
      <meta name="theme-color" content="#91bc21"><link rel="preload" as="image" href="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-726x816.jpg"><link rel="preload" as="image" href="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1047x816.jpg">    <link rel="preload" href="https://www.residencespicardes.fr/dist/assets/jost-v12-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://www.residencespicardes.fr/dist/assets/jost-v12-latin-600.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://www.residencespicardes.fr/dist/assets/jost-v12-latin-700.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://www.residencespicardes.fr/dist/assets/residences-picardes.woff" as="font" type="font/woff" crossorigin>
    <style nonce="Njc4NzYwNmI4NjNkNw==">*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;background-color:#fff;color:#070400;font-family:Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0;text-align:var(--bs-body-text-align)}.h3,.h5,.h6,h1{font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-top:0}h1{font-size:calc(1.40625rem + 1.875vw)}@media (min-width:1200px){h1{font-size:2.8125rem}}.h3{font-size:calc(1.32188rem + .8625vw)}@media (min-width:1200px){.h3{font-size:1.96875rem}}.h5{font-size:calc(1.26563rem + .1875vw)}@media (min-width:1200px){.h5{font-size:1.40625rem}}.h6{font-size:18px;font-size:1.125rem}p{margin-top:0}p{margin-bottom:1rem}ul{padding-left:2rem}ul{margin-bottom:1rem;margin-top:0}ul ul{margin-bottom:0}strong{font-weight:bolder}.small{font-size:.875em}a{color:#91bc21;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button,input{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.lead{font-size:calc(1.275rem + .3vw);font-weight:400}@media (min-width:1200px){.lead{font-size:1.5rem}}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:400;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:400;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:400;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.img-fluid{height:auto;max-width:100%}.container-fluid,.container-xl{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem;width:100%}@media (min-width:1200px){.container-xl{max-width:1140px}}@media (min-width:1400px){.container-xl{max-width:1320px}}.row{--bs-gutter-x:24px;--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{-ms-flex-negative:0;flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-4{width:33.33333333%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0;--bs-gutter-y:0}.g-2{--bs-gutter-x:8px;--bs-gutter-x:0.5rem;--bs-gutter-y:8px;--bs-gutter-y:0.5rem}@media (min-width:576px){.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-3,.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-4{width:33.33333333%}.col-sm-6{width:50%}.col-sm-6,.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10,.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-11,.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-12{width:100%}}@media (min-width:768px){.col-md-3{width:25%}.col-md-3,.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-5,.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-7,.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-8{width:66.66666667%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-11,.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-12{width:100%}}@media (min-width:992px){.col-lg-auto{width:auto}.col-lg-2,.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-3,.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-5,.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-7,.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-8{width:66.66666667%}.col-lg-9{width:75%}.col-lg-10,.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-10{width:83.33333333%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-4{width:33.33333333%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-6{width:50%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-10{width:83.33333333%}.offset-xl-1{margin-left:8.33333333%}}@media (min-width:1400px){.col-xxl-1{width:8.33333333%}.col-xxl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-8{width:66.66666667%}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#070400;--bs-table-striped-bg:rgba(0,0,0,.05);--bs-table-active-color:#070400;--bs-table-active-bg:rgba(0,0,0,.1);--bs-table-hover-color:#070400;--bs-table-hover-bg:rgba(0,0,0,.075);border-color:#dee2e6;color:#070400;margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--bs-table-bg);border-bottom-width:1px;-webkit-box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);padding:.5rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid}.btn{background-color:transparent;border:1px solid transparent;border-radius:none;color:#070400;display:inline-block;font-size:16px;font-size:1rem;font-weight:400;line-height:1.5;padding:1rem 1.25rem;text-align:center;vertical-align:middle}.btn-primary{background-color:#91bc21;border-color:#91bc21;color:#000}.btn-secondary{background-color:#2b2d42;border-color:#2b2d42;color:#fff}.btn-dark{background-color:#070400;border-color:#070400;color:#fff}.btn-outline-dark{border-color:#070400;color:#070400}.btn-check:checked+.btn-outline-dark{background-color:#070400;border-color:#070400;color:#fff}.btn-sm{border-radius:none;font-size:15.75px;font-size:.984375rem;padding:.5rem .75rem}.fade:not(.show){opacity:0}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#070400;display:none;font-size:18px;font-size:1.125rem;list-style:none;margin:0;min-width:160px;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;z-index:1000}.dropdown-divider{border-top:1px solid rgba(0,0,0,.15);height:0;margin:.5rem 0;overflow:hidden}.dropdown-item{background-color:transparent;border:0;clear:both;color:#070400;display:block;font-weight:400;padding:.25rem 1rem;text-align:inherit;white-space:nowrap;width:100%}.navbar{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:.5rem;padding-top:.5rem;position:relative}.navbar,.navbar>.container-fluid{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.navbar>.container-fluid{-ms-flex-wrap:inherit;flex-wrap:inherit}.navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{-ms-flex-preferred-size:100%;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:none;font-size:calc(1.26563rem + .1875vw);line-height:1;padding:.25rem .75rem}@media (min-width:1200px){.navbar-toggler{font-size:1.40625rem}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl .navbar-collapse{-ms-flex-preferred-size:auto;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.55)}.badge{border-radius:.25rem;color:#fff;display:inline-block;font-size:.75em;font-weight:700;line-height:1;padding:.35em .65em;text-align:center;vertical-align:baseline;white-space:nowrap}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-border{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner-border{-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:32px;height:2rem;vertical-align:-.125em;width:32px;width:2rem}@media (prefers-reduced-motion:reduce){.spinner-border{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.link-primary{color:#91bc21}.link-light{color:#f2f5fa}.link-dark{color:#070400}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.stretched-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden!important}.d-inline{display:inline!important}.d-block{display:block!important}.d-grid{display:-ms-grid!important;display:grid!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-none{display:none!important}.shadow-lg{-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.top-50{top:50%!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.translate-middle{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.translate-middle-y{-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-start{border-left:1px solid #dee2e6!important}.border-primary{border-color:#91bc21!important}.border-light{border-color:#f2f5fa!important}.border-dark{border-color:#070400!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-column{-webkit-box-direction:normal!important;-webkit-box-orient:vertical!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.gap-2{gap:8px!important;gap:.5rem!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-self-center{-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-stretch{-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-auto{margin:auto!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1.5rem!important}.mt-auto{margin-top:auto!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.me-n1{margin-right:-.25rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pe-2{padding-right:.5rem!important}.pb-3{padding-bottom:1rem!important}.fs-1{font-size:calc(1.40625rem + 1.875vw)!important}.fs-3{font-size:calc(1.32188rem + .8625vw)!important}.fs-4{font-size:calc(1.29375rem + .525vw)!important}.fs-5{font-size:calc(1.26563rem + .1875vw)!important}.fs-6{font-size:18px!important;font-size:1.125rem!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-primary{--bs-text-opacity:1;color:rgba(145,188,33,var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(43,45,66,var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(19,159,210,var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(239,35,60,var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(43,45,66,var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(19,159,210,var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(239,35,60,var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(242,245,250,var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(7,4,0,var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-gradient{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.15)),to(hsla(0,0%,100%,0)))!important;background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0))!important}.rounded-0{border-radius:0!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.invisible{visibility:hidden!important}@media (min-width:576px){.d-sm-block{display:block!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-none{display:none!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}}@media (min-width:768px){.d-md-block{display:block!important}.mx-md-3{margin-left:1rem!important}.mx-md-3{margin-right:1rem!important}}@media (min-width:992px){.d-lg-block{display:block!important}.d-lg-none{display:none!important}.order-lg-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.mx-lg-5{margin-left:3rem!important;margin-right:3rem!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-5{margin-bottom:3rem!important}.text-lg-end{text-align:right!important}}@media (min-width:1200px){.d-xl-block{display:block!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-none{display:none!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.mt-xl-0{margin-top:0!important}.me-xl-1{margin-right:.25rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-5{margin-bottom:3rem!important}.mt-xl-n5{margin-top:-3rem!important}.pe-xl-0{padding-right:0!important}}@media (min-width:1400px){.d-xxl-block{display:block!important}.d-xxl-none{display:none!important}.order-xxl-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-xxl-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mt-xxl-5{margin-top:3rem!important}.mb-xxl-5{margin-bottom:3rem!important}}@media (min-width:1200px){.fs-1{font-size:2.8125rem!important}.fs-3{font-size:1.96875rem!important}.fs-4{font-size:1.6875rem!important}.fs-5{font-size:1.40625rem!important}}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:400;src:local(""),url(/dist/assets/jost-v12-latin-regular.woff2) format("woff2"),url(/dist/assets/jost-v12-latin-regular.woff) format("woff")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:600;src:local(""),url(/dist/assets/jost-v12-latin-600.woff2) format("woff2"),url(/dist/assets/jost-v12-latin-600.woff) format("woff")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:700;src:local(""),url(/dist/assets/jost-v12-latin-700.woff2) format("woff2"),url(/dist/assets/jost-v12-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:rp;font-style:normal;font-weight:400;src:url(/dist/assets/residences-picardes.woff) format("woff"),url(/dist/assets/residences-picardes.svg#residences-picardes) format("svg")}[class^=icon-]:before{-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:rp!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:1;text-transform:none!important}[class^=icon-]:not(.inh){line-height:inherit;position:relative;top:2px;vertical-align:middle}.icon-search:before{content:"a"}.icon-ground:before{content:"b"}.icon-offer:before{content:"c"}.icon-model:before{content:"d"}.icon-wish:before{content:"e"}.icon-map:before{content:"f"}.icon-event:before{content:"g"}.icon-user:before{content:"h"}.icon-down:before{content:"i"}.icon-go:before{content:"n"}.icon-fb:before{content:"o"}.icon-tw:before{content:"p"}.icon-pt:before{content:"q"}.icon-yt:before{content:"r"}.icon-menu:before{content:"m"}.icon-close:before{content:"t"}.bg-accent{background-color:#cfd402}.text-accent{color:#cfd402}.text-grey{color:#585858}.zindex--1{z-index:-1}.zindex-1{z-index:1}.text-outline{color:#fff;text-shadow:-1px -1px 0 #2b2d42,1px -1px 0 #2b2d42,-1px 1px 0 #2b2d42,1px 1px 0 #2b2d42}.text-spacer{letter-spacing:5px}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.text-shadow{text-shadow:rgba(0,0,0,.5) 0 5px 10px}@-webkit-keyframes vertical{0%,80%,to{opacity:0}5%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}10%,25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vertical{0%,80%,to{opacity:0}5%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}10%,25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}.verticalFlip{display:inline}.verticalFlip span{-webkit-animation:vertical 7.5s linear 0s infinite;animation:vertical 7.5s linear 0s infinite;opacity:0;overflow:hidden;position:absolute}.verticalFlip span:nth-child(2){-webkit-animation-delay:2.5s;animation-delay:2.5s}.verticalFlip span:nth-child(3){-webkit-animation-delay:5s;animation-delay:5s}.processing{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.processing .preloader{height:100%}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}section{clear:both;padding:125px 0}ul{list-style-type:square}.no-js img.lazyload{display:none}.lazyload{-o-object-fit:contain;object-fit:contain}.swiper-carousel:not(.swiper-initialized) .swiper-wrapper{height:25vh;overflow:hidden}.swiper-carousel:not(.swiper-initialized) .swiper-slide{float:left;width:33%}.cover{-o-object-fit:cover!important;object-fit:cover!important}.glass-effect{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="80" /></filter></svg>#filter');-webkit-filter:blur(80px);filter:blur(80px);opacity:.25;position:absolute;width:700px}.glass-effect:before{background-color:#cfd402;height:285px;left:320px;width:285px}.glass-effect:after,.glass-effect:before{border-radius:50%;content:"";position:absolute;top:0}.glass-effect:after{background-color:#139fd2;height:400px;left:0;width:400px}.scroller{height:62px;width:218px}.nav-brand img{height:50px!important;width:78px!important}.navbar-collapse{position:relative}.dropdown-menu{background:#fff;border:0;border-radius:0;-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);box-shadow:0 8px 15px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;left:auto;padding:25px;z-index:-1}.dropdown-toggle:after{display:none}#header{left:0;position:absolute;top:0;width:100%;z-index:1000}#header .megamenu{position:inherit}#header .dropdown .dropdown-menu{clear:both;margin-top:20px;opacity:0;top:100%;visibility:hidden}#header .dropdown .dropdown-menu:not(.megamenu-content){width:300px}#header .nav-link{color:#070400;font-size:14px;font-weight:600;padding:50px 15px;position:relative;text-transform:uppercase}#header .nav-link.active{color:#91bc21}#header .dropdown-item{padding:0}#header .dropdown-item a{color:#070400;display:block;padding:5px 0}#header .nav-item>a{display:inline-block;position:relative}#header-shortcuts{width:170px}#header-shortcuts .col-xl-6{width:50%}#header-shortcuts [class^=icon-]{margin:0 15px}@media screen and (min-width:1400px){#header .dropdown-menu-xxl{max-width:1399px;width:calc(100vw - 80px)!important}}@media screen and (min-width:1199px){#header .megamenu-content{width:991px}#header .megamenu-content.sm{width:767px}#header .nav-link:before{border:1px solid #91bc21;content:"";height:32px;left:5%;opacity:0;position:absolute;top:calc(50% - 17px);width:90%}#header .nav-link.active:before{opacity:1}#header .btn-contact{height:121px;width:121px}}.btn{text-transform:uppercase}.btn.btn-shortcut{color:#000}.btn.btn-shortcut.btn-sm{line-height:10px}.btn.btn-shortcut span.small{font-size:12px;padding:1px}.btn.btn-theme{background-color:#91bc21;background-image:-webkit-gradient(linear,left top,right top,from(#77b238),to(rgba(145,188,33,0)));background-image:linear-gradient(90deg,#77b238,rgba(145,188,33,0));color:#fff}.bg{background-position:top;background-size:cover}.mainbanner{margin-top:121px}.mainbanner .content{padding-top:100px}@media (max-width:1199px){#header{margin-top:0}#header .menus-wrapper{height:100%;margin:15px 0 20px;overflow:auto;width:100%}#header .dropdown .dropdown-menu{border-bottom:0;-webkit-box-shadow:none;box-shadow:none;font-size:16px;margin-top:0;max-height:0;overflow:hidden;padding:0}#header .dropdown .dropdown-menu:not(.megamenu-content){width:100%}#header .dropdown-item{padding:0 0 0 15px}#header .dropdown-item a{border-bottom:1px solid #f2f5fa;padding:8px 0}#header .navbar-nav{padding:0 20px}#header .navbar-nav .nav-item>a{border-bottom:1px solid #fdedf1;display:block}#header .navbar-nav .nav-item>a.active{border-bottom:1px solid #91bc21}#header .navbar-nav a:not(.article):not(.btn):not(.dropdown-link):before{content:"j";display:inline-block;font-family:rp;font-size:12px;left:0;margin-right:10px;position:relative;text-transform:lowercase;top:0}#header .nav-link{font-size:16px;margin:0;padding:15px 0}.dropdown-toggle:after{background-color:#f2f5fa;border:0;border-radius:50%;-webkit-box-shadow:0 0 20px -8px rgba(173,136,88,.3);box-shadow:0 0 20px -8px rgba(173,136,88,.3);color:#070400;content:"+";display:inline-block;font-size:12px;font-weight:400;height:25px;line-height:25px;margin-top:-12.5px;position:absolute;right:0;text-align:center;top:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:25px}.navbar-overlay{background-color:rgba(7,4,0,.6);display:block;height:100%;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:1011}.navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;border-right:3px solid #91bc21;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:-420px;opacity:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:420px;z-index:1012}.mainbanner{margin-top:66px}}@media (max-width:991px){.mainbanner .content{padding-top:75px}}@media (max-width:767px){section{padding:60px 0}.navbar-collapse{left:-320px;width:320px}#header .nav-link{font-size:15px}.btn:not(.btn-sm){font-size:.875rem;padding:.75rem 1rem}.mainbanner .content{padding-top:50px}}@media (max-width:575px){body{font-size:16px}.lead{font-size:18px}#header .nav-brand img{height:38px!important;width:59px!important}#header .nav-link{font-size:14px;padding:12px 0}.mainbanner{margin-top:54px}.mainbanner .content{padding-top:30px}}@media (min-width:1400px){#header:not(.sticky) .nav-brand img{height:89px!important;width:138px!important}}@media (min-width:1920px){.container-fluid{max-width:1920px;padding:0 65px}}</style>    <link rel="preload" href="https://www.residencespicardes.fr/dist/home.4.1.9.bundle.css" as="style" class="preload-css">
    <noscript><link rel="stylesheet" href="https://www.residencespicardes.fr/dist/home.4.1.9.bundle.css" nonce="Njc4NzYwNmI4NjNkNw=="></noscript>
    <style nonce="Njc4NzYwNmI4NjNkNw==">
      #mainbg1 { width: 1047px; min-height: 816px; }
      #mainbg2 { width: 726px; min-height: 816px; }
      #hero { position: absolute; }
      #hero .glass-effect { top: 360px; }
      #search-label { position: absolute; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 50%; left: -125px; }
      .icon-insurance { font-size: 125px; }
      @media (max-width: 1399px) {
        #search-label { position: relative; -webkit-transform: rotate(0); transform: rotate(0); top: 0; left: 0; display: block }
      }
      @media (max-width: 1199px) {
        #hero { position: relative; }
      }
      .recap-section { margin-top: -300px; }
      @media (max-width: 767px) {
        .recap-section { margin-top: -120px; }
      }
      .alert-section { margin-top: -220px; }
      @media (max-width: 767px) {
        .alert-section { margin-top: -140px; }
      }
    </style>    <script nonce="Njc4NzYwNmI4NjNkNw==">
          sessionStorage.setItem("referrer", sessionStorage.getItem("referrer") || document.referrer);
          var rf = sessionStorage.getItem("referrer");
          window.dataLayer = window.dataLayer || [];
          dataLayer.push({
            "Rf": rf,
          });

          window.axeptioSettings = {
            clientId: "664c903c79fa34e2241bbcb7",
            cookiesVersion: "residences picardes-fr-EU",
            googleConsentMode: {
              default: {
                analytics_storage: "denied",
                ad_storage: "denied",
                ad_user_data: "denied",
                ad_personalization: "denied",
                wait_for_update: 500,
              }
            }
          };
          
          (function(d, s) {
            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
            e.async = true; e.src = "//static.axept.io/sdk.js";
            t.parentNode.insertBefore(e, t);
          })(document, "script");

          // GA4
          function loadGoogleAnalyticsTag() {
            const t = document.getElementsByTagName("script")[0];
            const e = document.createElement("script");
            e.async = true;
            e.nonce = "Njc4NzYwNmI4NjNkNw==";
            e.src = "https://www.googletagmanager.com/gtag/js?id=G-3GTPBJ78X9";
            t.parentNode.insertBefore(e, t);
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag("js", new Date());
            gtag("config", "G-3GTPBJ78X9");
            gtag("set", { page_referrer: sessionStorage.getItem("referrer") })
          }
          loadGoogleAnalyticsTag();
          var googletag = true;

          window._axcb = window._axcb || [];
            window._axcb.push(function(sdk) {
            sdk.on("cookies:complete", function(choices){
              sessionStorage.removeItem("referrer");
            });
          });
        </script>    <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","id":"https:\/\/www.residencespicardes.fr#webpage","name":"Résidences Picardes - Constructeur de maisons","url":"https:\/\/www.residencespicardes.fr","description":"Confiez la construction de votre maison à Résidences Picardes, premier constructeur de maisons en Picardie. Soyez accompagné dans votre futur projet de vie.","inLanguage":"fr-FR","isPartOf":{"@type":"WebSite","name":"Résidences Picardes, premier constructeur de maisons en Picardie","description":"Construction de maisons individuelles dans la Picardie (02\/60\/80) et limitrophe (62\/76).","url":"https:\/\/www.residencespicardes.fr","inLanguage":"fr-FR","publisher":{"@type":"Organization","name":"Résidences Picardes - Constructeur de maisons","url":"https:\/\/www.residencespicardes.fr","logo":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"image":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"sameAs":["https:\/\/www.facebook.com\/ResidencesPicardes","https:\/\/twitter.com\/Res_Picardes","https:\/\/www.pinterest.fr\/residencepicard\/"]}},"about":{"@type":"WebSite","name":"Résidences Picardes, premier constructeur de maisons en Picardie","description":"Construction de maisons individuelles dans la Picardie (02\/60\/80) et limitrophe (62\/76).","url":"https:\/\/www.residencespicardes.fr","inLanguage":"fr-FR","publisher":{"@type":"Organization","name":"Résidences Picardes - Constructeur de maisons","url":"https:\/\/www.residencespicardes.fr","logo":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"image":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"sameAs":["https:\/\/www.facebook.com\/ResidencesPicardes","https:\/\/twitter.com\/Res_Picardes","https:\/\/www.pinterest.fr\/residencepicard\/"]}}},{"@type":"Organization","name":"Résidences Picardes - Constructeur de maisons","url":"https:\/\/www.residencespicardes.fr","logo":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"image":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"sameAs":["https:\/\/www.facebook.com\/ResidencesPicardes","https:\/\/twitter.com\/Res_Picardes","https:\/\/www.pinterest.fr\/residencepicard\/"]},{"@type":"WebSite","name":"Résidences Picardes, premier constructeur de maisons en Picardie","description":"Construction de maisons individuelles dans la Picardie (02\/60\/80) et limitrophe (62\/76).","url":"https:\/\/www.residencespicardes.fr","inLanguage":"fr-FR","publisher":{"@type":"Organization","name":"Résidences Picardes - Constructeur de maisons","url":"https:\/\/www.residencespicardes.fr","logo":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"image":{"@type":"ImageObject","inLanguage":"fr-FR","url":"https:\/\/www.residencespicardes.fr\/assets\/img\/logos\/residences-picardes-premier-constructeur-maisons-picardie-180x113.png","width":"180","height":"113","caption":"Résidences Picardes - Constructeur de maisons"},"sameAs":["https:\/\/www.facebook.com\/ResidencesPicardes","https:\/\/twitter.com\/Res_Picardes","https:\/\/www.pinterest.fr\/residencepicard\/"]}}]}</script>  </head>
  <body class="no-js">
    
<nav id="header" class="navbar navbar-expand-xl navbar-light justify-content-between p-0">
  <div class="container-fluid pe-xl-0">
    <a class="nav-brand d-none d-xl-flex" href="https://www.residencespicardes.fr">
      <picture><noscript><img class="img-fluid animate m-2" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png" alt="Résidences Picardes - Constructeur de maisons" width="138" height="89"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.webp 138w" data-aspectratio="1.5505617977528" data-sizes="auto" width="138" height="89" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png 138w" data-aspectratio="1.5505617977528" data-sizes="auto" width="138" height="89" /><img class="img-fluid animate m-2 lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png" data-aspectratio="1.5505617977528" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="138" height="89"  ></picture>    </a>
    <a class="nav-brand d-none d-sm-flex d-xl-none" href="https://www.residencespicardes.fr">
      <picture><noscript><img class="img-fluid animate my-2" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.webp 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><img class="img-fluid animate my-2 lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" data-aspectratio="1.56" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></picture>    </a>
    <a class="nav-brand d-flex d-sm-none" href="https://www.residencespicardes.fr">
      <picture><noscript><img class="animate my-2" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-59x38.png" alt="Résidences Picardes - Constructeur de maisons" width="59" height="38"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-59x38.webp 59w" data-aspectratio="1.5526315789474" data-sizes="auto" width="59" height="38" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-59x38.png 59w" data-aspectratio="1.5526315789474" data-sizes="auto" width="59" height="38" /><img class="animate my-2 lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-59x38.png" data-aspectratio="1.5526315789474" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="59" height="38"  ></picture>    </a>

    <div class="d-block d-xl-none align-items-center mx-auto">
      <button type="button" class="position-relative btn btn-shortcut bg-transparent lh-1 py-1 pt-2 px-2 mx-sm-2 cart-button" aria-label="Ma liste de souhaits">
        <i class="icon-wish fs-1"></i>
        <span class="number position-absolute top-0 end-0 translate-middle p-2 bg-info border border-light rounded-circle mt-2 me-n1 invisible">
          <span class="position-absolute top-50 start-50 translate-middle small text-white">0</span>
          <span class="visually-hidden">Vos souhaits</span>
        </span>
      </button>
      <button type="button" class="btn btn-shortcut bg-transparent lh-1 py-1 pt-2 px-2 mx-sm-2" aria-label="Nos agences">
        <i class="icon-map fs-1"></i>
      </button>
      <button type="button" class="btn btn-shortcut bg-transparent lh-1 py-1 pt-2 px-2 mx-sm-2 qsModal" aria-label="Rechercher">
        <i class="icon-search fs-1"></i>
      </button>
    </div>

    <button class="navbar-toggler btn btn-sm btn-theme border-0 link-light fs-5 lh-base animate" type="button" data-trigger="#mainNav" aria-label="Menu principal"><i class="icon-menu"></i></button>
    <div class="navbar-collapse justify-content-xl-end" id="mainNav">
      <div class="bg-light d-block d-xl-none w-100 position-relative border-bottom">
        <div class="d-flex justify-content-between">
          <a class="mx-auto" href="https://www.residencespicardes.fr">
            <picture><noscript><img class="img-fluid animate my-3 my-sm-4" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.webp 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><img class="img-fluid animate my-3 my-sm-4 lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" data-aspectratio="1.56" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></picture>          </a>
          <button class="navbar-close btn btn-sm btn-theme border-0 link-light fs-5 lh-base animate" type="button" aria-label="Fermer"><i class="icon-close"></i></button>
        </div>
      </div>
      <!--
      <div class="bg-light d-block d-xl-none w-100 position-relative border-bottom">
        <a class="d-flex justify-content-center" href="https://www.residencespicardes.fr">
          <picture><noscript><img class="img-fluid animate my-3 my-sm-4 " src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.webp 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png 78w" data-aspectratio="1.56" data-sizes="auto" width="78" height="50" /><img class="img-fluid animate my-3 my-sm-4 lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-78x50.png" data-aspectratio="1.56" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="78" height="50"  ></picture>        </a>
        <button class="navbar-close btn btn-sm bg-transparent border-0 link-dark fs-3 lh-base animate position-absolute top-0 end-0 m-1 py-1 px-2" type="button" aria-label="Fermer"><i class="icon-close"></i></button>
      </div>
-->
      <div class="menus-wrapper animate mx-auto">
        <ul class="navbar-nav">
          <li class="nav-item d-xl-none">
            <a class="nav-link active" href="https://www.residencespicardes.fr">Accueil</a>
          </li>

          <!-- plans -->
          <li class="nav-item dropdown megamenu">
            <a class="nav-link dropdown-toggle" href="#" id="mainNavModels" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nos maisons<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 d-none"><span class="visually-hidden">Nouvelle gamme</span></span></a>
            <div class="dropdown-menu megamenu-content animate" role="menu" aria-labelledby="mainNavModels">
              <div class="row">
                <div class="col-xl-6 me-auto d-flex align-items-start flex-column">
                  <ul class="list-unstyled w-100 mb-xl-3">
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons" class="dropdown-link text-truncate fw-bold">Tous nos plans de maison</a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/plain-pied" class="dropdown-link text-truncate">
                        Plans maisons plain-pied
                      </a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/a-etage" class="dropdown-link text-truncate">
                        Plans maisons à étage
                      </a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/contemporaines" class="dropdown-link text-truncate">
                        Plans maisons contemporaines
                      </a>
                    </li>
                  </ul>
                  <div class="d-grid gap-2 mt-auto w-100">
                    <a href="https://www.residencespicardes.fr/modeles-de-maisons/sur-mesure" class="btn btn-primary text-truncate">Votre maison sur-mesure</a>
                  </div>
                </div>
                <div class="col-xl-6 me-auto d-flex align-items-start flex-column">
                  <ul class="list-unstyled w-100 mb-xl-3">
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/cubiques" class="dropdown-link text-truncate">
                        Plans maisons cubiques
                      </a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/traditionnelles" class="dropdown-link text-truncate">
                        Plans maisons traditionnelles
                      </a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/r1" class="dropdown-link text-truncate">
                        Plans maisons R+1
                      </a>
                    </li>
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/modeles-de-maisons/bois" class="dropdown-link text-truncate">
                        Plans maisons bois
                      </a>
                    </li>
                  </ul>
                  <div class="d-grid gap-2 mt-auto w-100">
                    <a href="https://www.residencespicardes.fr/realisations" class="btn btn-secondary text-truncate">Nos réalisations</a>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <!-- offers -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="mainNavOffers" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nos offres<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 d-none"><span class="visually-hidden">Nouvelles offres</span></span></a>
            <div class="dropdown-menu animate" role="menu" aria-labelledby="mainNavOffers">
              <ul class="list-unstyled w-100">
                <li class="dropdown-item">
                  <a href="https://www.residencespicardes.fr/terrains-a-batir" class="dropdown-link text-truncate">
                    Terrains constructibles
                  </a>
                </li>
                <li class="dropdown-item">
                  <a href="https://www.residencespicardes.fr/offres-maison-et-terrain" class="dropdown-link text-truncate">
                    Maisons + Terrains
                  </a>
                </li>
                <li class="dropdown-item position-relative">
                  <a class="dropdown-link text-truncate" href="https://www.residencespicardes.fr/programmes-neufs-amiens">Programmes neufs Amiens<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 invisible"><span class="visually-hidden">Nouveaux programmes</span></span></a>
                </li>
                <li class="dropdown-divider d-none d-xl-block"></li>
                <li class="dropdown-item">
                  <a class="fw-bold dropdown-link text-truncate" href="https://www.residencespicardes.fr/terrains-a-batir/alertes-terrain">Alertes terrain</a>
                </li>
              </ul>
            </div>
          </li>

          <!-- services -->
          <li class="nav-item dropdown megamenu">
            <a class="nav-link dropdown-toggle" href="#" id="mainNavBuildingHouse" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Faire construire<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 d-block"><span class="visually-hidden">Nouveau service BDL Extension</span></span></a>
            <div class="dropdown-menu dropdown-menu-xxl megamenu-content animate" role="menu" aria-labelledby="mainNavBuildingHouse">
              <div class="row">
                <div class="col-xl-4 me-auto d-flex align-items-start flex-column">
                  <span class="h5 d-none d-xl-block text-info">Construire votre maison</span>
                  <ul class="list-unstyled w-100 mb-3">
                                          <li class="dropdown-item">
                        <a href="https://www.residencespicardes.fr/votre-projet-de-construction-de-a-a-z" class="dropdown-link text-truncate">
                          Votre projet de construction de A à Z                        </a>
                      </li>
                                          <li class="dropdown-item">
                        <a href="https://www.residencespicardes.fr/financer-mon-projet-maison" class="dropdown-link text-truncate">
                          Financement de votre maison                        </a>
                      </li>
                                          <li class="dropdown-item">
                        <a href="https://www.residencespicardes.fr/les-garanties-residences-picardes" class="dropdown-link text-truncate">
                          Votre maison garantie 10 ans                        </a>
                      </li>
                                          <li class="dropdown-item">
                        <a href="https://www.residencespicardes.fr/nos-partenaires" class="dropdown-link text-truncate">
                          Nos partenaires                        </a>
                      </li>
                                      </ul>
                </div>
                <div class="col-xl-4 me-auto d-flex align-items-start flex-column">
                  <span class="h5 d-block text-info">Nos autres services</span>
                  <ul class="list-unstyled w-100 mb-3">
                                          <li class="dropdown-item">
                                              </li>
                                          <li class="dropdown-item">
                                                  <a href="https://www.residencespicardes.fr/renovation-maison" class="dropdown-link text-truncate">
                            Rénovation                          </a>
                                              </li>
                                          <li class="dropdown-item">
                                                  <a href="https://www.residencespicardes.fr/cuisine-amenagements-interieurs" class="dropdown-link text-truncate">
                            Cuisine & Aménagements intérieurs                          </a>
                                              </li>
                                          <li class="dropdown-item">
                                                  <a href="https://www.residencespicardes.fr/assainissement-amenagements-exterieurs" class="dropdown-link text-truncate">
                            Assainissement & Aménagements extérieurs                          </a>
                                              </li>
                                          <li class="dropdown-item">
                                                  <a href="https://www.residencespicardes.fr/parrainage" class="dropdown-link text-truncate">
                            Parrainez vos proches                          </a>
                                              </li>
                                      </ul>
                </div>
                <div class="col-xl-4 me-auto d-flex align-items-start flex-column">
                  <span class="d-block position-relative"><span class="h5 d-block text-danger">BDL Extension</span><div class="badge rounded-pill bg-danger position-absolute top-0 start-100 translate-middle ms-5">Nouveau</div></span>
                  <ul class="list-unstyled w-100 mb-3">
                    <li class="dropdown-item">
                      <a href="https://www.residencespicardes.fr/extension-maison" class="dropdown-link text-truncate fw-bold">Agrandir ma maison&nbsp;!</a>
                    </li>
                  </ul>
                  <div class="d-grid gap-2 my-auto w-100">
                    <a href="https://www.residencespicardes.fr/extension-maison/devis" class="btn btn-primary text-truncate">Devis extension maison</a>
                    <a href="https://monespace.groupe-bdl.com" class="btn btn-secondary text-truncate" rel="noopener" target="_blank">Mon espace projet</a>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <!-- about -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="mainNavCompany" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">La société<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 d-none"><span class="visually-hidden">Nouvelles actualités</span></span></a>
            <div class="dropdown-menu animate" role="menu" aria-labelledby="mainNavCompany">
              <ul class="list-unstyled w-100">
                <li class="dropdown-item">
                  <a href="https://www.residencespicardes.fr/constructeur-maison" class="dropdown-link text-truncate">
                    Constructeur de maisons
                  </a>
                </li>
                                  <li class="dropdown-item">
                    <a href="https://www.residencespicardes.fr/qui-sommes-nous" class="dropdown-link text-truncate">
                      Qui sommes-nous ?                    </a>
                  </li>
                                  <li class="dropdown-item">
                    <a href="https://www.residencespicardes.fr/services-et-financement" class="dropdown-link text-truncate">
                      Nos intervenants                    </a>
                  </li>
                                <li class="dropdown-item">
                  <a href="https://www.residencespicardes.fr/nos-agences" class="dropdown-link text-truncate">
                    Nos agences
                  </a>
                </li>
                <li class="dropdown-item position-relative">
                  <a href="https://www.residencespicardes.fr/actualites" class="dropdown-link text-truncate">
                    Actualités<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 invisible"><span class="visually-hidden">Nouvelles actualités</span></span>
                  </a>
                </li>
                <li class="dropdown-item">
                  <a href="https://www.groupe-bdl.com/nos-offres-d-emploi" rel="noopener" target="_blank" class="dropdown-link text-truncate fw-bold">Rejoignez-nous&nbsp;!</a>
                </li>
              </ul>
            </div>
          </li>

          <!-- advices -->
          <li class="nav-item dropdown megamenu">
            <a class="nav-link dropdown-toggle" href="#" id="mainNavAdvices" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Conseils<span class="position-absolute top-50 end-0 translate-middle-y p-1 bg-danger border border-light rounded-circle mt-n2 me-4 me-xl-1 d-none"><span class="visually-hidden">Nouveaux articles</span></span></a>
            <div class="dropdown-menu megamenu-content sm animate" role="menu" aria-labelledby="mainNavAdvices">
              <div class="row">
                <div class="col-xl-6 me-auto d-flex align-items-start flex-column">
                  <ul class="row g-2 list-unstyled mb-2">
                    <span class="h6 d-block d-xl-none text-info mt-4 mb-0">Nos derniers articles</span>
                                          <li class="col-12">
                        <div class="position-relative bg-white border img-animate">
                          <div class="row g-0 align-items-center position-relative">
                            <div class="col-4 overflow-hidden">
                              <picture><noscript><img class="img-fluid w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-150x113.jpg" alt="Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence" width="150" height="113"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-150x113.webp 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-150x113.jpg 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><img class="img-fluid w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-150x113.jpg" data-aspectratio="1.3274336283186" data-sizes="auto" alt="Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence" width="150" height="113"  ></picture>                            </div>
                            <div class="col px-2 text-start lh-sm small">
                              <span class="small d-block text-grey mb-1">Le 20/12/2024</span>
                              <a class="article stretched-link link-dark m-0 p-0" href="https://www.residencespicardes.fr/blog/les-assurances-essentielles-pour-proteger-votre-nouvelle-residence">
                                Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence                              </a>
                            </div>
                          </div>
                                                  </div>
                      </li>
                                          <li class="col-12">
                        <div class="position-relative bg-white border img-animate">
                          <div class="row g-0 align-items-center position-relative">
                            <div class="col-4 overflow-hidden">
                              <picture><noscript><img class="img-fluid w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-150x113.jpg" alt="Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant" width="150" height="113"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-150x113.webp 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-150x113.jpg 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><img class="img-fluid w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-150x113.jpg" data-aspectratio="1.3274336283186" data-sizes="auto" alt="Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant" width="150" height="113"  ></picture>                            </div>
                            <div class="col px-2 text-start lh-sm small">
                              <span class="small d-block text-grey mb-1">Le 10/12/2024</span>
                              <a class="article stretched-link link-dark m-0 p-0" href="https://www.residencespicardes.fr/blog/amenager-sa-chambre-en-2025-confort-deco-et-sommeil-apaisant">
                                Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant                              </a>
                            </div>
                          </div>
                                                  </div>
                      </li>
                                          <li class="col-12">
                        <div class="position-relative bg-white border img-animate">
                          <div class="row g-0 align-items-center position-relative">
                            <div class="col-4 overflow-hidden">
                              <picture><noscript><img class="img-fluid w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-150x113.jpg" alt="Les tendances actuelles en carrelage de cuisine pour 2024" width="150" height="113"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-150x113.webp 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-150x113.jpg 150w" data-aspectratio="1.3274336283186" data-sizes="auto" width="150" height="113" /><img class="img-fluid w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-150x113.jpg" data-aspectratio="1.3274336283186" data-sizes="auto" alt="Les tendances actuelles en carrelage de cuisine pour 2024" width="150" height="113"  ></picture>                            </div>
                            <div class="col px-2 text-start lh-sm small">
                              <span class="small d-block text-grey mb-1">Le 21/10/2024</span>
                              <a class="article stretched-link link-dark m-0 p-0" href="https://www.residencespicardes.fr/blog/tendances-carrelage-cuisine">
                                Les tendances actuelles en carrelage de cuisine pour 2024                              </a>
                            </div>
                          </div>
                                                  </div>
                      </li>
                                      </ul>
                  <div class="d-grid gap-2 mt-auto w-100">
                    <a href="https://www.residencespicardes.fr/blog" class="btn btn-primary text-truncate">Voir tous nos articles</a>
                  </div>
                </div>
                <div class="col-xl-6 me-auto d-flex align-items-start flex-column">
                  <div class="img-animate position-relative overflow-hidden w-100 h-100 mb-2 mt-2 mt-xl-0 d-xl-flex align-items-stretch">
                    <figure class="position-relative m-0 overflow-hidden">
                      <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-300x225.jpg" alt="Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?" width="300" height="225"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-300x225.webp 300w" data-aspectratio="1.3333333333333" data-sizes="auto" width="300" height="225" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-300x225.jpg 300w" data-aspectratio="1.3333333333333" data-sizes="auto" width="300" height="225" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-300x225.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?" width="300" height="225"  ></picture>                      <div class="bg-dark bg-opacity-50 position-absolute top-0 start-0 w-100 h-100"></div>
                      <figcaption class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-item-start p-4 text-start">
                        <div class="mt-auto w-100">
                          <a href="https://www.residencespicardes.fr/conseils/faire-construire-sa-maison-en-2023-quel-prix-et-quel-budget-prevoir" class="article text-white h6 d-block text-shadow stretched-link">Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?</a>
                          <p class="small text-white">La construction d'une maison neuve en 2024 en Picardie, Seine-Maritime et Pas-de-Calais, n&#233;cessite de conna&#238;tre son budget pr&#233;visionnel. Comment le calculer ?</p>
                        </div>
                      </figcaption>
                                          </figure>
                  </div>
                  <div class="d-grid gap-2 mt-auto w-100">
                    <a href="https://www.residencespicardes.fr/conseils" class="btn btn-secondary text-truncate">Lire nos conseils</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>

      <!-- shortcuts -->
      <div class="bg-white py-2 d-flex justify-content-around w-100 d-block d-xl-none border-top">
        <div class="row">
          <div class="col-auto">
            <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative" aria-label="Nos actualités" data-toggle="link" data-href="https://www.residencespicardes.fr/actualites" data-target="self">
              <div class="d-flex flex-column">
                <i class="icon-event fs-1"></i>
                <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small stretched-link text-truncate px-1">Actualités</span>
              </div>
            </button>
          </div>
          <div class="col-auto">
            <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative" aria-label="Accès à mon espace projet" data-toggle="link" data-href="https://monespace.groupe-bdl.com">
              <div class="d-flex flex-column">
                <i class="icon-user fs-1"></i>
                <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small stretched-link text-truncate px-1">Mon espace</span>
              </div>
            </button>
          </div>
        </div>
      </div>

      <!-- social & contact -->
      <div class="bg-light py-2 py-sm-3 pe-2 d-flex justify-content-around w-100 d-block d-xl-none">
        <ul class="list-inline m-0 align-self-center">
          <li class="list-inline-item">
            <button type="button" data-toggle="link" data-href="https://www.facebook.com/ResidencesPicardes" class="link-primary bg-transparent m-0 p-0 border-0" aria-label="Facebook"><i class="icon-fb fs-4"></i></button>
          </li>
          <li class="list-inline-item">
            <button type="button" data-toggle="link" data-href="" class="link-primary bg-transparent m-0 p-0 border-0" aria-label="Twitter"><i class="icon-tw fs-4"></i></button>
          </li>
          <li class="list-inline-item">
            <button type="button" data-toggle="link" data-href="" class="link-primary bg-transparent m-0 p-0 border-0" aria-label="Pinterest"><i class="icon-pt fs-4"></i></button>
          </li>
          <li class="list-inline-item">
            <button type="button" data-toggle="link" data-href="" class="link-primary bg-transparent m-0 p-0 border-0" aria-label="Youtube"><i class="icon-yt fs-4"></i></button>
          </li>
        </ul>
        <div class="d-grid">
          <a type="button" href="https://www.residencespicardes.fr/contact-et-devis" class="btn btn-theme"><span class="m-auto small">Contact & Devis</span></a>
        </div>
      </div>

      <!-- quick search xl -->
      <div class="d-none d-xl-block mx-auto">
        <button type="button" aria-label="Rechercher" class="position-relative btn btn-shortcut border lh-1 p-0 d-flex qsModal">
          <i class="icon-search fs-5 p-3"></i>
          <div class="border-start align-self-stretch text-start px-3 d-none d-xxl-block">
            <span class="d-flex flex-column text-capitalize h-100">
              <span class="text-grey mt-auto mb-1 me-5">Rechercher</span>
              <span class="text-secondary mb-auto pb-3 verticalFlip">
                <span>Plans de maisons</span>
                <span>Terrains à bâtir</span>
                <span>Maisons + Terrains</span>
              </span>
            </span>
          </div>
        </button>
      </div>

      <!-- shortcuts & contact xl -->
      <div class="d-none d-xl-block ms-auto">
        <div class="row g-0 align-items-center">
          <div class="col-auto">
            <div class="row g-0 align-items-center me-3" id="header-shortcuts">
              <div class="col-xl-6">
                <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative cart-button" aria-label="Ma liste de souhaits">
                  <div class="d-flex flex-column">
                    <i class="icon-wish fs-1"></i>
                    <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small mt-n1 stretched-link text-truncate">Ma liste</span>
                  </div>
                  <span class="number position-absolute top-0 end-0 translate-middle p-2 bg-info border border-light rounded-circle m-2 invisible">
                    <span class="position-absolute top-50 start-50 translate-middle small text-white">0</span>
                    <span class="visually-hidden">Vos souhaits</span>
                  </span>
                </button>
              </div>
              <div class="col-xl-6 d-none d-xxl-block">
                <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative" aria-label="Nos actualités" data-toggle="link" data-href="https://www.residencespicardes.fr/actualites" data-target="self">
                  <div class="d-flex flex-column">
                    <i class="icon-event fs-1"></i>
                    <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small mt-n1 stretched-link text-truncate">Actualités</span>
                  </div>
                  <span class="position-absolute top-0 end-0 translate-middle p-2 bg-danger border border-light rounded-circle m-2 invisible">
                    <span class="position-absolute top-50 start-50 translate-middle small text-white">0</span>
                    <span class="visually-hidden">Nouveaux événements</span>
                  </span>
                </button>
              </div>
              <div class="col-xl-6">
                <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative" aria-label="Nos agences" data-toggle="link" data-href="https://www.residencespicardes.fr/nos-agences" data-target="self">
                  <div class="d-flex flex-column">
                    <i class="icon-map fs-1"></i>
                    <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small mt-n1 stretched-link text-truncate">Agences</span>
                  </div>
                </button>
              </div>
              <div class="col-xl-6 d-none d-xxl-block">
                <button type="button" class="p-0 btn btn-sm btn-shortcut position-relative" aria-label="Accès à mon espace projet" data-toggle="link" data-href="https://monespace.groupe-bdl.com">
                  <div class="d-flex flex-column">
                    <i class="icon-user fs-1"></i>
                    <span class="position-relative btn btn-primary border-0 lh-1 link-light text-uppercase small mt-n1 stretched-link text-truncate">Mon espace</span>
                  </div>
                </button>
              </div>
            </div>
          </div>
          <div class="col-auto">
            <a href="https://www.residencespicardes.fr/contact-et-devis" class="btn btn-theme btn-contact">
              <div class="d-flex align-items-center h-100">
                <span class="m-auto small">Contact & Devis<i class="icon-go d-block lh-1"></i></span>
              </div>
            </a>
          </div>
        </div>
      </div>

    </div>
    <div class="navbar-overlay"></div>

  </div>
</nav>
    
<div class="modal fade d-none" id="recaptcha-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="recaptchaLabel" aria-hidden="true" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content border-0 rounded-0 shadow-lg">
      <div class="modal-body">
        <div class="d-flex align-items-center">
          <div class="col p-0"><span class="h5 d-block text-center mb-4" id="recaptchaLabel">Vérification supplémentaire - Contrôle antispam</span></div>
        </div>
        <div class="row align-items-center justify-content-center">
          <div class="row justify-content-center"><div class="col-auto"><div id="recaptcha-modal-g-recaptcha" sitekey="6Ld0FkAUAAAAAAroTFMvOLpbzAXm1Bv3LtyOlr5C"></div></div></div>
        </div>
      </div>
      <div class="modal-footer border-0 rounded-0">
        <button type="button" class="btn btn-dark" name="close">Fermer</button>
        <button type="button" class="btn btn-primary" name="validate">Valider</button>
      </div>
    </div>
  </div>
</div>
    
<div class="qsform modal fade d-none" id="quick-search-modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="quicksearchLabel" aria-hidden="true" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content border-0 rounded-0">
      <div class="modal-body">
        <div class="d-flex align-items-center">
          <div class="col p-0"><span class="h3 d-block text-center mb-4" id="quicksearchLabel"><i class="icon-search me-3"></i>Recherche rapide</span></div>
        </div>
        <form class="d-block position-relative" name="qsForm" method="post" role="search">
          <span class="h5 d-block text-info mb-3">Votre département de recherche</span>
          <div class="d-flex flex-wrap mb-4">
                          <input type="radio" class="btn-check" name="dep" id="qsf-dep02" value="dans-l-aisne-02" autocomplete="off">
              <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-dep02">02</label>
                          <input type="radio" class="btn-check" name="dep" id="qsf-dep60" value="dans-l-oise-60" autocomplete="off">
              <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-dep60">60</label>
                          <input type="radio" class="btn-check" name="dep" id="qsf-dep62" value="dans-le-pas-de-calais-62" autocomplete="off">
              <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-dep62">62</label>
                          <input type="radio" class="btn-check" name="dep" id="qsf-dep76" value="dans-la-seine-maritime-76" autocomplete="off">
              <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-dep76">76</label>
                          <input type="radio" class="btn-check" name="dep" id="qsf-dep80" value="dans-la-somme-80" autocomplete="off">
              <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-dep80">80</label>
                        <input type="radio" class="btn-check" name="dep" id="qsf-depall" value="0" autocomplete="off" checked>
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-depall">Tous</label>
          </div>
          <span class="h5 d-block text-info mb-3">Que recherchez-vous&nbsp;?</span>
          <div class="d-flex flex-wrap">
            <input type="radio" class="col-auto btn-check" name="type" id="qsf-type1" value="modeles-de-maisons" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-type1">Plans de maisons</label>
            <input type="radio" class="btn-check" name="type" id="qsf-type2" value="terrains-a-batir" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-type2">Terrains à bâtir</label>
            <input type="radio" class="btn-check" name="type" id="qsf-type3" value="offres-maison-et-terrain" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qsf-type3">Maisons + Terrains</label>
          </div>
        </form>
      </div>
      <div class="modal-footer border-0 rounded-0">
        <button type="button" class="btn btn-secondary" name="close">Fermer</button>
        <button type="button" class="btn btn-primary" name="search">Rechercher</button>
      </div>
    </div>
  </div>
</div>
    
<div id="my-selection" class="mini-cart-wrap d-none">
  <div class="processing"><div class="preloader"></div></div>
  <div class="load h-100">
    <div class="mini-cart-top bg-light w-100 position-relative border-bottom border-dark">
      <div class="d-flex justify-content-between">
        <button class="btn btn-sm btn-theme border-0 link-light fs-5 lh-base animate" type="button" name="close" aria-label="Fermer"><i class="icon-close"></i></button>
        <div class="h5 m-auto">Ma sélection</div>
      </div>
    </div>
    <div class="mini-cart-content p-0">
      <table class="table table-hover m-0">
        <thead>
          <tr>
            <th class="fw-normal border-0 bg-secondary bg-opacity-50 py-1 px-2" colspan="3">
              <div class="row align-items-center">
                <div class="col-auto"><i class="icon-model fs-3 lh-1 text-white"></i></div>
                <div class="col-auto p-0"><span class="fs-6 text-white text-uppercase">Mes plans maison</span></div>
              </div>
            </th>
          </tr>
        </thead>
        <tbody class="my-models border-0">
          <tr><td class="text-center text-grey" colspan="3">Aucune sélection</td></tr>
        </tbody>
      </table>
      <table class="table table-hover m-0">
        <thead>
          <tr>
            <th class="fw-normal border-0 bg-secondary bg-opacity-50 py-1 px-2" colspan="3">
              <div class="row align-items-center">
                <div class="col-auto"><i class="icon-ground fs-3 lh-1 text-white"></i></div>
                <div class="col-auto p-0"><span class="fs-6 text-white text-uppercase">Mes terrains</span></div>
              </div>
            </th>
          </tr>
        </thead>
        <tbody class="my-grounds border-0">
          <tr><td class="text-center text-grey" colspan="3">Aucune sélection</td></tr>
        </tbody>
      </table>
      <table class="table table-hover m-0">
        <thead>
          <tr>
            <th class="fw-normal border-0 bg-secondary bg-opacity-50 py-1 px-2" colspan="3">
              <div class="row align-items-center">
                <div class="col-auto"><i class="icon-offer fs-3 lh-1 text-white"></i></div>
                <div class="col-auto p-0"><span class="fs-6 text-white text-uppercase">Mes maisons + terrains</span></div>
              </div>
            </th>
          </tr>
        </thead>
        <tbody class="my-offers border-0">
          <tr><td class="text-center text-grey" colspan="3">Aucune sélection</td></tr>
        </tbody>
      </table>
    </div>
    <div class="mini-cart-bottom">
      <form method="post" action="https://www.residencespicardes.fr/contact-et-devis" role="form">
        <input type="hidden" name="selection" value="send" />
        <button type="submit" class="btn btn-primary w-100 text-truncate">Envoyer ma sélection</button>
      </form>
    </div>
  </div>
</div>
<div id="my-selection-overlay" class="cart-overlay"></div>
    <section class="mainbanner position-relative p-0">
  <div class="position-absolute bottom-0 end-0 w-100 h-100 overflow-hidden d-xl-none">
    <div class="d-none d-lg-block d-xl-none h-100 zindex--1"><picture><noscript><img class="cover img-fluid" src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1199x700.jpg" alt="Votre maison sur-mesure avec Résidences Picardes" width="1199" height="700"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1199x700.webp 1199w" data-aspectratio="1.7128571428571" data-sizes="auto" width="1199" height="700" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1199x700.jpg 1199w" data-aspectratio="1.7128571428571" data-sizes="auto" width="1199" height="700" /><img class="cover img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1199x700.jpg" data-aspectratio="1.7128571428571" data-sizes="auto" alt="Votre maison sur-mesure avec Résidences Picardes" width="1199" height="700"  ></picture></div>
    <div class="d-none d-sm-block d-lg-none h-100"><picture><noscript><img class="cover img-fluid" src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-991x642.jpg" alt="Votre maison sur-mesure avec Résidences Picardes" width="991" height="642"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-991x642.webp 991w" data-aspectratio="1.5436137071651" data-sizes="auto" width="991" height="642" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-991x642.jpg 991w" data-aspectratio="1.5436137071651" data-sizes="auto" width="991" height="642" /><img class="cover img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-991x642.jpg" data-aspectratio="1.5436137071651" data-sizes="auto" alt="Votre maison sur-mesure avec Résidences Picardes" width="991" height="642"  ></picture></div>
    <div class="d-block d-sm-none h-100"><picture><noscript><img class="cover img-fluid" src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-575x642.jpg" alt="Votre maison sur-mesure avec Résidences Picardes" width="575" height="642"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-575x642.webp 575w" data-aspectratio="0.89563862928349" data-sizes="auto" width="575" height="642" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-575x642.jpg 575w" data-aspectratio="0.89563862928349" data-sizes="auto" width="575" height="642" /><img class="cover img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-575x642.jpg" data-aspectratio="0.89563862928349" data-sizes="auto" alt="Votre maison sur-mesure avec Résidences Picardes" width="575" height="642"  ></picture></div>
  </div>
  <div class="container-fluid pe-xl-0">
    <div class="d-flex position-relative justify-content-end">
      <div class="d-none d-xxl-block h-100" id="mainbg1"><picture><noscript><img class="ms-auto img-fluid" src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1047x816.jpg" alt="Votre maison sur-mesure avec Résidences Picardes" width="1047" height="816"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1047x816.webp 1047w" data-aspectratio="1.2830882352941" data-sizes="auto" width="1047" height="816" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1047x816.jpg 1047w" data-aspectratio="1.2830882352941" data-sizes="auto" width="1047" height="816" /><img class="ms-auto img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-1047x816.jpg" data-aspectratio="1.2830882352941" data-sizes="auto" alt="Votre maison sur-mesure avec Résidences Picardes" width="1047" height="816"  ></picture></div>
      <div class="d-none d-xl-block d-xxl-none h-100" id="mainbg2"><picture><noscript><img class="ms-auto img-fluid" src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-726x816.jpg" alt="Votre maison sur-mesure avec Résidences Picardes" width="726" height="816"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-726x816.webp 726w" data-aspectratio="0.88970588235294" data-sizes="auto" width="726" height="816" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-726x816.jpg 726w" data-aspectratio="0.88970588235294" data-sizes="auto" width="726" height="816" /><img class="ms-auto img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/misc/slider/2022/02/votre-maison-sur-mesure-avec-residences-picardes-726x816.jpg" data-aspectratio="0.88970588235294" data-sizes="auto" alt="Votre maison sur-mesure avec Résidences Picardes" width="726" height="816"  ></picture></div>
      <div class="start-0 top-0 w-100" id="hero">
        <div class="glass-effect rotate-90 d-none d-md-block"></div>
        <div class="row g-0 align-items-end">
          <div class="col-xl-10 col-xxl-8 order-xxl-2 zindex-1">
            <div class="content mb-3 mb-lg-5 mx-3 mx-lg-5 mt-xxl-5">
                              <span class="display-1 d-block lh-1 text-secondary mb-sm-4">Prêt à réaliser votre rêve</span>
                <span class="display-1 d-block fw-bold text-outline text-uppercase mb-sm-4 mb-xl-5">Sur-mesure</span>
                <div class="d-flex mb-sm-4 mb-sm-5">
                  <a href="https://www.residencespicardes.fr/modeles-de-maisons" class="btn btn-primary mt-2 mb-3 mb-xxl-5">Voir toutes nos maisons</a>
                </div>
                            <p class="lead text-secondary">
                Financement, plans de maison, terrains à bâtir, aménagements...<br>
                <strong>Faites construire votre maison avec sérénité avec Résidences Picardes</strong>
              </p>
            </div>
          </div>
          <div class="col-xxl-1 order-xxl-1">
            <div class="position-relative mx-lg-5 mx-xxl-0 zindex-1">
              <span class="fs-5 text-uppercase fw-bold text-accent text-spacer d-none d-sm-block" id="search-label">Rechercher</span>
              <div class="row g-2 d-flex align-items-stretch h-100">
                <div class="col-sm-4 col-lg-auto">
                  <a href="https://www.residencespicardes.fr/modeles-de-maisons" class="btn btn-shortcut bg-white border border-primary d-flex align-items-center justify-content-center d-lg-block h-100 overflow-hidden">
                    <i class="icon-model display-5 lh-1"></i>
                    <span class="text-grey fs-5 d-inline d-xxl-block mx-3 mx-sm-1 mx-md-3 mx-xxl-0">128</span>
                    <span class="text-secondary my-auto">Plans de maisons</span>
                  </a>
                </div>
                <div class="col-sm-4 col-lg-auto">
                  <a href="https://www.residencespicardes.fr/terrains-a-batir" class="btn btn-shortcut bg-white border border-primary d-flex align-items-center justify-content-center d-lg-block h-100 overflow-hidden">
                    <i class="icon-ground display-5 lh-1"></i>
                    <span class="text-grey fs-5 d-inline d-xxl-block mx-3 mx-sm-1 mx-md-3 mx-xxl-0">3&nbsp;312</span>
                    <span class="text-secondary my-auto">Terrains à bâtir</span>
                  </a>
                </div>
                <div class="col-sm-4 col-lg-auto">
                  <a href="https://www.residencespicardes.fr/offres-maison-et-terrain" class="btn btn-shortcut bg-white border border-primary d-flex align-items-center justify-content-center d-lg-block h-100 overflow-hidden">
                    <i class="icon-offer display-5 lh-1"></i>
                    <span class="text-grey fs-5 d-inline d-xxl-block mx-3 mx-sm-1 mx-md-3 mx-xxl-0">336</span>
                    <span class="text-secondary my-auto">Maisons + Terrains</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <button type="button" class="border-0 bg-transparent link-dark position-absolute bottom-0 end-0 bg scroller pt-3 text-center lazyload scroll me-5" data-background="https://www.residencespicardes.fr/assets/img/misc/bg-scroller-w-218x62.png" target="#project" aria-label="Suivant"><i class="icon-down fs-3 lh-1"></i></button>
    </div>
  </div>
</section>

<section>
  <div class="container-xl">
    <div class="row align-items-center justify-content-center">
      <div class="col-md-10 col-lg-6 order-lg-2 offset-xl-1 mb-5 mb-lg-0 text-center text-lg-end">
        <h1 class="fw-bold display-4">Résidences Picardes <span class="small">Constructeur de maisons</span></h1>
        <p class="text-grey mb-5">
          Spécialiste de la <strong>construction de maisons individuelles</strong>, depuis 1989 nos clients nous choisissent pour la pertinence de notre expertise technique et de nos prix : Recherche de terrains constructibles, plans de maison, prise en charge des démarches administratives, financement du projet de construction...<br>
          <br>
          <span class="fw-bold text-dark">Résidences Picardes, constructeur de maisons et filiale du Groupe BDL concrétise votre <a href="https://www.residencespicardes.fr/votre-projet-de-construction-de-a-a-z">projet de construction de maison de A à Z</a> dans la Somme, l'Oise et l'Aisne, mais aussi dans la Seine Maritime et le Pas-de-Calais.</span>
        </p>
        <div class="row align-items-center">
          <div class="col">
            <span class="h2 fw-medium text-secondary">Prêt à faire construire votre future maison&nbsp;?</span>
          </div>
          <div class="col-auto">
            <button type="button" class="btn btn-secondary text-truncate" data-toggle="link" data-href="https://www.residencespicardes.fr/contact-et-devis" data-target="self">C'est parti&nbsp;!</button>
          </div>
        </div>
      </div>
      <div class="col-lg-5 text-center bg-light">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info m-3">Dernières actualités</span>
        
<div class="position-relative swiper-carousel carousel-dark news pb-3" data-plugin-options="{ 'slidesPerView': 1, 'spaceBetween': 30, 'loop': false, 'breakpoints': { '1': { 'slidesPerView': 1 }, '575': { 'slidesPerView': 1 }, '768': { 'slidesPerView': 2 }, '992': { 'slidesPerView': 1 }, '1200': { 'slidesPerView': 1 }, '1400': { 'slidesPerView': 1 } } }">
  <ul class="swiper-wrapper list-unstyled">
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/11/stand-glisy-80440-04-12-2024-07-12-2024-1742-9ba8cde-600x379.jpeg" alt="Stand à Glisy (80440) du 04/12/2024 au 07/12/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/11/stand-glisy-80440-04-12-2024-07-12-2024-1742-9ba8cde-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/jpeg" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/11/stand-glisy-80440-04-12-2024-07-12-2024-1742-9ba8cde-600x379.jpeg 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/11/stand-glisy-80440-04-12-2024-07-12-2024-1742-9ba8cde-600x379.jpeg" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Stand à Glisy (80440) du 04/12/2024 au 07/12/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Stand</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/stand-glisy-80440-04-12-2024-07-12-2024-1742" class="text-white fs-5 d-block stretched-link">Stand à Glisy (80440)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 04/12/2024 au 07/12/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/10/salon-de-lhabitat-et-de-limmobilier-laon-02000-16-11-2024-17-11-2024-1674-7a0cbb4-600x379.jpeg" alt="Salon De L'habitat Et De L'immobilier à Laon (02000) les 16/11/2024 et 17/11/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/10/salon-de-lhabitat-et-de-limmobilier-laon-02000-16-11-2024-17-11-2024-1674-7a0cbb4-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/jpeg" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/10/salon-de-lhabitat-et-de-limmobilier-laon-02000-16-11-2024-17-11-2024-1674-7a0cbb4-600x379.jpeg 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/10/salon-de-lhabitat-et-de-limmobilier-laon-02000-16-11-2024-17-11-2024-1674-7a0cbb4-600x379.jpeg" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Salon De L'habitat Et De L'immobilier à Laon (02000) les 16/11/2024 et 17/11/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Salon de l'habitat et de l'immobilier</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/salon-de-lhabitat-et-de-limmobilier-laon-02000-16-11-2024-17-11-2024-1674" class="text-white fs-5 d-block stretched-link">Salon de l'habitat et de l'immobilier à Laon (02000)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Les 16/11/2024 et 17/11/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/salon-de-lhabitat-et-de-limmobilier-amiens-80000-11-10-2024-13-10-2024-1709-2c3cebc-600x379.jpeg" alt="Salon De L'habitat Et De L'immobilier à Amiens (80000) du 11/10/2024 au 13/10/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/salon-de-lhabitat-et-de-limmobilier-amiens-80000-11-10-2024-13-10-2024-1709-2c3cebc-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/jpeg" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/salon-de-lhabitat-et-de-limmobilier-amiens-80000-11-10-2024-13-10-2024-1709-2c3cebc-600x379.jpeg 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/salon-de-lhabitat-et-de-limmobilier-amiens-80000-11-10-2024-13-10-2024-1709-2c3cebc-600x379.jpeg" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Salon De L'habitat Et De L'immobilier à Amiens (80000) du 11/10/2024 au 13/10/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Salon de l'habitat et de l'immobilier</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/salon-de-lhabitat-et-de-limmobilier-amiens-80000-11-10-2024-13-10-2024-1709" class="text-white fs-5 d-block stretched-link">Salon de l'habitat et de l'immobilier à Amiens (80000)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 11/10/2024 au 13/10/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/foire-exposition-du-compiegnois-margny-les-compiegne-60280-04-10-2024-06-10-2024-1694-21a6fb8-600x379.png" alt="Foire Exposition Du Compiegnois à Margny-lès-compiègne (60280) du 04/10/2024 au 06/10/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/foire-exposition-du-compiegnois-margny-les-compiegne-60280-04-10-2024-06-10-2024-1694-21a6fb8-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/png" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/foire-exposition-du-compiegnois-margny-les-compiegne-60280-04-10-2024-06-10-2024-1694-21a6fb8-600x379.png 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/09/foire-exposition-du-compiegnois-margny-les-compiegne-60280-04-10-2024-06-10-2024-1694-21a6fb8-600x379.png" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Foire Exposition Du Compiegnois à Margny-lès-compiègne (60280) du 04/10/2024 au 06/10/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Foire exposition du compiegnois</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/foire-exposition-du-compiegnois-margny-les-compiegne-60280-04-10-2024-06-10-2024-1694" class="text-white fs-5 d-block stretched-link">Foire exposition du compiegnois à Margny-lès-Compiègne (60280)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 04/10/2024 au 06/10/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/salon-de-lhabitat-et-de-limmobilier-chantilly-60500-27-09-2024-29-09-2024-1692-cd32b66-600x379.jpeg" alt="Salon De L'habitat Et De L'immobilier à Chantilly (60500) du 27/09/2024 au 29/09/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/salon-de-lhabitat-et-de-limmobilier-chantilly-60500-27-09-2024-29-09-2024-1692-cd32b66-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/jpeg" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/salon-de-lhabitat-et-de-limmobilier-chantilly-60500-27-09-2024-29-09-2024-1692-cd32b66-600x379.jpeg 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/salon-de-lhabitat-et-de-limmobilier-chantilly-60500-27-09-2024-29-09-2024-1692-cd32b66-600x379.jpeg" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Salon De L'habitat Et De L'immobilier à Chantilly (60500) du 27/09/2024 au 29/09/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Salon de l'habitat et de l'immobilier</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/salon-de-lhabitat-et-de-limmobilier-chantilly-60500-27-09-2024-29-09-2024-1692" class="text-white fs-5 d-block stretched-link">Salon de l'habitat et de l'immobilier à Chantilly (60500)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 27/09/2024 au 29/09/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/festival-expo-beauvais-60000-13-09-2024-15-09-2024-1702-ee328b5-600x379.png" alt="Festival Expo à Beauvais (60000) du 13/09/2024 au 15/09/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/festival-expo-beauvais-60000-13-09-2024-15-09-2024-1702-ee328b5-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/png" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/festival-expo-beauvais-60000-13-09-2024-15-09-2024-1702-ee328b5-600x379.png 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/08/festival-expo-beauvais-60000-13-09-2024-15-09-2024-1702-ee328b5-600x379.png" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Festival Expo à Beauvais (60000) du 13/09/2024 au 15/09/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Festival expo</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/festival-expo-beauvais-60000-13-09-2024-15-09-2024-1702" class="text-white fs-5 d-block stretched-link">Festival expo à Beauvais (60000)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 13/09/2024 au 15/09/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-chauny-02300-06-07-2024-07-07-2024-1707-1e078a5-600x379.png" alt="Portes Ouvertes à Chauny (02300) les 06/07/2024 et 07/07/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-chauny-02300-06-07-2024-07-07-2024-1707-1e078a5-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/png" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-chauny-02300-06-07-2024-07-07-2024-1707-1e078a5-600x379.png 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-chauny-02300-06-07-2024-07-07-2024-1707-1e078a5-600x379.png" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Portes Ouvertes à Chauny (02300) les 06/07/2024 et 07/07/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Portes ouvertes</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/portes-ouvertes-chauny-02300-06-07-2024-07-07-2024-1707" class="text-white fs-5 d-block stretched-link">Portes ouvertes à Chauny (02300)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Les 06/07/2024 et 07/07/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-oneux-80135-29-06-2024-30-06-2024-1708-9bdb30b-600x379.png" alt="Portes Ouvertes à Oneux (80135) les 29/06/2024 et 30/06/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-oneux-80135-29-06-2024-30-06-2024-1708-9bdb30b-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/png" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-oneux-80135-29-06-2024-30-06-2024-1708-9bdb30b-600x379.png 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/portes-ouvertes-oneux-80135-29-06-2024-30-06-2024-1708-9bdb30b-600x379.png" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Portes Ouvertes à Oneux (80135) les 29/06/2024 et 30/06/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Portes ouvertes</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/portes-ouvertes-oneux-80135-29-06-2024-30-06-2024-1708" class="text-white fs-5 d-block stretched-link">Portes ouvertes à Oneux (80135)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Les 29/06/2024 et 30/06/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/salon-de-lhabitat-dury-80480-10-06-2024-15-06-2024-1696-6f32ec6-600x379.jpeg" alt="Salon De L'habitat à Dury (80480) du 10/06/2024 au 15/06/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/salon-de-lhabitat-dury-80480-10-06-2024-15-06-2024-1696-6f32ec6-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/jpeg" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/salon-de-lhabitat-dury-80480-10-06-2024-15-06-2024-1696-6f32ec6-600x379.jpeg 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/06/salon-de-lhabitat-dury-80480-10-06-2024-15-06-2024-1696-6f32ec6-600x379.jpeg" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Salon De L'habitat à Dury (80480) du 10/06/2024 au 15/06/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Salon de l'habitat</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/salon-de-lhabitat-dury-80480-10-06-2024-15-06-2024-1696" class="text-white fs-5 d-block stretched-link">Salon de l'habitat à Dury (80480)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 10/06/2024 au 15/06/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide position-relative overflow-hidden animate img-animate">
        <div class="image position-relative overflow-hidden">
          <picture><noscript><img class="w-100 h-100 animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/02/salon-de-lhabitat-soissons-02200-31-05-2024-02-06-2024-1672-77462e8-600x379.png" alt="Salon De L'habitat à Soissons (02200) du 31/05/2024 au 02/06/2024" width="600" height="379"  ></noscript><source type="image/webp" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/02/salon-de-lhabitat-soissons-02200-31-05-2024-02-06-2024-1672-77462e8-600x379.webp 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><source type="image/png" data-srcset="https://manager.groupe-bdl.com/web-content/img/actualites/2024/02/salon-de-lhabitat-soissons-02200-31-05-2024-02-06-2024-1672-77462e8-600x379.png 600w" data-aspectratio="1.5831134564644" data-sizes="auto" width="600" height="379" /><img class="w-100 h-100 animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/actualites/2024/02/salon-de-lhabitat-soissons-02200-31-05-2024-02-06-2024-1672-77462e8-600x379.png" data-aspectratio="1.5831134564644" data-sizes="auto" alt="Salon De L'habitat à Soissons (02200) du 31/05/2024 au 02/06/2024" width="600" height="379"  ></picture>          <div class="bg-dark bg-opacity-50 bg-gradient position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
                <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column align-items-start p-4 text-start">
          <div class="mt-auto w-100">
            <span class="bg-accent text-uppercase small px-1 animate me-2">Salon de l'habitat</span>
          </div>
          <div class="align-self-end w-100">
            <a href="https://www.residencespicardes.fr/actualites/salon-de-lhabitat-soissons-02200-31-05-2024-02-06-2024-1672" class="text-white fs-5 d-block stretched-link">Salon de l'habitat à Soissons (02200)</a>
            <span class="d-block text-white fw-normal small mb-0"><small>Du 31/05/2024 au 02/06/2024</small></span>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
      </ul>
  <div class="swiper-pagination animate"></div>
  <div class="swiper-button-next animate"></div>
  <div class="swiper-button-prev animate"></div>
</div>
        <div class="d-flex justify-content-center">
          <a class="btn btn-primary text-truncate m-3" href="https://www.residencespicardes.fr/actualites">Voir toutes les actualités</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pt-5">
  <div class="container-xl">
    <div class="row align-items-center justify-content-center text-center mb-xl-5" id="project">
      <div class="col-xl-10">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info m-3">votre projet de construction</span>
        <h2 class="h1">Choisir le premier constructeur régional de maisons en Picardie</h2>
        <p class="lead text-secondary">
          Vous avez le projet de <strong>faire construire votre maison</strong>&nbsp;? <span class="fw-bold">Résidences Picardes s'occupe de tout&nbsp;!</span><br>
          Nous réalisons votre <span class="fw-bold">maison fidèle à vos attentes</span>, de l'intérieur aux extérieurs.
        </p>
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="row align-items-center">
      <div class="col-xl-3 col-xxl-2">
        <ul class="list-unstyled row g-2 align-items-center justify-content-center">
          <li class="col-sm-6 col-md-4 col-xl-auto">
            <button class="btn btn-shortcut border lh-1 p-0 d-flex overflow-hidden w-100" role="button" data-toggle="link" data-href="https://www.residencespicardes.fr/terrains-a-batir" data-target="self">
              <i class="icon-ground display-5 lh-1 p-3"></i>
              <div class="border-start d-flex align-self-stretch text-start px-3">
                <span class="text-secondary my-auto me-5">Choix du terrain constructible</span>
              </div>
            </button>
          </li>
          <li class="col-sm-6 col-md-4 col-xl-auto">
            <button class="btn btn-shortcut border lh-1 p-0 d-flex overflow-hidden w-100" role="button" data-toggle="link" data-href="https://www.residencespicardes.fr/modeles-de-maisons" data-target="self">
              <i class="icon-model display-5 lh-1 p-3"></i>
              <div class="border-start d-flex align-self-stretch text-start px-3">
                <span class="text-secondary my-auto me-5">Conception des plans de maison</span>
              </div>
            </button>
          </li>
          <li class="col-sm-6 col-md-4 col-xl-auto">
            <button class="btn btn-shortcut border lh-1 p-0 d-flex overflow-hidden w-100" role="button" data-toggle="link" data-href="https://www.residencespicardes.fr/financer-mon-projet-maison" data-target="self">
              <i class="icon-calc display-5 lh-1 p-3"></i>
              <div class="border-start d-flex align-self-stretch text-start px-3">
                <span class="text-secondary my-auto me-5">Financement de votre projet</span>
              </div>
            </button>
          </li>
          <li class="col-sm-6 col-md-4 col-xl-auto">
            <button class="btn btn-shortcut border lh-1 p-0 d-flex overflow-hidden w-100" role="button" data-toggle="link" data-href="https://www.residencespicardes.fr/cuisine-amenagements-interieurs" data-target="self">
              <i class="icon-custom display-5 lh-1 p-3"></i>
              <div class="border-start d-flex align-self-stretch text-start px-3">
                <span class="text-secondary my-auto me-5">Votre cuisine & salle de bains</span>
              </div>
            </button>
          </li>
          <li class="col-sm-6 col-md-4 col-xl-auto">
            <button class="btn btn-shortcut border lh-1 p-0 d-flex overflow-hidden w-100" role="button" data-toggle="link" data-href="https://www.residencespicardes.fr/assainissement-amenagements-exterieurs" data-target="self">
              <i class="icon-fence display-5 lh-1 p-3"></i>
              <div class="border-start d-flex align-self-stretch text-start px-3">
                <span class="text-secondary my-auto me-5">Vos aménagements extérieurs</span>
              </div>
            </button>
          </li>
        </ul>
      </div>
      <div class="col-xl-3 col-xxl-3 text-center">
        <div class="position-relative m-5">
          <span class="h4 d-block text-secondary mb-5">Votre maison clé en main <i class="icon-key display-5"></i></span>
          <i class="d-block icon-insurance"></i>
          <a href="https://www.residencespicardes.fr/les-garanties-residences-picardes" class="h4 d-block">Garantie constructeur 10 ans&nbsp;!</a>
        </div>
      </div>
      <div class="col-xl-6 col-xxl-7">
        <iframe class="border-0 w-100 lazyload" data-src="https://mon.plan3d.immo/3dhd/s/residences-picardes-bdl-pc_23#virtual" width="100%" height="600" allowfullscreen="" loading="lazy" title="Plan 3D maison Résidences Picardes"></iframe>
      </div>
    </div>
  </div>
</section>

<div class="position-relative w-100 mt-5">
  <button type="button" class="border-0 bg-transparent link-dark position-absolute bottom-0 start-50 translate-middle-x bg scroller pt-3 text-center lazyload scroll" data-background="https://www.residencespicardes.fr/assets/img/misc/bg-scroller-l-218x62.png" target="#plans" aria-label="Suivant"><i class="icon-down fs-3 lh-1"></i></button>
</div>
<section class="bg-light">
  <div class="container-xl">
    <div class="row align-items-center justify-content-center text-center mb-xl-5" id="plans">
      <div class="col-xl-10">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info m-3">votre future maison</span>
        <h2 class="h1">Vos plans de maison</h2>
        <p class="lead text-secondary">
          Nous mettons à votre disposition tous nos <a href="https://www.residencespicardes.fr/modeles-de-maisons">plans de maisons</a> personnalisables d'intérieur et d'extérieur, conformes à la dernière réglementation thermique en vigueur et modifiables aux normes PMR.<br>
          <br>
          <a href="https://www.residencespicardes.fr/modeles-de-maisons/primo-accedant">Primo accédant</a> ou <a href="https://www.residencespicardes.fr/modeles-de-maisons/secundo-accedant">secundo accédant</a>, <a href="https://www.residencespicardes.fr/modeles-de-maisons/locatives">gamme investisseur</a>, <a href="https://www.residencespicardes.fr/modeles-de-maisons/senior">gamme sénior</a>&nbsp;: <span class="fw-bold">créez la maison adaptée à vos besoins parmi nos 128 modèles de référence de notre catalogue.</span>
        </p>
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="position-relative row g-3 d-flex align-items-stretch h-100">
      <div class="glass-effect d-none d-md-block start-0 bottom-50"></div>
      <div class="col-lg-4 col-xl-5 col-xxl-6 position-relative animate img-animate">
        <div class="position-relative overflow-hidden h-100">
          <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-plain-pied-855x419.jpg" alt="Plans de maisons plain-pied" width="855" height="419"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-plain-pied-855x419.webp 855w" data-aspectratio="2.0405727923628" data-sizes="auto" width="855" height="419" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-plain-pied-855x419.jpg 855w" data-aspectratio="2.0405727923628" data-sizes="auto" width="855" height="419" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-plain-pied-855x419.jpg" data-aspectratio="2.0405727923628" data-sizes="auto" alt="Plans de maisons plain-pied" width="855" height="419"  ></picture>          <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
        <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
          <div class="position-absolute end-0 top-0 text-end text-white m-4">
            <i class="icon-model display-5 lh-1 text-shadow"></i>
          </div>
          <div class="mt-auto w-100 px-lg-5 py-lg-4">
            <a href="https://www.residencespicardes.fr/modeles-de-maisons/plain-pied" class="text-white text-shadow d-block stretched-link">
              <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
              <span class="text-uppercase h3">Plain-pied</span>
            </a>
          </div>
        </div>
      </div>
      <div class="col-lg-8 col-xl-7 col-xxl-6 position-relative h-100">
        <div class="row g-3 d-flex align-items-stretch h-100">
          <div class="col-sm-6 position-relative animate img-animate">
            <div class="position-relative overflow-hidden h-100">
              <picture><noscript><img class="w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-sur-mesure-412x202.jpg" alt="Plans de maisons sur-mesure" width="412" height="202"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-sur-mesure-412x202.webp 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-sur-mesure-412x202.jpg 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><img class="w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-sur-mesure-412x202.jpg" data-aspectratio="2.039603960396" data-sizes="auto" alt="Plans de maisons sur-mesure" width="412" height="202"  ></picture>              <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
            </div>
            <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
              <div class="position-absolute end-0 top-0 text-end text-white m-4">
                <i class="icon-model display-5 lh-1 text-shadow"></i>
              </div>
              <div class="mt-auto w-100 px-lg-5 py-lg-4">
                <a href="https://www.residencespicardes.fr/modeles-de-maisons/sur-mesure" class="text-white text-shadow d-block stretched-link">
                  <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
                  <span class="text-uppercase h3">Sur-mesure</span>
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 position-relative animate img-animate">
            <div class="position-relative overflow-hidden h-100">
              <picture><noscript><img class="w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-r1-412x202.jpg" alt="Plans de maisons R+1" width="412" height="202"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-r1-412x202.webp 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-r1-412x202.jpg 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><img class="w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-r1-412x202.jpg" data-aspectratio="2.039603960396" data-sizes="auto" alt="Plans de maisons R+1" width="412" height="202"  ></picture>              <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
            </div>
            <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
              <div class="position-absolute end-0 top-0 text-end text-white m-4">
                <i class="icon-model display-5 lh-1 text-shadow"></i>
              </div>
              <div class="mt-auto w-100 px-lg-5 py-lg-4">
                <a href="https://www.residencespicardes.fr/modeles-de-maisons/r1" class="text-white text-shadow d-block stretched-link">
                  <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
                  <span class="text-uppercase h3">R+1</span>
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 position-relative animate img-animate">
            <div class="position-relative overflow-hidden h-100">
              <picture><noscript><img class="w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-cubiques-412x202.jpg" alt="Plans de maisons cubiques" width="412" height="202"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-cubiques-412x202.webp 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-cubiques-412x202.jpg 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><img class="w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-cubiques-412x202.jpg" data-aspectratio="2.039603960396" data-sizes="auto" alt="Plans de maisons cubiques" width="412" height="202"  ></picture>              <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
            </div>
            <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
              <div class="position-absolute end-0 top-0 text-end text-white m-4">
                <i class="icon-model display-5 lh-1 text-shadow"></i>
              </div>
              <div class="mt-auto w-100 px-lg-5 py-lg-4">
                <a href="https://www.residencespicardes.fr/modeles-de-maisons/cubiques" class="text-white text-shadow d-block stretched-link">
                  <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
                  <span class="text-uppercase h3">Cubiques</span>
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 position-relative animate img-animate">
            <div class="position-relative overflow-hidden h-100">
              <picture><noscript><img class="w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-traditionnels-412x202.jpg" alt="Plans de maisons traditionnels" width="412" height="202"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-traditionnels-412x202.webp 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-traditionnels-412x202.jpg 412w" data-aspectratio="2.039603960396" data-sizes="auto" width="412" height="202" /><img class="w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-traditionnels-412x202.jpg" data-aspectratio="2.039603960396" data-sizes="auto" alt="Plans de maisons traditionnels" width="412" height="202"  ></picture>              <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
            </div>
            <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
              <div class="position-absolute end-0 top-0 text-end text-white m-4">
                <i class="icon-model display-5 lh-1 text-shadow"></i>
              </div>
              <div class="mt-auto w-100 px-lg-5 py-lg-4">
                <a href="https://www.residencespicardes.fr/modeles-de-maisons/traditionnelles" class="text-white text-shadow d-block stretched-link">
                  <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
                  <span class="text-uppercase h3">Traditionnels</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-5 col-xl-5 col-xxl-6 position-relative animate img-animate order-lg-4">
        <div class="position-relative overflow-hidden h-100">
          <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-a-etage-855x419.jpg" alt="Plans de maisons à étage" width="855" height="419"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-a-etage-855x419.webp 855w" data-aspectratio="2.0405727923628" data-sizes="auto" width="855" height="419" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-a-etage-855x419.jpg 855w" data-aspectratio="2.0405727923628" data-sizes="auto" width="855" height="419" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/plans-maisons/plans-maisons-a-etage-855x419.jpg" data-aspectratio="2.0405727923628" data-sizes="auto" alt="Plans de maisons à étage" width="855" height="419"  ></picture>          <div class="bg-dark bg-opacity-25 position-absolute top-0 start-0 h-100 w-100"></div>
        </div>
        <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-4 text-start">
          <div class="position-absolute end-0 top-0 text-end text-white m-4">
            <i class="icon-model display-5 lh-1 text-shadow"></i>
          </div>
          <div class="mt-auto w-100 px-lg-5 py-lg-4">
            <a href="https://www.residencespicardes.fr/modeles-de-maisons/a-etage" class="text-white text-shadow d-block stretched-link">
              <span class="d-block text-white fw-normal mb-2">Plans de maisons</span>
              <span class="text-uppercase h3">À étage</span>
            </a>
          </div>
        </div>
      </div>
      <div class="col-lg-7 col-xl-7 col-xxl-6 position-relative animate order-lg-3">
        <div class="position-relative overflow-hidden h-100 border border-dark d-flex flex-column p-3 justify-content-center align-items-center">
          <span class="h3 d-block text-center">Rechercher des modèles de maison</span>
          
<form class="d-block position-relative w-100" name="qhmsForm" method="post" action="https://www.residencespicardes.fr/modeles-de-maisons" role="search">
  <div class="processing"><div class="preloader d-flex"><div class="spinner-border text-primary m-auto" role="status"><span class="visually-hidden">Chargement...</span></div></div></div>
  <div class="load">
    <div class="row g-0 g-sm-3 align-items-center mb-4">
      <div class="col-md-6 col-lg-12 col-xl-6">
        <div class="row g-0 g-sm-3 align-items-center">
          <label for="qhmsf-chamber26787606b8bafd" class="col-sm-3 col-form-label text-sm-end">Chambres</label>
          <div class="col-sm-9 d-flex flex-wrap">
            <input type="checkbox" class="btn-check" name="chambers[]" id="qhmsf-chamber26787606b8bafd" value="2" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-chamber26787606b8bafd">2</label>
            <input type="checkbox" class="btn-check" name="chambers[]" id="qhmsf-chamber36787606b8bafd" value="3" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-chamber36787606b8bafd">3</label>
            <input type="checkbox" class="btn-check" name="chambers[]" id="qhmsf-chamber46787606b8bafd" value="4" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-chamber46787606b8bafd">4&nbsp;+</label>
          </div>
          <label for="qhmsf-type16787606b8bafd" class="col-sm-3 col-form-label text-sm-end">Type</label>
          <div class="col-sm-9 d-flex flex-wrap">
            <input type="checkbox" class="btn-check oneonly" name="type" id="qhmsf-type16787606b8bafd" value="plain-pied" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-type16787606b8bafd">plain-pied</label>
            <input type="checkbox" class="btn-check oneonly" name="type" id="qhmsf-type26787606b8bafd" value="a-etage" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-type26787606b8bafd">à étage</label>
            <input type="checkbox" class="btn-check oneonly" name="type" id="qhmsf-type36787606b8bafd" value="r1" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-type36787606b8bafd">R+1</label>
          </div>
          <label class="col-sm-3 col-form-label text-sm-end">Surface</label>
          <div class="col-sm-9">
            <div class="px-3">
              <input type="hidden" name="surface_min" value="55">
              <input type="hidden" name="surface_max" value="150">
              <div class="surface-range"></div>
              <p class="text-center text-sub mt-2 mb-0">
                De <span class="surface-value-min fw-bold text-primary"></span>
                à <span class="surface-value-max fw-bold text-primary"></span>
              </p>
              <input type="hidden" name="surface_from" value="" />
              <input type="hidden" name="surface_to" value="" />
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-12 col-xl-6">
        <div class="row g-0 g-sm-3 align-items-center">
          <label for="qhmsf-bathrooms16787606b8bafd" class="col-sm-3 col-form-label text-sm-end">Sd. bains</label>
          <div class="col-sm-9 d-flex flex-wrap">
            <input type="checkbox" class="btn-check" name="bathrooms[]" id="qhmsf-bathrooms16787606b8bafd" value="1" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-bathrooms16787606b8bafd">1</label>
            <input type="checkbox" class="btn-check" name="bathrooms[]" id="qhmsf-bathrooms26787606b8bafd" value="2" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-bathrooms26787606b8bafd">2&nbsp;+</label>
          </div>
          <label for="qhmsf-garage16787606b8bafd" class="col-sm-3 col-form-label text-sm-end">Garage</label>
          <div class="col-sm-9 d-flex flex-wrap">
            <input type="checkbox" class="btn-check oneonly" name="garage" id="qhmsf-garage16787606b8bafd" value="1" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-garage16787606b8bafd">Inclus</label>
            <input type="checkbox" class="btn-check oneonly" name="garage" id="qhmsf-garage26787606b8bafd" value="0" autocomplete="off">
            <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="qhmsf-garage26787606b8bafd">En option</label>
          </div>
          <label class="col-sm-3 col-form-label text-sm-end">Budget</label>
          <div class="col-sm-9">
            <div class="pe-3">
              <input type="hidden" name="budget_min" value="88700">
              <input type="hidden" name="budget_max" value="250000">
              <div class="budget-range"></div>
              <p class="text-center text-sub mt-2 mb-0">
                <span class="budget-value-min fw-bold text-primary"></span>
              </p>
              <input type="hidden" name="budget_from" value="" />
              <input type="hidden" name="budget_to" value="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="d-flex justify-content-center">
      <button type="submit" class="btn text-truncate btn-primary" id="qhmsf-btn6787606b8bafd">Trouver ma maison</button>
    </div>
  </div>
</form>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bg-light pb-5">
  <div class="container-fluid">
    <div class="row align-items-center justify-content-center text-center text-xl-start mb-xl-5">
      <div class="col-xl-8 mb-5 mb-xl-0">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info my-3">nos dernières annonces</span>
        <h2 class="h1">Nos terrains à vendre</h2>
        <div class="row align-items-center mb-4">
          <div class="col-xl-8 col-xxl-7">
            <p class="lead text-secondary">
              Nous avons constitué un vaste <span class="fw-bold">réseau de partenaires fonciers</span> afin de pouvoir vous proposer au quotidien une liste de <a href="https://www.residencespicardes.fr/terrains-a-batir">terrains constructibles</a> sans cesse actualisée par nos agences.
            </p>
          </div>
          <div class="col-xl-auto offset-xxl-1">
            <button type="button" data-toggle="link" data-href="https://www.residencespicardes.fr/terrains-a-batir" data-target="self" class="btn btn-primary text-truncate">Voir nos 3&nbsp;312 terrains</button>
          </div>
        </div>
        
<div class="position-relative swiper-carousel grounds pb-3" data-plugin-options="{ 'slidesPerView': 1, 'spaceBetween': 30, 'loop': false, 'breakpoints': { '1': { 'slidesPerView': 1 }, '575': { 'slidesPerView': 2 }, '768': { 'slidesPerView': 2 }, '992': { 'slidesPerView': 3 }, '1200': { 'slidesPerView': 2 }, '1400': { 'slidesPerView': 3 } } }">
  <ul class="swiper-wrapper list-unstyled text-start">
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">01/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/wingles-62410-68618" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Wingles</span> (62410)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              27&nbsp;693&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>PAS-DE-CALAIS 62</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68618" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">02/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/wingles-62410-68617" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Wingles</span> (62410)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              25&nbsp;934&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>PAS-DE-CALAIS 62</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68617" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">03/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/curchy-80190-29675" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Curchy</span> (80190)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              40&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="29675" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">04/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/curchy-80190-34776" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Curchy</span> (80190)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              40&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="34776" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">05/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/brie-80-80200-53556" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Brie</span> (80200)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              33&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="53556" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">06/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/brie-80-80200-53553" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Brie</span> (80200)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              33&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="53553" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">07/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/brie-80-80200-53552" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Brie</span> (80200)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              32&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="53552" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">08/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/brie-80-80200-53551" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Brie</span> (80200)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              33&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="53551" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">09/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/bouchavesnes-bergen-80200-58433" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Bouchavesnes-Bergen</span> (80200)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              30&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="58433" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">10/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/billancourt-80190-44736" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Billancourt</span> (80190)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              28&nbsp;200&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="44736" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">11/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/ablaincourt-pressoir-80320-55720" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Ablaincourt-Pressoir</span> (80320)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              20&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="55720" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">12/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/bosc-le-hard-76850-68610" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Bosc-le-Hard</span> (76850)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              49&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68610" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">13/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/barentin-76360-68609" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Barentin</span> (76360)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              86&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68609" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">14/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/sainte-marguerite-sur-duclair-76480-68608" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Sainte-Marguerite-sur-Duclair</span> (76480)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              69&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68608" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">15/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/mesnil-panneville-76570-68607" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Mesnil-Panneville</span> (76570)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              93&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68607" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">16/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/malaunay-76770-68606" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Malaunay</span> (76770)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              89&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68606" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">17/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/trait-76580-68605" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Le Trait</span> (76580)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              107&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68605" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">18/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/yerville-76760-68604" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Yerville</span> (76760)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              59&nbsp;000&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68604" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">19/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/houlme-76770-68603" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Le Houlme</span> (76770)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              69&nbsp;900&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68603" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate border bg-white">
        <div class="position-relative p-3">
          <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">20/<small>20</small></div>
          <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>          <div class="d-flex align-items-end">
            <div class="flex-grow-1 w-75">
              <a href="https://www.residencespicardes.fr/terrains-a-batir/cleres-76690-68602" class="stretched-link link-dark text-truncate">
                <span class="small d-block text-uppercase text-secondary mb-2">Terrain constructible</span> <span class="d-block text-dark mb-4">à <span class="text-primary city">Clères</span> (76690)</span>
              </a>
            </div>
            <div class="position-relative overflow-hidden ms-3 mb-n3">
              <i class="icon-ground text-dark display-5 lh-1"></i>
            </div>
          </div>
          <div class="d-flex align-items-end justify-content-between">
            <div class="text-grey pe-2 fs-5 price">
              69&nbsp;500&nbsp;&euro;            </div>
            <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
          </div>
        </div>
        <div class="position-absolute end-0 top-0 animate add zindex-1">
          <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="ground" data-ref="68602" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
        </div>
      </li>
      </ul>
  <div class="swiper-pagination animate"></div>
</div>
      </div>
      <div class="col-lg-6 col-xl-4">
        <div class="position-relative overflow-hidden h-100 border border-dark d-flex flex-column p-3 justify-content-center align-items-center">
          <span class="h3 d-block text-center">Recevoir chaque semaine nos dernières offres</span>
          
<form class="d-block position-relative w-100" name="oaForm" method="post" role="form" id="oaForm">
  <div class="processing"><div class="preloader d-flex"><div class="spinner-border text-primary m-auto" role="status"><span class="visually-hidden">Chargement...</span></div></div></div>
  <div class="load">
    <input type="hidden" name="choice" value="subscribe">
    <div class="row g-0 g-sm-3 align-items-center mb-4">
      <label for="oaf-dep02" class="col-sm-3 col-form-label text-sm-end">Dptment.</label>
      <div class="col-sm-9 d-flex flex-wrap">
                  <input type="radio" class="btn-check" name="department" id="oaf-dep02" value="02" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="oaf-dep02">02</label>
                  <input type="radio" class="btn-check" name="department" id="oaf-dep60" value="60" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="oaf-dep60">60</label>
                  <input type="radio" class="btn-check" name="department" id="oaf-dep62" value="62" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="oaf-dep62">62</label>
                  <input type="radio" class="btn-check" name="department" id="oaf-dep76" value="76" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="oaf-dep76">76</label>
                  <input type="radio" class="btn-check" name="department" id="oaf-dep80" value="80" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="oaf-dep80">80</label>
              </div>
      <label for="oaf-email" class="col-sm-3 col-form-label text-sm-end">Email</label>
      <div class="col-sm-9">
        <input type="text" class="form-control email" id="oaf-email" name="email" aria-label="Votre adresse mail" placeholder="Votre adresse mail">
      </div>
    </div>
    <div class="d-flex justify-content-center">
      <button type="submit" class="btn text-truncate btn-primary m-1" data-choice="subscribe">Créer une alerte</button>
          </div>
    <div class="clearfix mt-2 small">
      <input type="hidden" name="recaptcha3" value="6Lc3PG0eAAAAADIiWE-TusgIxm9N1vfcZhCwkb77">
      <span class="d-block text-center small">
        <small class="mb-2 mr-2 text-black-50">protection par reCAPTCHA</small>
        <button type="button" data-toggle="link" data-href="https://policies.google.com/privacy?hl=fr" class="p-0 m-0 bg-transparent border-0 small link-primary">Confidentialité</button> <small class="mb-2 mr-2 text-black-50">-</small> <button type="button" data-toggle="link" data-href="https://policies.google.com/terms?hl=fr" class="p-0 m-0 bg-transparent border-0 small link-primary">Conditions</button>
      </span>
    </div>
  </div>
</form>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bg-light pt-0">
  <div class="container-fluid">
    <div class="row align-items-center justify-content-center text-center text-xl-start mb-xl-5">
      <div class="col-xl-8 mb-5 mb-xl-0">
        <h2 class="h1">Nos maisons clé en main</h2>
        <div class="row align-items-center mb-4">
          <div class="col-xl-8 col-xxl-7">
            <p class="lead text-secondary">
              Nos agences vous confectionnent des <span class="fw-bold">solutions clés en main</span> avec nos <a href="https://www.residencespicardes.fr/offres-maison-et-terrain">offres maisons et terrains</a> tout-en-un comprenant la construction de votre future maison sur un terrain à bâtir incluant les frais annexes.
            </p>
          </div>
          <div class="col-xl-auto offset-xxl-1">
            <button type="button" data-toggle="link" data-href="https://www.residencespicardes.fr/offres-maison-et-terrain" data-target="self" class="btn btn-primary text-truncate">Voir nos 336 offres</button>
          </div>
        </div>
        
<div class="position-relative swiper-carousel offers pb-3" data-plugin-options="{ 'slidesPerView': 1, 'spaceBetween': 30, 'loop': false, 'breakpoints': { '1': { 'slidesPerView': 1 }, '575': { 'slidesPerView': 2 }, '768': { 'slidesPerView': 2 }, '992': { 'slidesPerView': 3 }, '1200': { 'slidesPerView': 2 }, '1400': { 'slidesPerView': 3 } } }">
  <ul class="swiper-wrapper list-unstyled text-start">
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-saint-quentin-la-motte-croix-au-bailly-80880-pour-205000-euros-4502563-591c2ba-300x169.png" alt="Construction de maison à Saint-Quentin-la-Motte-Croix-au-Bailly" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-saint-quentin-la-motte-croix-au-bailly-80880-pour-205000-euros-4502563-591c2ba-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Saint-Quentin-la-Motte-Croix-au-Bailly" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">01/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-saint-quentin-la-motte-croix-au-bailly-80880-pour-205000-euros-4502563" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Saint-Quentin-la-Motte-Croix-au-Bailly</span> (80880)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Saint-Quentin-la-Motte-Croix-au-Bailly.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                205&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="200581" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-254000-euros-4505965-2f36309-300x169.png" alt="Construction de maison à Flocques" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-254000-euros-4505965-2f36309-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Flocques" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">02/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-flocques-76260-pour-254000-euros-4505965" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Flocques</span> (76260)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Flocques.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                254&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="192469" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-223000-euros-4505963-738bcb9-300x169.png" alt="Construction de maison à Flocques" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-223000-euros-4505963-738bcb9-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Flocques" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">03/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-flocques-76260-pour-223000-euros-4505963" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Flocques</span> (76260)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Flocques.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                223&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="192470" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-216000-euros-4505961-79a118f-300x169.png" alt="Construction de maison à Flocques" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-flocques-76260-pour-216000-euros-4505961-79a118f-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Flocques" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">04/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-flocques-76260-pour-216000-euros-4505961" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Flocques</span> (76260)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Flocques.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                216&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SEINE MARITIME 76</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="192471" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-fouilloy-80800-pour-2321013-euros-4535655-605a8ac-300x169.png" alt="Construction de maison à Fouilloy" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-fouilloy-80800-pour-2321013-euros-4535655-605a8ac-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Fouilloy" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">05/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-fouilloy-80800-pour-2321013-euros-4535655" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Fouilloy</span> (80800)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Fouilloy.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                232&nbsp;101&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="200970" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-fouilloy-80800-pour-1703115-euros-4535674-d3a20ec-300x169.jpg" alt="Construction de maison à Fouilloy" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-fouilloy-80800-pour-1703115-euros-4535674-d3a20ec-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Fouilloy" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">06/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-fouilloy-80800-pour-1703115-euros-4535674" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Fouilloy</span> (80800)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Fouilloy.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                170&nbsp;312&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="200971" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-billy-sur-aisne-02200-pour-231086-euros-4530359-3ccd4bc-300x177.jpg" alt="Construction de maison à Billy-sur-Aisne" width="300" height="177"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-billy-sur-aisne-02200-pour-231086-euros-4530359-3ccd4bc-300x177.jpg" data-aspectratio="1.6949152542373" data-sizes="auto" alt="Construction de maison à Billy-sur-Aisne" width="300" height="177"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">07/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-billy-sur-aisne-02200-pour-231086-euros-4530359" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Billy-sur-Aisne</span> (02200)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Billy-sur-Aisne.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                231&nbsp;086&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199676" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-hermies-62147-pour-164100-euros-4530350-ae4ca49-300x169.jpg" alt="Construction de maison à Hermies" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-hermies-62147-pour-164100-euros-4530350-ae4ca49-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Hermies" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">08/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-hermies-62147-pour-164100-euros-4530350" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Hermies</span> (62147)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Hermies.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                164&nbsp;100&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>PAS-DE-CALAIS 62</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199644" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-longueval-80360-pour-212600-euros-4530309-131548c-300x169.jpg" alt="Construction de maison à Longueval" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-longueval-80360-pour-212600-euros-4530309-131548c-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Longueval" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">09/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-longueval-80360-pour-212600-euros-4530309" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Longueval</span> (80360)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Longueval.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                212&nbsp;600&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199645" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-etricourt-manancourt-80360-pour-219800-euros-4530223-52df68f-300x212.jpg" alt="Construction de maison à Étricourt-Manancourt" width="300" height="212"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-etricourt-manancourt-80360-pour-219800-euros-4530223-52df68f-300x212.jpg" data-aspectratio="1.4150943396226" data-sizes="auto" alt="Construction de maison à Étricourt-Manancourt" width="300" height="212"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">10/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-etricourt-manancourt-80360-pour-219800-euros-4530223" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Étricourt-Manancourt</span> (80360)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Étricourt-Manancourt.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                219&nbsp;800&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199646" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-avesnes-les-bapaume-62450-pour-215000-euros-4530143-63f8872-300x150.jpg" alt="Construction de maison à Avesnes-lès-Bapaume" width="300" height="150"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-avesnes-les-bapaume-62450-pour-215000-euros-4530143-63f8872-300x150.jpg" data-aspectratio="2" data-sizes="auto" alt="Construction de maison à Avesnes-lès-Bapaume" width="300" height="150"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">11/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-avesnes-les-bapaume-62450-pour-215000-euros-4530143" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Avesnes-lès-Bapaume</span> (62450)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Avesnes-lès-Bapaume.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                215&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>PAS-DE-CALAIS 62</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199647" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-peronne-80200-pour-230000-euros-4530130-bc15129-300x169.jpg" alt="Construction de maison à Péronne" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-peronne-80200-pour-230000-euros-4530130-bc15129-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Péronne" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">12/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-peronne-80200-pour-230000-euros-4530130" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Péronne</span> (80200)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Péronne.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                230&nbsp;000&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199649" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-oulchy-le-chateau-02210-pour-180605-euros-4525508-796c4c0-300x212.jpg" alt="Construction de maison à Oulchy-le-Château" width="300" height="212"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-oulchy-le-chateau-02210-pour-180605-euros-4525508-796c4c0-300x212.jpg" data-aspectratio="1.4150943396226" data-sizes="auto" alt="Construction de maison à Oulchy-le-Château" width="300" height="212"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">13/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-oulchy-le-chateau-02210-pour-180605-euros-4525508" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Oulchy-le-Château</span> (02210)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Oulchy-le-Château.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                180&nbsp;605&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199677" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-billy-sur-aisne-02200-pour-215500-euros-4525501-a3e5a41-300x169.jpg" alt="Construction de maison à Billy-sur-Aisne" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-billy-sur-aisne-02200-pour-215500-euros-4525501-a3e5a41-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Billy-sur-Aisne" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">14/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-billy-sur-aisne-02200-pour-215500-euros-4525501" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Billy-sur-Aisne</span> (02200)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Billy-sur-Aisne.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                215&nbsp;500&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199678" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-bourg-et-comin-02160-pour-253040-euros-4525495-6c2aa02-300x212.jpg" alt="Construction de maison à Bourg-et-Comin" width="300" height="212"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-bourg-et-comin-02160-pour-253040-euros-4525495-6c2aa02-300x212.jpg" data-aspectratio="1.4150943396226" data-sizes="auto" alt="Construction de maison à Bourg-et-Comin" width="300" height="212"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">15/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-bourg-et-comin-02160-pour-253040-euros-4525495" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Bourg-et-Comin</span> (02160)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Bourg-et-Comin.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                253&nbsp;040&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199679" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-pontavert-02160-pour-196940-euros-4525488-357436b-300x169.png" alt="Construction de maison à Pontavert" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-pontavert-02160-pour-196940-euros-4525488-357436b-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Pontavert" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">16/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-pontavert-02160-pour-196940-euros-4525488" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Pontavert</span> (02160)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Pontavert.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                196&nbsp;940&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199680" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-etreillers-02590-pour-203874-euros-4531296-b4c2f63-300x169.png" alt="Construction de maison à Étreillers" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-etreillers-02590-pour-203874-euros-4531296-b4c2f63-300x169.png" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Étreillers" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">17/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-etreillers-02590-pour-203874-euros-4531296" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Étreillers</span> (02590)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Étreillers.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                203&nbsp;874&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199655" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-meaulte-80810-pour-257500-euros-4531261-dd4fd1c-300x169.jpg" alt="Construction de maison à Méaulte" width="300" height="169"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-meaulte-80810-pour-257500-euros-4531261-dd4fd1c-300x169.jpg" data-aspectratio="1.7751479289941" data-sizes="auto" alt="Construction de maison à Méaulte" width="300" height="169"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">18/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-meaulte-80810-pour-257500-euros-4531261" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Méaulte</span> (80810)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Méaulte.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                257&nbsp;500&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>SOMME 80</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199650" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-hirson-02500-pour-152820-euros-4531293-a1f0565-300x212.jpg" alt="Construction de maison à Hirson" width="300" height="212"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-hirson-02500-pour-152820-euros-4531293-a1f0565-300x212.jpg" data-aspectratio="1.4150943396226" data-sizes="auto" alt="Construction de maison à Hirson" width="300" height="212"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">19/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-hirson-02500-pour-152820-euros-4531293" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Hirson</span> (02500)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Hirson.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                152&nbsp;820&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199656" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item wish position-relative overflow-hidden animate img-animate border bg-white">
        <div class="position-relative">
          <div class="picture position-relative overflow-hidden">
            <noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-lehaucourt-02420-pour-214256-euros-4531290-5d8047f-300x246.png" alt="Construction de maison à Lehaucourt" width="300" height="246"  ></noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://manager.groupe-bdl.com/web-content/img/offres-maison-terrain/2025/01/construction-maison-a-lehaucourt-02420-pour-214256-euros-4531290-5d8047f-300x246.png" data-aspectratio="1.219512195122" data-sizes="auto" alt="Construction de maison à Lehaucourt" width="300" height="246"  >          </div>
          <div class="p-3 pt-0">
            <div class="position-relative pb-3 me-n3">
              <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">20/<small>20</small></div>
              <div class="badge rounded-pill bg-danger position-absolute end-0 top-0 me-2 mt-4">Nouveau</div>            </div>
            <div class="d-flex align-items-end">
              <div class="flex-grow-1 w-75">
                <a href="https://www.residencespicardes.fr/offres-maison-et-terrain/construction-maison-a-lehaucourt-02420-pour-214256-euros-4531290" class="stretched-link link-dark text-truncate">
                  <span class="small d-block text-uppercase text-secondary mb-2">Maison + Terrain</span> <span class="d-block text-dark mb-2">à <span class="text-primary city">Lehaucourt</span> (02420)</span>
                </a>
                <div class="desc row align-items-center overflow-hidden mb-4">
                  <span class="col text-grey">
                    Construction de votre maison clé en main à Lehaucourt.
                  </span>
                </div>
              </div>
              <div class="position-relative overflow-hidden ms-3 mb-n3">
                <i class="icon-offer text-dark display-5 lh-1"></i>
              </div>
            </div>
            <div class="d-flex align-items-end justify-content-between">
              <div class="text-grey pe-2 fs-5 price">
                214&nbsp;256&nbsp;&euro;              </div>
              <span class="h6 fw-medium text-uppercase text-dark small my-1"><small>AISNE 02</small></span>
            </div>
          </div>
          <div class="position-absolute end-0 top-0 animate add zindex-1">
            <button role="button" type="button" class="btn btn-danger link-light add-wish" data-type="offer" data-ref="199657" aria-label="Ajouter à mes souhaits" title="Ajouter à mes souhaits"><i class="icon-wish lh-1 fs-4"></i></button>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
      </ul>
  <div class="swiper-pagination animate"></div>
</div>
      </div>
      <div class="col-lg-6 col-xl-4">
        <div class="position-relative overflow-hidden h-100 border border-dark d-flex flex-column p-3 justify-content-center align-items-center">
          <span class="h3 d-block text-center">Trouver plus d'offres</span>
          
<form class="d-block position-relative w-100" name="osForm" method="post" action="https://www.residencespicardes.fr/terrains-a-batir" role="search">
  <div class="processing"><div class="preloader d-flex"><div class="spinner-border text-primary m-auto" role="status"><span class="visually-hidden">Chargement...</span></div></div></div>
  <div class="load">
    <div class="row g-0 g-sm-3 align-items-center mb-4">
      <label for="osf-location" class="col-sm-3 col-form-label text-sm-end">Zone</label>
      <div class="col-sm-9">
        <input type="hidden" name="type">
        <input type="hidden" name="slug">
        <input type="search" class="form-control" id="osf-location" name="location" aria-label="Rerchercher des offres" aria-describedby="osf-btn" placeholder="Ville / CP" autocomplete="off">
      </div>
      <label for="osf-offer1" class="col-sm-3 col-form-label text-sm-end">Type</label>
      <div class="col-sm-9 d-flex flex-wrap">
        <input type="radio" class="btn-check" name="offer" id="osf-offer1" value="https://www.residencespicardes.fr/terrains-a-batir" autocomplete="off" checked>
        <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="osf-offer1">terrain à bâtir</label>
        <input type="radio" class="btn-check" name="offer" id="osf-offer2" value="https://www.residencespicardes.fr/offres-maison-et-terrain" autocomplete="off">
        <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="osf-offer2">maison + Terrain</label>
      </div>
      <label class="col-sm-3 col-form-label text-sm-end">Budget</label>
      <div class="col-sm-9">
        <div class="pe-3">
          <input type="hidden" name="budget_min" value="0">
          <input type="hidden" name="budget_max" value="200000">
          <div class="budget-range"></div>
          <p class="text-center text-sub mt-2 mb-0">
            <span class="budget-value-min fw-bold text-primary"></span>
          </p>
          <input type="hidden" name="budget_from" value="" />
          <input type="hidden" name="budget_to" value="" />
        </div>
      </div>
      <label class="col-sm-3 col-form-label text-sm-end">Superficie</label>
      <div class="col-sm-9">
        <div class="px-3">
          <input type="hidden" name="surface_min" value="0">
          <input type="hidden" name="surface_max" value="1000">
          <div class="surface-range"></div>
          <p class="text-center text-sub mt-2 mb-0">
            De <span class="surface-value-min fw-bold text-primary"></span>
            à <span class="surface-value-max fw-bold text-primary"></span>
          </p>
          <input type="hidden" name="surface_from" value="" />
          <input type="hidden" name="surface_to" value="" />
        </div>
      </div>
    </div>
    <div class="d-flex justify-content-center">
      <button type="submit" class="btn text-truncate btn-primary" id="osf-btn">Trouver mes offres</button>
    </div>
  </div>
</form>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="position-relative bg-light w-100">
  <button type="button" class="border-0 bg-transparent link-dark position-absolute bottom-0 start-50 translate-middle-x bg scroller pt-3 text-center lazyload scroll" data-background="https://www.residencespicardes.fr/assets/img/misc/bg-scroller-w-218x62.png" target="#advices" aria-label="Suivant"><i class="icon-down fs-3 lh-1"></i></button>
</div>
<section>
  <div class="container-fluid">
    <div class="row align-items-center justify-content-center" id="advices">
      <div class="col-xl-6 order-xl-2 text-center text-xl-end mb-5 mb-xl-0">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info my-3">faire construire sa maison</span>
        <h2 class="h1">Nos guides & conseils construction</h2>
        <p class="lead text-secondary mb-4">
          Découvrez nos <span class="fw-bold">articles autour de la construction et sur l'univers de la maison</span> afin de vous éclairer dans vos choix et la compréhension d'un <strong>projet de construction d'une maison individuelle</strong>.
        </p>
        <div class="row align-items-center">
          <div class="col-xl-4 text-center mb-4 mb-xl-0">
            <p class="text-grey">
              Tout l'univers de la construction et de la maison pour vous <span class="fw-bold">accompagner dans vos projets immobiliers</span>.
            </p>
            <div class="d-flex justify-content-center">
              <button type="button" data-toggle="link" data-href="https://www.residencespicardes.fr/blog" data-target="self" class="btn btn-primary text-truncate">Voir tous nos articles</button>
            </div>
          </div>
          <div class="col-xl-8">
            
<div class="position-relative swiper-carousel carousel-dark blogposts pb-3" data-plugin-options="{ 'slidesPerView': 1, 'spaceBetween': 30, 'loop': false, 'breakpoints': { '1': { 'slidesPerView': 1 }, '575': { 'slidesPerView': 1 }, '768': { 'slidesPerView': 2 }, '992': { 'slidesPerView': 2 }, '1200': { 'slidesPerView': 1 }, '1400': { 'slidesPerView': 1 } } }">
  <ul class="swiper-wrapper list-unstyled">
          <li class="swiper-slide slide-item blogpost-item position-relative overflow-hidden animate img-animate border bg-white">
        <div class="row g-0">
          <div class="col-sm-6 position-relative overflow-hidden">
            <picture><noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-600x450.jpg" alt="Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/content/2024/12/assurances-pour-proteger-une-residence-neuve-d254f76-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence" width="600" height="450"  ></picture>                      </div>
          <div class="col-sm-6 p-3">
            <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">01/<small>05</small></div>
            <div class="h-100 w-100 d-flex flex-column align-items-stretch text-start">
              <div class="mt-sm-5 d-block text-truncate">
                <span class="bg-accent text-uppercase small me-2">
                                      <span class="px-1">Assurance</span>
                                  </span>
              </div>
              <span class="my-2 my-sm-4 text-grey small">Le 20/12/2024</span>
              <div class="title d-flex overflow-hidden mb-xl-4">
                <a href="https://www.residencespicardes.fr/blog/les-assurances-essentielles-pour-proteger-votre-nouvelle-residence" class="stretched-link link-dark fs-5 my-auto">Les assurances essentielles pour prot&#233;ger votre nouvelle r&#233;sidence</a>
              </div>
              <div class="desc text-grey small overflow-hidden">
                <p>Prot&#233;gez votre nouvelle r&#233;sidence avec des assurances cl&#233;s : habitation, multirisque, dommages-ouvrage. S&#233;curisez votre investissement et votre s&#233;r&#233;nit&#233; !</p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item blogpost-item position-relative overflow-hidden animate img-animate border bg-white">
        <div class="row g-0">
          <div class="col-sm-6 position-relative overflow-hidden">
            <picture><noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-600x450.jpg" alt="Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/content/2024/12/chambre-a-coucher-moderne-6be9123-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant" width="600" height="450"  ></picture>                      </div>
          <div class="col-sm-6 p-3">
            <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">02/<small>05</small></div>
            <div class="h-100 w-100 d-flex flex-column align-items-stretch text-start">
              <div class="mt-sm-5 d-block text-truncate">
                <span class="bg-accent text-uppercase small me-2">
                                      <span class="px-1">Aménagements intérieurs</span>
                                  </span>
              </div>
              <span class="my-2 my-sm-4 text-grey small">Le 10/12/2024</span>
              <div class="title d-flex overflow-hidden mb-xl-4">
                <a href="https://www.residencespicardes.fr/blog/amenager-sa-chambre-en-2025-confort-deco-et-sommeil-apaisant" class="stretched-link link-dark fs-5 my-auto">Am&#233;nager sa chambre en 2025 : confort, d&#233;co et sommeil apaisant</a>
              </div>
              <div class="desc text-grey small overflow-hidden">
                <p>D&#233;couvrez les tendances 2025 pour une chambre moderne et apaisante : couleurs naturelles, mobilier fonctionnel, et matelas pour un sommeil de qualit&#233;.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item blogpost-item position-relative overflow-hidden animate img-animate border bg-white">
        <div class="row g-0">
          <div class="col-sm-6 position-relative overflow-hidden">
            <picture><noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-600x450.jpg" alt="Les tendances actuelles en carrelage de cuisine pour 2024" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/content/2024/10/tendances-carrelage-cuisine-7f8b33b-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Les tendances actuelles en carrelage de cuisine pour 2024" width="600" height="450"  ></picture>                      </div>
          <div class="col-sm-6 p-3">
            <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">03/<small>05</small></div>
            <div class="h-100 w-100 d-flex flex-column align-items-stretch text-start">
              <div class="mt-sm-5 d-block text-truncate">
                <span class="bg-accent text-uppercase small me-2">
                                      <span class="px-1">Décoration</span>
                                  </span>
              </div>
              <span class="my-2 my-sm-4 text-grey small">Le 21/10/2024</span>
              <div class="title d-flex overflow-hidden mb-xl-4">
                <a href="https://www.residencespicardes.fr/blog/tendances-carrelage-cuisine" class="stretched-link link-dark fs-5 my-auto">Les tendances actuelles en carrelage de cuisine pour 2024</a>
              </div>
              <div class="desc text-grey small overflow-hidden">
                <p>D&#233;couvrez les derni&#232;res tendances en carrelage de cuisine 2024 : styles modernes, couleurs vibrantes et motifs innovants pour un int&#233;rieur tendance.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item blogpost-item position-relative overflow-hidden animate img-animate border bg-white">
        <div class="row g-0">
          <div class="col-sm-6 position-relative overflow-hidden">
            <picture><noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-haut-de-gamme-sur-mesure-9e41719-600x450.jpg" alt="Quel est le prix au m&#178; de la construction d'une maison haut de gamme ?" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-haut-de-gamme-sur-mesure-9e41719-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-haut-de-gamme-sur-mesure-9e41719-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-haut-de-gamme-sur-mesure-9e41719-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Quel est le prix au m&#178; de la construction d'une maison haut de gamme ?" width="600" height="450"  ></picture>                      </div>
          <div class="col-sm-6 p-3">
            <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">04/<small>05</small></div>
            <div class="h-100 w-100 d-flex flex-column align-items-stretch text-start">
              <div class="mt-sm-5 d-block text-truncate">
                <span class="bg-accent text-uppercase small me-2">
                                      <span class="px-1">Construction maison</span>
                                  </span>
              </div>
              <span class="my-2 my-sm-4 text-grey small">Le 14/10/2024</span>
              <div class="title d-flex overflow-hidden mb-xl-4">
                <a href="https://www.residencespicardes.fr/blog/quel-est-le-prix-au-m-de-la-construction-d-une-maison-haut-de-gamme" class="stretched-link link-dark fs-5 my-auto">Quel est le prix au m&#178; de la construction d'une maison haut de gamme ?</a>
              </div>
              <div class="desc text-grey small overflow-hidden">
                <p>Combien co&#251;te la construction d'une maison haut de gamme au m&#178; dans la Somme, l'Oise et l'Aisne, la Seine-Maritime et le Pas-de-Calais ? R&#233;sidences Picardes vous dit tout !</p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
          <li class="swiper-slide slide-item blogpost-item position-relative overflow-hidden animate img-animate border bg-white">
        <div class="row g-0">
          <div class="col-sm-6 position-relative overflow-hidden">
            <picture><noscript><img class="img-fluid w-100 h-100 cover animate swiper-lazy" src="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-familale-f4f834d-600x450.jpg" alt="Maisons familiales aux r&#233;sidences pour seniors : choisir sa demeure" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-familale-f4f834d-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-familale-f4f834d-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="img-fluid w-100 h-100 cover animate swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/content/2024/10/maison-familale-f4f834d-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Maisons familiales aux r&#233;sidences pour seniors : choisir sa demeure" width="600" height="450"  ></picture>                      </div>
          <div class="col-sm-6 p-3">
            <div class="position-absolute top-0 end-0 text-black-50 zindex-1 px-1 fs-6 counter">05/<small>05</small></div>
            <div class="h-100 w-100 d-flex flex-column align-items-stretch text-start">
              <div class="mt-sm-5 d-block text-truncate">
                <span class="bg-accent text-uppercase small me-2">
                                      <span class="px-1">Divers</span>
                                  </span>
              </div>
              <span class="my-2 my-sm-4 text-grey small">Le 14/10/2024</span>
              <div class="title d-flex overflow-hidden mb-xl-4">
                <a href="https://www.residencespicardes.fr/blog/maisons-familiales-aux-residences-pour-seniors-choisir-sa-demeure" class="stretched-link link-dark fs-5 my-auto">Maisons familiales aux r&#233;sidences pour seniors : choisir sa demeure</a>
              </div>
              <div class="desc text-grey small overflow-hidden">
                <p>L'acquisition d'une maison familiale se termine parfois dans une r&#233;sidence pour seniors : nouveaux besoins, style de vie qui &#233;volue... faites un choix judicieux.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-lazy-preloader"></div>
      </li>
      </ul>
  <div class="swiper-pagination animate"></div>
  <div class="swiper-button-next animate"></div>
  <div class="swiper-button-prev animate"></div>
</div>
          </div>
        </div>
      </div>
      <div class="col-xl-6">
        
<ul class="list-unstyled position-relative row g-3 d-flex flex-wrap align-items-stretch h-100">
      <li class="flex-fill col-sm-6 col-lg-4 col-xl-6 col-xxl-6 advice-item position-relative animate img-animate">
      <div class="position-relative overflow-hidden h-100">
        <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-600x450.jpg" alt="Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2023/08/prix-maison-neuve-295eac1-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?" width="600" height="450"  ></picture>        <div class="bg-dark bg-opacity-50 position-absolute top-0 start-0 h-100 w-100"></div>
      </div>
      <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-3 text-start">
        <div class="mt-auto w-100 p-3 infos overflow-hidden">
          <a href="https://www.residencespicardes.fr/conseils/faire-construire-sa-maison-en-2023-quel-prix-et-quel-budget-prevoir" class="stretched-link text-white fs-5 d-block mb-xl-3">Faire construire sa maison en 2024 : quel prix et quel budget pr&#233;voir ?</a>
          <div class="desc row align-items-center overflow-hidden">
            <span class="col text-light small">
              La construction d'une maison neuve en 2024 en Picardie, Seine-Maritime et Pas-de-Calais, n&#233;cessite de conna&#238;tre son budget pr&#233;visionnel. Comment le calculer ?            </span>
          </div>
        </div>
      </div>
                </li>
      <li class="flex-fill col-sm-6 col-lg-4 col-xl-6 col-xxl-6 advice-item position-relative animate img-animate">
      <div class="position-relative overflow-hidden h-100">
        <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2023/02/collecteur-assainissement-3f79ae4-600x450.jpg" alt="Guide de l'assainissement de maison : d&#233;marches et travaux" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/02/collecteur-assainissement-3f79ae4-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2023/02/collecteur-assainissement-3f79ae4-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2023/02/collecteur-assainissement-3f79ae4-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="Guide de l'assainissement de maison : d&#233;marches et travaux" width="600" height="450"  ></picture>        <div class="bg-dark bg-opacity-50 position-absolute top-0 start-0 h-100 w-100"></div>
      </div>
      <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-3 text-start">
        <div class="mt-auto w-100 p-3 infos overflow-hidden">
          <a href="https://www.residencespicardes.fr/conseils/guide-assainissement-maison-demarches-travaux" class="stretched-link text-white fs-5 d-block mb-xl-3">Guide de l'assainissement de maison : d&#233;marches et travaux</a>
          <div class="desc row align-items-center overflow-hidden">
            <span class="col text-light small">
              Dans ce guide, d&#233;couvrez les &#233;tapes n&#233;cessaires pour r&#233;aliser la partie assainissement de votre nouvelle construction : d&#233;marches administratives, travaux d'assainissement...            </span>
          </div>
        </div>
      </div>
                </li>
      <li class="flex-fill col-sm-6 col-lg-4 col-xl-6 col-xxl-6 advice-item position-relative animate img-animate">
      <div class="position-relative overflow-hidden h-100">
        <picture><noscript><img class="cover w-100 h-100 animate" src="https://www.residencespicardes.fr/assets/img/content/2022/04/respecter_la_re2020-5a1e53c-600x450.jpg" alt="La RE2020 expliqu&#233;e aux futurs propri&#233;taires" width="600" height="450"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/content/2022/04/respecter_la_re2020-5a1e53c-600x450.webp 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/content/2022/04/respecter_la_re2020-5a1e53c-600x450.jpg 600w" data-aspectratio="1.3333333333333" data-sizes="auto" width="600" height="450" /><img class="cover w-100 h-100 animate lazyload" data-src="https://www.residencespicardes.fr/assets/img/content/2022/04/respecter_la_re2020-5a1e53c-600x450.jpg" data-aspectratio="1.3333333333333" data-sizes="auto" alt="La RE2020 expliqu&#233;e aux futurs propri&#233;taires" width="600" height="450"  ></picture>        <div class="bg-dark bg-opacity-50 position-absolute top-0 start-0 h-100 w-100"></div>
      </div>
      <div class="position-absolute top-0 start-0 h-100 w-100 d-flex flex-column p-3 text-start">
        <div class="mt-auto w-100 p-3 infos overflow-hidden">
          <a href="https://www.residencespicardes.fr/conseils/la-re2020-expliquee-aux-futurs-proprietaires" class="stretched-link text-white fs-5 d-block mb-xl-3">La RE2020 expliqu&#233;e aux futurs propri&#233;taires</a>
          <div class="desc row align-items-center overflow-hidden">
            <span class="col text-light small">
              La RE2020 est la nouvelle r&#233;glementation environnementale qui touche le secteur de la construction : tout savoir et ce qui la diff&#233;rencie de la RT2012.            </span>
          </div>
        </div>
      </div>
                </li>
    <li class="flex-fill col-sm-6 col-lg-4 col-xl-6 col-xxl-6">
    <div class="row align-items-center p-3 text-center h-100">
      <div class="col">
        <p class="text-grey">
          <span class="fw-bold">Faire construire sa maison&nbsp;:</span> tous nos conseils pour réussir votre projet&nbsp;!
        </p>
        <button type="button" data-toggle="link" data-href="https://www.residencespicardes.fr/conseils" data-target="self" class="btn btn-primary text-truncate">Lire tous nos conseils</button>
      </div>
    </div>
  </li>
</ul>
      </div>
    </div>
  </div>
</section>

<section class="pt-0">
  <div class="container-xl">
    <div class="row align-items-center justify-content-center text-center mb-xl-5" id="plans">
      <div class="col-xl-10">
        <span class="fs-6 d-block text-uppercase fw-bold text-spacer text-info m-3">Besoin de plus d'espace&nbsp;?</span>
        <h2 class="h1">Faites agrandir votre maison</h2>
        <p class="lead text-secondary">
          <span class="fw-bold">Envie d'espace et pas envie de déménager&nbsp;?</span><br>
          Résidences Picardes réalise aussi l'extension de votre maison&nbsp;!
        </p>
      </div>
    </div>
  </div>
  <div class="container-xl">
    <div class="row align-items-center justify-content-center">
      <div class="col-md-10 col-lg-6 mb-5 mb-lg-0">
        <p class="lead text-secondary">
          Avec BDL Extension, notre service pour l'agrandissement de maison, créez des pièces et des m² supplémentaires selon vos besoins.<br>
          <br>
          <span class="fw-bold text-dark">Grâce à Résidences Picardes, gagnez de l'espace et surtout en confort&nbsp;!</span>
        </p>
        <ul class="lead">
          <li><span class="fw-bold">Extension de votre choix&nbsp;:</span> extension traditionnelle, bois, surélévation, aménagements de combles...</li>
          <li><span class="fw-bold">Garanties et suivi chantier&nbsp;:</span> garantie d'achèvements des travaux, respect des délais de livraison, tarifs garantis, contrat transparent...</li>
          <li><span class="fw-bold">Agrandir sans stress&nbsp;:</span> Résidences Picardes s'occupe de toutes vos démarches administratives (autorisations, demande d'aides à la rénovation, plans d'extension...</li>
        </ul>
        <div class="d-flex">
          <a href="https://www.residencespicardes.fr/extension-maison/devis" class="btn btn-primary mx-auto">Demander un devis extension</a>
        </div>
      </div>
      <div class="col-lg-5 offset-xl-1 text-center">
        <picture><noscript><img class="img-fluid cover h-100 w-100" src="https://www.residencespicardes.fr/assets/img/faire-construire/extension/extensions-maison-sejour-et-garage-bois-toit-plat-600x600.jpg" alt="Extension maison séjour et garage BDL Extension" width="600" height="600"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/faire-construire/extension/extensions-maison-sejour-et-garage-bois-toit-plat-600x600.webp 600w" data-aspectratio="1" data-sizes="auto" width="600" height="600" /><source type="image/jpg" data-srcset="https://www.residencespicardes.fr/assets/img/faire-construire/extension/extensions-maison-sejour-et-garage-bois-toit-plat-600x600.jpg 600w" data-aspectratio="1" data-sizes="auto" width="600" height="600" /><img class="img-fluid cover h-100 w-100 lazyload" data-src="https://www.residencespicardes.fr/assets/img/faire-construire/extension/extensions-maison-sejour-et-garage-bois-toit-plat-600x600.jpg" data-aspectratio="1" data-sizes="auto" alt="Extension maison séjour et garage BDL Extension" width="600" height="600"  ></picture>      </div>
    </div>
  </div>
</section>

<section class="p-0">
  <div class="container-xl">
    <div class="row align-items-center justify-content-center text-center mb-xl-5" id="plans">
      <div class="col-xl-10">
        <h2 class="h1">Votre projet de construction</h2>
        <p class="lead text-secondary">
          <span class="fw-bold">Et si on parlait de votre future maison&nbsp;?</span><br>
          Nos équipes et experts Résidences Picardes se tiennent à votre disposition&nbsp;!
        </p>
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="row justify-content-center text-center">
      <div class="col-md-8 col-lg-6 mb-4 mb-lg-0">
        <div class="position-relative h-100 border border-dark d-flex flex-column p-3 justify-content-center">
          <span class="h3 d-block text-center">Directement en agence</span>
          <div class="row justify-content-center">
            <div class="col-xxl-6">
              
<form class="asForm position-relative w-100" name="asForm" method="post" action="https://www.residencespicardes.fr/nos-agences" role="search">
  <div class="processing"><div class="preloader d-flex"><div class="spinner-border text-primary m-auto" role="status"><span class="visually-hidden">Chargement...</span></div></div></div>
  <div class="load">
    <div class="row g-0 align-items-center mb-4">
      <label for="asf-location" class="col-12 col-form-label text-center">Trouver l'agence la plus proche de chez vous&nbsp;:</label>
      <div class="col-12">
        <input type="hidden" name="department">
        <input type="hidden" name="slug">
        <input type="search" class="form-control" id="asf-location" name="location" aria-label="Trouvez l'agence la plus proche" aria-describedby="asf-btn" placeholder="Saisissez votre ville" autocomplete="off">
      </div>
    </div>
    <div class="d-flex justify-content-center">
      <button type="submit" class="btn text-truncate btn-secondary" id="asf-btn">Trouver mon agence</button>
    </div>
    <div class="alert alert-danger text-center p-2 d-none" role="alert"></div>
  </div>
</form>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-8 col-lg-6">
        <div class="position-relative h-100 border border-dark d-flex flex-column p-3 justify-content-center">
          <span class="h3 d-block text-center">En ligne simplement</span>
          <div class="row justify-content-center">
            <div class="col-xxl-8">
              <span class="h6 d-block lh-lg">
                Vous souhaitez vous renseigner sur la construction, obtenir notre catalogue de plans de maison ou nous faire part de votre projet de maison dans les grandes lignes&nbsp;?
              </span>
            </div>
          </div>
          <div class="d-flex justify-content-center mt-auto">
            <button type="button" class="btn text-truncate btn-primary text-truncate" data-toggle="link" data-href="https://www.residencespicardes.fr/contact-et-devis" data-target="self">Contact et devis gratuit</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pt-5">
  <div class="container-fluid">
    <div class="row">
      <div class="col">
        <div class="position-relative h-100 bg-secondary bg-opacity-50 d-flex flex-column p-3 p-xl-5 justify-content-center">
          <div class="row align-items-center justify-content-center">
            <div class="col-xl-6">
              <span class="h1 d-block text-white">S'inscrire à la newsletter de Résidences Picardes</span>
              <p class="lead text-light">
                Inscrivez-vous à notre newsletter, restez informé des dernières opportunités et recevez toute l'actualité à proximité de chez vous.
              </p>
            </div>
            <div class="col-xl-4 offset-xl-1">
              
<form class="position-relative" name="nForm" method="post" role="form" id="nForm">
  <div class="processing"><div class="preloader d-flex"><div class="spinner-border text-primary m-auto" role="status"><span class="visually-hidden">Chargement...</span></div></div></div>
  <div class="load">
    <div class="row g-0 g-sm-3 align-items-center mb-4">
      <input type="hidden" name="choice" value="subscribe">
      <label for="nf-email" class="col-sm-3 col-form-label text-sm-end">Email</label>
      <div class="col-sm-9">
        <input type="email" class="form-control border-dark email" id="nf-email" name="email" aria-label="Votre adresse mail" aria-describedby="nf-btn" placeholder="Votre adresse mail">
      </div>
      <label for="nf-dep02" class="col-sm-3 col-form-label text-sm-end">Dptment.</label>
      <div class="col-sm-9 d-flex flex-wrap">
                  <input type="radio" class="btn-check" name="department" id="nf-dep02" value="02" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="nf-dep02">02</label>
                  <input type="radio" class="btn-check" name="department" id="nf-dep60" value="60" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="nf-dep60">60</label>
                  <input type="radio" class="btn-check" name="department" id="nf-dep62" value="62" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="nf-dep62">62</label>
                  <input type="radio" class="btn-check" name="department" id="nf-dep76" value="76" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="nf-dep76">76</label>
                  <input type="radio" class="btn-check" name="department" id="nf-dep80" value="80" autocomplete="off">
          <label class="flex-fill btn btn-sm btn-outline-dark m-1" for="nf-dep80">80</label>
              </div>
    </div>
    <div class="d-flex flex-wrap w-100">
<!--    <div class="d-flex justify-content-center">-->
      <button type="submit" class="btn text-truncate btn-secondary m-1 flex-fill" data-choice="subscribe" id="nf-btn">S'inscrire</button>
          </div>
    <div class="clearfix mt-2 small">
      <input type="hidden" name="recaptcha3" value="6Lc3PG0eAAAAADIiWE-TusgIxm9N1vfcZhCwkb77">
      <span class="d-block text-center small">
        <small class="mb-2 mr-2 text-black-50">protection par reCAPTCHA</small>
        <button type="button" data-toggle="link" data-href="https://policies.google.com/privacy?hl=fr" class="p-0 m-0 bg-transparent border-0 small link-secondary">Confidentialité</button> <small class="mb-2 mr-2 text-black-50">-</small> <button type="button" data-toggle="link" data-href="https://policies.google.com/terms?hl=fr" class="p-0 m-0 bg-transparent border-0 small link-secondary">Conditions</button>
      </span>
    </div>
  </div>
</form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pt-0">
  <div class="container-xxl">
    <div class="row">
      <div class="col-lg-12">
        
<div class="cta mobile-cta position-relative rounded-4 p-3 lazyload">
  <div class="row">
    <div class="col-lg-6 position-relative">
      <div class="position-absolute top-0 start-0 ps-4 ps-xl-5 mt-n3 mt-xl-n4 ms-4 ms-xl-5 d-none d-lg-block">
        <picture><noscript><img class="img-fluid mt-n3 mt-xl-n5" src="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png" alt="Application mobile Espace Projet BDL" width="447" height="583"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.webp 447w" data-aspectratio="0.76672384219554" data-sizes="auto" width="447" height="583" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png 447w" data-aspectratio="0.76672384219554" data-sizes="auto" width="447" height="583" /><img class="img-fluid mt-n3 mt-xl-n5 lazyload" data-src="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png" data-aspectratio="0.76672384219554" data-sizes="auto" alt="Application mobile Espace Projet BDL" width="447" height="583"  ></picture>      </div>
      <div class="position-relative text-center d-lg-none"><picture><noscript><img class="img-fluid" src="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png" alt="Application mobile Espace Projet BDL" width="447" height="583"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.webp 447w" data-aspectratio="0.76672384219554" data-sizes="auto" width="447" height="583" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png 447w" data-aspectratio="0.76672384219554" data-sizes="auto" width="447" height="583" /><img class="img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/mon-espace/application-mobile-espace-projet-bdl-447x583.png" data-aspectratio="0.76672384219554" data-sizes="auto" alt="Application mobile Espace Projet BDL" width="447" height="583"  ></picture></div>
    </div>
    <div class="col-lg-6 d-flex flex-column text-center">
      <picture><noscript><img class="img-fluid my-4" src="https://www.residencespicardes.fr/assets/img/mon-espace/espace-projet-bdl-203x146.png" alt="Mon Espace Projet BDL" width="203" height="146"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/espace-projet-bdl-203x146.webp 203w" data-aspectratio="1.3904109589041" data-sizes="auto" width="203" height="146" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/espace-projet-bdl-203x146.png 203w" data-aspectratio="1.3904109589041" data-sizes="auto" width="203" height="146" /><img class="img-fluid my-4 lazyload" data-src="https://www.residencespicardes.fr/assets/img/mon-espace/espace-projet-bdl-203x146.png" data-aspectratio="1.3904109589041" data-sizes="auto" alt="Mon Espace Projet BDL" width="203" height="146"  ></picture>      <span class="h1 text-white">Réalisez aussi votre<br>projet sur-mesure<br>sur notre appli mobile&nbsp;!</span>
      <div class="row justify-content-around mb-4">
        <div class="col-lg-auto">
          <button type="button" class="bg-transparent border-0" data-toggle="link" data-href="https://apps.apple.com/fr/app/bdl-espace-projet/id1502126164" aria-label="Télécharger sur AppStore"><picture><noscript><img class="img-fluid" src="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-app-store-238x75.png" alt="Télécharger sur AppStore" width="238" height="75"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-app-store-238x75.webp 238w" data-aspectratio="3.1733333333333" data-sizes="auto" width="238" height="75" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-app-store-238x75.png 238w" data-aspectratio="3.1733333333333" data-sizes="auto" width="238" height="75" /><img class="img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-app-store-238x75.png" data-aspectratio="3.1733333333333" data-sizes="auto" alt="Télécharger sur AppStore" width="238" height="75"  ></picture></button>
        </div>
        <div class="col-lg-auto">
          <button type="button" class="bg-transparent border-0" data-toggle="link" data-href="https://play.google.com/store/apps/details?id=com.groupebdl.monespace&hl=fr" aria-label="Disponible sur Google Play"><picture><noscript><img class="img-fluid" src="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-google-play-253x75.png" alt="Disponible sur Google Play" width="253" height="75"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-google-play-253x75.webp 253w" data-aspectratio="3.3733333333333" data-sizes="auto" width="253" height="75" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-google-play-253x75.png 253w" data-aspectratio="3.3733333333333" data-sizes="auto" width="253" height="75" /><img class="img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/mon-espace/btn-disponible-sur-google-play-253x75.png" data-aspectratio="3.3733333333333" data-sizes="auto" alt="Disponible sur Google Play" width="253" height="75"  ></picture></button>
        </div>
      </div>
    </div>
  </div>
</div>
      </div>
    </div>
  </div>
</section>    
<footer id="footer" class="position-relative pt-5 pb-4 bg-dark">
  <div class="container-xl">
    <div class="row justify-content-center align-items-start">
      <div class="col-lg-3 col-xl-3 mb-3 mb-lg-0 text-center text-lg-start">
        <picture><noscript><img class="img-fluid mb-4 d-none d-lg-block" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-162x104.png" alt="Résidences Picardes - Constructeur de maisons" width="162" height="104"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-162x104.webp 162w" data-aspectratio="1.5576923076923" data-sizes="auto" width="162" height="104" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-162x104.png 162w" data-aspectratio="1.5576923076923" data-sizes="auto" width="162" height="104" /><img class="img-fluid mb-4 d-none d-lg-block lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-162x104.png" data-aspectratio="1.5576923076923" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="162" height="104"  ></picture>        <picture><noscript><img class="img-fluid mx-auto mb-3 d-block d-lg-none" src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png" alt="Résidences Picardes - Constructeur de maisons" width="138" height="89"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.webp 138w" data-aspectratio="1.5505617977528" data-sizes="auto" width="138" height="89" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png 138w" data-aspectratio="1.5505617977528" data-sizes="auto" width="138" height="89" /><img class="img-fluid mx-auto mb-3 d-block d-lg-none lazyload" data-src="https://www.residencespicardes.fr/assets/img/logos/residences-picardes-premier-constructeur-maisons-picardie-138x89.png" data-aspectratio="1.5505617977528" data-sizes="auto" alt="Résidences Picardes - Constructeur de maisons" width="138" height="89"  ></picture>        <p class="text-light text-opacity-75">
          Résidences Picardes est le 1er constructeur régional de maisons individuelles dans la Picardie
        </p>
      </div>
      <div class="col-6 col-sm-4 col-lg-3 mb-3 mb-sm-0 text-center text-lg-start">
        <span class="h4 d-block text-white mt-3">Liens utiles</span>
        <ul class="list-unstyled ps-2 small">
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/terrains-a-batir/alertes-terrain">Alertes terrain</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/newsletter">Newsletter</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/mentions-legales">Mentions légales</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/vie-privee">Vie privée</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/plan-du-site">Plan du site</a></li>
        </ul>
      </div>
      <div class="col-sm-4 col-lg-3 text-center text-lg-start order-4 order-sm-3">
        <span class="h4 d-block text-white mt-3">Filiales</span>
        <div class="position-relative h-auto swiper-carousel" data-plugin-options="{ 'slidesPerView': 3, 'autoplay': {'delay': 2000 }, 'pagination': false, 'navigation': false, 'loop': false, 'breakpoints': { '1': { 'slidesPerView': 3 }, '576': { 'slidesPerView': 2 }, '768': { 'slidesPerView': 3 }, '992': { 'slidesPerView': 3 }, '1200': { 'slidesPerView': 3 }, '1400': { 'slidesPerView': 3 } } }">
          <ul class="swiper-wrapper list-unstyled text-center m-0">
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.easyfinance.fr" title="Easy Finance" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/easy-finance-70x70.png" alt="Easy Finance" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/easy-finance-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/easy-finance-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/easy-finance-70x70.png" data-aspectratio="1" data-sizes="auto" alt="Easy Finance" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/creativ-70x70.png" alt="Creativ" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/creativ-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/creativ-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/creativ-70x70.png" data-aspectratio="1" data-sizes="auto" alt="Creativ" width="70" height="70"  ></picture>              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.mamaison-bois.fr" title="https://www.mamaison-bois.fr" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/mamaison-constructions-bois-70x70.png" alt="Ma Maison Bois" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/mamaison-constructions-bois-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/mamaison-constructions-bois-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/mamaison-constructions-bois-70x70.png" data-aspectratio="1" data-sizes="auto" alt="Ma Maison Bois" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.bdlpromotion.fr" title="Bdl Promotion" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/bdl-promotion-70x70.png" alt="Bdl Promotion" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/bdl-promotion-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/bdl-promotion-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/bdl-promotion-70x70.png" data-aspectratio="1" data-sizes="auto" alt="Bdl Promotion" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.renovea.fr" title="Rénovéa" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/renovea-70x70.png" alt="Rénovéa" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/renovea-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/renovea-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/renovea-70x70.png" data-aspectratio="1" data-sizes="auto" alt="Rénovéa" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.satb.fr" title="SATB" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/satb-70x70.png" alt="SATB" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/satb-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/satb-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/satb-70x70.png" data-aspectratio="1" data-sizes="auto" alt="SATB" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
            <li class="swiper-slide">
              <button type="button" data-toggle="link" data-href="https://www.t4s.fr" title="T4S" class="bg-transparent border-0 p-0 m-0">
                <picture><noscript><img class="swiper-lazy" src="https://www.residencespicardes.fr/assets/img/filiales/t4s-70x70.png" alt="T4S" width="70" height="70"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/t4s-70x70.webp 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/t4s-70x70.png 70w" data-aspectratio="1" data-sizes="auto" width="70" height="70" /><img class="swiper-lazy" data-src="https://www.residencespicardes.fr/assets/img/filiales/t4s-70x70.png" data-aspectratio="1" data-sizes="auto" alt="T4S" width="70" height="70"  ></picture>              </button>
              <div class="swiper-lazy-preloader"></div>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-6 col-sm-4 offset-lg-1 col-lg-2 mb-3 mb-sm-0 text-center text-lg-start order-3 order-sm-4">
        <ul class="list-unstyled ps-2 small mt-4">
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/modeles-de-maisons">Nos maisons</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/terrains-a-batir">Nos terrains</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/offres-maison-et-terrain">Nos maisons + terrains</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/financer-mon-projet-maison">Financement</a></li>
          <li class="mb-3"><a class="link-light" href="https://www.residencespicardes.fr/nos-agences">Nos agences</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="container-md border-top border-secondary mt-5">
    <div class="row align-items-center pt-4">
      <div class="col">
        <div class="d-flex justify-content-between align-items-center">
          <p class="text-white text-opacity-50 m-0 small">© 1989 - 2025 <span class="text-white">Résidences Picardes</span>. Tous Droits Réservés.</p>
          <ul class="list-inline m-0 align-self-center d-flex small">
            <li class="list-inline-item me-md-3">
              <button type="button" data-toggle="link" data-href="https://www.facebook.com/ResidencesPicardes" class="link-light bg-transparent m-0 p-0 border-0" aria-label="Facebook"><i class="icon-fb"></i></button>
            </li>
            <li class="list-inline-item me-md-3">
              <button type="button" data-toggle="link" data-href="https://twitter.com/Res_Picardes" class="link-light bg-transparent m-0 p-0 border-0" aria-label="Twitter"><i class="icon-tw"></i></button>
            </li>
            <li class="list-inline-item me-md-3">
              <button type="button" data-toggle="link" data-href="https://www.youtube.com/user/GROUPEBDL1" class="link-light bg-transparent m-0 p-0 border-0" aria-label="Youtube"><i class="icon-yt"></i></button>
            </li>
            <li class="list-inline-item me-md-3">
              <button type="button" data-toggle="link" data-href="https://www.pinterest.fr/residencepicard/" class="link-light bg-transparent m-0 p-0 border-0" aria-label="Pinterest"><i class="icon-pt"></i></button>
            </li>
          </ul>
          <button type="button" data-toggle="link" data-href="https://www.groupe-bdl.com" title="Groupe BDL, leader régional de la construction de maisons" class="bg-transparent border-0 ms-3">
            <picture><noscript><img class="img-fluid" src="https://www.residencespicardes.fr/assets/img/filiales/footer-groupe-bdl-dark-89x46.png" alt="Groupe BDL, leader régional de la construction de maisons" width="89" height="46"  ></noscript><source type="image/webp" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/footer-groupe-bdl-dark-89x46.webp 89w" data-aspectratio="1.9347826086957" data-sizes="auto" width="89" height="46" /><source type="image/png" data-srcset="https://www.residencespicardes.fr/assets/img/filiales/footer-groupe-bdl-dark-89x46.png 89w" data-aspectratio="1.9347826086957" data-sizes="auto" width="89" height="46" /><img class="img-fluid lazyload" data-src="https://www.residencespicardes.fr/assets/img/filiales/footer-groupe-bdl-dark-89x46.png" data-aspectratio="1.9347826086957" data-sizes="auto" alt="Groupe BDL, leader régional de la construction de maisons" width="89" height="46"  ></picture>          </button>
        </div>
      </div>
    </div>
  </div>
</footer>
    <script src="https://www.residencespicardes.fr/dist/home.4.1.9.bundle.js" type="text/javascript" async nonce="Njc4NzYwNmI4NjNkNw=="></script>
    <script nonce="Njc4NzYwNmI4NjNkNw==">
      document.addEventListener("DOMContentLoaded", () => {
        document.querySelectorAll(".preload-css").forEach(el => {
          el.setAttribute('rel', 'stylesheet')
        })
      })
    </script>
  </body>
</html>