1<!DOCTYPE html><!-- HTML5 --> 2<html prefix="og: http://ogp.me/ns#" lang="fr-FR" dir="ltr"> 3 <head> 4 <meta charset="utf-8" /> 5 <title>Nos services : architecture, voiries, permis - Pierard Christine</title> 6 <meta name="generator" content="Incomedia WebSite X5 Pro 2026.2.8 - www.websitex5.com" /> 7 <meta name="description" content="Ãtudes et permis, suivi de chantier, stabilité, énergie, rendus 3D, voiries et égouttage : la double compétence architecte et ingénieure depuis 2002." /> 8 <meta name="keywords" content="permis de bâtir, suivi de chantier, stabilité, PEB, rendu 3D, VRD, égouttage, architecte ingénieure" /> 9 <meta property="og:locale" content="fr_FR" /> 10 <meta property="og:type" content="website" /> 11 <meta property="og:url" content="http://www.pierardc.be/qui-sommes-nous.html" /> 12 <meta property="og:title" content="Nos services : architecture, voiries, permis" /> 13 <meta property="og:site_name" content="Pierard Christine" /> 14 <meta property="og:description" content="Ãtudes et permis, suivi de chantier, stabilité, énergie, rendus 3D, voiries et égouttage : la double compétence architecte et ingénieure depuis 2002." /> 15 <meta name="viewport" content="width=device-width, initial-scale=1" /> 16 17 <link rel="stylesheet" href="style/reset.css?2026-2-8-0" media="screen,print" /> 18 <link rel="stylesheet" href="style/print.css?2026-2-8-0" media="print" /> 19 <link rel="stylesheet" href="style/style.css?2026-2-8-0" media="screen,print" /> 20 <link rel="stylesheet" href="style/template.css?2026-2-8-0" media="screen" /> 21 <link rel="stylesheet" href="pluginAppObj/pluginAppObj_10_62/custom.css" media="screen, print" /> 22 <link rel="stylesheet" href="pluginAppObj/pluginAppObj_10_70/custom.css" media="screen, print" /> 23 <link rel="stylesheet" href="pluginAppObj/imHeader_pluginAppObj_08/custom.css" media="screen, print" /> 24 <link rel="stylesheet" href="pluginAppObj/imFooter_pluginAppObj_03/custom.css" media="screen, print" /> 25 26 <link rel="stylesheet" href="pluginAppObj/imStickyBar_pluginAppObj_11/custom.css" media="screen, print" /><style> 27#google_translate_element{ 28overflow: auto; 29} 30.goog-te-menu-frame { 31max-width:100% !important; 32box-shadow: none !important; 33} 34</style> 35<style id='gt-style'></style> 36 <link rel="stylesheet" href="pcss/qui-sommes-nous.css?2026-2-8-0-639271048011976241" media="screen,print" /> 37
37<script src="res/jquery.js?2026-2-8-0"></script>
37 38
38<script src="res/x5engine.js?2026-2-8-0" data-files-version="2026-2-8-0"></script>
38 39
39<script src="pluginAppObj/pluginAppObj_10_62/main.js"></script>
39 40
40<script src="pluginAppObj/pluginAppObj_10_70/main.js"></script>
40 41
41<script src="pluginAppObj/imHeader_pluginAppObj_08/main.js"></script>
41 42
42<script src="pluginAppObj/imFooter_pluginAppObj_03/main.js"></script>
42 43 44
44<script src="pluginAppObj/imStickyBar_pluginAppObj_11/main.js"></script>
44 45
45<script> 46 window.onload = function(){ checkBrowserCompatibility('Le Navigateur que vous utilisez ne prend pas en charge les fonctions requises pour afficher ce site.','Le Navigateur que vous utilisez est susceptible de ne pas prendre en charge les fonctions requises pour afficher ce site.','[1]Mettez à jour votre navigateur[/1] ou bien [2]continuez[/2].','http://outdatedbrowser.com/'); }; 47 x5engine.utils.currentPagePath = 'qui-sommes-nous.html'; 48 x5engine.boot.push(function () { x5engine.utils.imCodeProtection(''); }); 49 x5engine.boot.push(function () { x5engine.imPageToTop.initializeButton({}); }); 50 </script>
50 51 <link rel="icon" href="favicon.png?2026-2-8-0-639271048010930047" type="image/png" /> 52
52<script>x5engine.boot.push(function () {x5engine.analytics.setPageView({ "postUrl": "analytics/wsx5analytics.php" });});</script>
52 53 54 </head> 55 <body> 56 <div id="imPageExtContainer" role="group"> 57 <div id="imPageIntContainer"> 58 <span data-nosnippet><a class="screen-reader-only-even-focused" href="#imGoToCont" title="Aller au menu de navigation">Aller au contenu</a></span> 59 <div id="imHeaderBg"></div> 60 <div id="imPage"> 61 <header id="imHeader"> 62 <h1 class="imHidden">Nos services : architecture, voiries, permis - Pierard Christine</h1> 63 <div id="imHeaderObjects"><div id="imHeader_imObjectImage_04_wrapper" class="template-object-wrapper"><div id="imHeader_imObjectImage_04"><div id="imHeader_imObjectImage_04_container"><img src="images/bg_header---Copier_sod3vyqs.webp" width="563" height="85" /> 64</div></div></div><div id="imHeader_imObjectImage_06_wrapper" class="template-object-wrapper"></div><div id="imHeader_imMenuObject_07_wrapper" class="template-object-wrapper"><!-- UNSEARCHABLE --><span data-nosnippet><a id="imHeader_imMenuObject_07_skip_menu" href="#imHeader_imMenuObject_07_after_menu" class="screen-reader-only-even-focused">Sauter le menu</a></span><div id="imHeader_imMenuObject_07"><nav id="imHeader_imMenuObject_07_container"><button type="button" class="clear-button-style hamburger-button hamburger-component" aria-label="Afficher le menu"><span class="hamburger-bar"></span><span class="hamburger-bar"></span><span class="hamburger-bar"></span></button><div class="hamburger-menu-background-container hamburger-component"> 65 <div class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"> 66 <button type="button" class="clear-button-style hamburger-menu-close-button" aria-label="Fermer"><span aria-hidden="true">×</span></button> 67 </div> 68</div> 69<ul class="menu-mobile-animated hidden"> 70 <li class="imMnMnFirst imPage" data-link-paths=",/index.html,/"> 71<div class="label-wrapper"> 72<div class="label-inner-wrapper"> 73 <a class="label" href="index.html"> 74ACCUEIL </a> 75</div> 76</div> 77 </li><li class="imMnMnMiddle imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-hash="-1004162016"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="qui-sommes-nous.html" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html', null, false)">A PROPOS</a></div></div><ul data-original-position="open-right" class="open-right" style="opacity: 0;" > 78 </ul></li><li class="imMnMnMiddle imLevel" data-link-paths=",/architecture.html" data-link-hash="-1004161978"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="architecture.html" class="label" onclick="return x5engine.utils.location('architecture.html', null, false)">NOS REALISATIONS</a><button type="button" class="screen-reader-only clear-button-style toggle-submenu" aria-label="Afficher le sous-menu pour NOS REALISATIONS" aria-expanded="false" onclick="if ($(this).attr('aria-expanded') == 'true') event.stopImmediatePropagation(); $(this).closest('.imLevel').trigger(jQuery.Event($(this).attr('aria-expanded') == 'false' ? 'mouseenter' : 'mouseleave', { originalEvent: event } ));">â¼</button></div></div><ul data-original-position="open-right" class="open-right" style="" > 79 <li class="imMnMnFirst imPage" data-link-paths=",/architecture.html"> 80<div class="label-wrapper"> 81<img class='menu-item-icon' src='images/arch.webp' /> 82<div class="label-inner-wrapper"> 83 <a class="label" href="architecture.html"> 84ARCHITECTURE </a> 85</div> 86</div> 87 </li><li class="imMnMnLast imPage" data-link-paths=",/marches-publics.html"> 88<div class="label-wrapper"> 89<img class='menu-item-icon' src='images/route--2-.webp' /> 90<div class="label-inner-wrapper"> 91 <a class="label" href="marches-publics.html"> 92MARCHES PUBLICS </a> 93</div> 94</div> 95 </li></ul></li><li class="imMnMnLast imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-anchor="pourdesinfo" data-link-hash="-1459933135"><div class="label-wrapper"><img class='menu-item-icon' src='images/logo-email.webp' /> 96<div class="label-inner-wrapper"><a href="qui-sommes-nous.html#pourdesinfo" onmouseover="x5engine.imTip.Show(this, { text: '[email protected]<br />061/61.44.41', width: 180});" onfocus="$(this).trigger('mouseover');" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html#pourdesinfo', null, false)">CONTACT</a></div></div><ul data-original-position="open-right" class="open-right" style="opacity: 0;" > 97 </ul></li></ul></nav></div><a id="imHeader_imMenuObject_07_after_menu" class="screen-reader-only-even-focused"></a><!-- UNSEARCHABLE END -->
97<script> 98var imHeader_imMenuObject_07_settings = { 99 'menuId': 'imHeader_imMenuObject_07', 100 'responsiveMenuEffect': 'slide', 101 'responsiveMenuLevelOpenEvent': 'mouseover', 102 'animationDuration': 1000, 103} 104x5engine.boot.push(function(){x5engine.initMenu(imHeader_imMenuObject_07_settings)}); 105$(function () { 106 $('#imHeader_imMenuObject_07_container ul li').not('.imMnMnSeparator').each(function () { 107 $(this).on('mouseenter', function (evt) { 108 if (!evt.originalEvent) { 109 evt.stopImmediatePropagation(); 110 evt.preventDefault(); 111 return; 112 } 113 }); 114 }); 115}); 116$(function () {$('#imHeader_imMenuObject_07_container ul li').not('.imMnMnSeparator').each(function () { var $this = $(this), timeout = 0; $this.on('mouseenter', function () { if($(this).parents('#imHeader_imMenuObject_07_container-menu-opened').length > 0) return; clearTimeout(timeout); timeout = setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).addClass('rotate-menu'); }, 250); }).on('mouseleave', function () { if($(this).parents('#imHeader_imMenuObject_07_container-menu-opened').length > 0) return; timeout = setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).removeClass('rotate-menu'); }, 250); });});}); 117 118</script>
118 119</div><div id="imHeader_imObjectImage_02_wrapper" class="template-object-wrapper"></div><div id="imHeader_imObjectTitle_03_wrapper" class="template-object-wrapper"><div id="imHeader_imObjectTitle_03"><span id ="imHeader_imObjectTitle_03_text" >Pierard Christine- Ingénieure civile - Architecte</span></div></div><div id="imHeader_pluginAppObj_08_wrapper" class="template-object-wrapper"><!-- Social Icons v.24 --><div id="imHeader_pluginAppObj_08"> 120 <div id="soc_imHeader_pluginAppObj_08" > 121 <div class="wrapper horizontal flat none"> 122 <div class='social-icon flat'><a href='https://www.facebook.com/Pierard-Christine-Architecte-Urbaniste-1686806854954639/' target='_blank' aria-label='facebook'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M57,93V54H70.14l2-15H57V29.09c0-4.39.94-7.39,7.24-7.39H72V8.14a98.29,98.29,0,0,0-11.6-.6C48.82,7.54,41,14.61,41,27.59V39H27V54H41V93H57Z"/></svg><span class='fallbacktext'>Fb</span></a></div> 123 </div> 124 125 </div> 126
126<script> 127 socialicons_imHeader_pluginAppObj_08(); 128 </script>
128 129 </div></div><div id="imHeader_imObjectTitle_05_wrapper" class="template-object-wrapper"><div id="imHeader_imObjectTitle_05"><span id ="imHeader_imObjectTitle_05_text" >Pierard Christine- Ingénieure civile - Architecte</span></div></div></div> 130 </header> 131 <div id="imStickyBarContainer"> 132 <div id="imStickyBarGraphics"></div> 133 <div id="imStickyBar"> 134 <div id="imStickyBarObjects"><div id="imStickyBar_imObjectImage_13_wrapper" class="template-object-wrapper"><div id="imStickyBar_imObjectImage_13"><div id="imStickyBar_imObjectImage_13_container"><a href="index.html" onclick="return x5engine.utils.location('index.html', null, false)"><img src="images/Panneau-chantier22---Copie_hyz0jgyx.webp" width="54" height="43" /> 135</a></div></div></div><div id="imStickyBar_imMenuObject_03_wrapper" class="template-object-wrapper"><!-- UNSEARCHABLE --><span data-nosnippet><a id="imStickyBar_imMenuObject_03_skip_menu" href="#imStickyBar_imMenuObject_03_after_menu" class="screen-reader-only-even-focused">Sauter le menu</a></span><div id="imStickyBar_imMenuObject_03"><nav id="imStickyBar_imMenuObject_03_container"><button type="button" class="clear-button-style hamburger-button hamburger-component" aria-label="Afficher le menu"><span class="hamburger-bar"></span><span class="hamburger-bar"></span><span class="hamburger-bar"></span></button><div class="hamburger-menu-background-container hamburger-component"> 136 <div class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"> 137 <button type="button" class="clear-button-style hamburger-menu-close-button" aria-label="Fermer"><span aria-hidden="true">×</span></button> 138 </div> 139</div> 140<ul class="menu-mobile-animated hidden"> 141 <li class="imMnMnFirst imPage" data-link-paths=",/index.html,/"> 142<div class="label-wrapper"> 143<div class="label-inner-wrapper"> 144 <a class="label" href="index.html"> 145ACCUEIL </a> 146</div> 147</div> 148 </li><li class="imMnMnMiddle imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-hash="-1004162016"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="qui-sommes-nous.html" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html', null, false)">A PROPOS</a></div></div><ul data-original-position="open-right" class="open-right" style="opacity: 0;" > 149 </ul></li><li class="imMnMnMiddle imLevel" data-link-paths=",/architecture.html" data-link-hash="-1004161978"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="architecture.html" class="label" onclick="return x5engine.utils.location('architecture.html', null, false)">NOS REALISATIONS</a><button type="button" class="screen-reader-only clear-button-style toggle-submenu" aria-label="Afficher le sous-menu pour NOS REALISATIONS" aria-expanded="false" onclick="if ($(this).attr('aria-expanded') == 'true') event.stopImmediatePropagation(); $(this).closest('.imLevel').trigger(jQuery.Event($(this).attr('aria-expanded') == 'false' ? 'mouseenter' : 'mouseleave', { originalEvent: event } ));">â¼</button></div></div><ul data-original-position="open-right" class="open-right" style="" > 150 <li class="imMnMnFirst imPage" data-link-paths=",/architecture.html"> 151<div class="label-wrapper"> 152<img class='menu-item-icon' src='images/arch.webp' /> 153<div class="label-inner-wrapper"> 154 <a class="label" href="architecture.html"> 155ARCHITECTURE </a> 156</div> 157</div> 158 </li><li class="imMnMnLast imPage" data-link-paths=",/marches-publics.html"> 159<div class="label-wrapper"> 160<img class='menu-item-icon' src='images/route--2-.webp' /> 161<div class="label-inner-wrapper"> 162 <a class="label" href="marches-publics.html"> 163MARCHES PUBLICS </a> 164</div> 165</div> 166 </li></ul></li><li class="imMnMnLast imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-anchor="pourdesinfo" data-link-hash="-1459933135"><div class="label-wrapper"><img class='menu-item-icon' src='images/logo-email.webp' /> 167<div class="label-inner-wrapper"><a href="qui-sommes-nous.html#pourdesinfo" onmouseover="x5engine.imTip.Show(this, { text: '[email protected]<br />061/61.44.41', width: 180});" onfocus="$(this).trigger('mouseover');" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html#pourdesinfo', null, false)">CONTACT</a></div></div><ul data-original-position="open-right" class="open-right" style="opacity: 0;" > 168 </ul></li></ul></nav></div><a id="imStickyBar_imMenuObject_03_after_menu" class="screen-reader-only-even-focused"></a><!-- UNSEARCHABLE END -->
168<script> 169var imStickyBar_imMenuObject_03_settings = { 170 'menuId': 'imStickyBar_imMenuObject_03', 171 'responsiveMenuEffect': 'slide', 172 'responsiveMenuLevelOpenEvent': 'mouseover', 173 'animationDuration': 1000, 174} 175x5engine.boot.push(function(){x5engine.initMenu(imStickyBar_imMenuObject_03_settings)}); 176$(function () { 177 $('#imStickyBar_imMenuObject_03_container ul li').not('.imMnMnSeparator').each(function () { 178 $(this).on('mouseenter', function (evt) { 179 if (!evt.originalEvent) { 180 evt.stopImmediatePropagation(); 181 evt.preventDefault(); 182 return; 183 } 184 }); 185 }); 186}); 187$(function () {$('#imStickyBar_imMenuObject_03_container ul li').not('.imMnMnSeparator').each(function () { var $this = $(this), timeout = 0, subtimeout = 0, width = 'none', height = 'none'; var submenu = $this.children('ul').add($this.find('.multiple-column > ul')); $this.on('mouseenter', function () { if($(this).parents('#imStickyBar_imMenuObject_03_container-menu-opened').length > 0) return; clearTimeout(timeout); clearTimeout(subtimeout); $this.children('.multiple-column').show(0); submenu.stop(false, false); if (width == 'none') { width = submenu.width(); submenu.css({ overflow : 'hidden', width: 0}); } if (height == 'none') { height = submenu.height(); } setTimeout(function () { submenu.css({ overflow : 'hidden'}).fadeIn(1).animate({ width: width }, 300, null, function() {$(this).css('overflow', 'visible'); }); }, 250); }).on('mouseleave', function () { if($(this).parents('#imStickyBar_imMenuObject_03_container-menu-opened').length > 0) return; timeout = setTimeout(function () { submenu.stop(false, false); submenu.css('overflow', 'hidden').animate({ width: 0 }, 300, null, function() {$(this).fadeOut(0); }); subtimeout = setTimeout(function () { $this.children('.multiple-column').hide(0); }, 300); }, 250); });});}); 188 189</script>
189 190</div><div id="imStickyBar_pluginAppObj_11_wrapper" class="template-object-wrapper"><!-- Social Icons v.24 --><div id="imStickyBar_pluginAppObj_11"> 191 <div id="soc_imStickyBar_pluginAppObj_11" > 192 <div class="wrapper horizontal flat none"> 193 <div class='social-icon flat'><a href='https://www.facebook.com/Pierard-Christine-Architecte-Urbaniste-1686806854954639/' target='_blank' aria-label='facebook'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M57,93V54H70.14l2-15H57V29.09c0-4.39.94-7.39,7.24-7.39H72V8.14a98.29,98.29,0,0,0-11.6-.6C48.82,7.54,41,14.61,41,27.59V39H27V54H41V93H57Z"/></svg><span class='fallbacktext'>Fb</span></a></div> 194 </div> 195 196 </div> 197
197<script> 198 socialicons_imStickyBar_pluginAppObj_11(); 199 </script>
199 200 </div></div><div id="imStickyBar_imObjectTitle_02_wrapper" class="template-object-wrapper"><div id="imStickyBar_imObjectTitle_02"><span id ="imStickyBar_imObjectTitle_02_text" >Pierard Christine- Ingénieure civile - Architecte</span></div></div><div id="imStickyBar_pluginAppObj_14_wrapper" class="template-object-wrapper"><!-- Google Translate v.9 --><div id="imStickyBar_pluginAppObj_14" style="direction: ltr;"> 201 202 <div id="google_translate_element"></div> 203 204
204<script> 205 function googleTranslateElementInit() { 206 new google.translate.TranslateElement({ 207 pageLanguage: 'fr', 208 autoDisplay: false, 209 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 210 }, 'google_translate_element'); 211 } 212 213 x5engine.boot.push(function(){ 214 function changeGoogleStyles_imStickyBar_pluginAppObj_14() { 215 if(($goog = $('.goog-te-menu-frame').contents().find('head')).length) { 216 var stylesHtml = '<style>.goog-te-menu2 { max-width: 100% !important; overflow: scroll !important; box-sizing:border-box !important; height:auto !important; }</style>'; 217 if($goog.html().indexOf(stylesHtml) == -1){ 218 $goog.append(stylesHtml); 219 } 220 $("#gt-style").empty().append(".goog-te-menu-frame{width: " + $("#imPage").width() + "px !important;}"); 221 } else { 222 setTimeout(changeGoogleStyles_imStickyBar_pluginAppObj_14, 200); 223 } 224 } 225 changeGoogleStyles_imStickyBar_pluginAppObj_14(); 226 227 var imStickyBar_pluginAppObj_14_resizeTo = null, 228 imStickyBar_pluginAppObj_14_width = 0; 229 x5engine.utils.onElementResize(document.getElementById('imStickyBar_pluginAppObj_14'), function (rect, target) { 230 if (imStickyBar_pluginAppObj_14_width == rect.width) { 231 return; 232 } 233 imStickyBar_pluginAppObj_14_width = rect.width; 234 if (!!imStickyBar_pluginAppObj_14_resizeTo) { 235 clearTimeout(imStickyBar_pluginAppObj_14_resizeTo); 236 } 237 imStickyBar_pluginAppObj_14_resizeTo = setTimeout(function() { 238 changeGoogleStyles_imStickyBar_pluginAppObj_14(); 239 }, 50); 240 }); 241 242 243 $(window).on('resize', function(){ 244 changeGoogleStyles_imStickyBar_pluginAppObj_14(); 245 }); 246}); 247 </script>
247 248
248<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
248 249 </div></div></div> 250 </div> 251 </div> 252 <div id="imSideBar"> 253 <div id="imSideBarObjects"></div> 254 </div> 255 <div id="imContentGraphics"></div> 256 <main id="imContent"> 257 <a id="imGoToCont"></a> 258 <header> 259 <div id="imBreadcrumb"><a href="qui-sommes-nous.html" onclick="return x5engine.utils.location('qui-sommes-nous.html', null, false)">A PROPOS</a></div> 260 </header> 261 <div id="imPageRow_1" class="imPageRow"> 262 263 </div> 264 <div id="imCell_64" class=""> <div id="imCellStyleGraphics_64" ></div><div id="imCellStyleBorders_64"></div><div id="imTextObject_10_64"> 265 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_64_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 266 <div class="text-inner"> 267 <div data-line-height="1" class="lh1"><div class="imTACenter"><span class="fs14lh1">Depuis 2002, notre société conçoit et accompagne des projets dâarchitecture, de voirie et dâaménagement du territoire pour les particuliers, les professionnels et les pouvoirs publics.</span></div><div class="imTACenter"><span class="fs14lh1">Notre particularité : associer la créativité architecturale à la maîtrise technique. Un projet réussi ne se limite pas à un beau bâtiment ou à un aménagement fonctionnel : il doit être cohérent, réalisable, durable et parfaitement intégré à son environnement.</span></div><div class="imTACenter"><br></div><div class="imTACenter"><strong><span class="fs14lh1">Architecture</span></strong></div><div class="imTACenter"><span class="fs14lh1">Plus de 250 habitations privées</span><br data-start="3708" data-end="3711"><span class="fs14lh1">Nous imaginons des espaces esthétiques, fonctionnels et adaptés aux besoins de chaque client : habitations, transformations, extensions ou ensembles immobiliers.</span></div><div class="imTACenter"><span class="fs14lh1">Chaque projet est pensé avec attention, depuis lâidée initiale jusquâà sa concrétisation, en tenant compte du site, des contraintes urbanistiques, des matériaux et de la qualité des espaces.</span></div><div class="imTACenter"><br></div><div class="imTACenter"><strong><span class="fs14lh1">Voirie, réseaux et aménagement du territoire</span></strong></div><div class="imTACenter"><span class="fs14lh1">Nombreux projets publics et communaux</span></div><div class="imTACenter"><span class="fs14lh1">Maîtrise Qualiroutes / suivi de chantier / permis</span></div><div class="imTACenter"><span class="fs14lh1">Nous développons également des projets de voirie, dâespaces publics, dâégouttage, dâassainissement, de distribution dâeau.</span></div><div class="imTACenter"><span class="fs14lh1">Cette expertise technique complète naturellement notre approche architecturale. Elle nous permet dâaborder chaque projet dans sa globalité : accès, réseaux, implantation, circulation, intégration paysagère et faisabilité.</span></div><div class="imTACenter"><br></div><div class="imTACenter"><span class="fs14lh1">Deux compétences, une même vision : créer des projets cohérents, durables et de qualité.</span></div></div> 268 </div> 269 </div> 270 271 </div> 272 </div><div id="imPageRow_2" class="imPageRow"> 273 274 </div> 275 <div id="imCell_62" class=""> <div id="imCellStyleGraphics_62" ></div><div id="imCellStyleBorders_62"></div><!-- Hover Button v.22 --><div id="pluginAppObj_10_62"><div id='pluginAppObj_10_62_container'> 276 <a role="button" href="mailto:[email protected]?subject=Info%20site%20web" aria-label="test" > 277 <div class='flex-container'> 278 <div class='flex-item item-txt'> 279 <div class='div-txt'>Contact</div> 280 </div> 281 <div class='flex-item item-icon'> 282 <div class='div-icon' role='img' alt=''></div> 283 </div> 284 </div> 285 </a> 286 </div> 287
287<script> 288 var pluginAppObj_10_62_container_btn = $("#pluginAppObj_10_62_container"); 289 var pluginAppObj_10_62_button = pluginAppObj_10_62_container_btn.children("a").last(); 290 pluginAppObj_10_62_button.addClass("pluginAppObj_10_62-button"); 291 hoverbutton_pluginAppObj_10_62(); 292 </script>
292</div></div><div id="imCell_70" class=""> <div id="imCellStyleGraphics_70" ></div><div id="imCellStyleBorders_70"></div><!-- Social Icons v.24 --><div id="pluginAppObj_10_70"> 293 <div id="soc_pluginAppObj_10_70" > 294 <div class="wrapper horizontal original grow"> 295 <div class='social-icon original'><a href='https://www.facebook.com/Pierard-Christine-Architecte-Urbaniste-1686806854954639/' target='_blank' aria-label='facebook'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g><rect width="100" height="100" style="fill:#3d5a98"/><g><path d="M69,100V61.27H82l1.95-15.09H69V36.55c0-4.37,1.21-7.35,7.48-7.35h8V15.7a106.94,106.94,0,0,0-11.65-.59c-11.52,0-19.41,7-19.41,19.95V46.18h-13V61.27h13V100H69Z" style="fill:#fff"/></g></g></svg><span class='fallbacktext'>Fb</span></a></div> 296 </div> 297 298 </div> 299
299<script> 300 socialicons_pluginAppObj_10_70(); 301 </script>
301 302 </div></div><div id="imCell_61" class="animable fadeInDown"> <div id="imCellStyleGraphics_61" ></div><div id="imCellStyleBorders_61"></div></div> 303
303<script> 304 x5engine.boot.push(function () { 305 x5engine.utils.onElementInViewPort($('#imCell_61').get(0), function () { 306 x5engine.utils.revealObject($("#imCell_61")) 307 }, 100); 308 }); 309 </script>
309 310 <div id="imCell_80" class=""> <div id="nosservices"></div><div id="imCellStyleGraphics_80" ></div><div id="imCellStyleBorders_80"></div><div id="imTextObject_10_80"> 311 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_80_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 312 <div class="text-inner"> 313 <div class="imTACenter"><div data-text-align="center" class="imTACenter">De lâesquisse aux finitions, notre bureau accompagne chaque projet avec une attention particulière portée aux détails constructifs, aux matériaux et à la qualité dâexécution.</div></div> 314 </div> 315 </div> 316 317 </div> 318 </div><div id="imCell_85" class="animable fadeInRight"> <div id="imCellStyleGraphics_85" ></div><div id="imCellStyleBorders_85"></div><div id="imTextObject_10_85"> 319 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_85_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 320 <div class="text-inner"> 321 <div class="imTALeft"><span class="fs28lh1-5 cf1 ff1">CE QUE NOUS REALISONS</span><br></div><div class="imTALeft"><span class="fs14lh1-5 cf2">Nous apportons notre créativité pour chaque projet afin de correspondre aux exigences du client.</span></div> 322 </div> 323 </div> 324 325 </div> 326 </div> 327
327<script> 328 x5engine.boot.push(function () { 329 x5engine.utils.onElementInViewPort($('#imCell_85').get(0), function () { 330 x5engine.utils.revealObject($("#imCell_85")) 331 }, 100); 332 }); 333 </script>
333 334 <div id="imCell_83" class=""> <div id="imCellStyleGraphics_83" ></div><div id="imCellStyleBorders_83"></div><div id="imTextObject_10_83"> 335 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_83_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 336 <div class="text-inner"> 337 <div data-line-height="1" class="lh1 imTACenter"><span class="fs20lh1 ff1">EXPERTISE</span></div><div data-line-height="1" class="lh1 imTACenter"><img class="image-0" src="images/divider_3.webp" width="30" height="3" /><br></div><div class="imTACenter"><span class="fs14lh1-5"><br></span></div><div class="imTACenter"><div>Attentifs tant au respect du délai qu'à celui du budget, nous mettons un point d'honneur à vous offrir un service global de qualité.</div></div> 338 </div> 339 </div> 340 341 </div> 342 </div><div id="imCell_82" class=""> <div id="imCellStyleGraphics_82" ></div><div id="imCellStyleBorders_82"></div><div id="imTextObject_10_82"> 343 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_82_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 344 <div class="text-inner"> 345 <div data-line-height="1" class="lh1 imTACenter"><span class="fs20lh1 ff1">SERVICES</span></div><div data-line-height="1" class="lh1 imTACenter"><span class="fs14lh1"><img class="image-0" src="images/divider_3.webp" width="30" height="3" /><br></span></div><div class="imTACenter"><span class="fs14lh1-5"><br></span></div><div class="imTACenter"><div class="imTACenter"><span class="fs14lh1-5">Etudes et permis, surveillance, énergie, stabilité, relevé, rendus 3d et vidéos, </span><span class="fs14lh1-5">voiries (VRD) et aménagements urbains.</span></div></div> 346 </div> 347 </div> 348 349 </div> 350 </div><div id="imCell_84" class=""> <div id="imCellStyleGraphics_84" ></div><div id="imCellStyleBorders_84"></div><div id="imTextObject_10_84"> 351 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_84_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 352 <div class="text-inner"> 353 <div data-line-height="1" class="lh1 imTACenter"><span class="fs20lh1 ff1">REALISATION DE VOS REVES</span></div><div data-line-height="1" class="lh1 imTACenter"><span class="fs14lh1"><img class="image-0" src="images/divider_3.webp" width="30" height="3" /><br></span></div><div class="imTACenter"><span class="fs14lh1-5"><br></span></div><div class="imTACenter"><div class="imTACenter"><span class="fs14lh1-5">Le programme, le budget, lâimplantation du bâtiment, la fonctionnalité, lâesthétique et bien dâautres paramètres viennent compléter vos rêves de base.<span class="cf1"> </span></span></div></div> 354 </div> 355 </div> 356 357 </div> 358 </div><div id="imCell_81" class=""> <div id="imCellStyleGraphics_81" ></div><div id="imCellStyleBorders_81"></div><div id="imTextObject_10_81"> 359 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_81_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 360 <div class="text-inner"> 361 <div data-line-height="1" class="lh1 imTACenter"><span class="fs20lh1 ff1">CONSEILS</span></div><div data-line-height="1" class="lh1 imTACenter"><span class="fs14lh1"><img class="image-0" src="images/divider_3.webp" width="30" height="3" /><br></span></div><div class="imTACenter"><span class="fs14lh1-5"><br></span></div><div class="imTACenter"><div class="imTACenter">Une première rencontre nâengage à rien â câest avant tout lâoccasion dâéchanger et de partager notre vision de votre projet, en toute simplicité.<br></div></div> 362 </div> 363 </div> 364 365 </div> 366 </div><div id="imCell_86" class=""> <div id="nosservices1"></div><div id="imCellStyleGraphics_86" ></div><div id="imCellStyleBorders_86"></div><div id="imTextObject_10_86"> 367 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_86_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 368 <div class="text-inner"> 369 <div class="imTACenter"><div data-text-align="center" class="imTACenter"><br></div><div data-text-align="center" class="imTACenter"><br></div><div data-text-align="center" class="imTACenter"><br></div><div data-text-align="center" class="imTACenter"><br></div><div data-text-align="center" class="imTACenter"><br></div><div data-text-align="center" class="imTACenter"> </div></div> 370 </div> 371 </div> 372 373 </div> 374 </div><div id="imCell_88" class=""> <div id="pourdesinfo"></div><div id="imCellStyleGraphics_88" ></div><div id="imCellStyleBorders_88"></div><div id="imTextObject_10_88"> 375 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_10_88_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 376 <div class="text-inner"> 377 <div class="imTACenter"><span class="fs28lh1-5 cf1 ff1">POUR DES INFORMATIONS</span></div> 378 </div> 379 </div> 380 381 </div> 382 </div><div id="imCell_87" class="animable fadeInUp"> <div id="imCellStyleGraphics_87" ></div><div id="imCellStyleBorders_87"></div><div id="imObjectForm_10_87"> <form id="imObjectForm_87_form" action="imemail/imEmailForm.php" method="post" enctype="multipart/form-data"> 383 <fieldset class="first"> 384 <div> 385 <div id="imObjectForm_87_1_container" class="imObjectFormFieldContainer">
385<div id="imObjectForm_87_1_field" aria-live="polite"> 386 <input type="text" class="" id="imObjectForm_87_1" name="imObjectForm_87_1" placeholder="Nom :" aria-label="Nom :" /></div> 387 </div> 388 <div id="imObjectForm_87_2_container" class="imObjectFormFieldContainer"><div id="imObjectForm_87_2_field" aria-live="polite"> 389 <input type="text" class="" id="imObjectForm_87_2" name="imObjectForm_87_2" placeholder="Numéro de téléphone :" aria-label="Numéro de téléphone :" /></div> 390 </div> 391 <div id="imObjectForm_87_3_container" class="imObjectFormFieldContainer"><div id="imObjectForm_87_3_field" aria-live="polite"> 392 <input type="email" class="valEmail" id="imObjectForm_87_3" name="imObjectForm_87_3" placeholder="Email :" aria-label="Email :" /></div> 393 </div> 394 <div id="imObjectForm_87_4_container" class="imObjectFormFieldContainer"><div id="imObjectForm_87_4_field" aria-live="polite"> 395 <textarea class="" id="imObjectForm_87_4" name="imObjectForm_87_4" placeholder="Votre message :" aria-label="Votre message :"></textarea></div> 396 </div> 397 </div> 398 </fieldset> 399 <fieldset> 400 <input type="text" id="imObjectForm_87_prot" name="imSpProt" /> 401 </fieldset> 402 <div id="imObjectForm_87_buttonswrap"> 403 <input type="submit" value="Envoyer" /> 404 </div> 405 </form> 406 </div> 407
407<script>x5engine.boot.push('x5engine.imForm.initForm(\'#imObjectForm_87_form\', false, {jsid: \'0D72EB3BFD01F262F25C8D5540F321AF\', type: \'tip\', showAll: true, classes: \'validator\', landingPage: \'message-email-.html\', phpAction: \'imemail/imEmailForm.php\', feedbackMode: \'showPage\', messageBackground: \'rgba(0, 0, 0, 0.7)\', messageBackgroundBlur: false, labelColor: \'rgba(255, 255, 255, 1)\', fieldColor: \'rgba(255, 103, 1, 1)\', selectedFieldColor: \'rgba(255, 103, 1, 1)\'})');</script>
407 408 </div> 409
409<script> 410 x5engine.boot.push(function () { 411 x5engine.utils.onElementInViewPort($('#imCell_87').get(0), function () { 412 x5engine.utils.revealObject($("#imCell_87")) 413 }, 100); 414 }); 415 </script>
415 416 417 </main> 418 <div id="imFooterBg"></div> 419 <footer id="imFooter"> 420 <div id="imFooterObjects"><div id="imFooter_imObjectTitle_05_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectTitle_05"><span id ="imFooter_imObjectTitle_05_text" >MENU</span></div></div><div id="imFooter_imObjectTitle_12_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectTitle_12"><span id ="imFooter_imObjectTitle_12_text" >HORAIRE DE BUREAU</span></div></div><div id="imFooter_imObjectTitle_06_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectTitle_06"><span id ="imFooter_imObjectTitle_06_text" >CONTACT</span></div></div><div id="imFooter_imObjectImage_01_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectImage_01"><div id="imFooter_imObjectImage_01_container"><img src="images/divider_ztzvn9j6.webp" width="1145" height="12" /> 421</div></div></div><div id="imFooter_imTextObject_13_wrapper" class="template-object-wrapper"><div id="imFooter_imTextObject_13"> 422 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imFooter_imTextObject_13_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 423 <div class="text-inner"> 424 <div data-line-height="1" data-text-align="center" class="lh1 imTACenter"><i><span class="fs11lh1 cf1">Du lundi au vendredi de </span></i><i class="fs14lh1"><span class="fs11lh1 cf1">8h00 Ã 16h30</span></i></div><div data-line-height="1" class="lh1"><i><span class="fs11lh1 cf1"><br></span></i></div><div data-line-height="1" class="lh1"><i><span class="fs11lh1 cf1"><br></span></i></div> 425 </div> 426 </div> 427 428</div> 429</div><div id="imFooter_imTextObject_10_wrapper" class="template-object-wrapper"><div id="imFooter_imTextObject_10"> 430 <div data-index="0" class="text-tab-content grid-prop current-tab " id="imFooter_imTextObject_10_tab0" style="opacity: 1; " role="tabpanel" tabindex="0"> 431 <div class="text-inner"> 432 <div><span class="fs11lh1-5 cf1">SRL Pierard Christine</span></div><div><span class="fs11lh1-5 cf1">20, rue de Namoisy </span><span class="fs11lh1-5 cf1">6870 Hatrival</span></div><div><span class="fs11lh1-5 cf1">[email protected]</span></div><div><span class="fs11lh1-5 cf1">0497/99.81.59</span></div> 433 </div> 434 </div> 435 436</div> 437</div><div id="imFooter_imMenuObject_11_wrapper" class="template-object-wrapper"><!-- UNSEARCHABLE --><span data-nosnippet><a id="imFooter_imMenuObject_11_skip_menu" href="#imFooter_imMenuObject_11_after_menu" class="screen-reader-only-even-focused">Sauter le menu</a></span><div id="imFooter_imMenuObject_11"><nav id="imFooter_imMenuObject_11_container"><button type="button" class="clear-button-style hamburger-button hamburger-component" aria-label="Afficher le menu"><span class="hamburger-bar"></span><span class="hamburger-bar"></span><span class="hamburger-bar"></span></button><div class="hamburger-menu-background-container hamburger-component"> 438 <div class="hamburger-menu-background menu-mobile menu-mobile-animated hidden"> 439 <button type="button" class="clear-button-style hamburger-menu-close-button" aria-label="Fermer"><span aria-hidden="true">×</span></button> 440 </div> 441</div> 442<ul class="menu-mobile-animated hidden"> 443 <li class="imMnMnFirst imPage" data-link-paths=",/index.html,/"> 444<div class="label-wrapper"> 445<div class="label-inner-wrapper"> 446 <a class="label" href="index.html"> 447ACCUEIL </a> 448</div> 449</div> 450 </li><li class="imMnMnMiddle imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-hash="-1004162016"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="qui-sommes-nous.html" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html', null, false)">A PROPOS</a></div></div><ul data-original-position="open-bottom" class="open-bottom" style="opacity: 0;" > 451 </ul></li><li class="imMnMnMiddle imLevel" data-link-paths=",/architecture.html" data-link-hash="-1004161978"><div class="label-wrapper"><div class="label-inner-wrapper"><a href="architecture.html" class="label" onclick="return x5engine.utils.location('architecture.html', null, false)">NOS REALISATIONS</a><button type="button" class="screen-reader-only clear-button-style toggle-submenu" aria-label="Afficher le sous-menu pour NOS REALISATIONS" aria-expanded="false" onclick="if ($(this).attr('aria-expanded') == 'true') event.stopImmediatePropagation(); $(this).closest('.imLevel').trigger(jQuery.Event($(this).attr('aria-expanded') == 'false' ? 'mouseenter' : 'mouseleave', { originalEvent: event } ));">â¼</button></div></div><ul data-original-position="open-bottom" class="open-bottom" style="" > 452 <li class="imMnMnFirst imPage" data-link-paths=",/architecture.html"> 453<div class="label-wrapper"> 454<img class='menu-item-icon' src='images/arch.webp' /> 455<div class="label-inner-wrapper"> 456 <a class="label" href="architecture.html"> 457ARCHITECTURE </a> 458</div> 459</div> 460 </li><li class="imMnMnLast imPage" data-link-paths=",/marches-publics.html"> 461<div class="label-wrapper"> 462<img class='menu-item-icon' src='images/route--2-.webp' /> 463<div class="label-inner-wrapper"> 464 <a class="label" href="marches-publics.html"> 465MARCHES PUBLICS </a> 466</div> 467</div> 468 </li></ul></li><li class="imMnMnLast imLevel" data-link-paths=",/qui-sommes-nous.html" data-link-anchor="pourdesinfo" data-link-hash="-1459933135"><div class="label-wrapper"><img class='menu-item-icon' src='images/logo-email.webp' /> 469<div class="label-inner-wrapper"><a href="qui-sommes-nous.html#pourdesinfo" onmouseover="x5engine.imTip.Show(this, { text: '[email protected]<br />061/61.44.41', width: 180});" onfocus="$(this).trigger('mouseover');" class="label" onclick="return x5engine.utils.location('qui-sommes-nous.html#pourdesinfo', null, false)">CONTACT</a></div></div><ul data-original-position="open-bottom" class="open-bottom" style="opacity: 0;" > 470 </ul></li></ul></nav></div><a id="imFooter_imMenuObject_11_after_menu" class="screen-reader-only-even-focused"></a><!-- UNSEARCHABLE END -->
470<script> 471var imFooter_imMenuObject_11_settings = { 472 'menuId': 'imFooter_imMenuObject_11', 473 'responsiveMenuEffect': 'reveal', 474 'responsiveMenuLevelOpenEvent': 'mouseover', 475 'animationDuration': 1000, 476} 477x5engine.boot.push(function(){x5engine.initMenu(imFooter_imMenuObject_11_settings)}); 478$(function () { 479 $('#imFooter_imMenuObject_11_container ul li').not('.imMnMnSeparator').each(function () { 480 $(this).on('mouseenter', function (evt) { 481 if (!evt.originalEvent) { 482 evt.stopImmediatePropagation(); 483 evt.preventDefault(); 484 return; 485 } 486 }); 487 }); 488}); 489$(function () {$('#imFooter_imMenuObject_11_container ul li').not('.imMnMnSeparator').each(function () { var $this = $(this), timeout = 0; $this.on('mouseenter', function () { if($(this).parents('#imFooter_imMenuObject_11_container-menu-opened').length > 0) return; clearTimeout(timeout); setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeIn(); }, 250); }).on('mouseleave', function () { if($(this).parents('#imFooter_imMenuObject_11_container-menu-opened').length > 0) return; timeout = setTimeout(function () { $this.children('ul, .multiple-column').stop(false, false).fadeOut(); }, 250); });});}); 490 491</script>
491 492</div><div id="imFooter_pluginAppObj_03_wrapper" class="template-object-wrapper"><!-- Social Icons v.24 --><div id="imFooter_pluginAppObj_03"> 493 <div id="soc_imFooter_pluginAppObj_03" > 494 <div class="wrapper horizontal flat none"> 495 <div class='social-icon flat'><a href='https://www.facebook.com/Pierard-Christine-Architecte-Urbaniste-1686806854954639/' target='_blank' aria-label='facebook'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M57,93V54H70.14l2-15H57V29.09c0-4.39.94-7.39,7.24-7.39H72V8.14a98.29,98.29,0,0,0-11.6-.6C48.82,7.54,41,14.61,41,27.59V39H27V54H41V93H57Z"/></svg><span class='fallbacktext'>Fb</span></a></div> 496 </div> 497 498 </div> 499
499<script> 500 socialicons_imFooter_pluginAppObj_03(); 501 </script>
501 502 </div></div><div id="imFooter_imObjectImage_02_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectImage_02"><div id="imFooter_imObjectImage_02_container"><img src="images/divider_yrvhtjgz.webp" width="1145" height="12" /> 503</div></div></div><div id="imFooter_imObjectImage_16_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectImage_16"><div id="imFooter_imObjectImage_16_container"><a href="index.html" onclick="return x5engine.utils.location('index.html', null, false)"><img src="images/Panneau-chantier22---Copie_gf49etom.webp" width="70" height="55" /> 504</a></div></div></div><div id="imFooter_imObjectTitle_15_wrapper" class="template-object-wrapper"><div id="imFooter_imObjectTitle_15"><span id ="imFooter_imObjectTitle_15_text" >Réalisé par Pierard Christine</span></div></div></div> 505 </footer> 506 </div> 507 <span data-nosnippet class="screen-reader-only-even-focused" style="bottom: 0;"><a href="#imGoToCont" title="Relire le contenu de la page">Retourner au contenu</a></span> 508 </div> 509 </div> 510 511 <noscript class="imNoScript"><div class="alert alert-red">Pour utiliser ce site vous devez activer JavaScript.</div></noscript> 512 </body> 513</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.