CINXE.COM
Serrures : solutions de serrures blind茅es et 茅lectroniques
<!doctype html> <html lang="en" class="no-js"> <head> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Taboola --> <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> <!-- End Taboola --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Serrures : solutions de serrures blind茅es et 茅lectroniques</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="D茅couvrez les solutions de serrures blind茅es et 茅lectroniques pour appartements en immeuble et portes de parties communes pour s茅curiser au mieux votre immeuble ou logement." /> <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/portes/serrures.html" /> <!--[if IE 9]> <link rel="stylesheet" type="text/css" href="https://www.baticopro.com/media/css_secure/406ed9df58c7be74f545b856813d76d6.css" media="all" /> <![endif]--> <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> <!-- BEGIN GOOGLE UNIVERSAL ANALYTICS CODE --> <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> <!-- END GOOGLE UNIVERSAL ANALYTICS CODE --> <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-portes-serrures-html category-serrures default fr_fr clrformfields"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58KMV3L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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="name show-for-small-only"> <form method="get" action="https://www.baticopro.com/catalogsearch/result/" id="search_nav_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="search2" maxlength="128" /> <label for="search2">Chercher</label> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> <div class="search-autocomplete" id="search_autocomplete2"></div> <script type="text/javascript"> //<![CDATA[ var searchForm = new Varien.searchForm('search_nav_form', 'search2', ''); searchForm.initAutocomplete('https://www.baticopro.com/catalogsearch/ajax/suggest/', 'search_autocomplete2'); //]]> </script> </div> </div> </form> </li>--> <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> </ul> <section class="top-bar-section clearfix hover"> <!-- Right Nav Section --> <ul class="right show-for-large-up"> <li class="has-dropdown hide-for-small-only"> </ul> <!-- Left Nav Section --> <ul class="left"> <!--<li class="show-for-small-only group-title">Vente</li>--> <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 active 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 active "><a href="https://www.baticopro.com/portes/serrures.html" class="level1 ">Serrures</a></li></ul></li><li class="level0 nav-4 has-dropdown mega-menu"><a href="https://www.baticopro.com/parties-communes.html" class="level0 has-children">Halls d'entr茅e</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/parties-communes.html">Voir tout Halls d'entr茅e</a></li><li class="level1 nav-4-1 first"><a href="https://www.baticopro.com/parties-communes/sols-et-tapis-de-sols.html" class="level1 ">Sols et tapis de sols</a></li><li class="level1 nav-4-2"><a href="https://www.baticopro.com/parties-communes/boites-aux-lettres.html" class="level1 ">Boites aux lettres</a></li><li class="level1 nav-4-3 "><a href="https://www.baticopro.com/parties-communes/entretien-nettoyage.html" class="level1 ">Entretien, nettoyage</a></li></ul></li><li class="level0 nav-5 has-dropdown mega-menu"><a href="https://www.baticopro.com/ascenseurs.html" class="level0 has-children">Ascenseurs</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/ascenseurs.html">Voir tout Ascenseurs</a></li><li class="level1 nav-5-1 first"><a href="https://www.baticopro.com/ascenseurs/cabines-d-ascenseur.html" class="level1 ">Cabines d'ascenseur</a></li><li class="level1 nav-5-2"><a href="https://www.baticopro.com/ascenseurs/eclairages-d-ascenseurs.html" class="level1 ">Eclairages d'ascenseurs</a></li><li class="level1 nav-5-3"><a href="https://www.baticopro.com/ascenseurs/pieces-de-rechange.html" class="level1 ">Pi猫ces de rechange</a></li><li class="level1 nav-5-4 "><a href="https://www.baticopro.com/ascenseurs/elevateurs-pour-personnes-a-mobilite-reduite.html" class="level1 ">El茅vateurs pour personnes 脿 mobilit茅 r茅duite</a></li></ul></li><li class="level0 nav-6 has-dropdown mega-menu"><a href="https://www.baticopro.com/escaliers.html" class="level0 has-children">Escaliers</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/escaliers.html">Voir tout Escaliers</a></li><li class="level1 nav-6-1 first "><a href="https://www.baticopro.com/escaliers/mises-aux-normes-handicapes.html" class="level1 ">Mises aux normes handicap茅s</a></li><li class="mega-menu-bottom-block hide-for-small-only"><a href="https://www.travauxapart.fr/" style="color: black !important; font-weight: 500;" target="_blank">Prix travaux avec Travaux 脿 Part</a></li></ul></li><li class="level0 nav-7 has-dropdown mega-menu"><a href="https://www.baticopro.com/toit.html" class="level0 has-children">Toit</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/toit.html">Voir tout Toit</a></li><li class="level1 nav-7-1 first"><a href="https://www.baticopro.com/toit/revetements-de-toitures.html" class="level1 ">Couverture et 茅tanch茅it茅</a></li><li class="level1 nav-7-2"><a href="https://www.baticopro.com/toit/gouttieres.html" class="level1 ">Goutti猫res</a></li><li class="level1 nav-7-3 "><a href="https://www.baticopro.com/toit/exutoires-de-fumees.html" class="level1 ">Exutoires de fum茅es</a></li></ul></li><li class="level0 nav-8 has-dropdown mega-menu"><a href="https://www.baticopro.com/facades.html" class="level0 has-children">Murs et fa莽ades</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/facades.html">Voir tout Murs et fa莽ades</a></li><li class="level1 nav-8-1 first"><a href="https://www.baticopro.com/facades/peintures.html" class="level1 ">Rev锚tements</a></li><li class="level1 nav-8-2"><a href="https://www.baticopro.com/facades/bardage.html" class="level1 ">Bardage</a></li><li class="level1 nav-8-3"><a href="https://www.baticopro.com/facades/etancheite-et-isolation.html" class="level1 ">脡tanch茅it茅 et isolation</a></li><li class="level1 nav-8-4"><a href="https://www.baticopro.com/facades/fenetres.html" class="level1 ">Fen锚tres</a></li><li class="level1 nav-8-5"><a href="https://www.baticopro.com/facades/balcons-et-terrasses.html" class="level1 ">Balcons et terrasses</a></li><li class="level1 nav-8-6"><a href="https://www.baticopro.com/facades/garde-corps.html" class="level1 ">Garde-corps</a></li><li class="level1 nav-8-7"><a href="https://www.baticopro.com/facades/traitement-de-l-humidite-des-murs.html" class="level1 ">Traitement de l'humidit茅 des murs</a></li><li class="level1 nav-8-8 "><a href="https://www.baticopro.com/facades/stores-et-volets.html" class="level1 ">Stores et volets</a></li></ul></li><li class="level0 nav-9 has-dropdown mega-menu"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres.html" class="level0 has-children">Chaudi猫res, ventilation et ENR</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres.html">Voir tout Chaudi猫res, ventilation et ENR</a></li><li class="level1 nav-9-1 first"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/chaudiere-collective.html" class="level1 ">Chaudi猫res</a></li><li class="level1 nav-9-2"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/eau-chaude-sanitaires.html" class="level1 ">Eau chaude - sanitaire</a></li><li class="level1 nav-9-3"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/vmc.html" class="level1 ">VMC - Ventilation naturelle</a></li><li class="level1 nav-9-4"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/enr.html" class="level1 ">ENR</a></li><li class="level1 nav-9-5"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/fumisterie.html" class="level1 ">Fumisterie</a></li><li class="level1 nav-9-6"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/compteurs-d-eau.html" class="level1 ">Compteurs d'eau</a></li><li class="level1 nav-9-7"><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/chauffage.html" class="level1 ">Chauffage</a></li><li class="level1 nav-9-8 "><a href="https://www.baticopro.com/chauffages-ventilations-clims-et-chaudieres/traitement-de-l-air.html" class="level1 ">Traitement de l'air</a></li></ul></li><li class="level0 nav-10 has-dropdown mega-menu"><a href="https://www.baticopro.com/parkings.html" class="level0 has-children">Parking</a><ul class="level0 dropdown arrow-box columns-6-for-large columns-3-for-medium"><li class="level1"><a class="level1" href="https://www.baticopro.com/parkings.html">Voir tout Parking</a></li><li class="level1 nav-10-1 first"><a href="https://www.baticopro.com/parkings/portes-de-parking-collectifs.html" class="level1 ">Portes de parking collectifs</a></li><li class="level1 nav-10-2"><a href="https://www.baticopro.com/parkings/barriere.html" class="level1 ">Barri猫re</a></li><li class="level1 nav-10-3"><a href="https://www.baticopro.com/parkings/boxes.html" class="level1 ">Boxes</a></li><li class="level1 nav-10-4"><a href="https://www.baticopro.com/parkings/securisation-parking.html" class="level1 ">S茅curisation parking</a></li><li class="level1 nav-10-5"><a href="https://www.baticopro.com/parkings/mecanisme-pour-porte-de-parking-collectif.html" class="level1 ">M茅canisme pour porte de parking collectif</a></li><li class="level1 nav-10-6"><a href="https://www.baticopro.com/parkings/barriere-levante.html" class="level1 ">Barri猫re levante</a></li><li class="level1 nav-10-7 "><a href="https://www.baticopro.com/parkings/voitures-electriques.html" class="level1 ">Bornes de recharges pour v茅hicules 茅lectriques</a></li></ul></li><li class="level0 nav-11 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> <!--<li class="show-for-small-only group-title">Pages</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="doc67b1f0159bf17" class="sos-bloc-content sos-id67b1f0159bf17 item-content clearfix"> <div class="contact" id="contactPart1_67b1f0159bf17"> <form id="contactForm_67b1f0159bf17" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="Serrures"> <input type="hidden" name="parentCateg" value="Portes"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b1f0159bf17" 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="qui67b1f0159bf17" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b1f0159bf17">Copropri茅taire</option> <option id="cop67b1f0159bf17_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b1f0159bf17_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b1f0159bf17"> <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="spinnerSending67b1f0159bf17" 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('67b1f0159bf17');" 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="MsgDemandeResultSos267b1f0159bf17" 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#thematique67b1f0159bf17').attr('name', 'currentCateg'); $j('select#sous_thematique67b1f0159bf17').attr('name', 'sousThematique'); } else{ $j('select#thematique67b1f0159bf17').attr('name', 'parentCateg'); $j('select#sous_thematique67b1f0159bf17').attr('name', 'currentCateg'); } $j('#thematique67b1f0159bf17').on('change', function() { $j("#sous_thematique67b1f0159bf17").hide(); var idCat = $j('#thematique67b1f0159bf17').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_thematique67b1f0159bf17").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b1f0159bf17").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b1f0159bf17").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b1f0159bf17').slideUp(); $j('#qui67b1f0159bf17').change(function () { if ($j('#cop67b1f0159bf17').prop('selected') == true ||聽$j('#cop67b1f0159bf17_2').prop('selected') == true ||聽$j('#cop67b1f0159bf17_3').prop('selected') == true) { $j('#nbcop67b1f0159bf17').slideDown(); } else { $j('#nbcop67b1f0159bf17').slideUp(); $j('#nb67b1f0159bf17').removeAttr('required'); } }); }); var contactForm_67b1f0159bf17 = new VarienForm('contactForm_67b1f0159bf17', 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 Serrures</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/quel-type-de-porte-blindee-choisir-pour-assurer-la-securite-de-votre-domicile.html"> <div class="blocImg"> <img alt="Quel type de porte blind茅e choisir pour assurer la s茅curit茅 de votre domicile ?" title="Quel type de porte blind茅e choisir pour assurer la s茅curit茅 de votre domicile ?" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/adobestock_307397260.jpeg"> </div> <h2>Quel type de porte blind茅e choisir pour assurer la s茅curit茅 de votre domicile ?</h2> <p class="textbox-text">En tant que propri茅taire, la s茅curit茅 de votre habitation est indubitablement une pr茅occupation majeure pour vous. Et lorsqu'il s'agit de...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/pourquoi-choisir-une-porte-blindee.html"> <div class="blocImg"> <img alt="Pourquoi choisir une porte blind茅e ?" title="Pourquoi choisir une porte blind茅e ?" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/_tordjmanmetal.fr_pour_baticopro.jpeg"> </div> <h2>Pourquoi choisir une porte blind茅e ?</h2> <p class="textbox-text">Votre porte d鈥檈ntr茅e repr茅sente une premi猫re barri猫re contre les voleurs. En effet, la majorit茅 des cambrioleurs utilise la porte d鈥檈ntr茅e...</p> </a> </section> <section class="small-12 medium-4 columns left sec2"> <a class="contenuImg" href="/guides/choisir-un-bon-serrurier-les-pieges-a-eviter.html"> <div class="blocImg"> <img alt="Choisir un bon serrurier : les pi猫ges 脿 茅viter" title="Choisir un bon serrurier : les pi猫ges 脿 茅viter" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/_192499_-_www.ou-serrurier.fr_pour_baticopro.com.jpeg"> </div> <h2>Choisir un bon serrurier : les pi猫ges 脿 茅viter</h2> <p class="textbox-text">Les probl猫mes de serrurerie sont fr茅quents et n茅cessitent une intervention en urgence. Malheureusement, plusieurs personnes ont 茅t茅 victimes...</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/serrures-de-porte-d-entree-d-immeuble-modeles-prix-et-securite.html"> <div class="blocImg"> <img alt="Serrures de porte d鈥檈ntr茅e d鈥檌mmeuble : mod猫les, prix et s茅curit茅" title="Serrures de porte d鈥檈ntr茅e d鈥檌mmeuble : mod猫les, prix et s茅curit茅" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_242200189_xs.jpg"> </div> <h2>Serrures de porte d鈥檈ntr茅e d鈥檌mmeuble : mod猫les, prix et s茅curit茅</h2> <p class="textbox-text">Pour choisir une serrure de porte d鈥檈ntr茅e d鈥檌mmeuble ad茅quate, le syst猫me de verrouillage et le niveau de s茅curit茅 des diff茅rents mod猫les...</p> </a> </section> <section class="small-12 medium-4 columns left sec1"> <a class="contenuImg" href="/guides/les-serrures-systemes-solutions-et-securite.html"> <div class="blocImg"> <img alt="Les serrures : syst猫mes, solutions et s茅curit茅" title="Les serrures : syst猫mes, solutions et s茅curit茅" class="guideImage" src="//www.baticopro.com/media/post/image/resizedHome/fotolia_203012765_xs.jpg"> </div> <h2>Les serrures : syst猫mes, solutions et s茅curit茅</h2> <p class="textbox-text">Toutes les serrures de l鈥檌mmeuble, qu鈥檌l s'agisse de la porte d鈥檈ntr茅e du b芒timent ou de la porte d鈥檈ntr茅e des appartements, ont pour...</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="Serrures" class="truncate"> Serrures </h1> </div> <div class="actions small-8 medium-8 large-4 columns"> <!-- <div class="action-for-small-only"><a class="button left-off-canvas-toggle filter-toggle">--><!--</a></div>--> <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>8 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>Portes</h6></li><ul><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/portes.html' >Portes</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/portes-de-hall.html' >Portes de hall</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/motorisation-porte-entree.html' >Motorisation de portes d'entr茅es</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/interphones.html' >Interphones</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/digicodes.html' >Digicodes</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/vigiks.html' >Vigiks</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/controles-d-acces.html' >Contr么les d'acc猫s</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/accessoires-de-portes.html' >Accessoires de portes</a></li><li style='list-style: circle;'><a href='https://www.baticopro.com/portes/serrures.html' >Serrures</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/portes/serrures.html?dir=asc&order=position" selected="selected"> Ordre croissant </option> <option value="https://www.baticopro.com/portes/serrures.html?dir=asc&order=name"> Nom croissant </option> <option value="https://www.baticopro.com/portes/serrures.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/portes/serrures.html?limit=12"> 12 produits par page </option> <option value="https://www.baticopro.com/portes/serrures.html?limit=24"> 24 produits par page </option> <option value="https://www.baticopro.com/portes/serrures.html?limit=30" selected="selected"> 30 produits par page </option> <option value="https://www.baticopro.com/portes/serrures.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/serrure-motorisee-mv-cdvi.html" title="Serrure motoris茅e MV CDVI " style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-72" class="item-image" alt="Serrure motoris茅e MV CDVI " 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/e/serrure_motoris_e_cdvi.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-motorisee-mv-cdvi.html" class="truncate" title="Serrure motoris茅e MV CDVI "><span>Serrure motoris茅e MV CDVI </span></a> </h2> <div class="item-description"> <p>Grâce à cette serrure motorisée MV de la marque CDVI, il est possible de permettre un verrouillage automatique des portes.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/CDVI.html" title="CDVI">CDVI</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 72 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 72).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/serrure-avec-carte-electronique-integree-telpac-picard.html" title="Serrure avec carte 茅lectronique int茅gr茅e Telpac Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-114" class="item-image" alt="Serrure avec carte 茅lectronique int茅gr茅e Telpac Picard" 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/t/e/telpac.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-avec-carte-electronique-integree-telpac-picard.html" class="truncate" title="Serrure avec carte 茅lectronique int茅gr茅e Telpac Picard"><span>Serrure avec carte 茅lectronique int茅gr茅e Telpac Picard</span></a> </h2> <div class="item-description"> <p>Telpac doit son efficacité à ses pênes latéraux rotatifs, à sa barre antipanique, ou encore à sa carte électronique intégrée. Cette serrure carénée peut encore être optimisée avec d’autres composants proposés en option.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 114 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 114).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/serrure-multipoint-serenis-710-picard.html" title="Serrure multipoint S茅r茅nis 710 Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-106" class="item-image" alt="Serrure multipoint S茅r茅nis 710 Picard" 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/2/s2r2nis_710.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-multipoint-serenis-710-picard.html" class="truncate" title="Serrure multipoint S茅r茅nis 710 Picard"><span>Serrure multipoint S茅r茅nis 710 Picard</span></a> </h2> <div class="item-description"> <p>Sérénis 710 est une serrure multipoint particulièrement résistante. Il s’agit d’un dispositif anti-vandalisme par excellence grâce notamment à son protecteur de pompe, sa pastille anti-perçage et son entrebâilleur intégré. Son aspect pratique est quant à lui à mettre sur le compte de son amortisseur de bruit et sa facilité de verrouillage.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 106 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 106).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/serrure-carenee-presence-2-picard.html" title="Serrure car茅n茅e Pr茅sence 2 Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-107" class="item-image" alt="Serrure car茅n茅e Pr茅sence 2 Picard" 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/p/r/pr_sence2.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-carenee-presence-2-picard.html" class="truncate" title="Serrure car茅n茅e Pr茅sence 2 Picard"><span>Serrure car茅n茅e Pr茅sence 2 Picard</span></a> </h2> <div class="item-description"> <p>Présence 2 est certainement pour quelque chose dans la renommée de Picard Serrures. Cette serrure carénée se révèle effectivement très résistante, grâce notamment à ses 5 points de fermeture. Des clés spéciales difficilement reproductibles sont aussi offertes à l’achat. Silencieuse et souplesse d’utilisation contribuent aussi à faire l’aspect pratique de cette serrure.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 107 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 107).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/serrure-3-points-trident-picard.html" title="Serrure 3 points Trident Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-108" class="item-image" alt="Serrure 3 points Trident Picard" 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/t/r/trident.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-3-points-trident-picard.html" class="truncate" title="Serrure 3 points Trident Picard"><span>Serrure 3 points Trident Picard</span></a> </h2> <div class="item-description"> <p>Certainement en référence à ses 3 points de fermeture, cette serrure portant l’enseigne Picard est baptisée Trident. Elle est équipée de tout un arsenal qui assoit notamment son aspect résistant. Ce critère peut même être renforcé au moyen d’autres composants proposés en option. Enfin, ses clés achèvent de faire de Trident un vrai dispositif anti-vandalisme.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 108 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 108).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/serrure-electronique-sans-cle-parade-2-picard.html" title="Serrure 茅lectronique sans cl茅 Parade 2 Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-109" class="item-image" alt="Serrure 茅lectronique sans cl茅 Parade 2 Picard" 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/p/a/parade2.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-electronique-sans-cle-parade-2-picard.html" class="truncate" title="Serrure 茅lectronique sans cl茅 Parade 2 Picard"><span>Serrure 茅lectronique sans cl茅 Parade 2 Picard</span></a> </h2> <div class="item-description"> <p>Picard conforte son statut de leader dans son domaine grâce à Parade 2, serrure électronique sans clé. En mesure de fonctionner même en cas de coupure de courant, elle s’inscrit dans un concept futuriste. Pour autant, cette serrure très particulière demeure facile d’utilisation.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 109 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 109).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/serrure-electronique-sans-cle-serena-picard.html" title="Serrure 茅lectronique sans cl茅 S茅r茅na Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-111" class="item-image" alt="Serrure 茅lectronique sans cl茅 S茅r茅na Picard" 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/_/s_rena.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-electronique-sans-cle-serena-picard.html" class="truncate" title="Serrure 茅lectronique sans cl茅 S茅r茅na Picard"><span>Serrure 茅lectronique sans cl茅 S茅r茅na Picard</span></a> </h2> <div class="item-description"> <p>Séréna contribue certainement à faire la réputation de Picard Serrures. En effet, cette serrure électronique sans clé est notamment reconnue sa compatibilité avec tout un lot de système de contrôle d’accès. Fonction de verrouillage, code sous contrainte, fonction horloge… autant d’éléments qui matérialisent l’aspect pratique de la serrure.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 111 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 111).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/serrure-avec-bouton-poussoir-telcom-etroite-picard.html" title="Serrure avec bouton poussoir Telcom Etroite Picard" style="padding-top: 81.392326732673%;"> <img id ="product-collection-image-112" class="item-image" alt="Serrure avec bouton poussoir Telcom Etroite Picard" 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/t/e/telecom_etroite.png" width="430" height="350"> </a> </div> <div class="item-info"> <h2 class="item-title"> <a href="https://www.baticopro.com/serrure-avec-bouton-poussoir-telcom-etroite-picard.html" class="truncate" title="Serrure avec bouton poussoir Telcom Etroite Picard"><span>Serrure avec bouton poussoir Telcom Etroite Picard</span></a> </h2> <div class="item-description"> <p>Le nom très évocateur Telcom Etroite n’a pas été attribué au hasard à cette serrure avec bouton poussoir. Elle se fait effectivement très discrète, tout en offrant un niveau de sécurité maximum aux occupants d’une maison.</p> </div> <div class="seller"> <a href="https://www.baticopro.com/marketplace/PICARD.html" title="PICARD">PICARD</a> </div> </div> </div> </li> <script> $j(document).ready(function(){ var str = $j("#product-price-" + 112 + " span").text(); if(parseInt(str) == 0) $j(".out-of-stock, #product-price-" + 112).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="doc67b1f015b6c32" class="sos-bloc-content sos-id67b1f015b6c32 item-content clearfix"> <div class="contact" id="contactPart1_67b1f015b6c32"> <form id="contactForm_67b1f015b6c32" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="Serrures"> <input type="hidden" name="parentCateg" value="Portes"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b1f015b6c32" 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="qui67b1f015b6c32" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b1f015b6c32">Copropri茅taire</option> <option id="cop67b1f015b6c32_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b1f015b6c32_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b1f015b6c32"> <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="spinnerSending67b1f015b6c32" 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('67b1f015b6c32');" 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="MsgDemandeResultSos267b1f015b6c32" 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-id67b1f015b6c32").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('#doc67b1f015b6c32').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#thematique67b1f015b6c32').attr('name', 'currentCateg'); $j('select#sous_thematique67b1f015b6c32').attr('name', 'sousThematique'); } else{ $j('select#thematique67b1f015b6c32').attr('name', 'parentCateg'); $j('select#sous_thematique67b1f015b6c32').attr('name', 'currentCateg'); } $j('#thematique67b1f015b6c32').on('change', function() { $j("#sous_thematique67b1f015b6c32").hide(); var idCat = $j('#thematique67b1f015b6c32').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_thematique67b1f015b6c32").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b1f015b6c32").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b1f015b6c32").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b1f015b6c32').slideUp(); $j('#qui67b1f015b6c32').change(function () { if ($j('#cop67b1f015b6c32').prop('selected') == true ||聽$j('#cop67b1f015b6c32_2').prop('selected') == true ||聽$j('#cop67b1f015b6c32_3').prop('selected') == true) { $j('#nbcop67b1f015b6c32').slideDown(); } else { $j('#nbcop67b1f015b6c32').slideUp(); $j('#nb67b1f015b6c32').removeAttr('required'); } }); }); var contactForm_67b1f015b6c32 = new VarienForm('contactForm_67b1f015b6c32', 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="doc67b1f015b78b8" class="sos-bloc-content sos-id67b1f015b78b8 item-content clearfix"> <div class="contact" id="contactPart1_67b1f015b78b8"> <form id="contactForm_67b1f015b78b8" method="post" name="contactForm"> <input type="hidden" name="iddug" value=""> <input type="hidden" name="currentCateg" value="Serrures"> <input type="hidden" name="parentCateg" value="Portes"> <div> <p class="entete" style="display: none"></p> <div class="small-12 collumns"> <div class=""> <h4 class="center aCacher"><b>Devis et information</b></h4> <p class="center aCacher" style="margin-bottom:10px; font-size: 18px;">Travaux, aménagement ou rénovation dans votre copropriété ?</p> </div> <div class="b1 aCacher"> <div class="input-box"> <textarea title="Votre besoin" id="besoin67b1f015b78b8" 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="qui67b1f015b78b8" name="qui"> <option selected="selected" value="">S茅lectionner</option> <option id="cop67b1f015b78b8">Copropri茅taire</option> <option id="cop67b1f015b78b8_2">Copropri茅taire (conseil syndical)</option> <option>Syndic</option> <option id="cop67b1f015b78b8_3">Syndic b茅n茅vole</option> <option>Artisan / Entreprise</option> <option>Architecte</option> </select> </div> <div id="nbcop67b1f015b78b8"> <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="spinnerSending67b1f015b78b8" 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('67b1f015b78b8');" 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="MsgDemandeResultSos267b1f015b78b8" 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#thematique67b1f015b78b8').attr('name', 'currentCateg'); $j('select#sous_thematique67b1f015b78b8').attr('name', 'sousThematique'); } else{ $j('select#thematique67b1f015b78b8').attr('name', 'parentCateg'); $j('select#sous_thematique67b1f015b78b8').attr('name', 'currentCateg'); } $j('#thematique67b1f015b78b8').on('change', function() { $j("#sous_thematique67b1f015b78b8").hide(); var idCat = $j('#thematique67b1f015b78b8').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_thematique67b1f015b78b8").html(""); $j.each(response.sous_thematique, function(i, item) { $j("#sous_thematique67b1f015b78b8").append("<option>" + item + "</option>"); }); $j("#sous_thematique67b1f015b78b8").show(); } }) .error(function(){ console.log("erreur, reessayez.") }); }); $j('#nbcop67b1f015b78b8').slideUp(); $j('#qui67b1f015b78b8').change(function () { if ($j('#cop67b1f015b78b8').prop('selected') == true ||聽$j('#cop67b1f015b78b8_2').prop('selected') == true ||聽$j('#cop67b1f015b78b8_3').prop('selected') == true) { $j('#nbcop67b1f015b78b8').slideDown(); } else { $j('#nbcop67b1f015b78b8').slideUp(); $j('#nb67b1f015b78b8').removeAttr('required'); } }); }); var contactForm_67b1f015b78b8 = new VarienForm('contactForm_67b1f015b78b8', 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 class="small-12 medium-6 columns social"> </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="mobile-footer-switch show-for-small-only row">--> <!-- --><!-- --><!-- <div class="small---><!-- columns">--> <!-- --><!-- </div>--> <!-- --><!-- --><!-- <div class="small---><!-- columns">--> <!-- --><!-- </div>--> <!-- --><!-- --><!-- <div class="small---><!-- columns">--> <!-- --><!-- </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><!-- /inner-wrap --> </div><!-- /off-canvas-wrap --> <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> <!-- Go to www.addthis.com/dashboard to customize your tools <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59d743d776520732"></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>