Escaliers : produits et guides pour l'escalier d'immeuble

<!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>Escaliers : produits et guides pour l'escalier d'immeuble</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Escaliers : 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/escaliers.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-escaliers-html category-escaliers 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.png" style="width: 100%; height: auto;"> </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.png"> </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 active 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 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"><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="doc67b3c0d8aa429" class="sos-bloc-content sos-id67b3c0d8aa429 item-content clearfix"> <div class="contact" id="contactPart1_67b3c0d8aa429"> <form id="contactForm_67b3c0d8aa429" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" id="cat_hid" name="parentCateg" value="Escaliers"> <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"> <label>Th茅matique<span class="required">*</span></label> <div class="input-box"> <select name="parentCateg" id="thematique67b3c0d8aa429" class="required-entry validate-select" style="margin-bottom:8px" title="Th茅matique"> <option>Escaliers</option><option data-idcat='84'>Rev锚tement de sols d'escaliers</option><option data-idcat='86'>Rampes et mains courantes</option><option data-idcat='44'>Mises aux normes handicap茅s</option><option data-idcat='87'>Signalisations</option> </select> </div> <div class="input-box"> <select name="currentCateg" id="sous_thematique67b3c0d8aa429" style="margin-bottom:8px; display: none" title="Sous-cat茅gorie"></select> </div> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b3c0d8aa429" 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="qui67b3c0d8aa429" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b3c0d8aa429">Copropri茅taire</option> <option id="cop67b3c0d8aa429_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b3c0d8aa429_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b3c0d8aa429"> <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="spinnerSending67b3c0d8aa429" 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('67b3c0d8aa429');" 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="MsgDemandeResultSos267b3c0d8aa429" 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#thematique67b3c0d8aa429').attr('name', 'currentCateg'); $j('select#sous_thematique67b3c0d8aa429').attr('name', 'sousThematique'); } else{ $j('select#thematique67b3c0d8aa429').attr('name', 'parentCateg'); $j('select#sous_thematique67b3c0d8aa429').attr('name', 'currentCateg'); } $j('#thematique67b3c0d8aa429').on('change', function() { $j("#sous_thematique67b3c0d8aa429").hide(); var idCat = $j('#thematique67b3c0d8aa429').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_thematique67b3c0d8aa429").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b3c0d8aa429").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b3c0d8aa429").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b3c0d8aa429').slideUp(); $j('#qui67b3c0d8aa429').change(function () { if ($j('#cop67b3c0d8aa429').prop('selected') == true ||聽$j('#cop67b3c0d8aa429_2').prop('selected') == true ||聽$j('#cop67b3c0d8aa429_3').prop('selected') == true) { $j('#nbcop67b3c0d8aa429').slideDown(); } else { $j('#nbcop67b3c0d8aa429').slideUp(); $j('#nb67b3c0d8aa429').removeAttr('required'); } }); }); var contactForm_67b3c0d8aa429 = new VarienForm('contactForm_67b3c0d8aa429', 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 Escaliers</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/erp-et-accessibilite-les-solutions-innovantes-signees-myd-l.html"> <div class="blocImg"> <img alt="ERP et accessibilit茅 : les solutions innovantes sign茅es Myd'l" title="ERP et accessibilit茅 : les solutions innovantes sign茅es Myd'l" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/adobestock_223534596.jpeg"> </div> <h2>ERP et accessibilit茅 : les solutions innovantes sign茅es Myd'l</h2> <p class="textbox-text">Depuis sa cr茅ation en 1997, Myd'l met l'aspect humain au centre de ses pr茅occupations. Membre fondateur de l'AFPAPH, l'entreprise d茅veloppe ses...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/contribution-aux-charges-d-escalier-dans-les-coproprietes.html"> <div class="blocImg"> <img alt="Contribution aux charges d'escalier dans les copropri茅t茅s" title="Contribution aux charges d'escalier dans les copropri茅t茅s" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/cage_d_escaliers.png"> </div> <h2>Contribution aux charges d'escalier dans les copropri茅t茅s</h2> <p class="textbox-text">La vie en copropri茅t茅 implique la gestion commune de nombreuses d茅penses li茅es 脿 l'entretien et 脿 la pr茅servation des parties communes. Au...</p> </a> </section> <section class="small-12 medium-4 columns left sec2"> <a class="contenuImg" href="/guides/planchers-et-sol-remettre-en-etat-un-plancher-en-peril.html"> <div class="blocImg"> <img alt="Planchers et sol : remettre en 茅tat un plancher en p茅ril" title="Planchers et sol : remettre en 茅tat un plancher en p茅ril" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/plancher-d-immeuble.jpg"> </div> <h2>Planchers et sol : remettre en 茅tat un plancher en p茅ril</h2> <p class="textbox-text">Toute construction peut 锚tre plac茅e en 茅tat de p茅ril. Il s鈥檃git d鈥檜ne d茅cision officielle de grande ampleur, surtout pour les...</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/sol-d-escaliers-modeles-remplacement-et-entretien.html"> <div class="blocImg"> <img alt="Sol d'escaliers : mod猫les, remplacement et entretien" title="Sol d'escaliers : mod猫les, remplacement et entretien" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_221826538_xs.jpg"> </div> <h2>Sol d'escaliers : mod猫les, remplacement et entretien</h2> <p class="textbox-text">Pour changer le rev锚tement de sol d'un escalier en copropri茅t茅, il faut choisir un mod猫le adapt茅脿 l'esth茅tisme des parties communes mais...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/repeindre-une-cage-d-escalier.html"> <div class="blocImg"> <img alt="Repeindre une cage d鈥檈scalier" title="Repeindre une cage d鈥檈scalier" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/20160920_192754.jpg"> </div> <h2>Repeindre une cage d鈥檈scalier</h2> <p class="textbox-text">Au moment de repeindre une cage d鈥檈scalier dans une copropri茅t茅, trois types de questions se posent : celle des proc茅dures 脿 suivre pour faire...</p> </a> </section> <section class="small-12 medium-4 columns left sec2"> <a class="contenuImg" href="/guides/le-prix-de-renovation-des-parties-communes-d-un-immeuble.html"> <div class="blocImg"> <img alt="Le prix de r茅novation des parties communes d鈥檜n immeuble" title="Le prix de r茅novation des parties communes d鈥檜n immeuble" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_185360759_xs.jpg"> </div> <h2>Le prix de r茅novation des parties communes d鈥檜n immeuble</h2> <p class="textbox-text">Des ascenseurs au hall d鈥檈ntr茅e, des jardins aux couloirs en passant par le toit ou encore les escaliers, les parties communes d鈥檜n immeuble...</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/revetement-de-sol-d-escalier-d-immeuble-installation-solutions-et-prix.html"> <div class="blocImg"> <img alt="Rev锚tement de sol d'escalier d鈥檌mmeuble : installation, solutions et prix" title="Rev锚tement de sol d'escalier d鈥檌mmeuble : installation, solutions et prix" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_224619943_xs.jpg"> </div> <h2>Rev锚tement de sol d'escalier d鈥檌mmeuble : installation, solutions et prix</h2> <p class="textbox-text">Le choix du type de rev锚tement de sol pour les escaliers des parties communes et des parties privatives a toute son importance en copropri茅t茅,...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/mains-courantes-d-escaliers-installation-remplacement-regles-et-solutions.html"> <div class="blocImg"> <img alt="Mains courantes d鈥檈scaliers : installation, remplacement, r猫gles et solutions" title="Mains courantes d鈥檈scaliers : installation, remplacement, r猫gles et solutions" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_239926232_xs.jpg"> </div> <h2>Mains courantes d鈥檈scaliers : installation, remplacement, r猫gles et solutions</h2> <p class="textbox-text">Pour 茅viter les chutes dans les escaliers et aider les personnes pouvant 茅prouver des difficult茅s 脿 les monter o霉脿 les descendre, installer...</p> </a> </section> <section class="small-12 medium-4 columns left sec2"> <a class="contenuImg" href="/guides/refaire-le-sol-dans-une-cage-d-escalier.html"> <div class="blocImg"> <img alt="Refaire le sol d'un escalier" title="Refaire le sol d'un escalier" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/thinkstockphotos-175724552.jpg"> </div> <h2>Refaire le sol d'un escalier</h2> <p class="textbox-text">Avec le hall d鈥檈ntr茅e la cage d鈥檈scalier d鈥檜ne copropri茅t茅 est la vitrine de la copropri茅t茅. La conserver en bon 茅tat, notamment en...</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="Escaliers" class="truncate"> Escaliers </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>12 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>Sous-cat茅gories:</h6></li><ul><li style='list-style: circle;'><a href='https://www.baticopro.com/escaliers/mises-aux-normes-handicapes.html' >Mises aux normes handicap茅s</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/escaliers.html?dir=asc&order=position" selected="selected"> Ordre croissant </option> <option value="https://www.baticopro.com/escaliers.html?dir=asc&order=name"> Nom croissant </option> <option value="https://www.baticopro.com/escaliers.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/escaliers.html?limit=12"> 12 produits par page </option> <option value="https://www.baticopro.com/escaliers.html?limit=24"> 24 produits par page </option> <option value="https://www.baticopro.com/escaliers.html?limit=30" selected="selected"> 30 produits par page </option> <option value="https://www.baticopro.com/escaliers.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/escalier-ysocrema.html" title="Escalier Ysocrema" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1067" class="item-image" alt="Escalier Ysocrema" 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_mar._16_19.59.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-ysocrema.html" class="truncate" title="Escalier Ysocrema"><span>Escalier Ysocrema</span></a> </h2> <div class="item-description"> <p>Depuis sa fondation en 1989, l’entreprise Ysofer fait preuve de passion et de rigueur à travers ses créations. Elle propose divers escaliers adaptés à des habitats personnalisés, des bureaux ou des industries. Parmi ces produits figure l’escalier Ysocrema.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/YSOFER.html" title="YSOFER">YSOFER</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1067 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1067).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/escalier-stilo-70.html" title="Escalier STILO 70" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1073" class="item-image" alt="Escalier STILO 70" 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_10_mar._17_19.47.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-stilo-70.html" class="truncate" title="Escalier STILO 70"><span>Escalier STILO 70</span></a> </h2> <div class="item-description"> <p>Les escaliers modulaires en kit STILO se caractérisent par les modules et les gardes corps en acier. Les parties métalliques sont disponibles en trois couleurs. Celles en bois sont réalisées en hêtre massif et celles en vernis sont en hêtre naturel et en noyer moyen. Les parties en polycarbonate ont une finition couleur gris.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/ESCALIER-DIRECT.html" title="ESCALIER DIRECT">ESCALIER DIRECT</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1073 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1073).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/rail-tactiline-4gci.html" title="Rail TACTILINE 4GCi " style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1463" class="item-image" alt="Rail TACTILINE 4GCi " 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/1/6/16693677624267s2_1.jpeg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/rail-tactiline-4gci.html" class="truncate" title="Rail TACTILINE 4GCi "><span>Rail TACTILINE 4GCi </span></a> </h2> <div class="item-description"> EXIGENCE DE LA LOI * * Accessibilit茅 des personnes en situation de handicap visuel ou de mobilit茅 r茅duite aux 茅tablissements recevant du public (ERP) Pour faciliter l鈥檕rientation, le cheminement doit 锚tre visuellement et tactilement contrast茅 (70% de diff茅rence entre le fond et le cheminement). </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/Romus.html" title="Romus">Romus</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1463 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1463).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/dalles-podotactiles-accessdal.html" title="Dalles podotactiles ACCESSDAL" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1464" class="item-image" alt="Dalles podotactiles ACCESSDAL" 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/4/2/4250s.jpg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/dalles-podotactiles-accessdal.html" class="truncate" title="Dalles podotactiles ACCESSDAL"><span>Dalles podotactiles ACCESSDAL</span></a> </h2> <div class="item-description"> En cas de nettoyage fr茅quent du sol 脿 l鈥檈au ou avec des machines types mono brosse, il convient d鈥檃ppliquer sur le pourtour de la bande un joint d鈥櫭﹖anch茅it茅 incolore type BOSTIK MSP 106 pour 茅viter les infiltrations d鈥檈au sous la bande, qui peuvent 脿 terme provoquer des d茅collements. </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/Romus.html" title="Romus">Romus</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1464 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1464).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/escamotable-d-sur-mur.html" title="Escamotable D sur MUR" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1076" class="item-image" alt="Escamotable D sur MUR" 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/d/m/dmur.jpg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escamotable-d-sur-mur.html" class="truncate" title="Escamotable D sur MUR"><span>Escamotable D sur MUR</span></a> </h2> <div class="item-description"> <p>L'escalier escamotable type D MUR en Alu et avec main courante est spécialement conçu pour les ouvertures verticales.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/ESCALIER-DIRECT.html" title="ESCALIER DIRECT">ESCALIER DIRECT</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1076 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1076).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/escalier-vogue.html" title="Escalier Vogue" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1075" class="item-image" alt="Escalier Vogue" 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/v/o/vogue003.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-vogue.html" class="truncate" title="Escalier Vogue"><span>Escalier Vogue</span></a> </h2> <div class="item-description"> <p>L’escalier Vogue ou l’escalier hélicoïdal est une forme spécifique d’escalier. Pratique et design, il permet de gagner de la place dans n’importe quelle pièce.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/ESCALIER-DIRECT.html" title="ESCALIER DIRECT">ESCALIER DIRECT</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1075 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1075).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/escalier-nova.html" title="Escalier Nova" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1074" class="item-image" alt="Escalier Nova" 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/n/o/nova_1.jpg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-nova.html" class="truncate" title="Escalier Nova"><span>Escalier Nova</span></a> </h2> <div class="item-description"> <p>L’escalier Nova est un type d’escalier hélicoïdal en kit avec marches en hêtre massif et balustrade à barreaudage métalliques.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/ESCALIER-DIRECT.html" title="ESCALIER DIRECT">ESCALIER DIRECT</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1074 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1074).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/escalier-vector-83.html" title="Escalier VECTOR 83" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1072" class="item-image" alt="Escalier VECTOR 83" 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_09_mar._17_19.43.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-vector-83.html" class="truncate" title="Escalier VECTOR 83"><span>Escalier VECTOR 83</span></a> </h2> <div class="item-description"> <p>L’escalier modulaire vector 83 est fabriqué en acier bois et vendu en kit prêt à poser. De couleur noir, il a une forme droite. Les marches et la main courante sont en noyer moyen.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/ESCALIER-DIRECT.html" title="ESCALIER DIRECT">ESCALIER DIRECT</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1072 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1072).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/escalier-ysoplan.html" title="Escalier Ysoplan" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1070" class="item-image" alt="Escalier Ysoplan" 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_06_mar._16_20.08.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-ysoplan.html" class="truncate" title="Escalier Ysoplan"><span>Escalier Ysoplan</span></a> </h2> <div class="item-description"> <p>De fabrication 100% française, l’escalier Ysoplan est un escalier droit pouvant être présenté avec ou sans palier.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/YSOFER.html" title="YSOFER">YSOFER</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1070 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1070).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/escalier-ysowall.html" title="Escalier Ysowall" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1069" class="item-image" alt="Escalier Ysowall" 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_05_mar._16_20.06.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-ysowall.html" class="truncate" title="Escalier Ysowall"><span>Escalier Ysowall</span></a> </h2> <div class="item-description"> <p>Conçu et développé par des professionnels de l’escalier, l’escalier Ysowall répond aux exigences des clients. C’est un escalier droit ou quart tournant avec limon. Le passage est permis à partir de 600 mm.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/YSOFER.html" title="YSOFER">YSOFER</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1069 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1069).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/escalier-ysovoc.html" title="Escalier Ysovoc" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1068" class="item-image" alt="Escalier Ysovoc" 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_04_mar._16_20.02.gif" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/escalier-ysovoc.html" class="truncate" title="Escalier Ysovoc"><span>Escalier Ysovoc</span></a> </h2> <div class="item-description"> <p>Le modèle Ysovoc est un escalier de secours « non ouvert au public dans les conditions normales de fonctionnement ». Il est conforme à la loi CO 56.et est non assujetti à la circulaire sur l’accessibilité.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/YSOFER.html" title="YSOFER">YSOFER</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1068 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1068).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/clous-rom-plot.html" title="Clous ROM.PLOT" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-1465" class="item-image" alt="Clous ROM.PLOT" 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/4/3/4355s1.jpg" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/clous-rom-plot.html" class="truncate" title="Clous ROM.PLOT"><span>Clous ROM.PLOT</span></a> </h2> <div class="item-description"> Clous m茅talliques de diverses natures de m茅tal pour un rendu esth茅tique lors d'une pose de bande d'茅veil 脿 la vigilance pour personnes mal et non-voyantes. </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/Romus.html" title="Romus">Romus</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 1465 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 1465).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="doc67b3c0d8c00b5" class="sos-bloc-content sos-id67b3c0d8c00b5 item-content clearfix"> <div class="contact" id="contactPart1_67b3c0d8c00b5"> <form id="contactForm_67b3c0d8c00b5" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" id="cat_hid" name="parentCateg" value="Escaliers"> <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"> <label>Th茅matique<span class="required">*</span></label> <div class="input-box"> <select name="parentCateg" id="thematique67b3c0d8c00b5" class="required-entry validate-select" style="margin-bottom:8px" title="Th茅matique"> <option>Escaliers</option><option data-idcat='84'>Rev锚tement de sols d'escaliers</option><option data-idcat='86'>Rampes et mains courantes</option><option data-idcat='44'>Mises aux normes handicap茅s</option><option data-idcat='87'>Signalisations</option> </select> </div> <div class="input-box"> <select name="currentCateg" id="sous_thematique67b3c0d8c00b5" style="margin-bottom:8px; display: none" title="Sous-cat茅gorie"></select> </div> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b3c0d8c00b5" 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="qui67b3c0d8c00b5" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b3c0d8c00b5">Copropri茅taire</option> <option id="cop67b3c0d8c00b5_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b3c0d8c00b5_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b3c0d8c00b5"> <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="spinnerSending67b3c0d8c00b5" 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('67b3c0d8c00b5');" 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="MsgDemandeResultSos267b3c0d8c00b5" 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-id67b3c0d8c00b5").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('#doc67b3c0d8c00b5').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#thematique67b3c0d8c00b5').attr('name', 'currentCateg'); $j('select#sous_thematique67b3c0d8c00b5').attr('name', 'sousThematique'); } else{ $j('select#thematique67b3c0d8c00b5').attr('name', 'parentCateg'); $j('select#sous_thematique67b3c0d8c00b5').attr('name', 'currentCateg'); } $j('#thematique67b3c0d8c00b5').on('change', function() { $j("#sous_thematique67b3c0d8c00b5").hide(); var idCat = $j('#thematique67b3c0d8c00b5').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_thematique67b3c0d8c00b5").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b3c0d8c00b5").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b3c0d8c00b5").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b3c0d8c00b5').slideUp(); $j('#qui67b3c0d8c00b5').change(function () { if ($j('#cop67b3c0d8c00b5').prop('selected') == true ||聽$j('#cop67b3c0d8c00b5_2').prop('selected') == true ||聽$j('#cop67b3c0d8c00b5_3').prop('selected') == true) { $j('#nbcop67b3c0d8c00b5').slideDown(); } else { $j('#nbcop67b3c0d8c00b5').slideUp(); $j('#nb67b3c0d8c00b5').removeAttr('required'); } }); }); var contactForm_67b3c0d8c00b5 = new VarienForm('contactForm_67b3c0d8c00b5', 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="doc67b3c0d8c3437" class="sos-bloc-content sos-id67b3c0d8c3437 item-content clearfix"> <div class="contact" id="contactPart1_67b3c0d8c3437"> <form id="contactForm_67b3c0d8c3437" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" id="cat_hid" name="parentCateg" value="Escaliers"> <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"> <label>Th茅matique<span class="required">*</span></label> <div class="input-box"> <select name="parentCateg" id="thematique67b3c0d8c3437" class="required-entry validate-select" style="margin-bottom:8px" title="Th茅matique"> <option>Escaliers</option><option data-idcat='84'>Rev锚tement de sols d'escaliers</option><option data-idcat='86'>Rampes et mains courantes</option><option data-idcat='44'>Mises aux normes handicap茅s</option><option data-idcat='87'>Signalisations</option> </select> </div> <div class="input-box"> <select name="currentCateg" id="sous_thematique67b3c0d8c3437" style="margin-bottom:8px; display: none" title="Sous-cat茅gorie"></select> </div> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b3c0d8c3437" 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="qui67b3c0d8c3437" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b3c0d8c3437">Copropri茅taire</option> <option id="cop67b3c0d8c3437_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b3c0d8c3437_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b3c0d8c3437"> <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="spinnerSending67b3c0d8c3437" 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('67b3c0d8c3437');" 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="MsgDemandeResultSos267b3c0d8c3437" 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#thematique67b3c0d8c3437').attr('name', 'currentCateg'); $j('select#sous_thematique67b3c0d8c3437').attr('name', 'sousThematique'); } else{ $j('select#thematique67b3c0d8c3437').attr('name', 'parentCateg'); $j('select#sous_thematique67b3c0d8c3437').attr('name', 'currentCateg'); } $j('#thematique67b3c0d8c3437').on('change', function() { $j("#sous_thematique67b3c0d8c3437").hide(); var idCat = $j('#thematique67b3c0d8c3437').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_thematique67b3c0d8c3437").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b3c0d8c3437").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b3c0d8c3437").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b3c0d8c3437').slideUp(); $j('#qui67b3c0d8c3437').change(function () { if ($j('#cop67b3c0d8c3437').prop('selected') == true ||聽$j('#cop67b3c0d8c3437_2').prop('selected') == true ||聽$j('#cop67b3c0d8c3437_3').prop('selected') == true) { $j('#nbcop67b3c0d8c3437').slideDown(); } else { $j('#nbcop67b3c0d8c3437').slideUp(); $j('#nb67b3c0d8c3437').removeAttr('required'); } }); }); var contactForm_67b3c0d8c3437 = new VarienForm('contactForm_67b3c0d8c3437', 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

Escaliers : produits et guides pour l'escalier d'immeuble