CINXE.COM

Bati CCTP - Boutique CSTB

<!DOCTYPE html> <html lang="fr-FR" > <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="robots" content="all" /> <title>Bati CCTP - Boutique CSTB</title> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto+Condensed&family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/Content/css/slick.css" /> <link rel="stylesheet" href="/Content/css/scss/style.css" /> <link rel="stylesheet" href="/Content/css/custom-style.css" /> <link rel="stylesheet" href="/Content/css/uniform.default.css" /> <link rel="stylesheet" href="/Content/css/jquery-ui.css" /> <link href="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemPageComponents.min.css" rel="stylesheet" /> <link href="/FormBuilder/Public/ColorPickerComponent/ColorPickerComponent.css" rel="stylesheet" /> <link href="/FormBuilder/Public/ColorPickerComponent/ColorPickerCSS.css" rel="stylesheet" /> <link href="/FormBuilder/Public/ColorPickerComponent/vendor/themes/Classic.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <style> /*for italic input rich text editor*/ p em { font-style: italic !important; } </style> <script type="text/javascript" src="/kentico.resource/abtest/kenticoabtestlogger/fr-fr/conversionlogger.js" async></script> <script type="text/javascript" src="/kentico.resource/activities/kenticoactivitylogger/logger.js?pageIdentifier=3362" async></script> <script type="text/javascript" src="/kentico.resource/webanalytics/logger.js?Culture=fr-FR&amp;HttpStatus=200&amp;Value=0" async></script> <!-- 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-MP4D5RX8');</script> <!-- End Google Tag Manager --> </head> <body> <header id="header"> <div> <div class="container-fluid justify-content-between d-flex align-items-center header"> <div class="row justify-content-between align-items-center w-100"> <div class="d-flex align-items-center justify-content-start left"> <div id="header_logo"> <a href="https://www.cstb.fr/" title="CSTBoutique"> <img class="logo img-responsive" src="/getmedia/6456a5f5-9815-480d-9bbe-f5d6e3ad8bc8/logo_header_1?width=179&amp;height=49&amp;ext=.png" alt="CSTBoutique" width="179" height="49"> </a> </div> <div class="headerbis"> <div id="block_top_menu" class="sf-contener clearfix col-lg-12"> <div class="cat-title">Menu</div> <!-- Menu --> <div class="wrapMenuMobile"><div class="menuMobile"><div></div></div></div> <nav role="navigation" class="nav"> <ul class="sf-menu clearfix menu-content sf-js-enabled sf-arrows"> <li> <a href="/" title="Accueil"> <img src="/Content/images/home-button.png" class="maison" alt="boutique.menu.home"> </a> </li> <li class="has-submenu"> <span class="menu-mobile-grover"></span> <a title="Services en ligne" class="sf-with-ul">Services en ligne</a> <!-- mega menu --> <div class="mega-menu"> <div class="container-fluid"> <div class="row"> <div class="col-md-4 col-text"> <div class="inner-text"> <h2 class="h2">Services en ligne </h2> </div> </div> <div class="col-md-3 col-nav"> <ul class="nav-mega-menu"> <li> <a href="/Product/Services-en-ligne/Gamme-Reef" title="Gamme Reef" class="sf-with-ul">Gamme Reef</a> </li> <li> <a href="/Product/Services-en-ligne/Bati-CC-TP" title="Bati CCTP" class="sf-with-ul">Bati CCTP</a> </li> <li> <a href="/Product/Services-en-ligne/Gamme-Thematique" title="Gamme Th&#xE9;matique" class="sf-with-ul">Gamme Th&#xE9;matique</a> </li> <li> <a href="/Product/Services-en-ligne/Bati-BIBLIO" title="Bati BIBLIO" class="sf-with-ul">Bati BIBLIO</a> </li> </ul> </div> <div class="col-md-5 col-img d-flex justify-content-end"> <div class="innerImg"> <picture><img src="/getmedia/258eab7a-8201-4477-a9d5-7a795e830e3b/service-ligne.jpg?width=500&amp;height=285&amp;ext=.jpg"></picture> </div> </div> </div> </div> </div> </li> <li class="has-submenu"> <span class="menu-mobile-grover"></span> <a title="Documents Techniques Unifi&#xE9;s" class="sf-with-ul">Documents Techniques Unifi&#xE9;s</a> <!-- mega menu --> <div class="mega-menu"> <div class="container-fluid"> <div class="row"> <div class="col-md-4 col-text"> <div class="inner-text"> <h2 class="h2">Documents Techniques Unifi&#xE9;s </h2> </div> </div> <div class="col-md-3 col-nav"> <ul class="nav-mega-menu"> <li> <a href="/Product/Documents-Techniques-Unifies/Lots-DTU-papier" title="Lots DTU - papier" class="sf-with-ul">Lots DTU - papier</a> </li> <li> <a href="/Product/Documents-Techniques-Unifies/DTU-NF-DTU" title="DTU - NF DTU" class="sf-with-ul">DTU - NF DTU</a> </li> <li> <a href="/Product/Documents-Techniques-Unifies/Regles-de-calcul" title="R&#xE8;gles de calcul" class="sf-with-ul">R&#xE8;gles de calcul</a> </li> </ul> </div> <div class="col-md-5 col-img d-flex justify-content-end"> <div class="innerImg"> <picture><img src="/getmedia/87dc3c2a-02de-44b9-a146-cac709dd58fc/Documents-techniques-unifies.jpg?width=500&amp;height=285&amp;ext=.jpg"></picture> </div> </div> </div> </div> </div> </li> <li class="has-submenu"> <span class="menu-mobile-grover none"></span> <a href="/Product/FORMULAIRES-ET-DOCUMENTS-TYPES" title=" Formulaires et documents types" class="sf-with-ul no-chevron" target=""> Formulaires et documents types</a> </li> <li class="has-submenu"> <span class="menu-mobile-grover"></span> <a title="Guides et Livres" class="sf-with-ul">Guides et Livres</a> <!-- mega menu --> <div class="mega-menu"> <div class="container-fluid"> <div class="row"> <div class="col-md-4 col-text"> <div class="inner-text"> <h2 class="h2">Guides et Livres </h2> </div> </div> <div class="col-md-3 col-nav"> <ul class="nav-mega-menu"> <li> <a href="/Product/Guides-et-Livres/Droit-et-construction" title="Droit et construction" class="sf-with-ul">Droit et construction</a> </li> <li> <a href="/Product/Guides-et-Livres/Eurocodes-Calculs-de-structures" title="Eurocodes-Calculs de structures" class="sf-with-ul">Eurocodes-Calculs de structures</a> </li> <li> <a href="/Product/Guides-et-Livres/Techniques-de-construction" title="Techniques de construction" class="sf-with-ul">Techniques de construction</a> </li> <li> <a href="/Product/Guides-et-Livres/Pathologies" title="Pathologies des b&#xE2;timents" class="sf-with-ul">Pathologies des b&#xE2;timents</a> </li> <li> <a href="/Product/Guides-et-Livres/Securite-Incendie-Accessibilite" title="S&#xE9;curit&#xE9; - Incendie - Accessibilit&#xE9;" class="sf-with-ul">S&#xE9;curit&#xE9; - Incendie - Accessibilit&#xE9;</a> </li> <li> <a href="/Product/Guides-et-Livres/Transition-environnementale-et-energetique" title="Transition &#xE9;cologique" class="sf-with-ul">Transition &#xE9;cologique</a> </li> <li> <a href="/Product/Guides-et-Livres/BIM-et-maquette-numerique" title="Transition num&#xE9;rique" class="sf-with-ul">Transition num&#xE9;rique</a> </li> <li> <a href="/Product/Guides-et-Livres/Dicobat" title="Dicobat" class="sf-with-ul">Dicobat</a> </li> </ul> </div> <div class="col-md-5 col-img d-flex justify-content-end"> <div class="innerImg"> <picture><img src="/getmedia/d92718e9-157a-45a8-a216-2c1f3ee426e2/guides-livres.jpg?width=500&amp;height=472&amp;ext=.jpg"></picture> </div> </div> </div> </div> </div> </li> <li class="has-submenu"> <span class="menu-mobile-grover"></span> <a title="Logiciels" class="sf-with-ul">Logiciels</a> <!-- mega menu --> <div class="mega-menu"> <div class="container-fluid"> <div class="row"> <div class="col-md-4 col-text"> <div class="inner-text"> <h2 class="h2">Logiciels </h2> </div> </div> <div class="col-md-3 col-nav"> <ul class="nav-mega-menu"> <li> <a href="/Product/Logiciels/Transition-environnementale-et-energetique" title="Transition environnementale et &#xE9;nerg&#xE9;tique" class="sf-with-ul">Transition environnementale et &#xE9;nerg&#xE9;tique</a> </li> <li> <a href="/Product/Logiciels/Sante-Confort" title="Sant&#xE9;-Confort" class="sf-with-ul">Sant&#xE9;-Confort</a> </li> </ul> </div> <div class="col-md-5 col-img d-flex justify-content-end"> <div class="innerImg"> <picture><img src="/getmedia/8e208613-3e03-4621-a374-b1ac3c79c58a/logiciel.jpg?width=500&amp;height=285&amp;ext=.jpg"></picture> </div> </div> </div> </div> </div> </li> <li class="has-submenu"> <span class="menu-mobile-grover none"></span> <a href="/Contact" title="Contactez-nous" class="sf-with-ul no-chevron" target="">Contactez-nous</a> </li> <li class="sf-search noBack hidden-sm"> <div id="searchbox"> <p> <input type="button" class="btn-search" name="controller" value="search"> <input type="hidden" value="position" name="orderby"> <input type="hidden" value="desc" name="orderway"> <input type="text" name="search_query" value="" id="SearchProduct" placeholder="Rechercher"> <span class="close"></span> </p> </div> </li> <li class="sf-search noBack visible-sm"> <a class=""><i class="icon-search"></i></a> <ul style="display: none;" class="submenu-container clearfix first-in-line-xs"> <li class="pull-right"> <div id="searchbox2"> <p> <input class="btn-search" type="button" name="controller" value="search"> <input type="hidden" value="position" name="orderby"> <input type="hidden" value="desc" name="orderway"> <input class="form-control" type="text" name="search_query" value="" placeholder="Rechercher"> <span class="close"></span> </p> </div> </li> </ul> </li> </ul> </nav> </div> <!--/ Menu --> </div> </div> <div class="d-flex align-items-center justify-content-end right"> <div id="popup_panier"> </div> <div id="popup_driveback"> </div> <div class="blcpanier"> <div id="header_panier"> <div class="shopping_cart"> <a href="#" title="Voir mon panier" rel="nofollow"> <b>Panier</b> <span class="ajax_cart_quantity unvisible">0</span> <span class="ajax_cart_product_txt unvisible">Produit(s)</span> <span class="ajax_cart_product_txt_s unvisible">Produits</span> <span class="ajax_cart_total unvisible">0,00 &#x20AC;</span> <span class="ajax_cart_no_product ">(vide)</span> </a> <div class="cart_block block exclusive"> <div class="block_content"> <div class="cart_block_list"> <dl class="products"> </dl> <div class="cart-prices"> <div class="cart-prices-line first-line"> <span class="price cart_block_shipping_cost ajax_cart_shipping_cost"> 0,00 &#x20AC; </span> <span> Livraison </span> </div> <div class="cart-prices-line last-line"> <span class="price cart_block_total ajax_block_cart_total"> 0,00 &#x20AC; </span> <span>Total</span> </div> <p> Les prix sont HT </p> </div> <p class="cart-buttons"> <a id="button_order_cart" class="btn btn-default button button-small" href="/checkout/shoppingcart" title="Commander" rel="nofollow"> <span> Commander<i class="icon-chevron-right right"></i> </span> </a> </p> </div> </div> </div> <!-- .cart_block --> </div> </div> <div class="shopping_cart_account"> <a class="" alt="Se connecter" title="">Se connecter</a> <div class="other-count"> <a href="/authentication" emailUser="Se connecter" id="accountLinkText">Mon compte</a> </div> </div> </div> <div class="search-mobile"> <div class="pictoBtn search"> <i></i> </div> <div id="searchbox"> <p> <input type="button" class="btn-search btn-search-mobile" name="controller" value="search"> <input type="hidden" value="position" name="orderby"> <input type="hidden" value="desc" name="orderway"> <input type="text" name="search_query" value="" id="SearchProductMobile" placeholder="Rechercher"> <span class="close"></span> </p> </div> </div> </div> </div> </div> </div> <form id="__AjaxAntiForgeryForm"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BQvImAdhXJDjgNbc5qWA4h0jNDcCTvnQazc0ltjgzO3uYbSvZHr404iXFYMsRMDkiQxvP1d7Xf94Kon8AZYop_EuJ0qu2pXEJmwuEcCzYzgxh6XJvKuQDyFtWSwDtuCfQskgjxrHQszBTOKYcopGSU" /></form> <input type="hidden" value="/checkout/additemcard?culture=fr-FR" id="UrlAddToCard"> <input type="hidden" value="/checkout/updatepanierheader?culture=fr-FR" id="UrlUpdatePanier"> <input type="hidden" id="currentCultureCode" value="fr-FR" /> <script src="/Content/js/product-panier.js"></script> <script src="/Content/js/neotouch.js"></script> <style> .linkDisabled { pointer-events: none; } </style> <div id="homepage-slider"> <ul id="homeslider"> <li class="homeslider-container "> <a href="https://boutique.cstb.fr/detail/services-en-ligne/gamme-reef/le-reef-integral" title="Le Reef Int&#xE9;gral"> <img src="/getattachment/08c82f61-e035-4ea4-92a0-ab6d2bfdd93c/slider_btq_reef_integral.jpg" alt="Le Reef Int&#xE9;gral" width="1600" height="340"> </a> </li> <li class="homeslider-container hide-load"> <a href="https://boutique.cstb.fr/detail/services-en-ligne/bati-cc-tp/bati-cctp-chiffrage-1-utilisateur" title="Bati CCTP &#x2B; Chiffrage"> <img src="/getattachment/8603cecc-4b27-4012-aae6-c11a82bcf985/slider_btq_bati_cctp_chiffrage_sept_2024.jpg" alt="Bati CCTP &#x2B; Chiffrage" width="1600" height="340"> </a> </li> <li class="homeslider-container hide-load"> <a href="https://boutique.cstb.fr/detail/services-en-ligne/gamme-reef/le-reef-essentiel" title="Reef Essentiel"> <img src="/getattachment/cc62b067-ffd4-4b15-9b0b-9e043b79d2a9/slider_btq_reef_essentiel.jpg" alt="Reef Essentiel" width="1600" height="340"> </a> </li> <li class="homeslider-container hide-load"> <a href="https://boutique.cstb.fr/detail/services-en-ligne/gamme-reef/le-reef-collection-dtu" title="Reef Collection DTU"> <img src="/getattachment/f4b8240e-a5b5-4cb4-bdda-1cc4b3bc62ab/slider_btq_reef_dtu-1-.jpg" alt="Reef Collection DTU" width="1600" height="340"> </a> </li> <li class="homeslider-container hide-load"> <a href="https://boutique.cstb.fr/product/formulaires-et-documents-types?tr=pa&amp;size=1&amp;page=undefined&amp;isAjax=false" title="Formulaires et documents types"> <img src="/getattachment/36cde769-f30d-4655-a92b-6b76c1bad20e/slider_btq_formulaires_doc_type.jpg" alt="Formulaires et documents types" width="1600" height="340"> </a> </li> <li class="homeslider-container hide-load"> <a href=" https://user-Toa5ier.cld.bz/Catalogue-2024-Editions-CSTB" title="Catalogue CSTB Editions 2024"> <img src="/getattachment/8c25a0ea-1394-4d86-9bda-03280425a38e/slider_catalogue_editions_2024.jpg" alt="Catalogue CSTB Editions 2024" width="1600" height="340"> </a> </li> </ul> </div> </header> <main id="content-main"> <div class="columns-container"> <div id="columns" class="container"> <div class="breadcrumb clearfix"> <span class="navigation_page"> <span itemscope=""> <a itemprop="url" href="/" title="Accueil"> <span itemprop="title">Accueil</span> </a> </span> <span class="navigation-pipe">&gt;</span> <span itemscope=""> <a itemprop="url" href="/Product" title="Tous nos produits"> <span itemprop="title">Tous nos produits</span> </a> </span> <span class="navigation-pipe">&gt;</span> <span itemscope=""> <a itemprop="url" href="/Product/Services-en-ligne" title="Services en ligne"> <span itemprop="title">Services en ligne</span> </a> </span> <span class="navigation-pipe">&gt;</span> Bati CCTP </span> </div> <div class="row"> <div id="center_column" class="center_column col-xs-12 col-sm-8"> <h1 class="page-heading product-listing"> <span class="cat-name"> Bati CCTP </span><span class="heading-counter">Il y a 8 Produit(s).</span> </h1> <div id="subcategories"> <p class="subcategory-heading">Cat&#xE9;gories</p> <ul class="clearfix"> </ul> </div> <div class="content_sortPagiBar"> <div class="sortPagiBar clearfix"> <ul class="display hidden-xs"> <li class="display-title">Afficher :</li> <li id="grid" class="selected"> <a rel="nofollow" href="#" title="Grille"> <i class="icon-th-large"></i>Grille </a> </li> <li id="list"> <a rel="nofollow" href="#" title="Liste"> <i class="icon-th-list"></i>Liste </a> </li> </ul> <div id="productsSortForm" class="productsSortForm"> <div class="select selector1"> <label for="selectProductSort">Tri</label> <select class="selectProductSort form-control ddlSearch" id="selectProductSort" name="tr"> <option value="" disabled selected>Tri</option> <option value="pra">Le moins cher</option> <option value="prd">Le plus cher</option> <option value="na">De A &#xE0; Z</option> <option value="nd">De Z &#xE0; A</option> <option value="reference:asc">R&#xE9;f&#xE9;rence : croissante</option> <option value="reference:desc">R&#xE9;f&#xE9;rence : d&#xE9;croissante</option> </select> </div> </div> </div> <div class="top-pagination-content clearfix" style="border-top: 1px solid;border-top: 1px solid #d6d4d4;padding: 15px 0 0px 0;margin-bottom: 25px;"> <div class="product-count"> <p style="font-size:14px;">R&#xE9;sultat(s) 1 - 8 sur 8.</p> </div> <div class="clearfix"></div> </div> </div> <ul class="product_list row grid"> <script> $(document).ready(function () { $(".short_description_block2").hide(); $("#list").click(function () { $('.short_description_block2').show(); }); $("#grid").click(function () { $('.short_description_block2').hide(); }); }); </script> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp-chiffrage-1-utilisateur" title="Bati CCTP &#x2B; Chiffrage" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/e4926939-7ab1-440e-bca1-b1413312a8b8/v2image_btq_baticctp_chiffrage_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="new-box" href="#"> <span class="new-label">Nouveau</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp-chiffrage-1-utilisateur" title="Bati CCTP &#x2B; Chiffrage" itemprop="url">Bati CCTP &#x2B; Chiffrage</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> Un outil pour éditer vos CCTP, DPGF, CCAP, Actes d’Engagement et le chiffrage de vos projets de construction et de rénovation. </div> <div class="content_price"> <span itemprop="price" class="price product-price">999,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('1581', '1581', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp" title="Bati CCTP" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/070b8824-a001-49a1-8eab-d342a61a2240/image_baticctp_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp" title="Bati CCTP" itemprop="url">Bati CCTP</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> Un outil intuitif pour l'édition de vos CCTP et DPGFBati CCTP est un service en ligne vous permettant de générer en toute simplicité, des CCTP complets et de qualité, à partir d’une bibliothèque de clauses préétablies, et ce, pour les travaux neufs et de rénovation.Plus de 30 lots disponibles dans v... </div> <div class="content_price"> <span itemprop="price" class="price product-price">799,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('371', '371', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-essentiel-1-utilisateur-bati-cctp-chi" title="Pack Reef Essentiel &#x2B; Bati CCTP Chiffrage" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/51fbb193-dfa0-4157-9d54-924ea6a4bc0a/image_btq_reef_essentiel_baticctp_chiffrage_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-essentiel-1-utilisateur-bati-cctp-chi" title="Pack Reef Essentiel &#x2B; Bati CCTP Chiffrage" itemprop="url">Pack Reef Essentiel &#x2B; Bati CCTP Chiffrage</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> Vous pourrez tout en créant vos CCTP, basculer dans votre Reef pour consulter simultanément les textes techniques et réglementaires cités dans les clauses et les descriptifs de vos projets </div> <div class="content_price"> <span itemprop="price" class="price product-price">1838,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('1590', '1590', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-integral-1-utilisateur-bati-cctp-chif" title="Pack Reef Int&#xE9;gral &#x2B; Bati CCTP Chiffrage" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/a5dac736-51a6-4e45-be4a-c4224ed7c0a2/image_btq_reef_integral_baticctp_chiffrage_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-integral-1-utilisateur-bati-cctp-chif" title="Pack Reef Int&#xE9;gral &#x2B; Bati CCTP Chiffrage" itemprop="url">Pack Reef Int&#xE9;gral &#x2B; Bati CCTP Chiffrage</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> Vous pourrez tout en créant vos CCTP, basculer dans votre Reef pour consulter simultanément les textes techniques et réglementaires cités dans les clauses et les descriptifs de vos projets. </div> <div class="content_price"> <span itemprop="price" class="price product-price">2088,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('1591', '1591', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-premium-1-utilisateur-bati-cctp-chiff" title="Pack Reef Premium &#x2B; Bati CCTP Chiffrage" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/2094d515-a586-4a98-9745-38b7f5a5c18f/image_btq_reef_premium_baticctp_chiffrage_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-premium-1-utilisateur-bati-cctp-chiff" title="Pack Reef Premium &#x2B; Bati CCTP Chiffrage" itemprop="url">Pack Reef Premium &#x2B; Bati CCTP Chiffrage</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> Vous pourrez tout en créant vos CCTP, basculer dans votre Reef pour consulter simultanément les textes techniques et réglementaires cités dans les clauses et les descriptifs de vos projets. </div> <div class="content_price"> <span itemprop="price" class="price product-price">2378,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('1592', '1592', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-essentiel-bati-cctp" title="Pack Le Reef Essentiel &#x2B; Bati CCTP" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/81efe74d-f593-4908-aa56-07aecef91dc5/image_btq_pack_reef_essentiel_baticctp_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-essentiel-bati-cctp" title="Pack Le Reef Essentiel &#x2B; Bati CCTP" itemprop="url">Pack Le Reef Essentiel &#x2B; Bati CCTP</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> 2 SERVICES EN LIGNE COMPLÉMENTAIRES ACCESSIBLES DEPUIS LE PORTAIL BATIPÉDIAUne solution complète qui facilitera votre travail au quotidien. </div> <div class="content_price"> <span itemprop="price" class="price product-price">1638,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('355', '355', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-integral-bati-cctp" title="Pack Le Reef Int&#xE9;gral &#x2B; Bati CCTP" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/c0916513-7ad1-4c83-9be7-bbacfc388eef/image_btq_pack_reef_integral_baticctp_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-integral-bati-cctp" title="Pack Le Reef Int&#xE9;gral &#x2B; Bati CCTP" itemprop="url">Pack Le Reef Int&#xE9;gral &#x2B; Bati CCTP</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> 2 SERVICES EN LIGNE COMPLÉMENTAIRES ACCESSIBLES DEPUIS LE PORTAIL BATIPÉDIAUne solution complète qui facilitera votre travail au quotidien. </div> <div class="content_price"> <span itemprop="price" class="price product-price">1888,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('357', '357', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> <li class="col-xs-4 "> <div class="product-container" itemscope="" itemtype="https://schema.org/Product"> <div class="left-block"> <div class="product-image-container"> <a class="product_img_link" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-premium-bati-cctp" title="Pack Le Reef Premium &#x2B; Bati CCTP" itemprop="url"> <img class="replace-2x img-responsive" src="/getmetafile/e4e9ea4b-866e-4b6a-8563-1305d9fe5e0e/image_btq_pack_reef_premium_baticctp_600x500" alt="" title="" itemprop="image" width="250" height="250"> </a> <a class="sale-box" href="#"> <span class="sale-label">Promo !</span> </a> </div> </div> <div class="right-block"> <h5 itemprop="name"> <a class="product-name" href="/detail/services-en-ligne/bati-cc-tp/pack-le-reef-premium-bati-cctp" title="Pack Le Reef Premium &#x2B; Bati CCTP" itemprop="url">Pack Le Reef Premium &#x2B; Bati CCTP</a> </h5> <p class="product-desc" itemprop="description"> </p> <div class="short_description_block2"> 2 SERVICES EN LIGNE COMPLÉMENTAIRES ACCESSIBLES DEPUIS LE PORTAIL BATIPÉDIA </div> <div class="content_price"> <span itemprop="price" class="price product-price">2178,00 &#x20AC;</span> </div> <div class="button-container"> <a class="button ajax_add_to_cart_button btn btn-default " href="javascript:AddItemJson('359', '359', '12')" rel="nofollow" title="Ajouter au panier" data-id-product-attribute="887" data-id-product="647" data-minimal_quantity="1"> <span>Ajouter au panier</span> </a> </div> <div class="product-flags"> </div> </div> </div> <!-- .product-container> --> </li> </ul> <div class="pagination_bottom"> <div class="nbrItemPage"> <div class="clearfix selector1"> <label for="nb_item">Nombre de r&#xE9;sultats par page</label> <input type="hidden" name="id_category" value="3"> <select class="form-control ddlSearch" id="nb_item" name="n"><option value="1">12</option> <option value="2">24</option> <option value="3">60</option> </select> </div> </div> </div> <input type="hidden" value="0" id="SearchIsAll" /> <input type="hidden" value="/product/services-en-ligne/bati-cc-tp" id="TreeNodePath" /> </div> <div id="right_column" class="col-xs-12 col-sm-4 column"> <div id="layered_block_left" class="block filterProduct"> <p class="title_block">Catalogue</p> <div id="layered_form" class="block_content"> <div> <div id="enabled_filters"> <span class="layered_subtitle" style="float: none;"> Filtres actifs : </span> <ul> </ul> </div> <div class="layered_filter ct-filter" id="layered_filter"> <div class="layered_subtitle_heading"> <span class="layered_subtitle">Cat&#xE9;gories</span> </div> <ul id="ul_layered_category_0" class="col-lg-12 layered_filter_ul"> </ul> </div> <div class="layered_price"> <div class="layered_subtitle_heading"> <span class="layered_subtitle">Prix</span> </div> <div id="ul_layered_price_0" class="col-lg-12 layered_filter_ul"> <label for="layered_price_range1">Tranche : </label> <input id="layered_price_range1" class="skipThese" type="text" readonly /> <input id="layered_price_range" class="skipThese" type="text" readonly /> <div class="layered_slider_container"> <div class="layered_slider" id="layered_price_slider" data-type="price" data-format="2" data-unit="€"></div> </div> </div> </div> </div> <input type="hidden" name="id_category_layered" value="7"> </div> </div> <div id="new-products_block_right" class="block products_block"> <h4 class="title_block"> <a title="Meilleurs ventes">Meilleurs ventes</a> </h4> <div class="block_content products-block"> <ul class="products"> <li class="clearfix bestsale"> <a class="products-block-image bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-premium" title="Le Reef Premium"> <img class="replace-2x img-responsive" src="/getmetafile/622285d6-9cbf-4eff-bb15-99d8b91a7c6e/banniere_btq_reef_premium_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-premium" title="Le Reef Premium">Le Reef Premium</a> </h5> <div class="price-box"> <span class="price"> 1379,00 &#x20AC; </span> </div> </div> </li> <li class="clearfix bestsale"> <a class="products-block-image bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-integral" title="Le Reef Int&#xE9;gral"> <img class="replace-2x img-responsive" src="/getmetafile/4b50b70c-3675-40ad-97df-a8216b14afbc/banniere_btq_reef_integral_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-integral" title="Le Reef Int&#xE9;gral">Le Reef Int&#xE9;gral</a> </h5> <div class="price-box"> <span class="price"> 1089,00 &#x20AC; </span> </div> </div> </li> <li class="clearfix bestsale"> <a class="products-block-image bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-essentiel" title="Le Reef Essentiel"> <img class="replace-2x img-responsive" src="/getmetafile/8f763cd5-1fe1-484c-9f5a-afdd866e3359/banniere_btq_reef_essentiel_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name bestsale" href="/detail/services-en-ligne/gamme-reef/le-reef-essentiel" title="Le Reef Essentiel">Le Reef Essentiel</a> </h5> <div class="price-box"> <span class="price"> 839,00 &#x20AC; </span> </div> </div> </li> </ul> <div> <a href="/product/bestsales" title="Tous les meilleurs ventes" class="btn btn-default button button-small"> <span> Meilleures ventes<i class="icon-chevron-right right"></i> </span> </a> </div> </div> </div> <div id="new-products_block_right" class="block products_block"> <h4 class="title_block"> <a href="/search?isnew=true" title="Nouveaux produits">Nouveaux produits</a> </h4> <div class="block_content products-block"> <div class="block_content products-block"> <ul class="products"> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp-chiffrage-1-utilisateur" title="Bati CCTP &#x2B; Chiffrage"> <img class="replace-2x img-responsive" src="/getmetafile/e4926939-7ab1-440e-bca1-b1413312a8b8/v2image_btq_baticctp_chiffrage_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/services-en-ligne/bati-cc-tp/bati-cctp-chiffrage-1-utilisateur" title="Bati CCTP &#x2B; Chiffrage">Bati CCTP &#x2B; Chiffrage</a> </h5> <div class="price-box"> <span class="price"> 999,00 &#x20AC; </span> </div> </div> </li> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-bard-rap-sur-ossature-met-ed-xx-2024-(g02-68)" title="Bardage rapport&#xE9; sur ossature secondaire m&#xE9;tallique"> <img class="replace-2x img-responsive" src="/getmetafile/6804d81d-1d83-492a-a999-54705bbc67d4/g02_68_gpdd_bardage_rapporte_ossature_sm_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-bard-rap-sur-ossature-met-ed-xx-2024-(g02-68)" title="Bardage rapport&#xE9; sur ossature secondaire m&#xE9;tallique">Bardage rapport&#xE9; sur ossature secondaire m&#xE9;tallique</a> </h5> <div class="price-box"> <span class="price"> 25,59 &#x20AC; </span> </div> </div> </li> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-bardage-rapporte-ed-xx-2024-(g02-09)" title="Bardage rapport&#xE9; sur ossature secondaire en bois"> <img class="replace-2x img-responsive" src="/getmetafile/41dc819b-3af4-43b0-a6f6-ab8ec812bdb5/g02_09_bardage_rapporte_ossature_sb_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-bardage-rapporte-ed-xx-2024-(g02-09)" title="Bardage rapport&#xE9; sur ossature secondaire en bois">Bardage rapport&#xE9; sur ossature secondaire en bois</a> </h5> <div class="price-box"> <span class="price"> 25,59 &#x20AC; </span> </div> </div> </li> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-ponts-thermiques-ed-04-2024-(g02-15)" title="Les ponts thermiques en travaux neufs et en r&#xE9;novation"> <img class="replace-2x img-responsive" src="/getmetafile/d5543570-6035-40b2-90e9-94c3939b3e57/gpdd_g02_15_ponts_thermiques_600?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/gpdd-ponts-thermiques-ed-04-2024-(g02-15)" title="Les ponts thermiques en travaux neufs et en r&#xE9;novation">Les ponts thermiques en travaux neufs et en r&#xE9;novation</a> </h5> <div class="price-box"> <span class="price"> 24,64 &#x20AC; </span> </div> </div> </li> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/isolation-en-sous-face-des-planchers-bas" title="Isolation en sous face des planchers bas"> <img class="replace-2x img-responsive" src="/getmetafile/9de3d5d7-3566-49d1-899a-4e1e40f2edfc/g02-57-gpdd-isolation-en-sous-face-des-planchers-bas_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/guides-et-livres/techniques-de-construction/facades-et-isolation/isolation-en-sous-face-des-planchers-bas" title="Isolation en sous face des planchers bas">Isolation en sous face des planchers bas</a> </h5> <div class="price-box"> <span class="price"> 22,75 &#x20AC; </span> </div> </div> </li> <li class="clearfix newproduct"> <a class="products-block-image newproduct" href="/detail/guides-et-livres/techniques-de-construction/revetements-et-finitions/gp-sols-resine-ed-03-2024-(g02-80)-(1)" title="Rev&#xEA;tements de sol coul&#xE9;s &#xE0; base de r&#xE9;sine"> <img class="replace-2x img-responsive" src="/getmetafile/3cc1c3db-63cb-4452-bf9d-c384fbf76109/g02_80_-gp_sols_resine_600x500?maxsidesize=98" alt="" title=""> </a> <div class="product-content"> <h5> <a class="product-name newproduct" href="/detail/guides-et-livres/techniques-de-construction/revetements-et-finitions/gp-sols-resine-ed-03-2024-(g02-80)-(1)" title="Rev&#xEA;tements de sol coul&#xE9;s &#xE0; base de r&#xE9;sine">Rev&#xEA;tements de sol coul&#xE9;s &#xE0; base de r&#xE9;sine</a> </h5> <div class="price-box"> <span class="price"> 25,59 &#x20AC; </span> </div> </div> </li> </ul> <div> <a href="/search?isnew=true" title="Tous les nouveaux produits" class="btn btn-default button button-small"> <span> Tous les nouveaux produits<i class="icon-chevron-right right"></i> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <style> .nbrItemPage div.selector1 > div span { width: 57px !important; } </style> <script> $(document).ready(function () { ObjSearch.ddlOnChange() ObjSearch.showAllProductSearch() ObjSearch.paginateEvent() ObjSearch.ctOnChange(true) ObjSearch.priceOnChange() initPriceSlider(); AdjusteProductname() }) var initPriceSlider = function () { $("#layered_price_slider").slider({ range: true, min: 799, max: 2378, values: [799, 2378], slide: function (event, ui) { setLayeredPriceRange(ui.values[0], ui.values[1]); } }); setLayeredPriceRange(null,null); } var formatNumber = function (numberString) { var formatter = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR', }); return formatter.format(numberString); } var setLayeredPriceRange = function (min, max) { if (min == null) { min = $("#layered_price_slider").slider("values", 0); } if (max == null) { max = $("#layered_price_slider").slider("values", 1); } $("#layered_price_range1").val(formatNumber(min)); $("#layered_price_range").val(formatNumber(max)); } var addEnableFilter = function (categoryId, categoryLibelle, isprice) { if ($("ul").find(`[data-rel='${categoryId}']`).length==0) { var li = $('<li></li>'); var a = $('<a></a>') .attr("style", "cursor:pointer") .attr("data-rel", categoryId) .attr("title", "Annuler") .attr("onclick", "deleteEnableFilter('" + categoryId + "'," + isprice + ")"); var i = "<i class=\"icon-remove\"></i>"; a.append(i); li.append(a); if (isprice) { li.append("Prix : " + categoryLibelle); $("#enabled_filters").children("ul").append(li); } else { li.append("Catégories : " + categoryLibelle); $("#enabled_filters").children("ul").prepend(li); } } else { var elem = $("ul").find(`[data-rel='${categoryId}']`); $("ul").find(`[data-rel='${categoryId}']`).parent().html(elem); $("ul").find(`[data-rel='${categoryId}']`).parent().append("Prix : " + categoryLibelle); } } var deleteEnableFilter = function (categoryId,isPrice) { $("ul").find(`[data-rel='${categoryId}']`).parent().remove(); if (!isPrice) { var obj = $("#" + categoryId); obj.parent().removeClass("checked"); obj.prop("checked", false).change(); ObjSearch.searchAjax(); } else { $("#layered_price_slider").slider('values', [799, 2378]) initPriceSlider(); ObjSearch.searchAjax(null, true) } } var removeEnableFilterOnSuccess = function () { const IdCheckedFilter = []; const IdEnabledFilter = []; $(".ct-filter input[type = 'checkbox']").each(function () { if ($(this).is(":checked")) { IdCheckedFilter.push($(this).attr("id")); } }); $("#enabled_filters ul li a").each(function () { IdEnabledFilter.push($(this).attr("data-rel")); }); IdEnabledFilter.forEach(function (item) { if (!IdCheckedFilter.includes(item) && item != "layered_price_slider") { console.log("tafiditra"); $("ul").find(`[data-rel='${item}']`).parent().remove(); } }); } var ObjSearch = { getValues: function (changeSize) { var param = [] var isAll = $("#SearchIsAll").val() var searchSort = $("#selectProductSort").val() if (searchSort != "") { param.push("tr=" + searchSort) } var searchPageSize = $("#nb_item").val() if (searchPageSize != "") { param.push("size=" + searchPageSize) } var searchPageIndex = (isAll === "1") ? "all" : $("#searchPageIndex").val() if (searchPageIndex != "") { if (changeSize) { param.push("page=1") } else { param.push("page=" + searchPageIndex) } } //get category filter $(".ct-filter input[type = 'checkbox']").each(function () { if ($(this).is(":checked")) { param.push($(this).attr("id") + "=1"); } }); //get Min Max Price var varMin = $("#layered_price_slider").slider("values", 0); var varMax = $("#layered_price_slider").slider("values", 1); if ($("ul").find(`[data-rel='layered_price_slider']`).length>0) { param.push("min=" + varMin); param.push("max=" + varMax); } var treeNodePath = $("#TreeNodePath").val(); return treeNodePath + "?" + param.join("&"); }, ddlOnChange: function () { $(".ddlSearch").change(function () { $("#SearchIsAll").val("0") ObjSearch.searchAjax(null, null, true) }) }, priceOnChange: function () { $("#layered_price_slider").on("slidestop", function (event, ui) { var price = formatNumber(ui.values[0]) + " - " + formatNumber(ui.values[1]); addEnableFilter("layered_price_slider", price, true); setTimeout(function () { ObjSearch.searchAjax(null,true) }, 200); }); }, ctOnChange: function (cb) { if (cb != null) { if (cb.checked) { addEnableFilter(cb.id, cb.name, false); $(cb).parent().addClass("checked"); } else { $(cb).parent().removeClass("checked"); $("ul").find(`[data-rel='${cb.id}']`).parent().remove(); } setTimeout(function () { ObjSearch.searchAjax() }, 200); } }, searchAjax: function (customUrl,priceChange,changeSize) { var url = customUrl ? customUrl : ObjSearch.getValues(changeSize); url += "&isAjax=true"; if (priceChange) { url += "&isPrice=" + priceChange; } $(".loadingPage").addClass("show"); $.ajax({ method: 'POST', url: url, success: function (response) { url = url.replace("&isAjax=true", "&isAjax=false"); window.history.pushState("current url", "Title", url); $("#center_column").html(response.viewListContent); if (priceChange) { $("#layered_filter").html(response.viewFilterContent); //remove removeEnableFilterOnSuccess() } $(".loadingPage").removeClass("show"); ObjSearch.ddlOnChange(); ObjSearch.gridOrList(); ObjSearch.showAllProductSearch(); ObjSearch.paginateEvent(); $(".ct-filter input[type = 'checkbox']").bind('change', ObjSearch.ctOnChange()); AdjusteProductname() } }); }, gridOrList: function () { $("#grid").click(function () { $("#list").removeClass("selected") $(this).addClass("selected") $("ul.product_list").removeClass("list") $("ul.product_list").addClass("grid") return false; }); $("#list").click(function () { $("#grid").removeClass("selected") $(this).addClass("selected") $("ul.product_list").removeClass("grid") $("ul.product_list").addClass("list") return false; }); if ($("select").length > 0) { var uniformed = $("select").not(".skipThese"); uniformed.uniform(); } }, showAllProductSearch: function () { $("#ShowAllProductSearch").click(function (e) { e.preventDefault() $("#SearchIsAll").val("1") ObjSearch.searchAjax() }) }, paginateEvent: function () { $(".pagination a").click(function (e) { e.preventDefault() var customUrl = $(this).attr("href") ObjSearch.searchAjax(customUrl) }) } } </script> </main> <!-- MODULE Paiement securisé --> <div class="paiement_securise"> <div class="container"> <div class="lst-paiement col-xs-12 col-sm-8"> <div class="item"> <div class="icon"><img src="/getmedia/5f4a76b4-888a-4971-84e2-93d12a3361e3/livraison-1?ext=.svg"></div> <h4>Livraison</h4> <span>France, Dom-Tom, &#xC9;tranger</span> </div> <div class="item"> <div class="icon"><img src="/getmedia/d538de11-9e67-4511-a6d5-2959dfe6ce1f/paiement-1_1?ext=.svg"></div> <h4>Paiement</h4> <span>100% securis&#xE9;</span> </div> <div class="item"> <div class="icon"><img src="/getmedia/8adceabc-40f2-4d64-9705-d7b8df39d0c3/promo-1?ext=.svg"></div> <h4>Promotions</h4> <span>Chaque semaine</span> </div> </div> </div> </div> <footer> <div class="footer-container"> <footer id="footer" class="container"> <div class="row"> <!-- MODULE Block contact infos --> <section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4"> <div> <h4>CSTB &#xC9;ditions</h4> <ul class="toggle-footer"> <li> 84 avenue Jean Jaur&#xE8;s Champs-sur-Marne 77447 Marne-la-Vall&#xE9;e cedex 2 </li> <li> <i class="fa fa-phone"></i> <span><a href="tel:&#x2B;33(0)164 688 436">&#x2B;33(0)164 688 436</a></span> </li> <li> <i class="fa fa-envelope-o"></i> <span> <a href="/cdn-cgi/l/email-protection#bdced8cfcbd4ded890ded1d4d8d3c9ce93d8d9d4c9d4d2d3cefddecec9df93dbcf"><span class="__cf_email__" data-cfemail="67140215110e04024a040b0e020913144902030e130e0809142704141305490115">[email&#160;protected]</span></a> </span> </li> </ul> </div> </section> <!-- /MODULE Block contact infos --> <!-- Block CMS module footer --> <section class="footer-block col-xs-12 col-sm-3" id="block_various_links_footer"> <h4>Informations</h4> <ul class="toggle-footer"> <li class="item"> <a href="/search?isnew=true" title="Nouveaux produits"> Nouveaux produits </a> </li> <li class="item"> <a href="/product/bestsales" title="Meilleures ventes">Meilleures ventes</a> </li> <li class="item"> <a href="/contact" title="Contactez-nous">Contactez-nous</a> </li> <li class="item"> <a href="/Page/Livraison" title="Livraison" target=""> Livraison </a> </li> <li class="item"> <a href="/Page/A-propos-(1)" title="A propos" target=""> A propos </a> </li> <li class="item"> <a href="https://www.cstb.fr/" title="Découvrir le CSTB" target="_blank"> Découvrir le CSTB </a> </li> </ul> </section> <section class="footer-block col-xs-12 col-sm-3"> <h4> <a href="/account" title="Mon compte" rel="nofollow">Mon compte</a> </h4> <div class="block_content toggle-footer"> <ul class="bullet"> <li> <a href="/Order/OrderHistory" title="Mes commandes" rel="nofollow">Mes commandes</a> </li> <li> <a href="/Address" title="Mes adresses" rel="nofollow">Mes adresses</a> </li> <li> <a href="/identity" title="Vos informations personnelles" rel="nofollow">Vos informations personnelles</a> </li> <li> <a href="/Coupon" title="Mes bons de r&#xE9;duction" rel="nofollow">Mes bons de réduction</a> </li> </ul> </div> </section> <!-- /Block myaccount module --> <div class="footer-block col-xs-12 col-sm-2"> <h4>Paiement s&#xE9;curis&#xE9;</h4> <p><img src="/Content/images/Cartes.png"></p> </div> <section id="social_block" class="footer-block col-xs-12 col-sm-2"> <h4>Rejoignez-nous</h4> <ul> <li> <a class="_blank" href="https://www.linkedin.com/company/cstb/"> <img src="/getmedia/0eb805bc-ff4c-4c0d-b5c9-ced7774ba20c/in-blanc?width=30&amp;height=29&amp;ext=.png" /> </a> </li> <li> <a class="_blank" href="https://x.com/cstb_fr"> <img src="/getmedia/333970c4-4a77-494b-9e7a-74e5f6fec490/X-blanc?width=30&amp;height=29&amp;ext=.png" /> </a> </li> <li> <a class="_blank" href="https://www.facebook.com/CSTB.Editions"> <img src="/getmedia/cf952845-fe0e-4d36-b817-0c4988bc6437/F-blanc?width=30&amp;height=29&amp;ext=.png" /> </a> </li> <li> <a class="_blank" href="https://www.youtube.com/user/CstbFr"> <img src="/getmedia/d814853c-ff09-4cfa-b0b8-ebcea370a80c/YT-blanc?width=30&amp;height=29&amp;ext=.png" /> </a> </li> </ul> </section> <div class="clearfix"></div> <section class="bottom-footer col-xs-12"> <div> <!-- <a class="_blank"> &#xA9; 2023 - CSTB /Block footer à ajouter --> <a href="https://boutique.cstb.fr/" class="logo-ftr"><img class="logo img-responsive" src="/getmedia/2cd927c4-e4a7-45a0-a052-97688a79fe76/CSTB-Editions?width=228&amp;height=116&amp;ext=.png" alt="CSTBoutique" width="89" height="24"></a> <ul> <li> <a href="/Page/Sitemap" title="Plan du Site"> Plan du Site </a> </li> <li> <a href="https://www.cstb.fr/mentions-legales" title="Mentions légales"> Mentions légales </a> </li> <li> <a href="/Page/Conditions-generales-de-vente" title="Conditions générales de vente"> Conditions générales de vente </a> </li> <li> <a href="/Cookies" title="Gestion des cookies"> Gestion des cookies </a> </li> </ul> </div> </section> </div> </footer> </div> </footer> <form action="/Product/Services-en-ligne/Bati-CC-TP" id="__AjaxAntiForgeryForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8BQvImAdhXJDjgNbc5qWA4h0jNDcCTvnQazc0ltjgzO3uYbSvZHr404iXFYMsRMDkiQxvP1d7Xf94Kon8AZYop_EuJ0qu2pXEJmwuEcCzYzgxh6XJvKuQDyFtWSwDtuCfQskgjxrHQszBTOKYcopGSU" /></form><form action="/trackingconsent/agree" id="ConsentAgreeForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8BQvImAdhXJDjgNbc5qWA4h0jNDcCTvnQazc0ltjgzO3uYbSvZHr404iXFYMsRMDkiQxvP1d7Xf94Kon8AZYop_EuJ0qu2pXEJmwuEcCzYzgxh6XJvKuQDyFtWSwDtuCfQskgjxrHQszBTOKYcopGSU" /></form> <form action="/trackingconsent/revoke" id="ConsentRevokeForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8BQvImAdhXJDjgNbc5qWA4h0jNDcCTvnQazc0ltjgzO3uYbSvZHr404iXFYMsRMDkiQxvP1d7Xf94Kon8AZYop_EuJ0qu2pXEJmwuEcCzYzgxh6XJvKuQDyFtWSwDtuCfQskgjxrHQszBTOKYcopGSU" /></form> <div id="lgcookieslaw_banner" class="lgcookieslaw_banner"> <div class="lgcookieslaw_container"> <div class="lgcookieslaw_message"> <p>Nous utilisons des cookies destinés à [améliorer la performance de ce site] et [mesurer la fréquentation de ce site].<br /> Pour en savoir plus sur notre politique cookies <a href="/cookies">cliquez ici</a></p> </div> <div class="lgcookieslaw_button_container"> <div> <span id="lgcookieslaw_accept" onclick="AcceptCookies()" class="lgcookieslaw_btn lgcookieslaw_btn_accept">ACCEPTER</span> </div> <div> <a id="lgcookieslaw_info" data-consent-id="2" class="lgcookieslaw_btn" onclick="RejectCookies()">REFUSER</a> </div> <div> <a id="cookies_management" class="lgcookieslaw_btn" target="_blank" href="/cookies">Gestion des cookies</a> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/_content/Kentico.Content.Web.Rcl/Scripts/jquery-3.5.1.js"></script> <script src="/_content/Kentico.Content.Web.Rcl/Scripts/jquery.unobtrusive-ajax.js"></script> <script src="/PageBuilder/Public/Widgets/ContentSliderWidget/contentSlider.js"></script> <script src="/PageBuilder/Public/Widgets/NewProductSelectorWidget/newProductSelector.js"></script> <script src="/PageBuilder/Public/Widgets/TitleWidget/titlejs.js"></script> <script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script> <script src="/FormBuilder/Public/ColorPickerComponent/ColorPickerComponent.js"></script> <script src="/FormBuilder/Public/LabelCopyPasteComponent/LabelCopyPasteComponent.js"></script> <script src="/FormBuilder/Public/ColorPickerComponent/vendor/pickr.js"></script> <script src="/Content/js/slick.min.js"></script> <script src="/Content/js/jquery.uniform-modified.js"></script> <script src="/Content/js/jquery-ui.js"></script> <script src="/Content/js/jquery.ui.touch-punch.min.js"></script> <script src="/Content/js/jquery.validate.min.js"></script> <script src="/Content/js/jquery.validate.unobtrusive.min.js"></script> <script src="/Content/js/form-champ-autocomplete.js"></script> <script src="/Content/js/form.js"></script> <script src="/Content/js/custom.js"></script> <script src="/Content/js/cookiesmanagement.js"></script> <script> $(document).ready(function () { $('#homeslider').slick({ dots: false, arrows: true, infinite: true, speed: 500, slidesToShow: 1, adaptiveHeight: true }); $('#home-page-tabs li:first, #tabProducthome ul:first').addClass('active'); $('#home-page-tabs li a').click(function () { var obj = $(this); var par = obj.parent("li"); var valu = obj.attr("href"); $('#tabProducthome ul').hide(); $(valu).show(); $("#home-page-tabs li").removeClass("active"); par.addClass("active"); return false; }); $("#SearchProduct, #SearchProductMobile").keyup(function (event) { //click button enter if (event.keyCode === 13) { var searchQuery = $(this).val() if (searchQuery != "") { window.location.href = "/search?search=" + searchQuery } } }); AdjusteProductname() }); function AdjusteProductname() { $("a.product-name").each(function () { var productname = $(this).text().trim() var name = ""; for (const s of productname.split(' ')) { var nameTemp = name + " " + s if (nameTemp.length <= 35) { name = nameTemp } else { break; } } if (productname.length > name.length) { name += " ..." } $(this).html(name) }) } </script> <style> .product-name { height: 43px; } </style> <div class="loadingPage"></div> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MP4D5RX8" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10