R茅cup茅ration des eaux - Espaces ext茅rieurs

<!doctype html> <html lang="en" class="no-js"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-58KMV3L');</script>   <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({article:'auto'}); !function (e, f, u, i) { if (!document.getElementById(i)){ e.async = 1; e.src = u; e.id = i; f.parentNode.insertBefore(e, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/batiactu-baticopro/loader.js', 'tb_loader_script'); if(window.performance && typeof window.performance.mark == 'function') {window.performance.mark('tbl_ic');} </script>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>R茅cup茅ration des eaux - Espaces ext茅rieurs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="R茅cup茅ration des eaux : d茅couvrez produits et guides conseils pour votre immeuble." /> <meta name="keywords" content="" /> <meta name="robots" content="INDEX,FOLLOW" /> <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="icon" href="https://www.baticopro.com/media/favicon/default/baticopro-03.jpg" type="image/x-icon" /> <link rel="shortcut icon" href="https://www.baticopro.com/media/favicon/default/baticopro-03.jpg" type="image/x-icon" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700&subset=latin" /><link rel="stylesheet" type="text/css" href="https://www.baticopro.com/media/css_secure/a5a53b22d3d0b257a8f7119125d71593.css" media="all" /> <script type="text/javascript" src="https://www.baticopro.com/media/js/1e9a42f862d3747c3675cd35e0260b9b.js"></script> <link rel="canonical" href="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html" />  <link media="all" href="https://www.baticopro.com/skin/frontend/intenso/default/css/special/style_maj_dl.css?1" type="text/css" rel="stylesheet"> <script type="text/javascript" src="https://batiregie.batiactu.com/cap_pub/rotate/rotation-brut-js.php?e=TOP&support=BATICOPRO.SITE"></script> <script type="text/javascript"> //<![CDATA[ Mage.Cookies.path = '/'; Mage.Cookies.domain = '.www.baticopro.com'; //]]> </script> <script type="text/javascript"> //<![CDATA[ optionalZipCountries = ["HK","IE","MO","PA"]; //]]> </script>  <script type="text/javascript"> //<![CDATA[ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-80613100-1', 'auto'); ga('send', 'pageview'); //]]> </script>  <script type="text/javascript">//<![CDATA[ var Translator = new Translate({"HTML tags are not allowed":"Les balises HTML ne sont pas autoris\u00e9es","Please select an option.":"S\u00e9lectionnez une option","This is a required field.":"Ce champ est obligatoire.","Please enter a valid number in this field.":"Veuillez saisir un nombre valide.","The value is not within the specified range.":"La valeur n'est pas dans la plage sp\u00e9cifi\u00e9e.","Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.":"Seuls les chiffres sont autoris\u00e9s dans ce champ. \u00c9vitez les espaces ou autres caract\u00e8res tels que les points ou les virgules.","Please use letters only (a-z or A-Z) in this field.":"Veuillez utiliser uniquement des lettres (a-z ou A-Z) dans ce champ.","Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9) ou underscore (_) dans ce champ, en commen\u00e7ant par une lettre.","Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.":"Veuillez utiliser uniquement des lettres (a-z) ou des chiffres (0-9) dans ce champ. Les espaces et autres caract\u00e8res ne sont pas autoris\u00e9s.","Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.":"Veuillez utiliser uniquement des lettres (a-z), des chiffres (0-9), des espaces ou des di\u00e8ses (#) dans ce champ.","Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de t\u00e9l\u00e9phone valide.","Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.":"Veuillez saisir un num\u00e9ro de fax valide. Par exemple 0123456789.","Please enter a valid date.":"Veuillez saisir une date valide.","Please enter a valid email address. For example johndoe@domain.com.":"Veuillez saisir une adresse email valide. Par exemple prenom.nom@domaine.com","Please use only visible characters and spaces.":"Veuillez utiliser uniquement des caract\u00e8res visibles et des espaces.","Please make sure your passwords match.":"V\u00e9rifiez que vos mots de passe concordent.","Please enter a valid URL. Protocol is required (http:\/\/, https:\/\/ or ftp:\/\/)":"Veuillez saisir une URL valide. Le protocole est obligatire (http:\/\/, https:\/\/ ou ftp:\/\/)","Please enter a valid URL. For example http:\/\/www.example.com or www.example.com":"Veuillez saisir une URL valide. Par exemple http:\/\/www.exemple.com ou www.exemple.com","Please enter a valid URL Key. For example \"example-page\", \"example-page.html\" or \"anotherlevel\/example-page\".":"Veuillez saisir une URL valide. Par exemple \"page-exemple\", \"page-exemple.html\" ou \"niveau\/page-exemple\".","Please enter a valid XML-identifier. For example something_1, block5, id-4.":"Veuillez saisir un identifiant XML valide. Par exemple, quelquechose_1, bloc5, id-4.","Please enter a valid social security number. For example 123-45-6789.":"Veuillez saisir un num\u00e9ro de s\u00e9curit\u00e9 sociale valide. Par exemple 123-45-6789.","Please enter a valid zip code. For example 90602 or 90602-1234.":"Veuillez saisir un code postal valide. Par exemple 92100.","Please enter a valid zip code.":"Veuillez saisir un code postal valide.","Please use this date format: dd\/mm\/yyyy. For example 17\/03\/2006 for the 17th of March, 2006.":"Veuillez utiliser ce format de date : jj\/mm\/aaaa. Par exemple, 21\/12\/2012 pour le 21 D\u00e9cembre 2012.","Please enter a valid $ amount. For example $100.00.":"Veuillez saisir un montant valide. Par exemple 100.00 \u20ac.","Please select one of the above options.":"Veuillez choisir une des options ci-dessus.","Please select one of the options.":"Veuillez choisir une des options.","Please select State\/Province.":"Veuillez choisir un \u00e9tat\/province.","Please enter a number greater than 0 in this field.":"Veuillez saisir un nombre sup\u00e9rieur \u00e0 0 dans ce champ.","Please enter a number 0 or greater in this field.":"Veuillez saisir un nombre sup\u00e9rieur ou \u00e9gal \u00e0 0 dans ce champ.","Please enter a valid credit card number.":"Veuillez saisir un num\u00e9ro de carte bancaire valide.","Credit card number does not match credit card type.":"Le num\u00e9ro de carte ne correspond pas au type de carte.","Card type does not match credit card number.":"Le type de carte ne correspond pas au num\u00e9ro de carte.","Incorrect credit card expiration date.":"Mauvaise date d'expiration de carte de cr\u00e9dit.","Please enter a valid credit card verification number.":"Veuillez saisir un num\u00e9ro de v\u00e9rification de carte bancaire valide.","Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Utilisez uniquement des lettres (a-z ou A-Z), des chiffres (0-9) ou des underscores (_) dans ce champ. Le premier caract\u00e8re doit \u00eatre une lettre.","Please input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%.":"Veuillez saisir une longueur CSS valide. Par exemple 100px ou 77pt ou 20 em ou .5ex ou 50%.","Text length does not satisfy specified text range.":"La longueur du texte ne satisfait pas la plage de texte sp\u00e9cifi\u00e9e.","Please enter a number lower than 100.":"Veuillez saisir un nombre inf\u00e9rieur \u00e0 100.","Please select a file":"S\u00e9lectionnez un fichier","Please enter issue number or start date for switch\/solo card type.":"Veuillez saisir le num\u00e9ro de probl\u00e8me ou une date de d\u00e9but pour le type de carte switch\/solo.","Please wait, loading...":"Veuillez patienter, chargement en cours...","This date is a required value.":"Cette date est obligatoire.","Please enter a valid day (1-%d).":"Veuillez saisir un jour valide (1-%d).","Please enter a valid month (1-12).":"Veuillez saisir un mois valide (1-12).","Please enter a valid year (1900-%d).":"Veuillez saisir une ann\u00e9e valide (1900-%d).","Please enter a valid full date":"Veuillez saisir une date compl\u00e8te valide.","Please enter a valid date between %s and %s":"Veuillez saisir une date valide entre %s et %s","Please enter a valid date equal to or greater than %s":"Veuillez saisir une date valide sup\u00e9rieure ou \u00e9gale \u00e0 %s","Please enter a valid date less than or equal to %s":"Veuillez saisir une date valide inf\u00e9rieure ou \u00e9gale \u00e0 %s","Complete":"Termin\u00e9e","Add Products":"Ajouter des produits","Please choose to register or to checkout as a guest":"Choisissez de vous enregistrer ou de passer votre commande en tant qu'invit\u00e9","Your order cannot be completed at this time as there is no shipping methods available for it. Please make necessary changes in your shipping address.":"Vous ne pouvez pas continuer votre commande car aucun mode de livraison n'est disponible pour votre adresse.","Please specify shipping method.":"Choisissez un mode de livraison.","Your order cannot be completed at this time as there is no payment methods available for it.":"Vous ne pouvez pas continuer votre commande car aucun mode de paiement n'est disponible.","Please specify payment method.":"Choisissez un mode de paiement.","Insert Widget...":"Ins\u00e9rer un widget...","Add to Cart":"Ajouter au panier","In Stock":"En stock","Out of Stock":"\u00c9puis\u00e9","Show more details":"Voir plus de d\u00e9tails","Show less details":"Voir moins de d\u00e9tails","Accept":"J'ai compris"}); //]]></script> </head> <body class=" catalog-category-view auto-dismiss-modal categorypath-espaces-exterieurs-recuperation-des-eaux-html category-recuperation-des-eaux default fr_fr clrformfields">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58KMV3L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="off-canvas-wrap"> <div class="inner-wrap"> <noscript> <div class="global-site-notice noscript"> <div class="notice-inner"> <p> <strong>Javascript est d茅sactiv茅 dans votre navigateur.</strong><br /> Javascript doit 锚tre activ茅 dans votre navigateur pour utiliser toutes les fonctionnalit茅s de ce site. </p> </div> </div> </noscript> <header class="main-header sticky-menu"> <div class="row top-header large-10 large-centered medium-10 medium-centered columns"> <div class="small-6 medium-4 large-3 logo-container columns"> <a href="https://www.baticopro.com/"> <img class="main-logo" src="https://www.baticopro.com/skin/frontend/intenso/default/images/logo/baticopro_200px.png" alt="Baticopro" title="Baticopro" /> <img class="main-logo-small" src="https://www.baticopro.com/skin/frontend/intenso/default/images/logo/baticopro_mobile.png" alt="Baticopro" title="Baticopro" /> </a> </div> <div class="columns small-5 show-for-small-only logo-partenaire-small"> <img src="https://www.baticopro.com/media/partenaire/logos-partenaires-site.jpg"> </div> <div class="small-1 medium-4 medium-push-6 large-3 large-push-6 icons-for-small columns text-right"> <div class="hide-for-small-only logo-partenaire"> <img src="https://www.baticopro.com/media/partenaire/logos-partenaires-site.jpg" > </div> <a href="#" class="right-off-canvas-toggle show-for-small-only icon-main-menu"></a> </div> <div class="medium-4 large-5 medium-pull-3 large-pull-3 columns"> <form method="get" action="https://www.baticopro.com/recherche/result/" id="search_mini_form"> <div class="form-search"> <div class="action">  <button class="button" title="Search" type="submit"><span aria-hidden="true" class="icon-search"></span></button>  </div> <div class="search-box"> <input type="text" class="input-text placeholder" value="" name="q" id="search" maxlength="128" /> <label for="search">Rechercher...</label> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> <div class="search-autocomplete" id="search_autocomplete"></div> <script type="text/javascript"> //<![CDATA[ var searchForm = new Varien.searchForm('search_mini_form', 'search', ''); searchForm.initAutocomplete('https://www.baticopro.com/catalogsearch/ajax/suggest/', 'search_autocomplete'); //]]> </script> </div> </div> </form> </div> </div> <script> $j(document).ready(function(){ $j("li.level0.nav-1 > a").wrapInner("<strong></strong>"); }); </script> <div class="large-12 large-centered medium-12 medium-centered columns" style="position: inherit;"> <nav class="top-bar right-off-canvas-menu expanded main-nav horizontal" data-topbar> <ul class="title-area">  <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> </ul> <section class="top-bar-section clearfix hover">  <ul class="right show-for-large-up"> <li class="has-dropdown hide-for-small-only"> </ul>  <ul class="left">  <li class="level0 nav-1 first has-dropdown mega-menu"><a href="https://www.baticopro.com/guides.html" class="level0 has-children">Guides Conseils</a><ul class="level0 dropdown arrow-box columns-3-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/guides.html">Voir tout Guides Conseils</a></li><li class="level1 nav-1-1 first"><div class="subcategory-top-block hide-for-small-only"><img src="https://www.baticopro.com/media/wysiwyg/assurance_2__1.jpg" alt="" /></div><a href="https://www.baticopro.com/guides/assurances.html" class="level1 ">Assurances</a></li><li class="level1 nav-1-2"><div class="subcategory-top-block hide-for-small-only"><p><img alt="" src="https://www.baticopro.com/media/wysiwyg/chauffage_collectif_4.png" width="326" /></p></div><a href="https://www.baticopro.com/guides/chauffages-ventilations-climatisations.html" class="level1 ">Chauffage, ventilation, climatisation et chaudi猫re</a></li><li class="level1 nav-1-3"><div class="subcategory-top-block hide-for-small-only"><img src="https://www.baticopro.com/media/wysiwyg/immeuble_grdf_2_2.jpg" alt="" /></div><a href="https://www.baticopro.com/guides/raccordement-gaz-d-immeuble.html" class="level1 ">Raccordement gaz d鈥檌mmeuble</a></li><li class="level1 nav-1-4"><a href="https://www.baticopro.com/guides/achat-d-appartement-en-copropriete.html" class="level1 ">Achat d鈥檃ppartement en copropri茅t茅</a></li><li class="level1 nav-1-5"><a href="https://www.baticopro.com/guides/ags.html" class="level1 ">AGs</a></li><li class="level1 nav-1-6"><a href="https://www.baticopro.com/guides/amenagements-exterieurs.html" class="level1 ">Am茅nagements ext茅rieurs</a></li><li class="level1 nav-1-7"><a href="https://www.baticopro.com/guides/ascenseurs.html" class="level1 ">Ascenseurs</a></li><li class="level1 nav-1-8"><a href="https://www.baticopro.com/guides/boites-aux-lettres.html" class="level1 ">Bo卯tes aux lettres</a></li><li class="level1 nav-1-9"><a href="https://www.baticopro.com/guides/cave.html" class="level1 ">Cave</a></li><li class="level1 nav-1-10"><a href="https://www.baticopro.com/guides/conseil-syndical.html" class="level1 ">Conseil syndical</a></li><li class="level1 nav-1-11"><a href="https://www.baticopro.com/guides/coproprietes.html" class="level1 ">Copropri茅t茅s</a></li><li class="level1 nav-1-12"><a href="https://www.baticopro.com/guides/electricite.html" class="level1 ">Electricit茅, 茅clairage</a></li><li class="level1 nav-1-13"><a href="https://www.baticopro.com/guides/eau.html" class="level1 ">Eau</a></li><li class="level1 nav-1-14"><a href="https://www.baticopro.com/guides/escaliers.html" class="level1 ">Escaliers</a></li><li class="level1 nav-1-15"><a href="https://www.baticopro.com/guides/fenetres.html" class="level1 ">Fen锚tres</a></li><li class="level1 nav-1-16"><a href="https://www.baticopro.com/guides/ravalements-de-facades.html" class="level1 ">Fa莽ades, garde-corps</a></li><li class="level1 nav-1-17"><a href="https://www.baticopro.com/guides/parkings.html" class="level1 ">Parking</a></li><li class="level1 nav-1-18"><a href="https://www.baticopro.com/guides/parties-communes" class="level1 ">Parties communes</a></li><li class="level1 nav-1-19"><a href="https://www.baticopro.com/guides/portes-d-entree-d-immeuble.html" class="level1 ">Porte d鈥檈ntr茅e d鈥檌mmeuble et hall</a></li><li class="level1 nav-1-20"><a href="https://www.baticopro.com/guides/syndic-benevole.html" class="level1 ">Syndic b茅n茅vole</a></li><li class="level1 nav-1-21"><a href="https://www.baticopro.com/guides/syndic.html" class="level1 ">Syndic</a></li><li class="level1 nav-1-22"><a href="https://www.baticopro.com/guides/toit.html" class="level1 ">Toit</a></li><li class="level1 nav-1-23"><a href="https://www.baticopro.com/guides/traitement-humidite.html" class="level1 ">Traitement de l'humidit茅</a></li><li class="level1 nav-1-24 "><a href="https://www.baticopro.com/guides/isolation-et-etancheite.html" class="level1 ">Isolation, ITE et 茅tanch茅it茅</a></li></ul></li><li class="level0 nav-2"><a href="https://www.baticopro.com/lettres-et-contrats.html" class="level0 ">Lettres et contrats</a></li><li class="level0 nav-3 has-dropdown mega-menu"><a href="https://www.baticopro.com/portes.html" class="level0 has-children">Portes</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/portes.html">Voir tout Portes</a></li><li class="level1 nav-3-1 first"><a href="https://www.baticopro.com/portes/portes.html" class="level1 ">Portes</a></li><li class="level1 nav-3-2"><a href="https://www.baticopro.com/portes/portes-de-hall.html" class="level1 ">Portes de hall</a></li><li class="level1 nav-3-3"><a href="https://www.baticopro.com/portes/motorisation-porte-entree.html" class="level1 ">Motorisation de portes d'entr茅es</a></li><li class="level1 nav-3-4"><a href="https://www.baticopro.com/portes/interphones.html" class="level1 ">Interphones</a></li><li class="level1 nav-3-5"><a href="https://www.baticopro.com/portes/digicodes.html" class="level1 ">Digicodes</a></li><li class="level1 nav-3-6"><a href="https://www.baticopro.com/portes/vigiks.html" class="level1 ">Vigiks</a></li><li class="level1 nav-3-7"><a href="https://www.baticopro.com/portes/controles-d-acces.html" class="level1 ">Contr么les d'acc猫s</a></li><li class="level1 nav-3-8"><a href="https://www.baticopro.com/portes/accessoires-de-portes.html" class="level1 ">Accessoires de portes</a></li><li class="level1 nav-3-9 "><a href="https://www.baticopro.com/portes/serrures.html" class="level1 ">Serrures</a></li></ul></li><li class="level0 nav-4 has-dropdown mega-menu"><a href="https://www.baticopro.com/parties-communes.html" class="level0 has-children">Halls d'entr茅e</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/parties-communes.html">Voir tout Halls d'entr茅e</a></li><li class="level1 nav-4-1 first"><a href="https://www.baticopro.com/parties-communes/sols-et-tapis-de-sols.html" class="level1 ">Sols et tapis de sols</a></li><li class="level1 nav-4-2"><a href="https://www.baticopro.com/parties-communes/boites-aux-lettres.html" class="level1 ">Boites aux lettres</a></li><li class="level1 nav-4-3 "><a href="https://www.baticopro.com/parties-communes/entretien-nettoyage.html" class="level1 ">Entretien, nettoyage</a></li></ul></li><li class="level0 nav-5 has-dropdown mega-menu"><a href="https://www.baticopro.com/ascenseurs.html" class="level0 has-children">Ascenseurs</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/ascenseurs.html">Voir tout Ascenseurs</a></li><li class="level1 nav-5-1 first"><a href="https://www.baticopro.com/ascenseurs/cabines-d-ascenseur.html" class="level1 ">Cabines d'ascenseur</a></li><li class="level1 nav-5-2"><a href="https://www.baticopro.com/ascenseurs/eclairages-d-ascenseurs.html" class="level1 ">Eclairages d'ascenseurs</a></li><li class="level1 nav-5-3"><a href="https://www.baticopro.com/ascenseurs/pieces-de-rechange.html" class="level1 ">Pi猫ces de rechange</a></li><li class="level1 nav-5-4 "><a href="https://www.baticopro.com/ascenseurs/elevateurs-pour-personnes-a-mobilite-reduite.html" class="level1 ">El茅vateurs pour personnes 脿 mobilit茅 r茅duite</a></li></ul></li><li class="level0 nav-6 has-dropdown mega-menu"><a href="https://www.baticopro.com/escaliers.html" class="level0 has-children">Escaliers</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/escaliers.html">Voir tout Escaliers</a></li><li class="level1 nav-6-1 first "><a href="https://www.baticopro.com/escaliers/mises-aux-normes-handicapes.html" class="level1 ">Mises aux normes handicap茅s</a></li><li class="mega-menu-bottom-block hide-for-small-only"><a href="https://www.travauxapart.fr/" style="color: black !important; font-weight: 500;" target="_blank">Prix travaux avec Travaux 脿 Part</a></li></ul></li><li class="level0 nav-7 has-dropdown mega-menu"><a href="https://www.baticopro.com/toit.html" class="level0 has-children">Toit</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/toit.html">Voir tout Toit</a></li><li class="level1 nav-7-1 first"><a href="https://www.baticopro.com/toit/revetements-de-toitures.html" class="level1 ">Couverture et 茅tanch茅it茅</a></li><li class="level1 nav-7-2"><a href="https://www.baticopro.com/toit/gouttieres.html" class="level1 ">Goutti猫res</a></li><li class="level1 nav-7-3 "><a href="https://www.baticopro.com/toit/exutoires-de-fumees.html" class="level1 ">Exutoires de fum茅es</a></li></ul></li><li class="level0 nav-8 has-dropdown mega-menu"><a href="https://www.baticopro.com/facades.html" class="level0 has-children">Murs et fa莽ades</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/facades.html">Voir tout Murs et fa莽ades</a></li><li class="level1 nav-8-1 first"><a href="https://www.baticopro.com/facades/peintures.html" class="level1 ">Rev锚tements</a></li><li class="level1 nav-8-2"><a href="https://www.baticopro.com/facades/bardage.html" class="level1 ">Bardage</a></li><li class="level1 nav-8-3"><a href="https://www.baticopro.com/facades/etancheite-et-isolation.html" class="level1 ">脡tanch茅it茅 et isolation</a></li><li class="level1 nav-8-4"><a href="https://www.baticopro.com/facades/fenetres.html" class="level1 ">Fen锚tres</a></li><li class="level1 nav-8-5"><a href="https://www.baticopro.com/facades/balcons-et-terrasses.html" class="level1 ">Balcons et terrasses</a></li><li class="level1 nav-8-6"><a href="https://www.baticopro.com/facades/garde-corps.html" class="level1 ">Garde-corps</a></li><li class="level1 nav-8-7"><a href="https://www.baticopro.com/facades/traitement-de-l-humidite-des-murs.html" class="level1 ">Traitement de l'humidit茅 des murs</a></li><li class="level1 nav-8-8 "><a href="https://www.baticopro.com/facades/stores-et-volets.html" class="level1 ">Stores et volets</a></li></ul></li><li class="level0 nav-9 has-dropdown mega-menu"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres.html" class="level0 has-children">Chaudi猫res, ventilation et ENR</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres.html">Voir tout Chaudi猫res, ventilation et ENR</a></li><li class="level1 nav-9-1 first"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/chaudiere-collective.html" class="level1 ">Chaudi猫res</a></li><li class="level1 nav-9-2"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/eau-chaude-sanitaires.html" class="level1 ">Eau chaude - sanitaire</a></li><li class="level1 nav-9-3"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/vmc.html" class="level1 ">VMC - Ventilation naturelle</a></li><li class="level1 nav-9-4"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/enr.html" class="level1 ">ENR</a></li><li class="level1 nav-9-5"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/fumisterie.html" class="level1 ">Fumisterie</a></li><li class="level1 nav-9-6"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/compteurs-d-eau.html" class="level1 ">Compteurs d'eau</a></li><li class="level1 nav-9-7"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/chauffage.html" class="level1 ">Chauffage</a></li><li class="level1 nav-9-8 "><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/traitement-de-l-air.html" class="level1 ">Traitement de l'air</a></li></ul></li><li class="level0 nav-10 has-dropdown mega-menu"><a href="https://www.baticopro.com/parkings.html" class="level0 has-children">Parking</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/parkings.html">Voir tout Parking</a></li><li class="level1 nav-10-1 first"><a href="https://www.baticopro.com/parkings/portes-de-parking-collectifs.html" class="level1 ">Portes de parking collectifs</a></li><li class="level1 nav-10-2"><a href="https://www.baticopro.com/parkings/barriere.html" class="level1 ">Barri猫re</a></li><li class="level1 nav-10-3"><a href="https://www.baticopro.com/parkings/boxes.html" class="level1 ">Boxes</a></li><li class="level1 nav-10-4"><a href="https://www.baticopro.com/parkings/securisation-parking.html" class="level1 ">S茅curisation parking</a></li><li class="level1 nav-10-5"><a href="https://www.baticopro.com/parkings/mecanisme-pour-porte-de-parking-collectif.html" class="level1 ">M茅canisme pour porte de parking collectif</a></li><li class="level1 nav-10-6"><a href="https://www.baticopro.com/parkings/barriere-levante.html" class="level1 ">Barri猫re levante</a></li><li class="level1 nav-10-7 "><a href="https://www.baticopro.com/parkings/voitures-electriques.html" class="level1 ">Bornes de recharges pour v茅hicules 茅lectriques</a></li></ul></li><li class="level0 nav-11 active has-dropdown mega-menu"><a href="https://www.baticopro.com/espaces-exterieurs.html" class="level0 has-children">Espaces ext茅rieurs</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/espaces-exterieurs.html">Voir tout Espaces ext茅rieurs</a></li><li class="level1 nav-11-1 first"><a href="https://www.baticopro.com/espaces-exterieurs/arrosages-automatiques.html" class="level1 ">Arrosages automatiques</a></li><li class="level1 nav-11-2"><a href="https://www.baticopro.com/espaces-exterieurs/portails.html" class="level1 ">Portails et Portillons</a></li><li class="level1 nav-11-3"><a href="https://www.baticopro.com/espaces-exterieurs/revetement-de-sols-exterieurs.html" class="level1 ">Rev锚tement de sols ext茅rieurs</a></li><li class="level1 nav-11-4"><a href="https://www.baticopro.com/espaces-exterieurs/eclairages-exterieurs.html" class="level1 ">Eclairages ext茅rieurs</a></li><li class="level1 nav-11-5"><a href="https://www.baticopro.com/espaces-exterieurs/clotures-exterieures.html" class="level1 ">Cl么tures ext茅rieures</a></li><li class="level1 nav-11-6 active"><a href="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html" class="level1 ">R茅cup茅ration des eaux</a></li><li class="level1 nav-11-7 "><a href="https://www.baticopro.com/espaces-exterieurs/abris-poussettes-velo-poubelle.html" class="level1 ">Abris poussettes - v茅los - poubelles</a></li></ul></li><li class="level0 nav-12 has-dropdown mega-menu"><a href="https://www.baticopro.com/electricite.html" class="level0 has-children">Electricit茅</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/electricite.html">Voir tout Electricit茅</a></li><li class="level1 nav-12-1 first"><a href="https://www.baticopro.com/electricite/installations-electriques.html" class="level1 ">Installations 茅lectriques</a></li><li class="level1 nav-12-2"><a href="https://www.baticopro.com/electricite/compteurs-et-tableaux-electriques.html" class="level1 ">Compteurs et tableaux 茅lectriques</a></li><li class="level1 nav-12-3 "><a href="https://www.baticopro.com/electricite/eclairages.html" class="level1 ">Eclairages des parties communes</a></li></ul></li><li class="level0 nav-13 has-dropdown mega-menu"><a href="https://www.baticopro.com/securisation.html" class="level0 has-children">S茅curisation</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/securisation.html">Voir tout S茅curisation</a></li><li class="level1 nav-13-1 first"><a href="https://www.baticopro.com/securisation/detecteur-de-presence.html" class="level1 ">D茅tecteur de pr茅sence</a></li><li class="level1 nav-13-2"><a href="https://www.baticopro.com/securisation/alarmes.html" class="level1 ">Alarmes</a></li><li class="level1 nav-13-3 "><a href="https://www.baticopro.com/securisation/securite.html" class="level1 ">S茅curit茅</a></li></ul></li><li class="level0 nav-14 "><a href="https://www.baticopro.com/assurances.html" class="level0 ">Assurances</a></li>  </ul> </section> </nav> </div> <script> $j(document).ready(function(){ if ( $j(window).width() < 640) { $j(".level0.has-dropdown").click(function(){ $j("nav.top-bar.right-off-canvas-menu").animate({ scrollTop: 0 }, "fast"); }); } }); </script></header> <div class="block-compare"> </div> <style> .toggle :hover{ cursor: pointer; } </style> <div class="row"> <div class="small-12 show-for-small-only"> <div> <div class="toggle" style="position: relative;"> <i style="position:relative; top: 5px; left: 0; color: #698483;" class="icon-arrow-down fleches"></i> <i style="position: relative;top: 5px; left: 90%; color: #698483;" class="icon-arrow-down fleches"></i> <h4 class="center"><b>ASSISTANCE PRODUITS</b></h4> <p class="center" style="margin-bottom:10px; font-size: 18px;">Demandez 脿 nos experts de chercher pour vous</p> </div> <div class="toToggle" style="display:none;"> <style> div.contact{ padding: 8px; margin: auto; margin-bottom: 150px; } .centre{ display: block; margin-left: auto; margin-right: auto } .contact label, h6, h4{ color: #698483; } .input-box { margin-left: 10px; position: relative !important; } .validation-advice { bottom: inherit; left: 10px; } .sos-bloc-content:not(.guides) { position: absolute; } @media only screen and (max-width: 40em) { .sos-bloc-content:not(.guides) { position: inherit; } } </style> <div id="doc6743bdb1f30de" class="sos-bloc-content sos-id6743bdb1f30de item-content clearfix"> <div class="contact" id="contactPart1_6743bdb1f30de"> <form id="contactForm_6743bdb1f30de" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="R茅cup茅ration des eaux"> <input type="hidden" name="parentCateg" value="Espaces ext茅rieurs"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin6743bdb1f30de" name="besoin" placeholder="Merci de d茅crire votre projet, votre demande..." style="min-height: 70px; margin-bottom:5px" class="required-entry validate-length minimum-length-5"></textarea> </div> </div> <div class="b2 aCacher"> <h6 class="legend" style="margin-bottom: 7px">Vos coordonn茅es</h6> <div class="input-box"> <input title="Votre nom - pr茅nom" style="margin-bottom:5px" type="text" value="" class="input-text required-entry" name="nomPrenom" placeholder="Votre nom - pr茅nom*" > </div> <div class="input-box"> <input title="Votre email" style="margin-bottom:5px" type="email" value="" class="input-text required-entry validate-email" name="mail" placeholder="Votre email*" > </div> <div class="input-box"> <input title="Votre t茅l茅phone" style="margin-bottom:5px" class="input-text required-entry validate-number validate-length minimum-length-10" value="" type="text" name="tel" placeholder="Votre t茅l茅phone*" > </div> <div class="input-box"> <input title="Votre code postal" value="" class="input-text required-entry validate-number validate-length minimum-length-5" type="text" id="cp" name="cp" placeholder="Votre code postal*"> </div> <h6 class="legend" style="margin-bottom: 7px">Votre copropri茅t茅</h6> <label for="qui">Qui 锚tes vous?<span class="required">*</span></label> <div class="input-box"> <select title="Qui 锚tes vous?" class="input-text required-entry" id="qui6743bdb1f30de" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop6743bdb1f30de">Copropri茅taire</option> <option id="cop6743bdb1f30de_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop6743bdb1f30de_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop6743bdb1f30de"> <label for="nb">Taille de la copropri茅t茅<span class="required">*</span></label> <div class="input-box"> <select class="validate-select" name="taille" required > <option selected="selected" value="">S茅lectionner</option> <option>Moins de 10 lots</option> <option>Entre 10 et 50 lots</option> <option>Plus de 50 lots</option> <option>Autres</option> </select> </div> </div> </div> </div> <img id="spinnerSending6743bdb1f30de" src="https://www.baticopro.com/skin/frontend/intenso/default/images/spinner.gif" alt="spinner" style="display: none; margin: auto;"> <div class="aCacher"> <div class="button centre" onclick="submitForm1('6743bdb1f30de');" title="Envoyer" style="margin-top: 10px; margin-bottom: 7px;"> <span>Envoyer votre demande</span> </div> <p class="required"><small>* Champs obligatoires</small><p> </div> </div> <div id="MsgDemandeResultSos26743bdb1f30de" data-alert class="alert-box radius" style="display:none;"> <span class="msgDemandes"></span> <a href="#" class="close">×</a> </div> </form> </div> </div> <script type="text/javascript"> function clickEventGa() { ga(function(tracker) { tracker.send('event', 'DemandeCategorie', 'SOS', 'submit'); }); } // var minChr=5; // // function getById(i){ // return document.getElementById(i) // } // function red(nbrChr){ // return Math.round(255*Math.pow(0.977,minChr-nbrChr)) // } // function countChr(){ // var len=getById('besoin//').value.length; // getById('nbchr//').innerHTML='// <span style="color:' + (minChr<=len?'green':'rgb('+red(minChr-len)+',0,0)') + '">' +len+' caract猫re'+(1<len?'s':'')+'</span> / '+ minChr + ' minimum'; // } // (function(){ // getById('besoin//').onkeyup=countChr; // countChr(); // })(); $j(document).ready(function(){ $j(".main-logo").focus(); $j('html, body').animate({ scrollTop: 0 }, 1); if($j('#cat_hid').val() != ""){ $j('select#thematique6743bdb1f30de').attr('name', 'currentCateg'); $j('select#sous_thematique6743bdb1f30de').attr('name', 'sousThematique'); } else{ $j('select#thematique6743bdb1f30de').attr('name', 'parentCateg'); $j('select#sous_thematique6743bdb1f30de').attr('name', 'currentCateg'); } $j('#thematique6743bdb1f30de').on('change', function() { $j("#sous_thematique6743bdb1f30de").hide(); var idCat = $j('#thematique6743bdb1f30de').find(':selected').data('idcat'); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/getSousThematique/', data: {"id_cat" : idCat} }) .success(function(response){ if(typeof response.sous_thematique !== 'undefined' && response.sous_thematique.length > 0){ $j("#sous_thematique6743bdb1f30de").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique6743bdb1f30de").append("<option>" + item + "</option>"); }); $j("#sous_thematique6743bdb1f30de").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop6743bdb1f30de').slideUp(); $j('#qui6743bdb1f30de').change(function () { if ($j('#cop6743bdb1f30de').prop('selected') == true ||聽$j('#cop6743bdb1f30de_2').prop('selected') == true ||聽$j('#cop6743bdb1f30de_3').prop('selected') == true) { $j('#nbcop6743bdb1f30de').slideDown(); } else { $j('#nbcop6743bdb1f30de').slideUp(); $j('#nb6743bdb1f30de').removeAttr('required'); } }); }); var contactForm_6743bdb1f30de = new VarienForm('contactForm_6743bdb1f30de', true); function submitForm1(id){ if(window["contactForm_"+id].validator && window["contactForm_"+id].validator.validate()){ clickEventGa(); $j('#spinnerSending' + id).css("display", "block"); var data = {}; $j("#contactForm_" + id +" input, #contactForm_"+id +" select, #contactForm_"+id +" textarea").each(function(idx, val) { data[$j(val).attr('name')] = $j(val).val(); }); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/un/', data: data }) .success(function(response){ $j(".aCacher").hide(); $j('#spinnerSending' + id).hide(); // $j('#idDemande' + id).val(response.value); // $j("#contactPart1_" + id).hide(); $j('.entete').text("Votre demande vient d'锚tre envoy茅e et sera trait茅e dans les plus brefs d茅lais.").show(); $j("#MsgDemandeResultSos2" + id).show().addClass("success"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("DEMANDE ENVOYEE"); }) .error(function(){ $j('#spinnerSending' + id).hide(); $j("#MsgDemandeResultSos2" + id).show().addClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("Message non envoy茅!"); setTimeout(function(){ $j("#MsgDemandeResultSos2" + id).hide().removeClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text(""); }, 10000); }); } } </script> </div> </div> </div> </div> <script type="text/javascript"> $j(document).ready(function(){ $j(".toggle").click(function(){ $j(".toToggle").toggle(500 , function(){ if($j('.toToggle').css("display") == "none"){ $j(".fleches").addClass("icon-arrow-down").removeClass("icon-arrow-up"); } else{ $j(".fleches").addClass("icon-arrow-up").removeClass("icon-arrow-down"); } }); }); }); </script> <div class="row sos-container" > <div class="small-12 medium-9 large-10 columns" style="padding-left: 0; padding-right: 0"> <section id="guide-block-link" class="clearfix products-grid " style=""> <div class="row category-name"> <div class="small-12 columns"> </div> </div> <div id="posts" > <style> .guide-categorie-titre { line-height: 2rem; text-transform: none !important; font-size: 1.5rem !important; font-weight: 400 !important; font-style: normal; letter-spacing: -0.05rem; font-family: "Lato", sans-serif; color: #58564b !important; padding-left: 3.8%; margin: 35px 0 0.5rem; text-align: center } .guide-seller-titre { margin: 25px 0; } </style> <div class="row"> <h1 id="titreRecent" class="guide-categorie-titre small-12 medium-8">Guides de la cat茅gorie R茅cup茅ration des eaux</h1> </div> <div class="row"> <div class="columns small-11 small-centered large-centered medium-10 medium-centered large-11 " id="recent"> <section class="small-12 medium-4 columns left sec0"> <a class="contenuImg" href="/guides/comment-recuperer-l-eau-de-pluie-au-sein-d-une-copropriete.html"> <div class="blocImg"> <img alt="Comment r茅cup茅rer l'eau de pluie au sein d'une copropri茅t茅 ?" title="Comment r茅cup茅rer l'eau de pluie au sein d'une copropri茅t茅 ?" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/_213611_-_achatmat.com_pour_baticopro.com.jpeg"> </div> <h2>Comment r茅cup茅rer l'eau de pluie au sein d'une copropri茅t茅 ?</h2> <p class="textbox-text">Les s茅cheresses et canicules 脿 r茅p茅tition caus茅es par le r茅chauffement climatique font de la r茅cup茅ration des eaux pluviales un enjeu...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/tout-a-l-egout-en-immeuble-loi-regle-rattachement-et-fonctionnement.html"> <div class="blocImg"> <img alt="Tout-脿-l鈥櫭ゞout en immeuble : loi, r猫gle, rattachement et fonctionnement" title="Tout-脿-l鈥櫭ゞout en immeuble : loi, r猫gle, rattachement et fonctionnement" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_146256796_xs.jpg"> </div> <h2>Tout-脿-l鈥櫭ゞout en immeuble : loi, r猫gle, rattachement et fonctionnement</h2> <p class="textbox-text">Dans une commune 茅quip茅e du tout-脿-l鈥櫭ゞout, il est fr茅quent qu鈥檌l soit obligatoire pour une copropri茅t茅 de se raccorder au r茅seau public...</p> </a> </section> <section class="small-12 medium-4 columns left sec2"> <a class="contenuImg" href="/guides/economiser-l-eau-dans-les-jardins-de-copropriete-combien-consomme-un-jardin.html"> <div class="blocImg"> <img alt="Economiser l鈥檈au dans les jardins de copropri茅t茅 : combien consomme un jardin ?" title="Economiser l鈥檈au dans les jardins de copropri茅t茅 : combien consomme un jardin ?" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_144974988_xs.jpg"> </div> <h2>Economiser l鈥檈au dans les jardins de copropri茅t茅 : combien consomme un jardin ?</h2> <p class="textbox-text">Si certaines copropri茅t茅s se contentent d鈥檜ne jardini猫re fleurie comme jardin, les plus chanceuses sont entour茅es d鈥檜n v茅ritable parc...</p> </a> </section> </div> </div> <div class="row"> <div class="columns small-11 small-centered large-centered medium-10 medium-centered large-11 " id="recent"> <section class="small-12 medium-4 columns left sec0"> <a class="contenuImg" href="/guides/tuyau-de-descente-d-eau-usee-guide-pratique.html"> <div class="blocImg"> <img alt="Tuyau de descente d鈥檈au us茅e : guide pratique" title="Tuyau de descente d鈥檈au us茅e : guide pratique" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/tuyau_de_descente.png"> </div> <h2>Tuyau de descente d鈥檈au us茅e : guide pratique</h2> <p class="textbox-text">L鈥櫭﹙acuation des eaux us茅es est d茅j脿 probl茅matique en maison individuelle, elle est encore plus compliqu茅e en copropri茅t茅 car le r茅seau...</p> </a> </section> </div> </div> </div> </section> <section id="produit-block-link" class="clearfix products-grid " style=""> <div id="ajax-errors" style="display: none;"> <ul class="ajax-message"> <li><span>An error occurred, please try again later.</span></li> </ul> </div> <div class="row toolbar"> <div class="small-12 medium-10 large-6 flush-left columns"> <h1 id="category-name" title="R茅cup茅ration des eaux" class="truncate"> R茅cup茅ration des eaux </h1> </div> <div class="actions small-8 medium-8 large-4 columns">  <div class="action-for-medium-up"><a class="button layered-nav-toggle">Filtres</a></div> <ul class="button-group"> <li><a href="#" class="button icon-grid toggle-grid active" title="Grille"><span class="a11y">Grille</span></a></li> <li><a href="#" class="button icon-list toggle-list " title="Liste"><span class="a11y">Liste</span></a></li> </ul> </div> <div class="small-12 medium-12 large-2 columns hide-for-medium"> <p id="amount" class="amount"> <strong>7 article(s)</strong> </p> </div> </div> <div style="clear:both"></div> <nav class="layered-nav-container top-bar left-off-canvas-menu main-nav remember" role="navigation" data-topbar> <span id="filter-reset"> </span> <ul> <li><h6>Espaces ext茅rieurs</h6></li><ul><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/arrosages-automatiques.html' >Arrosages automatiques</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/portails.html' >Portails et Portillons</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/revetement-de-sols-exterieurs.html' >Rev锚tement de sols ext茅rieurs</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/eclairages-exterieurs.html' >Eclairages ext茅rieurs</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/clotures-exterieures.html' >Cl么tures ext茅rieures</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html' >R茅cup茅ration des eaux</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/espaces-exterieurs/abris-poussettes-velo-poubelle.html' >Abris poussettes - v茅los - poubelles</a></li></ul></ul> <section class="layered-nav top-bar-section"> <div class="hide"> <label>Trier par</label> <div class="layered-nav-select"> <select id="orders" onchange="setLocation(this.value)"> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?dir=asc&order=position" selected="selected"> Ordre croissant </option> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?dir=asc&order=name"> Nom croissant </option> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?dir=desc&order=name"> Nom d茅croissant </option> </select> </div> </div> <div style="display:none;"> <label>Afficher</label> <div class="layered-nav-select"> <select id="limits" onchange="setLocation(this.value)"> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?limit=12"> 12 produits par page </option> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?limit=24"> 24 produits par page </option> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?limit=30" selected="selected"> 30 produits par page </option> <option value="https://www.baticopro.com/espaces-exterieurs/recuperation-des-eaux.html?limit=36"> 36 produits par page </option> </select> </div> </div> <div id="layered-navigation" class="block-content"> <dl id="narrow-by-list"> </dl> <script type="text/javascript">decorateDataList('narrow-by-list')</script> </div> </section> </nav> <ul id="catalog-listing" class="category-products clearfix "> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/station-de-relevage-sanicubic-2-pro.html" title="Station de relevage Sanicubic 2 Pro" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1037" class="item-image" alt="Station de relevage Sanicubic 2 Pro" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/a/sanicubic-2-pro-broyeur-pompe-releveur-de-pavillon.jpg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/station-de-relevage-sanicubic-2-pro.html" class="truncate" title="Station de relevage Sanicubic 2 Pro"><span>Station de relevage Sanicubic 2 Pro</span></a> </h2> <div class="item-description"> <p>La station de relevage Sanicubic 2 Pro fabriquée par la société SFA offre la possibilité de relever les eaux usées d’un petit immeuble ou une copropriété.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/SFA.html" title="SFA">SFA</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1037 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1037).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/citerne-de-recuperation-d-eau-1000l-sur-palette-bois-oogarden.html" title=" Citerne de r茅cup茅ration d'eau 1000L sur palette bois OOGarden" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1115" class="item-image" alt=" Citerne de r茅cup茅ration d'eau 1000L sur palette bois OOGarden" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_17_mar._28_13.18.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/citerne-de-recuperation-d-eau-1000l-sur-palette-bois-oogarden.html" class="truncate" title=" Citerne de r茅cup茅ration d'eau 1000L sur palette bois OOGarden"><span> Citerne de r茅cup茅ration d'eau 1000L sur palette bois OOGarden</span></a> </h2> <div class="item-description"> <p>Cette citerne est la solution pour économiser l’eau potable et récupérer l’eau de pluie pour des usages ménagers. Elle est capable de contenir 1000L d’eau. Pour anticiper les soucis de support de mise en place, elle est livrée avec une palette en bois.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/OOGARDEN.html" title="OOGARDEN">OOGARDEN</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1115 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1115).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/station-de-relevage-sanicubic-2-xl.html" title="Station de relevage Sanicubic 2 XL" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1038" class="item-image" alt="Station de relevage Sanicubic 2 XL" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_02_jan._26_19.06_1.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/station-de-relevage-sanicubic-2-xl.html" class="truncate" title="Station de relevage Sanicubic 2 XL"><span>Station de relevage Sanicubic 2 XL</span></a> </h2> <div class="item-description"> <p>La station de relevage Sanicubic 2 XL est un dispositif fabriqué par la marque SFA pour l’assainissement des eaux usées dans les bâtiments collectifs.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/SFA.html" title="SFA">SFA</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1038 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1038).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/station-de-relevage-saniplus-silence.html" title="Station de relevage SaniPlus Silence" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1039" class="item-image" alt="Station de relevage SaniPlus Silence" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_03_jan._26_19.16.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/station-de-relevage-saniplus-silence.html" class="truncate" title="Station de relevage SaniPlus Silence"><span>Station de relevage SaniPlus Silence</span></a> </h2> <div class="item-description"> <p>Grâce à la station de relevage SaniPlus Silence conçue par SAF, l’évacuation des eaux usées dans les collectivités et les immeubles sera facilitée.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/SFA.html" title="SFA">SFA</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1039 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1039).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/recuperateur-a-eau-cubique-1000-litres.html" title="R茅cuperateur 脿 eau cubique 1000 Litres" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1112" class="item-image" alt="R茅cuperateur 脿 eau cubique 1000 Litres" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_02_mar._28_09.36.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/recuperateur-a-eau-cubique-1000-litres.html" class="truncate" title="R茅cuperateur 脿 eau cubique 1000 Litres"><span>R茅cuperateur 脿 eau cubique 1000 Litres</span></a> </h2> <div class="item-description"> <p>Le récupérateur à eau cubique 1000 Litres est la solution adéquate pour optimiser la ressource en eau. L’eau de pluie ainsi récupérée est à la fois naturelle et dépourvue de calcaire,  pouvant servir à arroser le jardin.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/OOGARDEN.html" title="OOGARDEN">OOGARDEN</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1112 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1112).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/filtre-pour-recuperateur-d-eau-filtr-o-eda.html" title="Filtre pour r茅cup茅rateur d'eau FILTR'O EDA" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1116" class="item-image" alt="Filtre pour r茅cup茅rateur d'eau FILTR'O EDA" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_18_mar._28_13.25_1.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/filtre-pour-recuperateur-d-eau-filtr-o-eda.html" class="truncate" title="Filtre pour r茅cup茅rateur d'eau FILTR'O EDA"><span>Filtre pour r茅cup茅rateur d'eau FILTR'O EDA</span></a> </h2> <div class="item-description"> <p>Le Filtre pour récupérateur d’eau FILTR’O est spécialement conçu pour les cuves qui ne sont pas équipées de filtre. Il débarrasse la cuve des salissures pour plus de sécurité sanitaire, mais également pour éviter que l’évacuation de la cuve ne soit bouchée par des déchets.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/OOGARDEN.html" title="OOGARDEN">OOGARDEN</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1116 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1116).hide(); }); </script> <li class="item isotope-item"> <div class="item-content clearfix"> <div class="item-images"> <a class="product-image" href="https://www.baticopro.com/robinet-resine-pour-recuperateur-d-eau-bellijardin.html" title="Robinet r茅sine pour r茅cup茅rateur d'eau BELLIJARDIN" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1117" class="item-image" alt="Robinet r茅sine pour r茅cup茅rateur d'eau BELLIJARDIN" src="https://www.baticopro.com/skin/frontend/intenso/default/images/clear.png" data-echo="https://www.baticopro.com/media/catalog/product/cache/1/small_image/430x350/9df78eab33525d08d6e5fb8d27136e95/s/c/screenhunter_19_mar._28_13.25_1.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/robinet-resine-pour-recuperateur-d-eau-bellijardin.html" class="truncate" title="Robinet r茅sine pour r茅cup茅rateur d'eau BELLIJARDIN"><span>Robinet r茅sine pour r茅cup茅rateur d'eau BELLIJARDIN</span></a> </h2> <div class="item-description"> <p>Le robinet en résine pour récupérateur d’eau peut remplacer un robinet hors d’usage, mais peut également être installé sur une cuve qui est dépourvue d’un robinet. Son installation est facile, il est au préalable accompagné d’un écrou et d’un joint.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/OOGARDEN.html" title="OOGARDEN">OOGARDEN</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1117 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1117).hide(); }); </script> </ul> </section> </div> <div class="small-3 large-2 columns hide-for-small-only sos-fixed-wrapper" style="padding-left: 0; padding-right: 0"> <style> div.contact{ padding: 8px; margin: auto; margin-bottom: 150px; } .centre{ display: block; margin-left: auto; margin-right: auto } .contact label, h6, h4{ color: #698483; } .input-box { margin-left: 10px; position: relative !important; } .validation-advice { bottom: inherit; left: 10px; } .sos-bloc-content:not(.guides) { position: absolute; } @media only screen and (max-width: 40em) { .sos-bloc-content:not(.guides) { position: inherit; } } </style> <div id="doc6743bdb2161ec" class="sos-bloc-content sos-id6743bdb2161ec item-content clearfix"> <div class="contact" id="contactPart1_6743bdb2161ec"> <form id="contactForm_6743bdb2161ec" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="R茅cup茅ration des eaux"> <input type="hidden" name="parentCateg" value="Espaces ext茅rieurs"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin6743bdb2161ec" name="besoin" placeholder="Merci de d茅crire votre projet, votre demande..." style="min-height: 70px; margin-bottom:5px" class="required-entry validate-length minimum-length-5"></textarea> </div> </div> <div class="b2 aCacher"> <h6 class="legend" style="margin-bottom: 7px">Vos coordonn茅es</h6> <div class="input-box"> <input title="Votre nom - pr茅nom" style="margin-bottom:5px" type="text" value="" class="input-text required-entry" name="nomPrenom" placeholder="Votre nom - pr茅nom*" > </div> <div class="input-box"> <input title="Votre email" style="margin-bottom:5px" type="email" value="" class="input-text required-entry validate-email" name="mail" placeholder="Votre email*" > </div> <div class="input-box"> <input title="Votre t茅l茅phone" style="margin-bottom:5px" class="input-text required-entry validate-number validate-length minimum-length-10" value="" type="text" name="tel" placeholder="Votre t茅l茅phone*" > </div> <div class="input-box"> <input title="Votre code postal" value="" class="input-text required-entry validate-number validate-length minimum-length-5" type="text" id="cp" name="cp" placeholder="Votre code postal*"> </div> <h6 class="legend" style="margin-bottom: 7px">Votre copropri茅t茅</h6> <label for="qui">Qui 锚tes vous?<span class="required">*</span></label> <div class="input-box"> <select title="Qui 锚tes vous?" class="input-text required-entry" id="qui6743bdb2161ec" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop6743bdb2161ec">Copropri茅taire</option> <option id="cop6743bdb2161ec_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop6743bdb2161ec_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop6743bdb2161ec"> <label for="nb">Taille de la copropri茅t茅<span class="required">*</span></label> <div class="input-box"> <select class="validate-select" name="taille" required > <option selected="selected" value="">S茅lectionner</option> <option>Moins de 10 lots</option> <option>Entre 10 et 50 lots</option> <option>Plus de 50 lots</option> <option>Autres</option> </select> </div> </div> </div> </div> <img id="spinnerSending6743bdb2161ec" src="https://www.baticopro.com/skin/frontend/intenso/default/images/spinner.gif" alt="spinner" style="display: none; margin: auto;"> <div class="aCacher"> <div class="button centre" onclick="submitForm1('6743bdb2161ec');" title="Envoyer" style="margin-top: 10px; margin-bottom: 7px;"> <span>Envoyer votre demande</span> </div> <p class="required"><small>* Champs obligatoires</small><p> </div> </div> <div id="MsgDemandeResultSos26743bdb2161ec" data-alert class="alert-box radius" style="display:none;"> <span class="msgDemandes"></span> <a href="#" class="close">×</a> </div> </form> </div> </div> <script type="text/javascript"> function clickEventGa() { ga(function(tracker) { tracker.send('event', 'DemandeCategorie', 'SOS', 'submit'); }); } // var minChr=5; // // function getById(i){ // return document.getElementById(i) // } // function red(nbrChr){ // return Math.round(255*Math.pow(0.977,minChr-nbrChr)) // } // function countChr(){ // var len=getById('besoin//').value.length; // getById('nbchr//').innerHTML='// <span style="color:' + (minChr<=len?'green':'rgb('+red(minChr-len)+',0,0)') + '">' +len+' caract猫re'+(1<len?'s':'')+'</span> / '+ minChr + ' minimum'; // } // (function(){ // getById('besoin//').onkeyup=countChr; // countChr(); // })(); var position_sos_area = function () { var fixed_height = $j(".sos-bloc-content.sos-id6743bdb2161ec").height(); if(fixed_height > $j('#catalog-listing').height()){ $j("#catalog-listing").height(fixed_height); } var hauteur_scroll = $j(window).scrollTop(); var container_height = $j(".sos-container").height(); var top_bar_height = $j(".top-bar-section").height(); var top_max = $j(".sos-fixed-wrapper").offset().top - top_bar_height; var diff = 0; if (hauteur_scroll > top_max) { diff = hauteur_scroll - top_max; } var t = fixed_height + diff; if (t > container_height) { diff = container_height - fixed_height; } $j(".sos-bloc-content").css({'top': diff}); }; $j(document).off('scroll').on('scroll', document, function () { position_sos_area(); }); $j(document).ready(function(){ $j('.main-container').addClass('sos-container'); $j('#doc6743bdb2161ec').css('position','absolute').css('width', '100%'); position_sos_area(); $j(".toggle-list").on('afterToggleListEvent', function(){ position_sos_area(); }); $j(".toggle-grid").on('afterToggleGridEvent', function(){ position_sos_area(); }); }); $j(document).ready(function(){ $j(".main-logo").focus(); $j('html, body').animate({ scrollTop: 0 }, 1); if($j('#cat_hid').val() != ""){ $j('select#thematique6743bdb2161ec').attr('name', 'currentCateg'); $j('select#sous_thematique6743bdb2161ec').attr('name', 'sousThematique'); } else{ $j('select#thematique6743bdb2161ec').attr('name', 'parentCateg'); $j('select#sous_thematique6743bdb2161ec').attr('name', 'currentCateg'); } $j('#thematique6743bdb2161ec').on('change', function() { $j("#sous_thematique6743bdb2161ec").hide(); var idCat = $j('#thematique6743bdb2161ec').find(':selected').data('idcat'); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/getSousThematique/', data: {"id_cat" : idCat} }) .success(function(response){ if(typeof response.sous_thematique !== 'undefined' && response.sous_thematique.length > 0){ $j("#sous_thematique6743bdb2161ec").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique6743bdb2161ec").append("<option>" + item + "</option>"); }); $j("#sous_thematique6743bdb2161ec").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop6743bdb2161ec').slideUp(); $j('#qui6743bdb2161ec').change(function () { if ($j('#cop6743bdb2161ec').prop('selected') == true ||聽$j('#cop6743bdb2161ec_2').prop('selected') == true ||聽$j('#cop6743bdb2161ec_3').prop('selected') == true) { $j('#nbcop6743bdb2161ec').slideDown(); } else { $j('#nbcop6743bdb2161ec').slideUp(); $j('#nb6743bdb2161ec').removeAttr('required'); } }); }); var contactForm_6743bdb2161ec = new VarienForm('contactForm_6743bdb2161ec', true); function submitForm1(id){ if(window["contactForm_"+id].validator && window["contactForm_"+id].validator.validate()){ clickEventGa(); $j('#spinnerSending' + id).css("display", "block"); var data = {}; $j("#contactForm_" + id +" input, #contactForm_"+id +" select, #contactForm_"+id +" textarea").each(function(idx, val) { data[$j(val).attr('name')] = $j(val).val(); }); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/un/', data: data }) .success(function(response){ $j(".aCacher").hide(); $j('#spinnerSending' + id).hide(); // $j('#idDemande' + id).val(response.value); // $j("#contactPart1_" + id).hide(); $j('.entete').text("Votre demande vient d'锚tre envoy茅e et sera trait茅e dans les plus brefs d茅lais.").show(); $j("#MsgDemandeResultSos2" + id).show().addClass("success"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("DEMANDE ENVOYEE"); }) .error(function(){ $j('#spinnerSending' + id).hide(); $j("#MsgDemandeResultSos2" + id).show().addClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("Message non envoy茅!"); setTimeout(function(){ $j("#MsgDemandeResultSos2" + id).hide().removeClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text(""); }, 10000); }); } } </script> </div> </div> <div class="row"> <div class="small-12 show-for-small-only"> <div> <h4 class="center"><b>ASSISTANCE PRODUITS</b></h4> <p class="center" style="margin-bottom:10px; font-size: 18px;">Demandez 脿 nos experts de chercher pour vous</p> <style> div.contact{ padding: 8px; margin: auto; margin-bottom: 150px; } .centre{ display: block; margin-left: auto; margin-right: auto } .contact label, h6, h4{ color: #698483; } .input-box { margin-left: 10px; position: relative !important; } .validation-advice { bottom: inherit; left: 10px; } .sos-bloc-content:not(.guides) { position: absolute; } @media only screen and (max-width: 40em) { .sos-bloc-content:not(.guides) { position: inherit; } } </style> <div id="doc6743bdb216e53" class="sos-bloc-content sos-id6743bdb216e53 item-content clearfix"> <div class="contact" id="contactPart1_6743bdb216e53"> <form id="contactForm_6743bdb216e53" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="R茅cup茅ration des eaux"> <input type="hidden" name="parentCateg" value="Espaces ext茅rieurs"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin6743bdb216e53" name="besoin" placeholder="Merci de d茅crire votre projet, votre demande..." style="min-height: 70px; margin-bottom:5px" class="required-entry validate-length minimum-length-5"></textarea> </div> </div> <div class="b2 aCacher"> <h6 class="legend" style="margin-bottom: 7px">Vos coordonn茅es</h6> <div class="input-box"> <input title="Votre nom - pr茅nom" style="margin-bottom:5px" type="text" value="" class="input-text required-entry" name="nomPrenom" placeholder="Votre nom - pr茅nom*" > </div> <div class="input-box"> <input title="Votre email" style="margin-bottom:5px" type="email" value="" class="input-text required-entry validate-email" name="mail" placeholder="Votre email*" > </div> <div class="input-box"> <input title="Votre t茅l茅phone" style="margin-bottom:5px" class="input-text required-entry validate-number validate-length minimum-length-10" value="" type="text" name="tel" placeholder="Votre t茅l茅phone*" > </div> <div class="input-box"> <input title="Votre code postal" value="" class="input-text required-entry validate-number validate-length minimum-length-5" type="text" id="cp" name="cp" placeholder="Votre code postal*"> </div> <h6 class="legend" style="margin-bottom: 7px">Votre copropri茅t茅</h6> <label for="qui">Qui 锚tes vous?<span class="required">*</span></label> <div class="input-box"> <select title="Qui 锚tes vous?" class="input-text required-entry" id="qui6743bdb216e53" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop6743bdb216e53">Copropri茅taire</option> <option id="cop6743bdb216e53_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop6743bdb216e53_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop6743bdb216e53"> <label for="nb">Taille de la copropri茅t茅<span class="required">*</span></label> <div class="input-box"> <select class="validate-select" name="taille" required > <option selected="selected" value="">S茅lectionner</option> <option>Moins de 10 lots</option> <option>Entre 10 et 50 lots</option> <option>Plus de 50 lots</option> <option>Autres</option> </select> </div> </div> </div> </div> <img id="spinnerSending6743bdb216e53" src="https://www.baticopro.com/skin/frontend/intenso/default/images/spinner.gif" alt="spinner" style="display: none; margin: auto;"> <div class="aCacher"> <div class="button centre" onclick="submitForm1('6743bdb216e53');" title="Envoyer" style="margin-top: 10px; margin-bottom: 7px;"> <span>Envoyer votre demande</span> </div> <p class="required"><small>* Champs obligatoires</small><p> </div> </div> <div id="MsgDemandeResultSos26743bdb216e53" data-alert class="alert-box radius" style="display:none;"> <span class="msgDemandes"></span> <a href="#" class="close">×</a> </div> </form> </div> </div> <script type="text/javascript"> function clickEventGa() { ga(function(tracker) { tracker.send('event', 'DemandeCategorie', 'SOS', 'submit'); }); } // var minChr=5; // // function getById(i){ // return document.getElementById(i) // } // function red(nbrChr){ // return Math.round(255*Math.pow(0.977,minChr-nbrChr)) // } // function countChr(){ // var len=getById('besoin//').value.length; // getById('nbchr//').innerHTML='// <span style="color:' + (minChr<=len?'green':'rgb('+red(minChr-len)+',0,0)') + '">' +len+' caract猫re'+(1<len?'s':'')+'</span> / '+ minChr + ' minimum'; // } // (function(){ // getById('besoin//').onkeyup=countChr; // countChr(); // })(); $j(document).ready(function(){ $j(".main-logo").focus(); $j('html, body').animate({ scrollTop: 0 }, 1); if($j('#cat_hid').val() != ""){ $j('select#thematique6743bdb216e53').attr('name', 'currentCateg'); $j('select#sous_thematique6743bdb216e53').attr('name', 'sousThematique'); } else{ $j('select#thematique6743bdb216e53').attr('name', 'parentCateg'); $j('select#sous_thematique6743bdb216e53').attr('name', 'currentCateg'); } $j('#thematique6743bdb216e53').on('change', function() { $j("#sous_thematique6743bdb216e53").hide(); var idCat = $j('#thematique6743bdb216e53').find(':selected').data('idcat'); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/getSousThematique/', data: {"id_cat" : idCat} }) .success(function(response){ if(typeof response.sous_thematique !== 'undefined' && response.sous_thematique.length > 0){ $j("#sous_thematique6743bdb216e53").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique6743bdb216e53").append("<option>" + item + "</option>"); }); $j("#sous_thematique6743bdb216e53").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop6743bdb216e53').slideUp(); $j('#qui6743bdb216e53').change(function () { if ($j('#cop6743bdb216e53').prop('selected') == true ||聽$j('#cop6743bdb216e53_2').prop('selected') == true ||聽$j('#cop6743bdb216e53_3').prop('selected') == true) { $j('#nbcop6743bdb216e53').slideDown(); } else { $j('#nbcop6743bdb216e53').slideUp(); $j('#nb6743bdb216e53').removeAttr('required'); } }); }); var contactForm_6743bdb216e53 = new VarienForm('contactForm_6743bdb216e53', true); function submitForm1(id){ if(window["contactForm_"+id].validator && window["contactForm_"+id].validator.validate()){ clickEventGa(); $j('#spinnerSending' + id).css("display", "block"); var data = {}; $j("#contactForm_" + id +" input, #contactForm_"+id +" select, #contactForm_"+id +" textarea").each(function(idx, val) { data[$j(val).attr('name')] = $j(val).val(); }); $j.ajax({ method: "POST", url: 'https://www.baticopro.com/contact/index/un/', data: data }) .success(function(response){ $j(".aCacher").hide(); $j('#spinnerSending' + id).hide(); // $j('#idDemande' + id).val(response.value); // $j("#contactPart1_" + id).hide(); $j('.entete').text("Votre demande vient d'锚tre envoy茅e et sera trait茅e dans les plus brefs d茅lais.").show(); $j("#MsgDemandeResultSos2" + id).show().addClass("success"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("DEMANDE ENVOYEE"); }) .error(function(){ $j('#spinnerSending' + id).hide(); $j("#MsgDemandeResultSos2" + id).show().addClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text("Message non envoy茅!"); setTimeout(function(){ $j("#MsgDemandeResultSos2" + id).hide().removeClass("alert"); $j("#MsgDemandeResultSos2" + id + " span.msgDemandes").text(""); }, 10000); }); } } </script> </div> </div> </div> <div id="pager" class="id-pager toolbar-bottom"> </div> <script> jQuery(document).ready(function() { if (jQuery('a.produit-btn').length == 0) { var html = " <div class=\"button-group left small-12 medium-4\">\n" + " <a href=\"#guide-block-link\" class=\"guide-btn button\">Guides</a>\n" + " <a href=\"#produit-block-link\" class=\"produit-btn button\">Produits</a>\n" + " </div>"; jQuery('h1#titreRecent').addClass('left').after(html); jQuery('h1#titreRecent + div.button-group').css('margin-top', '35px'); // background: #A1BA16; jQuery('h1#titreRecent + div.button-group a.produit-btn').css('background', '#dee2e2').css('color', '#222222'); jQuery('h1#titreRecent + div.button-group a.guide-btn').css('background', '#dee2e2').css('color', '#222222'); jQuery('h1#category-name').addClass('left').after(html); jQuery('h1#category-name + div.button-group').addClass('right'); jQuery('h1#category-name + div.button-group a.guide-btn').css('background', '#dee2e2'); jQuery('h1#category-name + div.button-group a.produit-btn').css('background', '#dee2e2'); jQuery("a[href^='#']").click(function(e) { e.preventDefault(); var position = jQuery(jQuery(this).attr("href")).offset().top - 100; jQuery("body, html").animate({ scrollTop: position } /* speed */ ); }); } }); </script> <div style="display:block;margin:auto;width:80%;"> <div id="taboola-below-article-thumbnails"></div> </div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'alternating-thumbnails-a', container: 'taboola-below-article-thumbnails', placement: 'Below Article Thumbnails', target_type: 'mix' }); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> <style> .backtotop { visibility: hidden; position: fixed; bottom: 65px; right: 25px; z-index: 1; cursor: pointer; opacity: 0; transform: translateZ(0); -webkit-transform: translateZ(0); transition: all .6s; width: 55px; } .backtotop.show { visibility: visible; bottom: 30px; opacity: 0.7; } .sos-container > div{ z-index: 0; } </style> <div class="show-for-small-only"> <div class="backtotop" id="backtotop"> <img src="/skin/frontend/intenso/default/images/backtotop.png"> </div> </div> <footer class="main-footer"> <ul class="mobile-footer-links show-for-small-only"> <li><a href="https://www.baticopro.com/contact.html" rel="nofollow">CONTACT</a></li> <li><a href="https://www.baticopro.com/info-legale.html" rel="nofollow">INFORMATIONS L脡GALES</a></li> <li><a href="/archivage/newsletter" rel="nofollow">NEWSLETTER</a></li> </ul> <div class="row newsletter-ribbon"> <div class="small-12 medium-10 columns"> <p class="icon-email">S'inscrire 脿 la Newsletter et recevoir une fois par mois des conseils pour la copropri茅t茅</p> <form action="https://www.baticopro.com/newsletter/index/abonnement/" method="get" id="newsletter-validate-detail" class="newsletter-subscribe-form no-margin" style="display: block"> <div class="field"> <div class="input-box fade-label"> <input type="text" class="input-text required-entry validate-email" title="S'inscrire 脿 la Newsletter et recevoir une fois par mois des conseils pour la copropri茅t茅" id="newsletter" name="email" placeholder="Entrez votre email"> <input type="hidden" name="provenance" value="footer"> </div> </div> <button class="button" title="Subscribe" type="submit">Inscription</button> </form> <script> var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail'); </script> </div>  </div> <div class="row footer-links hide-for-small-only"> <div class="medium-12 columns"> <ul style="text-align: center;"> <li class="title"><a href="https://www.baticopro.com/contact.html" rel="nofollow">CONTACT</a> | <a target="_blank" href="https://www.batiactugroupe.com/opportunites" rel="nofollow">BATICOPRO RECRUTE </a>| <a href="https://www.baticopro.com/info-legale.html" rel="nofollow">INFORMATIONS LÉGALES</a> | <a href="/archivage/newsletter" rel="nofollow">NEWSLETTER</a>| <a href="https://www.baticopro.com/publicite.html" rel="nofollow">PUBLICITÉ</a>| <a target="_blank" href="https://www.batiactugroupe.com/fr/confidentialites_cookies" rel="nofollow">POLITIQUE DE CONFIDENTIALITÉ ET COOKIES</a></li> </ul> </div> </div>          <div class="row footer-bottom"> <div class="medium-5 columns"> <div class="small-4 medium-3 large-2 columns"> <a href="http://www.batiactugroupe.com/fr" target="_blank"><img class="logo-footer" src="https://www.baticopro.com/media/logo/batiactu_transparent_120.png" alt="Batiactugroupe" /></a> </div> <div class="small-8 medium-9 large-10 columns" style="display: flex;"> <p class="sosumi" style="margin: auto 15px;">© Batiactu Groupe - www.batiactugroupe.com - Information et solutions digitales pour la construction</p> </div> </div> <div class="medium-2 center hide-for-small-only columns"> <a href="#" class="back-to-top">Remonter</a> </div> <div class="medium-5 hide-for-small-only columns"> </div> </div> </footer> <script> $j(function(){ $j(document).ready(function() { return $j(window).scroll(function() { return $j(window).scrollTop() > 200 ? $j("#backtotop").addClass("show") : $j("#backtotop").removeClass("show") }), $j("#backtotop").click(function() { return $j("html,body").animate({ scrollTop: "0" }) }) }) }); </script> <a class="exit-off-canvas"></a> </div> </div> <div class="global-site-notice notice-cookie" id="notice-cookie-block"> <div class="notice-inner"> <div class="notice-text"><p>Notre site utilise des cookies afin de personnaliser le contenu pour vous proposer des services et offres li茅s 脿 vos centres d'int茅r锚t, g茅rer les fonctionnalit茅s de notre site et r茅aliser des analyses statistiques. En poursuivant votre navigation, vous acceptez l鈥檜tilisation de ces cookies <a href="https://www.batiactugroupe.com/fr/confidentialites_cookies" target="_blank">En savoir plus</a></p></div> <div class="actions"><button class="button" onclick="allowSaveCookie()"><span><span>J'ai compris</span></span></button></div> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ function allowSaveCookie() { Mage.Cookies.set('user_allowed_save_cookie', '{"1":1}', new Date(new Date().getTime() + 31536000 * 1000)); if (Mage.Cookies.get('user_allowed_save_cookie')) { window.location.reload(); } else { window.location.href = 'https://www.baticopro.com/cms/index/noCookies/'; } } $('notice-cookie-block').show(); /* ]]> */ </script> <script src="https://www.baticopro.com/skin/frontend/intenso/default/js/lib/ouibounce.js"></script> <div id="exitintent-popup" class="exitintent-popup reveal-modal medium" data-reveal aria-hidden="true" role="dialog" style="background-image: url(https://www.baticopro.com/media/popup/default/popup-furniture.jpg); background-size: cover; background-color: #ffffff; "> <div class="block-content" style="width: 60%;"> <br><br> <span style="color: #58564b;font-size: 2em;margin-top: 0.2rem;margin-bottom: 0.5rem;display:block;line-height: 1.45;">Avant de partir!</span> <span style="font-size: 1.438rem;font-weight: 300;line-height: 1;margin-top: 0.2rem;margin-bottom: 0.5rem;display:block;color: #777777;font-family: "Lato", sans-serif;">D茅couvrez la newsletter de Baticopro.<br> Une fois par mois, recevez les nouveaut茅s, des guides et conseils pour g茅rer votre immeuble.</span> <form action="https://www.baticopro.com/newsletter/index/abonnement/" method="post" id="newsletter-validate-detail-popup" class="newsletter-subscribe-form no-margin"> <div class="field"> <div class="input-box fade-label"> <input type="text" class="input-text required-entry validate-email" title="S'inscrire 脿 la Newsletter et recevoir une fois par mois des conseils pour la copropri茅t茅" id="newsletter-popup" name="email" placeholder="Entrez votre email"> <input type="hidden" name="provenance" value="popup"> </div> </div> <button class="button" title="Subscribe" type="submit">Inscription</button> </form> <script> var newsletterSubscriberFormDetailPopup = new VarienForm('newsletter-validate-detail-popup'); </script> </div> <a class="close-reveal-modal" title="Fermer"><span>Fermer</span>×</a> </div> <script> $j(function() { $j(document).foundation(); ouibounce(false, { sensitivity: 20, timer: 4000, delay: 100, cookieExpire: 30, cookieName: 'ExitIntentPopup', sitewide: true, callback: function() { $j('#exitintent-popup').foundation('reveal', 'open'); } }); }); </script> <script src="https://www.baticopro.com/skin/frontend/intenso/default/js/foundation.min.js"></script> <script src="https://www.baticopro.com/skin/frontend/intenso/default/js/lib/chosen.jquery.min.js"></script> <script src="https://www.baticopro.com/skin/frontend/intenso/default/js/intenso.js"></script>  <script> // Init Foundation framework $j(document).foundation({ topbar: { custom_back_text: true, back_text: 'Retour' } }); // Init Intenso Theme framework $j(document).intenso({ productsGrid: { min_item_width: 250 }, revealModalTimer: { duration: '5s' } }); </script> <script type="text/javascript"> //<![CDATA[ var url = ''; function pushState(data, link, replace) { var History = window.History; if ( !History.enabled ) { return false; } if (window.sessionStorage && sessionStorage.getItem('History.store') && sessionStorage.getItem('History.store').length > 4000000) { sessionStorage.clear(); } if (replace) { History.replaceState(data, document.title, link); } else { History.pushState(data, document.title, link); } } function handleEvent(el, event) { var url, fullUrl; if (typeof el === 'string') { url = el; } else if (el.tagName.toLowerCase() === 'a') { url = $(el).readAttribute('href'); } else if (el.tagName.toLowerCase() === 'select') { url = $(el).getValue(); } if (url.indexOf('?') != -1) { fullUrl = url + '&isLayerAjax=1'; } else { fullUrl = url + '?isLayerAjax=1'; } $$('body')[0].addClassName('app-loading'); $('catalog-listing').addClassName('loading'); $('ajax-errors').hide(); pushState(null, url, false); new Ajax.Request(fullUrl, { method: 'get', onSuccess: function(transport) { if (transport.responseJSON) { $('catalog-listing').update(transport.responseJSON.listing); $('layered-navigation').update(transport.responseJSON.layer); $('category-name').update(transport.responseJSON.categoryName); $('filter-reset').update(transport.responseJSON.clearLink); $('amount').update(transport.responseJSON.amount); $('pager').update(transport.responseJSON.pager); $('orders').update(transport.responseJSON.orders); $('limits').update(transport.responseJSON.limits); pushState({ listing: transport.responseJSON.listing, layer: transport.responseJSON.layer, categoryName: transport.responseJSON.categoryName, clearLink: transport.responseJSON.clearLink, amount: transport.responseJSON.amount, pager: transport.responseJSON.pager, orders: transport.responseJSON.orders, limits: transport.responseJSON.limits }, url, true); ajaxListener(); // init product labels Intenso.libs.productLabel.init(); shorten_list(5); echo.init({ // init lazy loading of images offset: 100, throttle: 250, unload: false }); var body = $j("html, body"); body.animate({scrollTop:0}, '3000', 'swing', function() { // callback }); } else { $('ajax-errors').show(); $('catalog-listing').removeClassName('loading'); } $$('body')[0].removeClassName('app-loading'); $('catalog-listing').removeClassName('loading'); $j('#catalog-listing').trigger('isotope:update'); $('catalog-listing').fire("catalog:update"); $j(document).ready(function() { setTimeout(function(){ $j(document).trigger('product-media-loaded'); },500); }); } }); if (event) { event.preventDefault(); } } function ajaxListener() { var els; els = $$('div.pager a').concat( $$('.layered-nav-select select'), $$('#narrow-by-list a'), $$('#pager a'), $$('#filter-reset a') ); els.each(function(el) { if (el.tagName.toLowerCase() === 'a') { $(el).observe('click', function(event) { handleEvent(this, event); }); } else if (el.tagName.toLowerCase() === 'select') { $(el).setAttribute('onchange', ''); $(el).observe('change', function(event) { if(url == this.getValue()) return; url = this.getValue(); handleEvent(this, event); }); } }); } function hide_list_item(children, list_items_qty) { if(children.length > list_items_qty){ for(var i = list_items_qty; i < children.length; i++) { $(children[i]).hide(); } } } function shorten_list(list_items_qty) { list_items_qty = typeof list_items_qty !== 'undefined' ? list_items_qty : 5; var show_more = "Show all"; var show_less = "Show less"; var link = '<span class="arrow-down show-more">'+show_more+'</span>'; $$('.layered-nav dt').each(function(node,index) { var el = node.next('dd').firstDescendant('ol'); var children = $(el).select('li'); if(children.length > list_items_qty){ hide_list_item(children, list_items_qty); node.insert(link); } }); $$('.show-more').each(function(el) { el.observe('click', function(event) { event.stop(); el.toggleClassName('show-all'); var ol = el.up().next('dd').firstDescendant('ol'); var children = $(ol).select('li'); if(el.hasClassName('show-all')) { children.each(function(node) { Effect.Appear(node, {duration: 0.3}); }); el.update(show_less); el.removeClassName('arrow-down').addClassName('arrow-up'); } else { hide_list_item(children, list_items_qty); el.update(show_more); el.removeClassName('arrow-up').addClassName('arrow-down'); } }); }); } document.observe("dom:loaded", function() { ajaxListener(); shorten_list(5); (function(History) { if ( !History.enabled ) { return false; } if($('catalog-listing') != undefined) { pushState({ listing: $('catalog-listing').innerHTML, layer: $('layered-navigation').innerHTML, categoryName: $('category-name').innerHTML, clearLink: $('filter-reset').innerHTML, amount: $('amount').innerHTML, pager: $('pager').innerHTML, orders: $('orders').innerHTML, limits: $('limits').innerHTML }, document.location.href, true); } // Bind to StateChange Event History.Adapter.bind(window, 'popstate', function(event) { if (event.type == 'popstate') { var State = History.getState(); $('catalog-listing').update(State.data.listing); $('layered-navigation').update(State.data.layer); $('category-name').update(State.data.categoryName); $('filter-reset').update(State.data.clearLink); $('amount').update(State.data.amount); $('pager').update(State.data.pager); $('orders').update(State.data.orders); $('limits').update(State.data.limits); ajaxListener(); shorten_list(5); $j('#catalog-listing').trigger('isotope:update'); $$('.layered-nav-select select').each(function(el){ $j(el).trigger('chosen:updated'); }); $('catalog-listing').fire("catalog:update"); $j(document).ready(function() { setTimeout(function(){ $j(document).trigger('product-media-loaded'); // init lazy loading of images echo.init({ // init lazy loading of images offset: 100, throttle: 250, unload: false }); },500); }); } }); })(window.History); }); //]]> </script> <div class="loading-bar"></div> </body> </html>

CINXE.COM

R茅cup茅ration des eaux - Espaces ext茅rieurs