{"id":4775,"date":"2026-01-24T22:40:59","date_gmt":"2026-01-24T14:40:59","guid":{"rendered":"https:\/\/hotianwindows.com\/?p=4775"},"modified":"2026-01-25T18:51:15","modified_gmt":"2026-01-25T10:51:15","slug":"parts-of-a-door","status":"publish","type":"post","link":"https:\/\/hotianwindows.com\/fr\/parts-of-a-door\/","title":{"rendered":"\u00c9l\u00e9ments constitutifs d&#039;une porte\u00a0: Guide de l&#039;architecte sur la structure et la terminologie"},"content":{"rendered":"<p><strong>\ud83d\udc77 Note \u00e0 l&#039;attention des propri\u00e9taires et des bricoleurs\u00a0:<\/strong> Hotian Windows est un <strong>fabricant sur mesure en gros<\/strong> Pour les projets commerciaux et r\u00e9sidentiels, nous fournissons des syst\u00e8mes de portes complets (cadre + vantail + quincaillerie) aux constructeurs et distributeurs. <strong>Nous ne vendons pas de pi\u00e8ces de rechange individuelles (comme des charni\u00e8res, des montants ou des joints) au public.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00cates-vous un constructeur ?<\/strong>? [<a href=\"https:\/\/hotianwindows.com\/fr\/doors\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">Consultez notre catalogue de portes<\/mark><\/a>]<\/li>\n\n\n\n<li><strong>Besoin de sp\u00e9cifications techniques ?<\/strong> [Acc\u00e9der aux sp\u00e9cifications] (Lien d&#039;ancrage en bas de page)<\/li>\n<\/ul>\n\n\n\n<p>Comprendre l&#039;anatomie d&#039;une porte est essentiel pour choisir le produit adapt\u00e9 aux b\u00e2timents performants. Qu&#039;il s&#039;agisse de la fa\u00e7ade d&#039;un magasin ou d&#039;une villa de luxe, la qualit\u00e9 des composants \u2013 de la porte elle-m\u00eame \u00e0 la porte elle-m\u00eame \u2013 est primordiale. <strong>rupture thermique dans le cadre<\/strong> au <strong>syst\u00e8me de verrouillage multipoints<\/strong>\u2014d\u00e9termine la dur\u00e9e de vie du projet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le syst\u00e8me de cadre de porte (Anatomie structurelle)<\/h2>\n\n\n\n<p><strong>Point de vue du fabricant\u00a0:<\/strong>&nbsp;Le cadre n&#039;est pas qu&#039;une simple bordure\u00a0; il constitue l&#039;interface structurelle entre l&#039;enveloppe du b\u00e2timent et l&#039;\u00e9l\u00e9ment de fen\u00eatrage. Dans les projets commerciaux, les d\u00e9faillances du cadre sont trois fois plus fr\u00e9quentes que celles des panneaux, en raison de sp\u00e9cifications d&#039;\u00e9paisseur de paroi insuffisantes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-1024x648.jpg\" alt=\"porte et cadre de porte\" class=\"wp-image-4875\" title=\"\" srcset=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-1024x648.jpg 1024w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-300x190.jpg 300w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-768x486.jpg 768w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-1536x972.jpg 1536w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-2048x1297.jpg 2048w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/door-and-door-frame-18x12.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">porte et cadre de porte<\/figcaption><\/figure>\n\n\n\n<p>Le cadre (ou dormant) assure la liaison entre la structure du b\u00e2timent et le vantail de la porte. Selon les normes commerciales de 2026, un simple cadre en bois est souvent insuffisant. Les cadres en aluminium haute performance constituent la norme du secteur en mati\u00e8re de durabilit\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"691\" height=\"1024\" src=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/basic-door-parts-691x1024.jpg\" alt=\"\" class=\"wp-image-4871\" title=\"\" srcset=\"https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/basic-door-parts-691x1024.jpg 691w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/basic-door-parts-202x300.jpg 202w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/basic-door-parts-8x12.jpg 8w, https:\/\/hotianwindows.com\/wp-content\/uploads\/2025\/01\/basic-door-parts.jpg 750w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><figcaption class=\"wp-element-caption\">pi\u00e8ces de porte de base<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">A. Montants de t\u00eate et montants lat\u00e9raux (Syst\u00e8me Profile)<\/h3>\n\n\n\n<p>Le&nbsp;<strong>T\u00eate<\/strong>&nbsp;est l&#039;\u00e9l\u00e9ment sup\u00e9rieur horizontal, et le&nbsp;<strong>Jambes<\/strong>&nbsp;ce sont les c\u00f4t\u00e9s verticaux.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Le point de vue du bricolage\u00a0:<\/strong>\u00a0C&#039;est juste le cadre qui retient la porte.<\/li>\n\n\n\n<li><strong>Sp\u00e9cifications professionnelles\u00a0:<\/strong>\u00a0L&#039;\u00e9paisseur de la paroi du profil\u00e9 en aluminium d\u00e9termine la solidit\u00e9 de la porte. Les portes standard du march\u00e9 utilisent g\u00e9n\u00e9ralement de l&#039;aluminium de 1,2 mm \u00e0 1,4 mm d&#039;\u00e9paisseur.<\/li>\n\n\n\n<li><strong>Avantage Hotien :<\/strong>\u00a0Pour nos syst\u00e8mes d&#039;entr\u00e9e commerciaux, nous utilisons\u00a0<strong>Profil\u00e9s en aluminium \u00e0 rupture de pont thermique de 2,0 mm \u00e0 3,0 mm d&#039;\u00e9paisseur<\/strong>Cela emp\u00eache la d\u00e9formation du cadre sous de fortes charges de vent ou lors du support d&#039;unit\u00e9s de verre surdimensionn\u00e9es (jusqu&#039;\u00e0 3 m\u00e8tres de haut).<\/li>\n\n\n\n<li>\ud83d\udc49\u00a0<strong>Vous concevez une entr\u00e9e robuste\u00a0? Consultez notre [<a href=\"https:\/\/hotianwindows.com\/fr\/aluminum-doors\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">S\u00e9rie de portes commerciales en aluminium<\/mark><\/a>].<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">B. Rupture thermique (Bouclier \u00e9nerg\u00e9tique)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Qu&#039;est-ce que c&#039;est :<\/strong>\u00a0Vous verrez une bande noire sertie entre les profil\u00e9s en aluminium int\u00e9rieur et ext\u00e9rieur. Il s&#039;agit de la\u00a0<strong>Rupture de pont thermique en polyamide (PA66)<\/strong>.<\/li>\n\n\n\n<li><strong>Pourquoi c&#039;est important :<\/strong>\u00a0L&#039;aluminium est un conducteur. Sans cette interruption, le cadre agit comme un \u00ab pont thermique \u00bb, transmettant le froid\/la chaleur ext\u00e9rieure \u00e0 l&#039;int\u00e9rieur.<\/li>\n\n\n\n<li><strong>D\u00e9tail technique :<\/strong>\u00a0Nous utilisons\u00a0<strong>PA66 GF25<\/strong>\u00a0Bandes en nylon renforc\u00e9 de fibres de verre (25%). Dans notre gamme Maison Passive, ces bandes peuvent atteindre jusqu&#039;\u00e0\u00a0<strong>34 mm de large<\/strong>, r\u00e9duisant consid\u00e9rablement la valeur U pour r\u00e9pondre aux normes \u00e9nerg\u00e9tiques strictes (Energy Star \/ NFRC).<br>\ud83d\udc49\u00a0<strong>Vous avez besoin de rapports sur la valeur U pour votre projet\u00a0? [<a href=\"https:\/\/hotianwindows.com\/fr\/contact\/\" data-type=\"page\" data-id=\"850\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">Contactez notre \u00e9quipe d&#039;ing\u00e9nierie<\/mark><\/a>].<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C. Seuil et palier (Gestion de l&#039;eau)<\/h3>\n\n\n\n<p>La partie inf\u00e9rieure du cadre est essentielle pour l&#039;\u00e9tanch\u00e9it\u00e9.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Seuil de marche \u00e9lev\u00e9\u00a0:<\/strong>\u00a0Offre la meilleure \u00e9tanch\u00e9it\u00e9 \u00e0 l&#039;eau (indice Pascal \u00e9lev\u00e9) pour les portes ext\u00e9rieures expos\u00e9es \u00e0 la pluie directe.<\/li>\n\n\n\n<li><strong>Seuil affleurant (seuil z\u00e9ro) :<\/strong>\u00a0Essentiel pour l&#039;esth\u00e9tique moderne et\u00a0<strong>Conformit\u00e9 \u00e0 l&#039;ADA<\/strong>\u00a0(acc\u00e8s en fauteuil roulant).<\/li>\n\n\n\n<li><strong>Le d\u00e9fi :<\/strong>\u00a0Les seuils de chasse d&#039;eau sont connus pour leurs fuites d&#039;eau.<\/li>\n\n\n\n<li><strong>La solution :<\/strong>\u00a0Hotian emploie un\u00a0<strong>sous-syst\u00e8me \u00ab drain cach\u00e9 \u00bb<\/strong>Nous concevons un canal de drainage sous le seuil, situ\u00e9 en dessous du niveau du sol, permettant une apparence lisse et affleurante tout en captant et en \u00e9loignant l&#039;eau des fondations du b\u00e2timent.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">D. Architrave et moulure de brique (L&#039;int\u00e9gration)<\/h3>\n\n\n\n<p>Ce sont les \u00e9l\u00e9ments de finition ext\u00e9rieure qui assurent l&#039;\u00e9tanch\u00e9it\u00e9 entre le cadre de la fen\u00eatre et la fa\u00e7ade du b\u00e2timent (rev\u00eatement, brique ou bardage).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Clouer l&#039;aileron :<\/strong>\u00a0Pour les march\u00e9s am\u00e9ricains, nous fournissons des services int\u00e9gr\u00e9s\u00a0<strong>Clouer les ailerons<\/strong>\u00a0pour une installation facile dans les constructions \u00e0 ossature bois.<\/li>\n\n\n\n<li><strong>Moulure \u00e0 briques :<\/strong>\u00a0Pour les projets de r\u00e9novation ou les ouvertures dans la ma\u00e7onnerie, nos moules \u00e0 briques clipsables offrent une finition propre sans jointoiement humide salissant.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Composants du panneau de porte<\/strong><\/h2>\n\n\n\n<p>Le vantail est l&#039;\u00e9l\u00e9ment fonctionnel de la porte. Alors que les portes r\u00e9sidentielles utilisent souvent une construction simple \u00e0 panneaux, les portes architecturales haute performance sont des assemblages con\u00e7us pour offrir rigidit\u00e9 et isolation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A. Montants et traverses (Construction de fen\u00eatres \u00e0 guillotine)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00e9finition:<\/strong>\u00a0<strong>Stiles<\/strong>\u00a0sont les \u00e9l\u00e9ments structuraux verticaux ;\u00a0<strong>Rails<\/strong>\u00a0ce sont les horizontales.<\/li>\n\n\n\n<li><strong>Le point faible :<\/strong>\u00a0Sur les portes en aluminium bon march\u00e9, les montants et les traverses sont assembl\u00e9s par de simples vis. Avec le temps, la gravit\u00e9 provoque un affaissement du vantail (qui tra\u00eene sur le sol).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">B. Le syst\u00e8me de vitrage (Sp\u00e9cifications du verre)<\/h3>\n\n\n\n<p>Le verre occupe g\u00e9n\u00e9ralement 80% de la surface d&#039;une porte, ce qui en fait le facteur le plus important en mati\u00e8re de performance thermique.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>IGU (Unit\u00e9 de vitrage isolant) :<\/strong>\u00a0Nous proposons g\u00e9n\u00e9ralement\u00a0<strong>Double vitrage (5 mm + 12 A + 5 mm)<\/strong>\u00a0mais recommande\u00a0<strong>Triple vitrage<\/strong>\u00a0pour les climats froids.<\/li>\n\n\n\n<li><strong>Entretoises \u00e0 bords chauds (TGI)\u00a0:<\/strong>\u00a0Au lieu d&#039;entretoises conductrices en aluminium, nous utilisons des entretoises composites \u00ab Warm Edge \u00bb entre les vitres afin d&#039;\u00e9viter la condensation sur les bords du verre.<\/li>\n\n\n\n<li><strong>Rev\u00eatements \u00e0 faible \u00e9missivit\u00e9 :<\/strong>\u00a0Des couches Low-E (faible \u00e9missivit\u00e9) \u00e0 rev\u00eatement souple sont appliqu\u00e9es pour r\u00e9fl\u00e9chir la chaleur infrarouge, conservant ainsi la chaleur \u00e0 l&#039;int\u00e9rieur en hiver et \u00e0 l&#039;ext\u00e9rieur en \u00e9t\u00e9.\n<ul class=\"wp-block-list\">\n<li><em>Option:<\/em>\u00a0<strong>Verre \u00e0 intimit\u00e9 commutable (verre intelligent)<\/strong>\u00a0est disponible pour les projets d&#039;h\u00f4tels ou de bureaux de luxe.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C. Parclose (S\u00e9curit\u00e9 et esth\u00e9tique)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00e9finition:<\/strong>\u00a0La bande d&#039;aluminium qui s&#039;enclenche dans le ch\u00e2ssis pour maintenir la vitre en place.<\/li>\n\n\n\n<li><strong>Fonction de s\u00e9curit\u00e9\u00a0:<\/strong>\u00a0Pour les projets commerciaux, nous sp\u00e9cifions\u00a0<strong>Perles de vitrage internes<\/strong>Cela signifie que le verre ne peut \u00eatre retir\u00e9 que de l&#039;ext\u00e9rieur.\u00a0<em>\u00e0 l&#039;int\u00e9rieur<\/em>\u00a0du b\u00e2timent, emp\u00eachant les cambrioleurs de retirer la vitre ext\u00e9rieure.<\/li>\n\n\n\n<li><strong>Profil de conception\u00a0:<\/strong>\u00a0Disponible en\u00a0<strong>Carr\u00e9 (Moderne)<\/strong>,\u00a0<strong>Biseaut\u00e9 (traditionnel)<\/strong>, ou\u00a0<strong>En pente<\/strong>\u00a0Des plans adapt\u00e9s au style architectural du b\u00e2timent.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">D. Meneaux (S\u00e9parateurs structurels)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00e9finition:<\/strong>\u00a0Barres verticales ou horizontales qui divisent le ch\u00e2ssis en carreaux plus petits.<\/li>\n\n\n\n<li><strong>SDL vs. TDL\u00a0:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>SDL (Simulated Divided Lite) :<\/strong>\u00a0Des grilles coll\u00e9es sur la surface du verre pour un look classique et des performances thermiques modernes.<\/li>\n\n\n\n<li><strong>TDL (True Divided Lite) :<\/strong>\u00a0Profil\u00e9s r\u00e9els s\u00e9parant les unit\u00e9s de verre individuelles (plus r\u00e9sistants mais plus chers).<br>\ud83d\udc49\u00a0<strong>Architectes :<\/strong>\u00a0Nous pouvons personnaliser les motifs des meneaux pour r\u00e9pondre aux exigences de r\u00e9novation des b\u00e2timents historiques.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<!-- Door Panel Components Interactive Explainer -->\n<style>\n\/* Clean styling with interactive elements *\/\n.hotian-panel {\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  line-height: 1.5;\n}\n\n.hotian-section h3 {\n  font-size: 20px;\n  color: #156e38;\n  border-bottom: 2px solid #156e38;\n  padding-bottom: 8px;\n  margin-bottom: 15px;\n}\n\n.hotian-panel-item {\n  margin-bottom: 15px;\n  border-left: 4px solid #156e38;\n  transition: all 0.3s ease;\n  overflow: hidden;\n}\n\n\/* Hover effect for items *\/\n.hotian-panel-item:hover {\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n}\n\n.hotian-panel-header {\n  padding: 12px 15px;\n  background-color: #f5f5f5;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: background-color 0.2s ease;\n}\n\n.hotian-panel-header:hover {\n  background-color: #e8f5e9;\n}\n\n.hotian-panel-title {\n  font-weight: bold;\n  font-size: 18px;\n  color: #156e38;\n}\n\n.hotian-toggle {\n  font-size: 18px;\n  color: #156e38;\n  transition: transform 0.3s ease;\n}\n\n.hotian-panel-content {\n  padding: 0 15px;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease;\n  background-color: #fff;\n}\n\n.hotian-panel-item.active .hotian-panel-content {\n  max-height: 1200px; \/* Large enough to fit content *\/\n  padding: 15px;\n}\n\n.hotian-panel-item.active .hotian-toggle {\n  transform: rotate(180deg);\n}\n\n.hotian-panel-desc {\n  margin-bottom: 15px;\n}\n\n\/* Door diagram styling *\/\n.hotian-panel-diagram {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin: 15px 0;\n}\n\n.hotian-diagram-visual {\n  border: 1px solid #e0e0e0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 350px;\n  position: relative;\n}\n\n.hotian-diagram-parts {\n  display: flex;\n  flex-direction: column;\n  max-height: 350px;\n  overflow-y: auto;\n}\n\n.hotian-part-item {\n  background-color: #f5f5f5;\n  border-left: 3px solid #156e38;\n  padding: 10px;\n  margin-bottom: 8px;\n  border-radius: 0 4px 4px 0;\n  transition: transform 0.2s ease, background-color 0.2s ease;\n  cursor: pointer;\n}\n\n.hotian-part-item:hover, .hotian-part-item.active {\n  background-color: #e8f5e9;\n  transform: translateX(5px);\n}\n\n.hotian-part-title {\n  font-weight: bold;\n  font-size: 15px;\n  color: #156e38;\n  margin-bottom: 3px;\n}\n\n.hotian-part-desc {\n  font-size: 14px;\n}\n\n\/* Material cards *\/\n.hotian-material-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 15px;\n  margin-top: 20px;\n}\n\n.hotian-material-card {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.hotian-material-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.hotian-material-header {\n  background-color: #156e38;\n  color: white;\n  padding: 8px 12px;\n  font-weight: bold;\n}\n\n.hotian-material-body {\n  padding: 12px;\n}\n\n.hotian-material-property {\n  margin-bottom: 8px;\n  font-size: 14px;\n}\n\n.hotian-material-property strong {\n  color: #156e38;\n}\n\n\/* Features section *\/\n.hotian-features {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 15px;\n  margin-top: 20px;\n}\n\n.hotian-feature {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.hotian-feature-img {\n  height: 140px;\n  background-color: #f4f4f4;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hotian-feature-content {\n  padding: 12px;\n}\n\n.hotian-feature-title {\n  font-weight: bold;\n  color: #156e38;\n  margin-bottom: 5px;\n}\n\n.hotian-feature-desc {\n  font-size: 14px;\n}\n\n\/* Core comparison *\/\n.hotian-core-compare {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.hotian-core {\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.hotian-core-header {\n  padding: 10px;\n  font-weight: bold;\n  text-align: center;\n  background-color: #f4f4f4;\n}\n\n.hotian-core-img {\n  height: 120px;\n  background-color: #f9f9f9;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hotian-core-details {\n  padding: 12px;\n}\n\n.hotian-core-property {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  font-size: 14px;\n  border-bottom: 1px dotted #e0e0e0;\n  padding-bottom: 5px;\n}\n\n.hotian-core-label {\n  font-weight: 500;\n}\n\n.hotian-core-value {\n  color: #555;\n}\n\n\/* Control button *\/\n.hotian-control {\n  text-align: right;\n  margin-bottom: 15px;\n}\n\n.hotian-control-btn {\n  background-color: #156e38;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.2s ease;\n}\n\n.hotian-control-btn:hover {\n  background-color: #105a2e;\n}\n\n\/* SVG styling *\/\n.hotian-svg-container {\n  max-width: 100%;\n  height: auto;\n}\n\n.hotian-door-svg {\n  width: 100%;\n  height: auto;\n  max-height: 350px;\n}\n\n.hotian-door-part {\n  transition: fill 0.3s ease;\n}\n\n.door-part-highlight {\n  fill: #c8e6c9 !important;\n  stroke-width: 3 !important;\n}\n\n.hotian-note {\n  background-color: #e8f5e9;\n  padding: 10px 15px;\n  border-radius: 4px;\n  font-size: 14px;\n  color: #156e38;\n  margin-top: 15px;\n}\n\n.hotian-note:before {\n  content: \"Note: \";\n  font-weight: bold;\n}\n\n@media (max-width: 640px) {\n  .hotian-panel-diagram, \n  .hotian-material-grid, \n  .hotian-features,\n  .hotian-core-compare {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<div class=\"hotian-panel\">\n  <div class=\"hotian-section\">\n    <h3>Composants du panneau de porte<\/h3>\n    <p>C&#039;est la partie que vous pouvez r\u00e9ellement faire pivoter, glisser ou replier\u00a0! La \u00ab\u00a0plaque de porte\u00a0\u00bb.<\/p>\n    \n    <div class=\"hotian-control\">\n      <button class=\"hotian-control-btn\" id=\"expand-all-panel\">Tout d\u00e9velopper<\/button>\n    <\/div>\n    \n    <div class=\"hotian-panel-items\">\n      <!-- Internal Structure -->\n      <div class=\"hotian-panel-item active\">\n        <div class=\"hotian-panel-header\">\n          <div class=\"hotian-panel-title\">A. Structure interne (qu&#039;y a-t-il \u00e0 l&#039;int\u00e9rieur\u00a0?)<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-panel-content\">\n          <div class=\"hotian-panel-desc\">\n            Imaginez une porte \u00e0 panneaux en bois traditionnelle comme un cadre photo. Chaque composant joue un r\u00f4le sp\u00e9cifique dans la structure et la fonctionnalit\u00e9 de la porte.\n          <\/div>\n          \n          <div class=\"hotian-panel-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 300 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door outline -->\n                  <rect x=\"50\" y=\"25\" width=\"200\" height=\"450\" fill=\"#e9dbbd\" stroke=\"#333\" stroke-width=\"1\" \/>\n                  \n                  <!-- Stiles -->\n                  <rect id=\"hinge-stile\" x=\"50\" y=\"25\" width=\"25\" height=\"450\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  <rect id=\"lock-stile\" x=\"225\" y=\"25\" width=\"25\" height=\"450\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Rails -->\n                  <rect id=\"top-rail\" x=\"50\" y=\"25\" width=\"200\" height=\"30\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  <rect id=\"mid-rail\" x=\"50\" y=\"225\" width=\"200\" height=\"25\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  <rect id=\"bottom-rail\" x=\"50\" y=\"425\" width=\"200\" height=\"50\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Panels -->\n                  <rect id=\"top-panel\" x=\"75\" y=\"55\" width=\"150\" height=\"170\" fill=\"#e9dbbd\" stroke=\"#333\" stroke-width=\"1\" rx=\"5\" class=\"hotian-door-part\" \/>\n                  <rect id=\"bottom-panel\" x=\"75\" y=\"250\" width=\"150\" height=\"175\" fill=\"#e9dbbd\" stroke=\"#333\" stroke-width=\"1\" rx=\"5\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Mullions -->\n                  <rect id=\"mullion\" x=\"150\" y=\"55\" width=\"10\" height=\"170\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"1\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Hardware indicators -->\n                  <circle cx=\"235\" cy=\"250\" r=\"8\" fill=\"#aaa\" stroke=\"#333\" \/>\n                  <rect x=\"55\" y=\"125\" width=\"5\" height=\"25\" fill=\"#aaa\" stroke=\"#333\" \/>\n                  <rect x=\"55\" y=\"325\" width=\"5\" height=\"25\" fill=\"#aaa\" stroke=\"#333\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\" data-target=\"hinge-stile\">\n                <div class=\"hotian-part-title\">Montant de charni\u00e8re<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ce structurelle verticale sur le c\u00f4t\u00e9 o\u00f9 sont fix\u00e9es les charni\u00e8res. Elle doit \u00eatre solide pour supporter le poids de la porte.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"lock-stile\">\n                <div class=\"hotian-part-title\">Style de verrouillage<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ce verticale sur le c\u00f4t\u00e9 o\u00f9 sont install\u00e9s les serrures, les poign\u00e9es ou les boutons. Elle doit \u00eatre suffisamment solide pour fixer la quincaillerie.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"top-rail\">\n                <div class=\"hotian-part-title\">Rail sup\u00e9rieur<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ce horizontale sup\u00e9rieure du cadre de porte. Elle contribue \u00e0 maintenir l&#039;\u00e9querrage et la forme de la porte.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"mid-rail\">\n                <div class=\"hotian-part-title\">Rail central (rail de verrouillage)<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ce horizontale entre les traverses sup\u00e9rieure et inf\u00e9rieure, souvent \u00e0 hauteur de serrure. Elle structure et divise la porte en panneaux.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"bottom-rail\">\n                <div class=\"hotian-part-title\">Rail inf\u00e9rieur<\/div>\n                <div class=\"hotian-part-desc\">La pi\u00e8ce horizontale la plus basse. G\u00e9n\u00e9ralement plus large pour plus de stabilit\u00e9 et pour permettre une \u00e9ventuelle d\u00e9coupe.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"top-panel\">\n                <div class=\"hotian-part-title\">Panneaux<\/div>\n                <div class=\"hotian-part-desc\">Les grandes sections comblent les espaces entre les montants et les traverses. Elles peuvent \u00eatre plates, sur\u00e9lev\u00e9es ou remplac\u00e9es par du verre.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\" data-target=\"mullion\">\n                <div class=\"hotian-part-title\">Meneaux (Muntins)<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ces verticales ou horizontales plus petites qui divisent un panneau de porte en plusieurs panneaux plus petits ou vitres.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes \u00e0 panneaux traditionnelles sont construites de cette fa\u00e7on pour permettre l&#039;expansion et la contraction naturelles du bois en fonction des changements d&#039;humidit\u00e9 et de temp\u00e9rature.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Materials & Panel Types -->\n      <div class=\"hotian-panel-item\">\n        <div class=\"hotian-panel-header\">\n          <div class=\"hotian-panel-title\">B. Mat\u00e9riaux et types de panneaux (de quoi sont-ils faits\u00a0?)<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-panel-content\">\n          <div class=\"hotian-panel-desc\">\n            Les panneaux de porte sont disponibles dans diff\u00e9rents mat\u00e9riaux, chacun pr\u00e9sentant des avantages et des caract\u00e9ristiques uniques. Le choix du mat\u00e9riau influence l&#039;apparence, la durabilit\u00e9, les besoins d&#039;entretien et le co\u00fbt.\n          <\/div>\n          \n          <div class=\"hotian-material-grid\">\n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">Bois<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Classique, beaut\u00e9 naturelle<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Varie selon les esp\u00e8ces<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Finition r\u00e9guli\u00e8re<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Bien<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> Maisons traditionnelles, usage int\u00e9rieur<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">M\u00e9tal<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Moderne, industriel<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Haute (r\u00e9sistant aux bosses)<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Faible<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Pauvre sans noyau<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> S\u00e9curit\u00e9, usage ext\u00e9rieur<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">Fibre de verre<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Peut imiter le bois<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Tr\u00e8s haut<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Tr\u00e8s faible<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Excellent<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> Utilisation intensive et conditions m\u00e9t\u00e9orologiques extr\u00eames<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">Composite<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Polyvalent<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Haut<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Faible<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Bon \u00e0 excellent<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> Zones sujettes \u00e0 l&#039;humidit\u00e9<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">Verre<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Moderne, lumineux<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Fragile \u00e0 moins d&#039;\u00eatre temp\u00e9r\u00e9<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Nettoyage r\u00e9gulier<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Pauvre (sauf si sp\u00e9cialis\u00e9)<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> Int\u00e9rieur, usage d\u00e9coratif<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-material-card\">\n              <div class=\"hotian-material-header\">MDF<\/div>\n              <div class=\"hotian-material-body\">\n                <div class=\"hotian-material-property\"><strong>Apparence:<\/strong> Lisse, pouvant \u00eatre peint<\/div>\n                <div class=\"hotian-material-property\"><strong>Durabilit\u00e9:<\/strong> Mod\u00e9r\u00e9<\/div>\n                <div class=\"hotian-material-property\"><strong>Entretien:<\/strong> Faible<\/div>\n                <div class=\"hotian-material-property\"><strong>Isolation:<\/strong> Bien<\/div>\n                <div class=\"hotian-material-property\"><strong>Id\u00e9al pour :<\/strong> Portes int\u00e9rieures \u00e9conomiques<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-core-compare\">\n            <div class=\"hotian-core\">\n              <div class=\"hotian-core-header\">Noyau creux<\/div>\n              <div class=\"hotian-core-img\">\n                <svg width=\"200\" height=\"100\" viewbox=\"0 0 200 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Hollow core door cross-section -->\n                  <rect x=\"10\" y=\"10\" width=\"180\" height=\"80\" fill=\"#e0e0e0\" stroke=\"#333\" \/>\n                  <rect x=\"15\" y=\"15\" width=\"170\" height=\"70\" fill=\"#f4f4f4\" stroke=\"#333\" \/>\n                  <!-- Honeycomb structure -->\n                  <path d=\"M30,15 L30,85 M60,15 L60,85 M90,15 L90,85 M120,15 L120,85 M150,15 L150,85 M15,30 L185,30 M15,50 L185,50 M15,70 L185,70\" stroke=\"#ccc\" stroke-width=\"1\" stroke-dasharray=\"3,3\" \/>\n                <\/svg>\n              <\/div>\n              <div class=\"hotian-core-details\">\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Poids<\/div>\n                  <div class=\"hotian-core-value\">L\u00e9ger (25 \u00e0 45 lb)<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Isolation acoustique<\/div>\n                  <div class=\"hotian-core-value\">Pauvre<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Isolation thermique<\/div>\n                  <div class=\"hotian-core-value\">Pauvre<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Co\u00fbt<\/div>\n                  <div class=\"hotian-core-value\">Faible<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Meilleure utilisation<\/div>\n                  <div class=\"hotian-core-value\">Placards, zones \u00e0 faible trafic<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-core\">\n              <div class=\"hotian-core-header\">Noyau solide<\/div>\n              <div class=\"hotian-core-img\">\n                <svg width=\"200\" height=\"100\" viewbox=\"0 0 200 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Solid core door cross-section -->\n                  <rect x=\"10\" y=\"10\" width=\"180\" height=\"80\" fill=\"#e0e0e0\" stroke=\"#333\" \/>\n                  <rect x=\"15\" y=\"15\" width=\"170\" height=\"70\" fill=\"#d2b48c\" stroke=\"#333\" \/>\n                  <!-- Particle texture -->\n                  <path d=\"M20,20 L25,25 M40,30 L45,35 M60,40 L65,45 M80,50 L85,55 M100,60 L105,65 M120,70 L125,75 M140,60 L145,65 M160,50 L165,55 M30,80 L35,75 M50,70 L55,65 M70,60 L75,55 M90,50 L95,45 M110,40 L115,35 M130,30 L135,25 M150,20 L155,25 M170,30 L175,35\" stroke=\"#a08060\" stroke-width=\"2\" \/>\n                <\/svg>\n              <\/div>\n              <div class=\"hotian-core-details\">\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Poids<\/div>\n                  <div class=\"hotian-core-value\">Lourd (50 \u00e0 70 lb)<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Isolation acoustique<\/div>\n                  <div class=\"hotian-core-value\">Bon \u00e0 excellent<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Isolation thermique<\/div>\n                  <div class=\"hotian-core-value\">Bien<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Co\u00fbt<\/div>\n                  <div class=\"hotian-core-value\">Mod\u00e9r\u00e9 \u00e0 \u00e9lev\u00e9<\/div>\n                <\/div>\n                <div class=\"hotian-core-property\">\n                  <div class=\"hotian-core-label\">Meilleure utilisation<\/div>\n                  <div class=\"hotian-core-value\">Chambres, salles de bains, bureaux<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Bien que les portes \u00e0 \u00e2me pleine co\u00fbtent plus cher au d\u00e9part, elles offrent souvent un meilleur rapport qualit\u00e9-prix gr\u00e2ce \u00e0 une meilleure isolation acoustique, une meilleure durabilit\u00e9 et une sensation de qualit\u00e9 sup\u00e9rieure.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Special Panel Features -->\n      <div class=\"hotian-panel-item\">\n        <div class=\"hotian-panel-header\">\n          <div class=\"hotian-panel-title\">C. Caract\u00e9ristiques sp\u00e9ciales du panneau (ajout de style et de fonction)<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-panel-content\">\n          <div class=\"hotian-panel-desc\">\n            Au-del\u00e0 de leur structure de base, les portes peuvent int\u00e9grer des caract\u00e9ristiques sp\u00e9ciales qui am\u00e9liorent leur apparence et leur fonctionnalit\u00e9. Ces \u00e9l\u00e9ments ajoutent du caract\u00e8re et peuvent am\u00e9liorer leurs performances.\n          <\/div>\n          \n          <div class=\"hotian-features\">\n            <div class=\"hotian-feature\">\n              <div class=\"hotian-feature-img\">\n                <svg width=\"150\" height=\"120\" viewbox=\"0 0 150 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door with glass panels -->\n                  <rect x=\"20\" y=\"10\" width=\"110\" height=\"100\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"2\" \/>\n                  <rect x=\"30\" y=\"20\" width=\"90\" height=\"25\" fill=\"#d1eaf5\" stroke=\"#333\" opacity=\"0.7\" \/>\n                  <rect x=\"30\" y=\"55\" width=\"90\" height=\"25\" fill=\"#d1eaf5\" stroke=\"#333\" opacity=\"0.7\" \/>\n                  <!-- Muntins -->\n                  <path d=\"M75,20 L75,45 M50,20 L50,45 M100,20 L100,45 M75,55 L75,80 M50,55 L50,80 M100,55 L100,80\" stroke=\"#333\" stroke-width=\"1\" \/>\n                <\/svg>\n              <\/div>\n              <div class=\"hotian-feature-content\">\n                <div class=\"hotian-feature-title\">Vitrage\/Lites<\/div>\n                <div class=\"hotian-feature-desc\">Panneaux de verre int\u00e9gr\u00e9s dans un cadre de porte. Disponibles en transparent, d\u00e9poli, textur\u00e9, teint\u00e9 ou d\u00e9coratif, ils allient transmission lumineuse et intimit\u00e9.<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-feature\">\n              <div class=\"hotian-feature-img\">\n                <svg width=\"150\" height=\"120\" viewbox=\"0 0 150 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door with louvers -->\n                  <rect x=\"20\" y=\"10\" width=\"110\" height=\"100\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"2\" \/>\n                  <!-- Louvers -->\n                  <path d=\"M30,25 L120,25 M30,35 L120,35 M30,45 L120,45 M30,55 L120,55 M30,65 L120,65 M30,75 L120,75 M30,85 L120,85\" stroke=\"#333\" stroke-width=\"3\" \/>\n                  <path d=\"M30,26 L120,31 M30,36 L120,41 M30,46 L120,51 M30,56 L120,61 M30,66 L120,71 M30,76 L120,81 M30,86 L120,91\" stroke=\"#555\" stroke-width=\"1\" \/>\n                <\/svg>\n              <\/div>\n              <div class=\"hotian-feature-content\">\n                <div class=\"hotian-feature-title\">Persiennes<\/div>\n                <div class=\"hotian-feature-desc\">Ouvertures \u00e0 lamelles int\u00e9gr\u00e9es au panneau de porte pour permettre la circulation de l&#039;air tout en pr\u00e9servant l&#039;intimit\u00e9. Souvent utilis\u00e9es dans les buanderies, les placards et les buanderies.<\/div>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-feature\">\n              <div class=\"hotian-feature-img\">\n                <svg width=\"150\" height=\"120\" viewbox=\"0 0 150 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door with decorative panels -->\n                  <rect x=\"20\" y=\"10\" width=\"110\" height=\"100\" fill=\"#d7bc8b\" stroke=\"#333\" stroke-width=\"2\" \/>\n                  <!-- Decorative panels -->\n                  <rect x=\"30\" y=\"20\" width=\"90\" height=\"35\" fill=\"#e9dbbd\" stroke=\"#333\" rx=\"3\" \/>\n                  <rect x=\"35\" y=\"25\" width=\"80\" height=\"25\" fill=\"none\" stroke=\"#333\" rx=\"2\" \/>\n                  <rect x=\"30\" y=\"65\" width=\"90\" height=\"35\" fill=\"#e9dbbd\" stroke=\"#333\" rx=\"3\" \/>\n                  <rect x=\"35\" y=\"70\" width=\"80\" height=\"25\" fill=\"none\" stroke=\"#333\" rx=\"2\" \/>\n                  <!-- Decorative molding -->\n                  <rect x=\"45\" y=\"35\" width=\"60\" height=\"5\" fill=\"#caa472\" stroke=\"#333\" \/>\n                  <rect x=\"45\" y=\"80\" width=\"60\" height=\"5\" fill=\"#caa472\" stroke=\"#333\" \/>\n                <\/svg>\n              <\/div>\n              <div class=\"hotian-feature-content\">\n                <div class=\"hotian-feature-title\">D\u00e9tails d\u00e9coratifs<\/div>\n                <div class=\"hotian-feature-desc\">Moulures en relief, garnitures appliqu\u00e9es, sculptures ou panneaux encastr\u00e9s qui rehaussent l&#039;attrait esth\u00e9tique de la porte et ajoutent du caract\u00e8re architectural.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Lors du choix de caract\u00e9ristiques particuli\u00e8res, tenez compte \u00e0 la fois de l&#039;esth\u00e9tique et de la fonctionnalit\u00e9. Les portes vitr\u00e9es laissent entrer la lumi\u00e8re mais r\u00e9duisent l&#039;intimit\u00e9, tandis que les panneaux d\u00e9coratifs ajoutent un int\u00e9r\u00eat visuel sans compromettre la fonctionnalit\u00e9.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  \/\/ Toggle individual items\n  const panelItems = document.querySelectorAll('.hotian-panel-header');\n  panelItems.forEach(header => {\n    header.addEventListener('click', () => {\n      const parent = header.parentElement;\n      parent.classList.toggle('active');\n    });\n  });\n  \n  \/\/ Expand\/collapse all\n  const expandAllBtn = document.getElementById('expand-all-panel');\n  let allExpanded = false;\n  \n  expandAllBtn.addEventListener('click', () => {\n    const items = document.querySelectorAll('.hotian-panel-item');\n    allExpanded = !allExpanded;\n    \n    items.forEach(item => {\n      if (allExpanded) {\n        item.classList.add('active');\n      } else {\n        item.classList.remove('active');\n      }\n    });\n    \n    expandAllBtn.textContent = allExpanded ? 'Collapse All' : 'Expand All';\n  });\n  \n  \/\/ Highlight door parts on hover\/click\n  const partItems = document.querySelectorAll('.hotian-part-item');\n  partItems.forEach(item => {\n    item.addEventListener('mouseenter', () => {\n      const targetId = item.getAttribute('data-target');\n      if (targetId) {\n        const doorPart = document.getElementById(targetId);\n        if (doorPart) {\n          doorPart.classList.add('door-part-highlight');\n        }\n      }\n    });\n    \n    item.addEventListener('mouseleave', () => {\n      const targetId = item.getAttribute('data-target');\n      if (targetId) {\n        const doorPart = document.getElementById(targetId);\n        if (doorPart) {\n          doorPart.classList.remove('door-part-highlight');\n        }\n      }\n    });\n    \n    item.addEventListener('click', () => {\n      partItems.forEach(p => p.classList.remove('active'));\n      item.classList.add('active');\n    });\n  });\n})();\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Composants de quincaillerie de porte\u00a0: les \u00e9l\u00e9ments fonctionnels)<\/strong><\/h2>\n\n\n\n<p>La qualit\u00e9 d&#039;une porte d\u00e9pend de sa quincaillerie. Dans les applications commerciales, les d\u00e9faillances de quincaillerie constituent la principale cause d&#039;interventions de maintenance. Nous collaborons avec des leaders mondiaux (Siegenia, Hoppe, CMECH, Sobinco) afin de garantir une durabilit\u00e9 de classe 5.<\/p>\n\n\n\n<!-- Door Hardware Components - WordPress Safe Version -->\n<!-- Simply paste this entire block into a WordPress \"Custom HTML\" block -->\n<style>\n\/* Scoped styles with unique prefix to avoid conflicts *\/\n.dh-container * {\n  box-sizing: border-box;\n}\n\n.dh-container {\n  font-family: inherit;\n  line-height: 1.6;\n  color: inherit;\n  max-width: 100%;\n  margin: 25px 0;\n  border-radius: 8px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n  overflow: hidden;\n  background-color: #fff;\n}\n\n.dh-header {\n  background-color: #156e38;\n  padding: 15px 20px;\n  color: white;\n}\n\n.dh-title {\n  font-size: 18px;\n  font-weight: 600;\n  margin: 0;\n  line-height: 1.3;\n}\n\n.dh-subtitle {\n  font-size: 14px;\n  opacity: 0.9;\n  margin-top: 5px;\n  font-weight: normal;\n}\n\n.dh-body {\n  padding: 0 20px 20px;\n}\n\n.dh-section {\n  margin: 25px 0;\n  position: relative;\n}\n\n.dh-section-title {\n  color: #156e38;\n  font-weight: 600;\n  font-size: 16px;\n  margin-bottom: 15px;\n  display: flex;\n  align-items: center;\n}\n\n.dh-section-title:before {\n  content: \"\";\n  display: inline-block;\n  width: 6px;\n  height: 18px;\n  background-color: #156e38;\n  margin-right: 10px;\n  border-radius: 3px;\n}\n\n.dh-flex {\n  display: flex;\n  gap: 25px;\n  margin-top: 15px;\n}\n\n.dh-image {\n  flex: 0 0 130px;\n  background-color: #f9f9f9;\n  border-radius: 8px;\n  padding: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.dh-content {\n  flex: 1;\n}\n\n.dh-item {\n  margin-bottom: 12px;\n  padding-left: 5px;\n  position: relative;\n}\n\n.dh-item-title {\n  font-weight: 600;\n  color: #156e38;\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n}\n\n.dh-item-title:before {\n  content: \"\u2022\";\n  color: #156e38;\n  font-size: 18px;\n  margin-right: 8px;\n}\n\n.dh-item-content {\n  padding-left: 18px;\n}\n\n.dh-note {\n  margin-top: 15px;\n  padding: 12px 15px;\n  background-color: rgba(21, 110, 56, 0.08);\n  border-left: 4px solid #156e38;\n  border-radius: 0 4px 4px 0;\n  font-size: 14px;\n}\n\n\/* Simple responsive adjustments *\/\n@media (max-width: 600px) {\n  .dh-flex {\n    flex-direction: column;\n  }\n  \n  .dh-image {\n    margin-bottom: 15px;\n  }\n}\n<\/style>\n\n<div class=\"dh-container\">\n  <div class=\"dh-header\">\n    <h3 class=\"dh-title\">Composants de quincaillerie de porte<\/h3>\n    <div class=\"dh-subtitle\">Les \u00e9l\u00e9ments fonctionnels qui font fonctionner les portes<\/div>\n  <\/div>\n  \n  <div class=\"dh-body\">\n    <!-- Movement Hardware Section -->\n    <div class=\"dh-section\">\n      <div class=\"dh-section-title\">A. Mat\u00e9riel de mouvement<\/div>\n      \n      <div class=\"dh-flex\">\n        <div class=\"dh-image\">\n          <svg width=\"120\" height=\"120\" viewbox=\"0 0 120 120\">\n            <!-- Door jamb -->\n            <rect x=\"15\" y=\"10\" width=\"25\" height=\"100\" fill=\"#d7bc8b\" stroke=\"#5d4b35\" \/>\n            <!-- Door -->\n            <rect x=\"40\" y=\"10\" width=\"65\" height=\"100\" fill=\"#e9dbbd\" stroke=\"#5d4b35\" \/>\n            \n            <!-- Hinges -->\n            <g transform=\"translate(40, 35)\">\n              <rect x=\"-12\" y=\"-12\" width=\"12\" height=\"24\" fill=\"#a0a0a0\" stroke=\"#666\" rx=\"1\" \/>\n              <rect x=\"0\" y=\"-12\" width=\"12\" height=\"24\" fill=\"#a0a0a0\" stroke=\"#666\" rx=\"1\" \/>\n              <circle cx=\"0\" cy=\"0\" r=\"2\" fill=\"#777\" stroke=\"#555\" \/>\n            <\/g>\n            \n            <g transform=\"translate(40, 85)\">\n              <rect x=\"-12\" y=\"-12\" width=\"12\" height=\"24\" fill=\"#a0a0a0\" stroke=\"#666\" rx=\"1\" \/>\n              <rect x=\"0\" y=\"-12\" width=\"12\" height=\"24\" fill=\"#a0a0a0\" stroke=\"#666\" rx=\"1\" \/>\n              <circle cx=\"0\" cy=\"0\" r=\"2\" fill=\"#777\" stroke=\"#555\" \/>\n            <\/g>\n            \n            <!-- Decorative handle -->\n            <circle cx=\"90\" cy=\"60\" r=\"5\" fill=\"#a0a0a0\" stroke=\"#666\" \/>\n          <\/svg>\n        <\/div>\n        \n        <div class=\"dh-content\">\n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Charni\u00e8res<\/div>\n            <div class=\"dh-item-content\">\n              Les points de pivot qui permettent aux portes de s&#039;ouvrir. Les types standards comprennent les charni\u00e8res \u00e0 clavette, les charni\u00e8res continues (piano), les charni\u00e8res \u00e0 ressort (\u00e0 fermeture automatique) et les charni\u00e8res \u00e0 pivot.\n            <\/div>\n          <\/div>\n          \n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Quincaillerie de porte de grange<\/div>\n            <div class=\"dh-item-content\">\n              Syst\u00e8mes de rails et de roulettes permettant aux portes de coulisser horizontalement au lieu de pivoter. Solutions gain de place.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Locking & Security Hardware Section -->\n    <div class=\"dh-section\">\n      <div class=\"dh-section-title\">B. Quincaillerie de verrouillage et de s\u00e9curit\u00e9<\/div>\n      \n      <div class=\"dh-flex\">\n        <div class=\"dh-image\">\n          <svg width=\"120\" height=\"120\" viewbox=\"0 0 120 120\">\n            <!-- Door -->\n            <rect x=\"25\" y=\"10\" width=\"50\" height=\"100\" fill=\"#e9dbbd\" stroke=\"#5d4b35\" \/>\n            <circle cx=\"50\" cy=\"50\" r=\"15\" fill=\"#a0a0a0\" stroke=\"#666\" \/>\n            <rect x=\"75\" y=\"45\" width=\"15\" height=\"10\" rx=\"5\" fill=\"#90c5a9\" stroke=\"#156e38\" \/>\n            <circle cx=\"50\" cy=\"50\" r=\"5\" fill=\"#d4af37\" stroke=\"#a58929\" \/>\n            <!-- Keyhole -->\n            <path d=\"M50,48 v4 h2 v-4 z\" fill=\"#333\" \/>\n            <circle cx=\"50\" cy=\"80\" r=\"10\" fill=\"#a0a0a0\" stroke=\"#666\" \/>\n          <\/svg>\n        <\/div>\n        \n        <div class=\"dh-content\">\n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Serrures<\/div>\n            <div class=\"dh-item-content\">\n              M\u00e9canismes qui verrouillent la porte lorsqu&#039;elle est ferm\u00e9e. Comprend les serrures \u00e0 mortaise (encastr\u00e9es dans le chant de la porte), les serrures cylindriques (\u00e0 travers la fa\u00e7ade de la porte) et les serrures tubulaires.\n            <\/div>\n          <\/div>\n          \n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Poign\u00e9es et p\u00eanes dormants<\/div>\n            <div class=\"dh-item-content\">\n              Des poign\u00e9es\/leviers actionnent la porte, tandis que des p\u00eanes dormants assurent une s\u00e9curit\u00e9 suppl\u00e9mentaire. Des g\u00e2ches renforcent le montant o\u00f9 les loquets s&#039;enclenchent.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Other Essential Hardware Section -->\n    <div class=\"dh-section\">\n      <div class=\"dh-section-title\">C. Autre mat\u00e9riel essentiel<\/div>\n      \n      <div class=\"dh-flex\">\n        <div class=\"dh-image\">\n          <svg width=\"120\" height=\"120\" viewbox=\"0 0 120 120\">\n            <!-- Wall -->\n            <rect x=\"10\" y=\"10\" width=\"100\" height=\"100\" fill=\"#f0f0f0\" stroke=\"#ccc\" \/>\n            <rect x=\"25\" y=\"20\" width=\"60\" height=\"90\" fill=\"#e9dbbd\" stroke=\"#5d4b35\" transform=\"rotate(15, 25, 20)\" \/>\n            <!-- Kick plate -->\n            <rect x=\"25\" y=\"95\" width=\"60\" height=\"12\" fill=\"#90c5a9\" stroke=\"#156e38\" transform=\"rotate(15, 25, 20)\" \/>\n            <!-- Door closer -->\n            <rect x=\"25\" y=\"20\" width=\"40\" height=\"8\" fill=\"#a0a0a0\" stroke=\"#666\" transform=\"rotate(15, 25, 20)\" \/>\n            <!-- Door stop -->\n            <circle cx=\"90\" cy=\"85\" r=\"6\" fill=\"#a0a0a0\" stroke=\"#666\" \/>\n            <!-- Viewport -->\n            <circle cx=\"55\" cy=\"50\" r=\"3\" fill=\"#aaa\" stroke=\"#777\" transform=\"rotate(15, 25, 20)\" \/>\n          <\/svg>\n        <\/div>\n        \n        <div class=\"dh-content\">\n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Ferme-portes<\/div>\n            <div class=\"dh-item-content\">\n              Dispositifs hydrauliques permettant la fermeture automatique des portes \u00e0 vitesse contr\u00f4l\u00e9e. Indispensables pour la s\u00e9curit\u00e9 incendie et les zones \u00e0 fort trafic.\n            <\/div>\n          <\/div>\n          \n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Mat\u00e9riel de protection<\/div>\n            <div class=\"dh-item-content\">\n              Comprend des plaques de protection pour prot\u00e9ger le bas des portes, des but\u00e9es de porte pour \u00e9viter d&#039;endommager les murs et des plaques de pouss\u00e9e\/traction pour un usage commercial.\n            <\/div>\n          <\/div>\n          \n          <div class=\"dh-item\">\n            <div class=\"dh-item-title\">Composants sp\u00e9cialis\u00e9s<\/div>\n            <div class=\"dh-item-content\">\n              Les verrous encastr\u00e9s s\u00e9curisent les portes inactives par paires, tandis que les hublots (judiciateurs) permettent de voir les visiteurs sans ouvrir la porte.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">A. Syst\u00e8mes de charni\u00e8res (Les porteurs)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Charni\u00e8res \u00e0 paumelles (standard) :<\/strong>\u00a0Courant pour les portes en bois r\u00e9sidentielles.<\/li>\n\n\n\n<li><strong>Charni\u00e8res r\u00e9glables 3D (usage commercial) :<\/strong>\u00a0Notre mod\u00e8le standard pour les portes en aluminium. Ces portes permettent aux installateurs d&#039;ajuster le vantail dans trois dimensions (haut\/bas, gauche\/droite, int\u00e9rieur\/ext\u00e9rieur) \u00e0 l&#039;aide d&#039;une cl\u00e9 Allen, garantissant un alignement parfait des ann\u00e9es apr\u00e8s l&#039;installation.<\/li>\n\n\n\n<li><strong>Charni\u00e8res invisibles\u00a0:<\/strong>\u00a0Enti\u00e8rement dissimul\u00e9 dans le cadre pour une esth\u00e9tique minimaliste et \u00e9pur\u00e9e. Capable de supporter\u00a0<strong>ch\u00e2ssis robustes de plus de 150 kg<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">B. Syst\u00e8me de verrouillage multipoints<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Verrou de s\u00fbret\u00e9 simple :<\/strong>\u00a0Un verrou standard se bloque en un seul point. Il est facile \u00e0 forcer.<\/li>\n\n\n\n<li><strong>La solution multipoints\u00a0:<\/strong>\u00a0Lorsque la poign\u00e9e est lev\u00e9e, notre engrenage de transmission s&#039;engage dans des points de verrouillage (cames en forme de champignon ou crochets) au niveau de\u00a0<strong>haut, centre et bas<\/strong>\u00a0de la porte simultan\u00e9ment.<\/li>\n\n\n\n<li><strong>Avantages:<\/strong>\n<ol class=\"wp-block-list\">\n<li><strong>S\u00e9curit\u00e9:<\/strong>\u00a0Rencontres\u00a0<strong>RC3 Anti-effraction<\/strong>\u00a0normes.<\/li>\n\n\n\n<li><strong>Scellage:<\/strong>\u00a0Il comprime fermement le ch\u00e2ssis contre le joint d&#039;\u00e9tanch\u00e9it\u00e9 sur toute la hauteur, \u00e9liminant ainsi les courants d&#039;air.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C. Joints et coupe-froid (EPDM)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Questions mat\u00e9rielles :<\/strong>\u00a0Nous n&#039;utilisons pas de caoutchouc PVC, qui se fissure au soleil. Nous utilisons\u00a0<strong>EPDM (\u00c9thyl\u00e8ne-propyl\u00e8ne-di\u00e8ne monom\u00e8re)<\/strong>\u00a0Bandes d&#039;\u00e9tanch\u00e9it\u00e9 composites de qualit\u00e9 automobile.<\/li>\n\n\n\n<li><strong>Joints co-extrud\u00e9s :<\/strong>\u00a0Nos joints d&#039;\u00e9tanch\u00e9it\u00e9 comportent souvent une conception multichambre pour am\u00e9liorer l&#039;isolation acoustique (indice STC) et l&#039;\u00e9tanch\u00e9it\u00e9 \u00e0 l&#039;eau.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Types de portes sp\u00e9ciales et composants uniques<\/strong><\/h2>\n\n\n\n<p>Les diff\u00e9rents styles de portes ont des pi\u00e8ces uniques :<\/p>\n\n\n\n<!-- Special Door Types & Unique Components Interactive Display -->\n<style>\n\/* Clean styling with interactive elements *\/\n.hotian-special {\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  line-height: 1.5;\n}\n\n.hotian-section h3 {\n  font-size: 20px;\n  color: #156e38;\n  border-bottom: 2px solid #156e38;\n  padding-bottom: 8px;\n  margin-bottom: 15px;\n}\n\n.hotian-door-item {\n  margin-bottom: 15px;\n  border-left: 4px solid #156e38;\n  transition: all 0.3s ease;\n  overflow: hidden;\n}\n\n\/* Hover effect for items *\/\n.hotian-door-item:hover {\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n}\n\n.hotian-door-header {\n  padding: 12px 15px;\n  background-color: #f5f5f5;\n  cursor: pointer;\n  user-select: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: background-color 0.2s ease;\n}\n\n.hotian-door-header:hover {\n  background-color: #e8f5e9;\n}\n\n.hotian-door-title {\n  font-weight: bold;\n  font-size: 18px;\n  color: #156e38;\n}\n\n.hotian-toggle {\n  font-size: 18px;\n  color: #156e38;\n  transition: transform 0.3s ease;\n}\n\n.hotian-door-content {\n  padding: 0 15px;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease;\n  background-color: #fff;\n}\n\n.hotian-door-item.active .hotian-door-content {\n  max-height: 800px; \/* Large enough to fit content *\/\n  padding: 15px;\n}\n\n.hotian-door-item.active .hotian-toggle {\n  transform: rotate(180deg);\n}\n\n.hotian-door-desc {\n  margin-bottom: 15px;\n}\n\n\/* Door diagram styling *\/\n.hotian-door-diagram {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin: 15px 0;\n}\n\n.hotian-diagram-visual {\n  border: 1px solid #e0e0e0;\n  padding: 15px;\n  background-color: #f9f9f9;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 220px;\n}\n\n.hotian-diagram-parts {\n  display: flex;\n  flex-direction: column;\n}\n\n.hotian-part-item {\n  background-color: #f5f5f5;\n  border-left: 3px solid #156e38;\n  padding: 10px;\n  margin-bottom: 8px;\n  border-radius: 0 4px 4px 0;\n  transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.hotian-part-item:hover {\n  background-color: #e8f5e9;\n  transform: translateX(5px);\n}\n\n.hotian-part-title {\n  font-weight: bold;\n  font-size: 15px;\n  color: #156e38;\n  margin-bottom: 3px;\n}\n\n.hotian-part-desc {\n  font-size: 14px;\n}\n\n\/* Control button *\/\n.hotian-control {\n  text-align: right;\n  margin-bottom: 15px;\n}\n\n.hotian-control-btn {\n  background-color: #156e38;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.2s ease;\n}\n\n.hotian-control-btn:hover {\n  background-color: #105a2e;\n}\n\n\/* SVG styling *\/\n.hotian-svg-container {\n  max-width: 100%;\n  height: auto;\n}\n\n.hotian-door-svg {\n  width: 100%;\n  height: auto;\n  max-height: 220px;\n}\n\n.hotian-door-part {\n  fill: #f4f4f4;\n  stroke: #333;\n  stroke-width: 2;\n}\n\n.hotian-door-frame {\n  fill: #e0e0e0;\n  stroke: #444;\n  stroke-width: 2;\n}\n\n.hotian-door-glass {\n  fill: #d1eaf5;\n  stroke: #333;\n  stroke-width: 1;\n  opacity: 0.7;\n}\n\n.hotian-door-track {\n  fill: none;\n  stroke: #666;\n  stroke-width: 3;\n}\n\n.hotian-door-hardware {\n  fill: #b0b0b0;\n  stroke: #333;\n  stroke-width: 1;\n}\n\n.hotian-note {\n  background-color: #e8f5e9;\n  padding: 10px 15px;\n  border-radius: 4px;\n  font-size: 14px;\n  color: #156e38;\n  margin-top: 15px;\n}\n\n.hotian-note:before {\n  content: \"Note: \";\n  font-weight: bold;\n}\n<\/style>\n\n<div class=\"hotian-special\">\n  <div class=\"hotian-section\">\n    <h3>Styles et composants de portes sp\u00e9ciaux<\/h3>\n    \n    <div class=\"hotian-control\">\n      <button class=\"hotian-control-btn\" id=\"expand-all-doors\">Tout d\u00e9velopper<\/button>\n    <\/div>\n    \n    <div class=\"hotian-door-types\">\n      <!-- French Doors -->\n      <div class=\"hotian-door-item active\">\n        <div class=\"hotian-door-header\">\n          <div class=\"hotian-door-title\">Anatomie de la porte fran\u00e7aise<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-door-content\">\n          <div class=\"hotian-door-desc\">\n            Les portes-fen\u00eatres sont g\u00e9n\u00e9ralement compos\u00e9es de deux portes avec des panneaux vitr\u00e9s qui s&#039;ouvrent par le milieu, cr\u00e9ant une entr\u00e9e ou une s\u00e9paration \u00e9l\u00e9gante. Elles allient beaut\u00e9 et fonctionnalit\u00e9 gr\u00e2ce \u00e0 leurs composants uniques.\n          <\/div>\n          \n          <div class=\"hotian-door-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 220 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door frame -->\n                  <rect x=\"10\" y=\"10\" width=\"200\" height=\"160\" class=\"hotian-door-frame\" \/>\n                  \n                  <!-- Left door -->\n                  <rect x=\"15\" y=\"15\" width=\"90\" height=\"150\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Right door -->\n                  <rect x=\"115\" y=\"15\" width=\"90\" height=\"150\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Glass panels - left door -->\n                  <rect x=\"25\" y=\"30\" width=\"70\" height=\"40\" class=\"hotian-door-glass\" \/>\n                  <rect x=\"25\" y=\"80\" width=\"70\" height=\"40\" class=\"hotian-door-glass\" \/>\n                  \n                  <!-- Glass panels - right door -->\n                  <rect x=\"125\" y=\"30\" width=\"70\" height=\"40\" class=\"hotian-door-glass\" \/>\n                  <rect x=\"125\" y=\"80\" width=\"70\" height=\"40\" class=\"hotian-door-glass\" \/>\n                  \n                  <!-- Astragal -->\n                  <rect x=\"104\" y=\"15\" width=\"12\" height=\"150\" fill=\"#c8c8c8\" stroke=\"#333\" \/>\n                  \n                  <!-- Handles -->\n                  <circle cx=\"95\" cy=\"90\" r=\"5\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"125\" cy=\"90\" r=\"5\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Flush bolts -->\n                  <rect x=\"125\" y=\"20\" width=\"5\" height=\"15\" class=\"hotian-door-hardware\" \/>\n                  <rect x=\"125\" y=\"145\" width=\"5\" height=\"15\" class=\"hotian-door-hardware\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Astragal<\/div>\n                <div class=\"hotian-part-desc\">Une bande de moulure verticale fix\u00e9e au bord d&#039;une porte, couvrant l&#039;espace entre les portes lorsqu&#039;elles sont ferm\u00e9es.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Serrures multipoints<\/div>\n                <div class=\"hotian-part-desc\">Syst\u00e8mes de verrouillage qui s\u00e9curisent la porte en plusieurs points avec une seule op\u00e9ration de poign\u00e9e.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Verrous encastr\u00e9s<\/div>\n                <div class=\"hotian-part-desc\">Verrous manuels ou automatiques qui s\u00e9curisent la porte inactive en haut et en bas.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes-fen\u00eatres sont particuli\u00e8rement appr\u00e9ci\u00e9es pour les entr\u00e9es de patio, entre la salle \u00e0 manger et le salon, ou comme entr\u00e9es de bureau \u00e9l\u00e9gantes o\u00f9 la lumi\u00e8re et une large ouverture sont souhait\u00e9es.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Sliding Doors -->\n      <div class=\"hotian-door-item\">\n        <div class=\"hotian-door-header\">\n          <div class=\"hotian-door-title\">Composants de portes coulissantes<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-door-content\">\n          <div class=\"hotian-door-desc\">\n            Les portes coulissantes se d\u00e9placent horizontalement sur des rails, plut\u00f4t que de pivoter. Elles sont peu encombrantes et couramment utilis\u00e9es pour les terrasses, les placards et les pi\u00e8ces o\u00f9 l&#039;espace au sol est limit\u00e9.\n          <\/div>\n          \n          <div class=\"hotian-door-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 220 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door frame -->\n                  <rect x=\"10\" y=\"10\" width=\"200\" height=\"160\" class=\"hotian-door-frame\" \/>\n                  \n                  <!-- Track -->\n                  <line x1=\"15\" y1=\"15\" x2=\"205\" y2=\"15\" class=\"hotian-door-track\" \/>\n                  \n                  <!-- Door panels -->\n                  <rect x=\"25\" y=\"20\" width=\"90\" height=\"145\" class=\"hotian-door-part\" \/>\n                  <rect x=\"120\" y=\"20\" width=\"85\" height=\"145\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Door glass -->\n                  <rect x=\"35\" y=\"35\" width=\"70\" height=\"115\" class=\"hotian-door-glass\" \/>\n                  \n                  <!-- Rollers -->\n                  <circle cx=\"45\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"95\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Handle -->\n                  <rect x=\"105\" cy=\"85\" width=\"10\" height=\"20\" rx=\"2\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Floor guide -->\n                  <rect x=\"65\" y=\"165\" width=\"10\" height=\"5\" class=\"hotian-door-hardware\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Syst\u00e8me de chenilles<\/div>\n                <div class=\"hotian-part-desc\">Des canaux m\u00e9talliques ou en plastique mont\u00e9s au-dessus guident le mouvement de la porte.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Cintres\/Rouleaux<\/div>\n                <div class=\"hotian-part-desc\">Roues ou supports fix\u00e9s sur le dessus du panneau de porte qui roulent dans le rail.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Guides<\/div>\n                <div class=\"hotian-part-desc\">Pi\u00e8ces fix\u00e9es au sol qui emp\u00eachent le bas des portes coulissantes de pivoter d&#039;un c\u00f4t\u00e9 \u00e0 l&#039;autre.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes coulissantes sont un excellent moyen de gagner de la place, car elles ne n\u00e9cessitent pas de jeu d&#039;ouverture. Leurs roulettes et rails de qualit\u00e9 garantissent un fonctionnement fluide et silencieux.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Pocket Doors -->\n      <div class=\"hotian-door-item\">\n        <div class=\"hotian-door-header\">\n          <div class=\"hotian-door-title\">Composants de portes escamotables<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-door-content\">\n          <div class=\"hotian-door-desc\">\n            Les portes escamotables coulissent enti\u00e8rement dans un compartiment du mur adjacent lorsqu&#039;elles sont compl\u00e8tement ouvertes. Elles sont id\u00e9ales pour les petits espaces et les zones o\u00f9 une porte battante prendrait trop de place.\n          <\/div>\n          \n          <div class=\"hotian-door-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 220 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Wall section -->\n                  <rect x=\"10\" y=\"10\" width=\"200\" height=\"160\" fill=\"#e8e8e8\" stroke=\"#666\" \/>\n                  \n                  <!-- Door opening -->\n                  <rect x=\"90\" y=\"20\" width=\"80\" height=\"140\" fill=\"white\" stroke=\"#666\" \/>\n                  \n                  <!-- Pocket cavity -->\n                  <rect x=\"10\" y=\"20\" width=\"80\" height=\"140\" fill=\"#f4f4f4\" stroke=\"#666\" stroke-dasharray=\"4\" \/>\n                  \n                  <!-- Track -->\n                  <line x1=\"10\" y1=\"25\" x2=\"170\" y2=\"25\" class=\"hotian-door-track\" \/>\n                  \n                  <!-- Door panel (partially in pocket) -->\n                  <rect x=\"60\" y=\"30\" width=\"85\" height=\"130\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Edge pull -->\n                  <rect x=\"142\" y=\"80\" width=\"3\" height=\"20\" rx=\"1\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Rollers -->\n                  <circle cx=\"75\" cy=\"28\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"125\" cy=\"28\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Cadre de poche<\/div>\n                <div class=\"hotian-part-desc\">Une structure murale pr\u00e9fabriqu\u00e9e con\u00e7ue pour maintenir la porte \u00e0 l&#039;int\u00e9rieur du mur lorsqu&#039;elle est ouverte.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Tirettes de bord<\/div>\n                <div class=\"hotian-part-desc\">Petites poign\u00e9es encastr\u00e9es utilis\u00e9es sur le bord des portes escamotables pour les r\u00e9cup\u00e9rer dans la cavit\u00e9 murale.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Voie a\u00e9rienne<\/div>\n                <div class=\"hotian-part-desc\">Un syst\u00e8me de rail sp\u00e9cialis\u00e9 qui guide la porte dans et hors de la poche murale.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes escamotables sont d&#039;excellents moyens de gagner de la place dans les salles de bains, les buanderies et les dressings. Une quincaillerie de qualit\u00e9 est essentielle pour un fonctionnement optimal et durable.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Barn Doors -->\n      <div class=\"hotian-door-item\">\n        <div class=\"hotian-door-header\">\n          <div class=\"hotian-door-title\">Composants de porte de grange<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-door-content\">\n          <div class=\"hotian-door-desc\">\n            Les portes de grange coulissent sur un rail apparent mont\u00e9 au-dessus de l&#039;embrasure. Ce style de porte d\u00e9corative est devenu populaire dans les maisons modernes, tant pour sa fonctionnalit\u00e9 que pour son style.\n          <\/div>\n          \n          <div class=\"hotian-door-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 220 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Wall section -->\n                  <rect x=\"10\" y=\"10\" width=\"200\" height=\"160\" fill=\"#e8e8e8\" stroke=\"#666\" \/>\n                  \n                  <!-- Door opening -->\n                  <rect x=\"60\" y=\"30\" width=\"80\" height=\"140\" fill=\"white\" stroke=\"#666\" \/>\n                  \n                  <!-- Exposed track -->\n                  <line x1=\"40\" y1=\"20\" x2=\"180\" y2=\"20\" stroke=\"#333\" stroke-width=\"5\" \/>\n                  <line x1=\"40\" y1=\"25\" x2=\"180\" y2=\"25\" class=\"hotian-door-track\" \/>\n                  \n                  <!-- Door panel (sliding) -->\n                  <rect x=\"95\" y=\"30\" width=\"90\" height=\"140\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Door pattern -->\n                  <line x1=\"110\" y1=\"30\" x2=\"110\" y2=\"170\" stroke=\"#333\" \/>\n                  <line x1=\"140\" y1=\"30\" x2=\"140\" y2=\"170\" stroke=\"#333\" \/>\n                  <line x1=\"170\" y1=\"30\" x2=\"170\" y2=\"170\" stroke=\"#333\" \/>\n                  <line x1=\"95\" y1=\"85\" x2=\"185\" y2=\"85\" stroke=\"#333\" \/>\n                  \n                  <!-- Rollers\/hangers -->\n                  <rect x=\"115\" y=\"20\" width=\"10\" height=\"10\" class=\"hotian-door-hardware\" \/>\n                  <rect x=\"155\" y=\"20\" width=\"10\" height=\"10\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Handle -->\n                  <rect x=\"175\" y=\"85\" width=\"10\" height=\"25\" rx=\"3\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Floor guide -->\n                  <rect x=\"140\" y=\"170\" width=\"10\" height=\"5\" class=\"hotian-door-hardware\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Piste expos\u00e9e<\/div>\n                <div class=\"hotian-part-desc\">Un rail m\u00e9tallique mont\u00e9 au-dessus de la porte qui soutient et guide le mouvement de la porte.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Cintres robustes<\/div>\n                <div class=\"hotian-part-desc\">Syst\u00e8mes de rouleaux d\u00e9coratifs qui supportent le poids de la porte et lui permettent de glisser le long du rail.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Guide d&#039;\u00e9tage<\/div>\n                <div class=\"hotian-part-desc\">Un petit composant mont\u00e9 au sol qui emp\u00eache la porte de s&#039;\u00e9loigner du mur.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes de grange affichent un style affirm\u00e9 tout en permettant un gain de place. La quincaillerie apparente est souvent un \u00e9l\u00e9ment d\u00e9coratif. Elles n&#039;offrent pas une \u00e9tanch\u00e9it\u00e9 aussi parfaite que les portes traditionnelles.\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Bi-fold Doors -->\n      <div class=\"hotian-door-item\">\n        <div class=\"hotian-door-header\">\n          <div class=\"hotian-door-title\">Composants de portes pliantes<\/div>\n          <div class=\"hotian-toggle\">\u25bc<\/div>\n        <\/div>\n        <div class=\"hotian-door-content\">\n          <div class=\"hotian-door-desc\">\n            Les portes pliantes sont constitu\u00e9es de panneaux articul\u00e9s qui se replient l&#039;un contre l&#039;autre \u00e0 l&#039;ouverture. Elles sont couramment utilis\u00e9es pour les placards, les buanderies et les garde-manger o\u00f9 l&#039;espace est limit\u00e9.\n          <\/div>\n          \n          <div class=\"hotian-door-diagram\">\n            <div class=\"hotian-diagram-visual\">\n              <div class=\"hotian-svg-container\">\n                <svg class=\"hotian-door-svg\" viewbox=\"0 0 220 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <!-- Door frame -->\n                  <rect x=\"10\" y=\"10\" width=\"200\" height=\"160\" class=\"hotian-door-frame\" \/>\n                  \n                  <!-- Track -->\n                  <line x1=\"15\" y1=\"15\" x2=\"205\" y2=\"15\" class=\"hotian-door-track\" \/>\n                  \n                  <!-- Door panels (folded partially) -->\n                  <rect x=\"20\" y=\"20\" width=\"35\" height=\"145\" class=\"hotian-door-part\" \/>\n                  <rect x=\"55\" y=\"20\" width=\"35\" height=\"145\" class=\"hotian-door-part\" \/>\n                  <rect x=\"130\" y=\"20\" width=\"35\" height=\"145\" class=\"hotian-door-part\" \/>\n                  <rect x=\"165\" y=\"20\" width=\"35\" height=\"145\" class=\"hotian-door-part\" \/>\n                  \n                  <!-- Hinges connecting panels -->\n                  <line x1=\"55\" y1=\"30\" x2=\"55\" y2=\"155\" stroke=\"#333\" stroke-width=\"2\" \/>\n                  <line x1=\"165\" y1=\"30\" x2=\"165\" y2=\"155\" stroke=\"#333\" stroke-width=\"2\" \/>\n                  \n                  <!-- Top pivots\/rollers -->\n                  <circle cx=\"20\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"90\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"130\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"200\" cy=\"18\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Handles -->\n                  <rect x=\"45\" y=\"85\" width=\"5\" height=\"15\" rx=\"2\" class=\"hotian-door-hardware\" \/>\n                  <rect x=\"170\" y=\"85\" width=\"5\" height=\"15\" rx=\"2\" class=\"hotian-door-hardware\" \/>\n                  \n                  <!-- Alignment pivots -->\n                  <circle cx=\"55\" cy=\"165\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                  <circle cx=\"165\" cy=\"165\" r=\"3\" class=\"hotian-door-hardware\" \/>\n                <\/svg>\n              <\/div>\n            <\/div>\n            \n            <div class=\"hotian-diagram-parts\">\n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Mat\u00e9riel de pivot<\/div>\n                <div class=\"hotian-part-desc\">Connecteurs sp\u00e9ciaux qui permettent aux panneaux de se plier en douceur tout en maintenant l&#039;alignement.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Voie a\u00e9rienne<\/div>\n                <div class=\"hotian-part-desc\">Un syst\u00e8me de rail qui supporte le poids des panneaux de porte et guide leur mouvement.<\/div>\n              <\/div>\n              \n              <div class=\"hotian-part-item\">\n                <div class=\"hotian-part-title\">Guides d&#039;alignement<\/div>\n                <div class=\"hotian-part-desc\">Composants qui aident \u00e0 maintenir les panneaux de porte correctement align\u00e9s lors de l&#039;ouverture et de la fermeture.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"hotian-note\">\n            Les portes pliantes optimisent l&#039;acc\u00e8s aux ouvertures les plus larges tout en occupant un minimum d&#039;espace une fois ouvertes. Une quincaillerie de qualit\u00e9 garantit un fonctionnement fluide et un alignement parfait.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  \/\/ Toggle individual items\n  const doorItems = document.querySelectorAll('.hotian-door-header');\n  doorItems.forEach(header => {\n    header.addEventListener('click', () => {\n      const parent = header.parentElement;\n      parent.classList.toggle('active');\n    });\n  });\n  \n  \/\/ Expand\/collapse all\n  const expandAllBtn = document.getElementById('expand-all-doors');\n  let allExpanded = false;\n  \n  expandAllBtn.addEventListener('click', () => {\n    const items = document.querySelectorAll('.hotian-door-item');\n    allExpanded = !allExpanded;\n    \n    items.forEach(item => {\n      if (allExpanded) {\n        item.classList.add('active');\n      } else {\n        item.classList.remove('active');\n      }\n    });\n    \n    expandAllBtn.textContent = allExpanded ? 'Collapse All' : 'Expand All';\n  });\n})();\n<\/script>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A. Anatomie de la porte fran\u00e7aise :<\/strong> Se demandant <strong><a href=\"https:\/\/hotianwindows.com\/fr\/what-are-french-doors\/\" target=\"_blank\" data-type=\"post\" data-id=\"7806\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">qu&#039;est-ce qu&#039;une porte fran\u00e7aise<\/mark><\/a><\/strong>Il s&#039;agit g\u00e9n\u00e9ralement d&#039;une paire de portes avec des panneaux vitr\u00e9s qui s&#039;ouvrent par le milieu. Les pi\u00e8ces uniques comprennent\u00a0:\n<ul class=\"wp-block-list\">\n<li><strong>Astragale :<\/strong> Moulure verticale fix\u00e9e au bord d&#039;une porte sur deux. Elle recouvre l&#039;espace entre les deux portes lorsqu&#039;elles sont ferm\u00e9es, assurant ainsi l&#039;\u00e9tanch\u00e9it\u00e9 et abritant parfois des m\u00e9canismes de verrouillage.<\/li>\n\n\n\n<li><strong>Serrures multipoints :<\/strong> Syst\u00e8mes de verrouillage qui s\u00e9curisent la porte en plusieurs points (haut, bas, milieu) avec une seule poign\u00e9e, courants sur les portes-fen\u00eatres ou portes-fen\u00eatres plus hautes pour la s\u00e9curit\u00e9 et l&#039;\u00e9tanch\u00e9it\u00e9.<\/li>\n\n\n\n<li><strong>Verrous encastr\u00e9s :<\/strong> Comme mentionn\u00e9 pr\u00e9c\u00e9demment, utilis\u00e9 pour s\u00e9curiser la porte inactive.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>B. Portes coulissantes, escamotables, de grange et pliantes :<\/strong> Ces derniers reposent sur des rails et des rouleaux plut\u00f4t que sur des charni\u00e8res.\n<ul class=\"wp-block-list\">\n<li><strong>Syst\u00e8mes de voies :<\/strong> Des canaux m\u00e9talliques ou en plastique (mont\u00e9s au plafond ou parfois au sol) qui guident le mouvement de la porte.<\/li>\n\n\n\n<li><strong>Cintres\/Rouleaux :<\/strong> Roues ou supports fix\u00e9s sur le dessus du panneau de porte qui roulent dans le rail.<\/li>\n\n\n\n<li><strong>Guides :<\/strong> Petites pi\u00e8ces (souvent mont\u00e9es au sol) qui emp\u00eachent le bas des portes coulissantes\/de grange de pivoter d&#039;un c\u00f4t\u00e9 \u00e0 l&#039;autre.<\/li>\n\n\n\n<li><strong>Cadres de poche :<\/strong> Structures murales pr\u00e9fabriqu\u00e9es sp\u00e9ciales con\u00e7ues pour maintenir une porte escamotable proprement \u00e0 l&#039;int\u00e9rieur du mur lorsqu&#039;elle est ouverte.<\/li>\n\n\n\n<li><strong>Tirages de bord :<\/strong> Petites poign\u00e9es encastr\u00e9es utilis\u00e9es sur le bord des portes escamotables pour les r\u00e9cup\u00e9rer dans la cavit\u00e9 murale.<\/li>\n\n\n\n<li><strong>Mat\u00e9riel de pivotement\/alignement\u00a0:<\/strong> Connecteurs et pivots sp\u00e9ciaux utilis\u00e9s dans les portes pliantes pour permettre aux panneaux de se plier en douceur et de rester align\u00e9s.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Dimensions et sp\u00e9cifications des portes\u00a0: le jeu des nombres<\/strong><\/h2>\n\n\n\n<p>Obtenir les d\u00e9tails corrects est essentiel pour un bon fonctionnement.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A. Tailles standard :<\/strong> Les portes sont disponibles dans des dimensions courantes. Conna\u00eetre les <strong><a href=\"https:\/\/hotianwindows.com\/fr\/standard-door-sizes\/\" target=\"_blank\" data-type=\"post\" data-id=\"7932\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">dimensions de portes standard<\/mark><\/a><\/strong> (par exemple, 203 cm de hauteur et 76 ou 91 cm de largeur aux \u00c9tats-Unis) est utile lors de la commande ou du remplacement. Les dimensions m\u00e9triques sont utilis\u00e9es dans de nombreuses autres r\u00e9gions du monde.<\/li>\n\n\n\n<li><strong>B. Positionnement du mat\u00e9riel :<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Distance au dos :<\/strong> Distance entre le bord de la porte et le centre du trou perc\u00e9 pour la serrure (les distances d&#039;entr\u00e9e courantes sont de 2 \u215c po et 2 \u00be po). Cette distance est essentielle pour garantir un ajustement parfait de la serrure.<\/li>\n\n\n\n<li><strong>Al\u00e9sage :<\/strong> Diam\u00e8tre du ou des trous principaux perc\u00e9s pour la serrure\/le p\u00eane dormant. Doit correspondre aux exigences mat\u00e9rielles.<\/li>\n\n\n\n<li><strong>Espacement et \u00e9cartement des charni\u00e8res\u00a0:<\/strong> Les charni\u00e8res doivent \u00eatre correctement plac\u00e9es le long du montant et du bord de la porte. De petits espaces r\u00e9guliers autour du panneau de porte sont n\u00e9cessaires pour qu&#039;il puisse pivoter librement sans se bloquer.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>C. Tol\u00e9rances d&#039;installation :<\/strong> Des espaces et d\u00e9gagements acceptables sont pr\u00e9vus autour de la porte et du cadre pour permettre un fonctionnement fluide et les mouvements saisonniers du bois. Les codes du b\u00e2timent peuvent sp\u00e9cifier certains d\u00e9gagements, notamment pour les portes coupe-feu.<\/li>\n\n\n\n<li><strong>D. Cotes et normes :<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>ANSI\/BHMA :<\/strong> Recherchez les grades (comme Grade 1, 2, 3) sur le mat\u00e9riel, indiquant les performances, la durabilit\u00e9 et les normes de s\u00e9curit\u00e9 \u00e9tablies par l&#039;American National Standards Institute\/Builders Hardware Manufacturers Association. Le grade 1 est g\u00e9n\u00e9ralement le plus \u00e9lev\u00e9 et le plus durable.<\/li>\n\n\n\n<li><strong>Indices de r\u00e9sistance au feu :<\/strong> Les portes (et les cadres\/quincaillerie) utilis\u00e9es dans des endroits sp\u00e9cifiques (comme entre le garage et la maison) doivent \u00eatre class\u00e9es comme r\u00e9sistantes au feu (par exemple, 20 minutes, 90 minutes) indiquant la dur\u00e9e pendant laquelle elles r\u00e9sistent au feu.<\/li>\n\n\n\n<li><strong>Indices de bruit (STC) :<\/strong> L&#039;indice de transmission acoustique indique la capacit\u00e9 d&#039;une porte \u00e0 bloquer le son. Un indice STC plus \u00e9lev\u00e9 signifie une meilleure insonorisation.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Accessibilit\u00e9 et composants sp\u00e9cialis\u00e9s : r\u00e9pondre \u00e0 des besoins sp\u00e9cifiques<\/strong><\/h2>\n\n\n\n<p>Certains composants sont con\u00e7us pour des besoins sp\u00e9cifiques :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A. Caract\u00e9ristiques conformes \u00e0 l&#039;ADA\u00a0:<\/strong> Pour r\u00e9pondre aux normes d\u2019accessibilit\u00e9 :\n<ul class=\"wp-block-list\">\n<li><em>Poign\u00e9es \u00e0 levier<\/em> sont n\u00e9cessaires \u00e0 la place des boutons ronds (plus faciles \u00e0 saisir).<\/li>\n\n\n\n<li><em>Seuils<\/em> doit \u00eatre de profil bas (max \u00bd pouce de hauteur, souvent biseaut\u00e9).<\/li>\n\n\n\n<li><em>Ferme-portes<\/em> doit fonctionner suffisamment lentement pour ne pas g\u00eaner le passage.<\/li>\n\n\n\n<li>Minimum <em>largeur d&#039;ouverture libre<\/em> (g\u00e9n\u00e9ralement 32 pouces) doit \u00eatre fourni.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>B. Contr\u00f4le du feu et du son :<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>Joints intumescents :<\/em> Bandes sp\u00e9ciales appliqu\u00e9es sur les portes\/cadres coupe-feu qui gonflent rapidement lorsqu&#039;elles sont expos\u00e9es \u00e0 la chaleur, scellant les espaces pour bloquer la fum\u00e9e et les flammes.<\/li>\n\n\n\n<li><em>Verre coupe-feu :<\/em> Verre qui a \u00e9t\u00e9 test\u00e9 pour r\u00e9sister au feu pendant une p\u00e9riode d\u00e9termin\u00e9e.<\/li>\n\n\n\n<li><em>Noyaux acoustiques :<\/em> Mat\u00e9riaux denses \u00e0 l&#039;int\u00e9rieur du panneau de porte con\u00e7us pour bloquer le son.<\/li>\n\n\n\n<li><em>Joints et balayages acoustiques :<\/em> Joints haute performance autour du cadre et du bas de la porte sp\u00e9cialement con\u00e7us pour une r\u00e9duction sonore maximale.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>C. Efficacit\u00e9 \u00e9nerg\u00e9tique :<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>Noyaux isol\u00e9s :<\/em> Mousse ou autres mat\u00e9riaux isolants \u00e0 l&#039;int\u00e9rieur du panneau de porte (particuli\u00e8rement important pour les portes ext\u00e9rieures) pour r\u00e9duire le transfert de chaleur (mesur\u00e9 par la valeur R ou le facteur U).<\/li>\n\n\n\n<li><em>Joints d&#039;\u00e9tanch\u00e9it\u00e9 et balais haute performance :<\/em> Assurez-vous que les joints sont bien \u00e9tanches pour \u00e9viter les fuites d\u2019air.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>D\u00e9pannage par composant\u00a0: r\u00e9solution des probl\u00e8mes courants<\/strong><\/h2>\n\n\n\n<p>Conna\u00eetre les pi\u00e8ces permet de diagnostiquer les probl\u00e8mes :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00ab Ma porte coince ou se bloque. \u00bb<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>V\u00e9rifier:<\/em> Charni\u00e8res (vis desserr\u00e9es, goupilles tordues, us\u00e9es ?), Panneau de porte (gonfl\u00e9 par l&#039;humidit\u00e9 ?), Cadre (affaiss\u00e9, mal \u00e9querr\u00e9 ?).<\/li>\n\n\n\n<li><em>Solution:<\/em> Serrez les vis, calez les charni\u00e8res, rabotez l\u00e9g\u00e8rement le bord de la porte, ajustez le cadre si possible.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u00ab La porte ne se verrouille pas correctement. \u00bb<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>V\u00e9rifier:<\/em> Alignement du p\u00eane dormant avec le trou de la g\u00e2che, position de la g\u00e2che, alignement de la charni\u00e8re (porte affaiss\u00e9e ?).<\/li>\n\n\n\n<li><em>Solution:<\/em> Ajustez la position de la g\u00e2che (classez l&#039;ouverture plus large ou repositionnez), calez les charni\u00e8res pour r\u00e9aligner la porte.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u00ab Il y a des courants d&#039;air autour de la porte. \u00bb<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>V\u00e9rifier:<\/em> Joints d&#039;\u00e9tanch\u00e9it\u00e9 (us\u00e9s, comprim\u00e9s, manquants ?), balais de porte (us\u00e9s, endommag\u00e9s, mauvais contact ?), but\u00e9es de porte (la porte se ferme-t-elle herm\u00e9tiquement contre eux ?).<\/li>\n\n\n\n<li><em>Solution:<\/em> Remplacez le coupe-froid\/le balai, ajustez les but\u00e9es ou le loquet pour une fermeture plus serr\u00e9e.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u00ab La serrure est difficile \u00e0 tourner ou se bloque. \u00bb<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>V\u00e9rifier:<\/em> Cl\u00e9 us\u00e9e\u00a0? M\u00e9canisme de serrure \u00e0 lubrifier\u00a0? P\u00eane mal align\u00e9 avec la g\u00e2che\u00a0?<\/li>\n\n\n\n<li><em>Solution:<\/em> Essayez un lubrifiant au graphite (pas d&#039;huile !), v\u00e9rifiez l&#039;alignement, il faudra peut-\u00eatre remplacer la serrure.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Bricolage ou remplacement\u00a0:<\/strong> Les r\u00e9glages simples (serrage des vis, lubrification, remplacement des coupe-froid) sont souvent \u00e0 r\u00e9aliser soi-m\u00eame. Les op\u00e9rations plus complexes (rabotage des portes, repositionnement important des g\u00e2ches, remplacement des serrures \u00e0 mortaiser) peuvent n\u00e9cessiter plus de comp\u00e9tences ou l&#039;intervention d&#039;un professionnel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Choisir les bons composants de porte\u00a0: faire des choix intelligents<\/strong><\/h2>\n\n\n\n<p>Lors de l&#039;achat ou de la mise \u00e0 niveau, tenez compte des \u00e9l\u00e9ments suivants\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A. Mat\u00e9riaux et durabilit\u00e9 :<\/strong> Comparez le bois, la fibre de verre, l&#039;acier et le composite en fonction de votre climat, de votre budget et du niveau d&#039;entretien souhait\u00e9. (Reportez-vous \u00e0 la section IV.B et aux guides associ\u00e9s.) Quelle est sa dur\u00e9e de vie\u00a0? Quel est son degr\u00e9 d&#039;usure\u00a0?<\/li>\n\n\n\n<li><strong>B. Styles assortis :<\/strong> Choisissez des designs de panneaux, des finitions de quincaillerie et des styles de bo\u00eetiers qui s&#039;harmonisent avec l&#039;architecture de votre maison (traditionnelle, moderne, rustique, etc.). La coh\u00e9rence est essentielle\u00a0!<\/li>\n\n\n\n<li><strong>C. Fonctionnalit\u00e9, performance et efficacit\u00e9 \u00e9nerg\u00e9tique :<\/strong>\n<ul class=\"wp-block-list\">\n<li><em>S\u00e9curit\u00e9:<\/em> Privil\u00e9giez les p\u00eanes dormants robustes, les portes \u00e0 \u00e2me pleine ou les portes m\u00e9talliques pour l\u2019acc\u00e8s ext\u00e9rieur.<\/li>\n\n\n\n<li><em>Contr\u00f4le du son :<\/em> Optez pour des portes \u00e0 \u00e2me pleine et de bonnes \u00e9tanch\u00e9it\u00e9s entre les pi\u00e8ces si le bruit est un probl\u00e8me.<\/li>\n\n\n\n<li><em>\u00c9conomies d&#039;\u00e9nergie :<\/em> Essentiel pour les portes ext\u00e9rieures : recherchez des noyaux isol\u00e9s et d\u2019excellents coupe-froids\/balayettes.<\/li>\n\n\n\n<li><em>Facilit\u00e9 d&#039;installation :<\/em> Consid\u00e9rant un <strong><a href=\"https:\/\/hotianwindows.com\/fr\/what-is-pre-hung-door\/\" target=\"_blank\" data-type=\"post\" data-id=\"4878\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">Qu&#039;est-ce qu&#039;une porte pr\u00e9-mont\u00e9e ?<\/mark><\/a><\/strong> L&#039;unit\u00e9 (porte d\u00e9j\u00e0 dans son cadre) peut permettre d&#039;\u00e9conomiser un temps et des efforts d&#039;installation consid\u00e9rables par rapport \u00e0 l&#039;installation d&#039;une porte \u00e0 dalle.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Glossaire complet de la terminologie des portes<\/strong><\/h2>\n\n\n\n<p>Nous avons abord\u00e9 de nombreux termes\u00a0! Ce guide fait office de glossaire, mais voici un r\u00e9sum\u00e9 de quelques termes cl\u00e9s\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Montant:<\/strong> Les parties lat\u00e9rales verticales du cadre de porte.<\/li>\n\n\n\n<li><strong>Montant:<\/strong> Les pi\u00e8ces de bordure structurelles verticales du panneau de porte lui-m\u00eame.<\/li>\n\n\n\n<li><strong>Rail:<\/strong> Les pi\u00e8ces structurelles horizontales du panneau de porte.<\/li>\n\n\n\n<li><strong>Arr\u00eat:<\/strong> La bande \u00e0 l&#039;int\u00e9rieur du cadre contre laquelle la porte se ferme.<\/li>\n\n\n\n<li><strong>Enveloppe:<\/strong> La garniture d\u00e9corative autour du cadre.<\/li>\n\n\n\n<li><strong>G\u00e2che :<\/strong> La plaque m\u00e9tallique sur le montant qui attrape le loquet\/p\u00eane.<\/li>\n\n\n\n<li><strong>Distance au dos :<\/strong> Mesure du bord de la porte au centre du trou de serrure.<\/li>\n\n\n\n<li><strong>Pr\u00e9-suspendu :<\/strong> Bloc porte vendu avec le panneau d\u00e9j\u00e0 mont\u00e9 dans le cadre.<\/li>\n\n\n\n<li><strong>Dalle:<\/strong> Juste le panneau de porte lui-m\u00eame, sans cadre ni quincaillerie.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion et ressources suppl\u00e9mentaires<\/strong><\/h2>\n\n\n\n<p>Et voil\u00e0 ! Une plong\u00e9e dans le monde des pi\u00e8ces de porte. Vous voyez ? Pas si effrayant ! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Points cl\u00e9s \u00e0 retenir :<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Une porte est un syst\u00e8me : le cadre, le panneau, la quincaillerie et les pi\u00e8ces d\u00e9coratives fonctionnent tous ensemble.<\/li>\n\n\n\n<li>Conna\u00eetre les noms des pi\u00e8ces (comme les montants, les traverses, les montants, les g\u00e2ches) vous aide \u00e0 comprendre le fonctionnement des portes, \u00e0 r\u00e9soudre les probl\u00e8mes et \u00e0 choisir judicieusement.<\/li>\n\n\n\n<li>Les mat\u00e9riaux (bois, fibre de verre, acier), le type de noyau (plein\/creux) et la qualit\u00e9 du mat\u00e9riel ont un impact significatif sur les performances, la durabilit\u00e9 et la s\u00e9curit\u00e9.<\/li>\n\n\n\n<li>Les portes sp\u00e9ciales (fran\u00e7aises, coulissantes, etc.) ont des composants uniques que vous devez conna\u00eetre.<\/li>\n\n\n\n<li>Les mesures et les sp\u00e9cifications (comme la distance d&#039;appui et les tailles standard) sont essentielles pour un ajustement et un fonctionnement appropri\u00e9s.<\/li>\n<\/ul>\n\n\n\n<p>Comprendre ces composants vous permet de mieux entretenir votre maison, de prendre des d\u00e9cisions \u00e9clair\u00e9es lors des r\u00e9novations et d\u2019appr\u00e9cier l\u2019ing\u00e9nierie intelligente de quelque chose d\u2019aussi simple qu\u2019une porte\u00a0!<\/p>\n\n\n\n<p>Nous esp\u00e9rons que ce guide vous aura ouvert la voie (jeu de mots !) vers une meilleure compr\u00e9hension de tous ces \u00e9l\u00e9ments essentiels. Bonne chance pour votre prochain projet\u00a0! <\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc77 Note aux propri\u00e9taires et bricoleurs\u00a0: Hotian Windows est un fabricant grossiste de portes sur mesure pour les projets commerciaux et r\u00e9sidentiels. Nous fournissons des syst\u00e8mes de portes complets (cadre + vantail + quincaillerie) aux constructeurs et distributeurs. Nous ne vendons pas de pi\u00e8ces d\u00e9tach\u00e9es individuelles (charni\u00e8res, chambranles, joints, etc.) aux particuliers. Comprendre la structure d&#039;une porte est essentiel [\u2026]<\/p>","protected":false},"author":1,"featured_media":16904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-4775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-doors-windows"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/posts\/4775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/comments?post=4775"}],"version-history":[{"count":0,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/posts\/4775\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/media\/16904"}],"wp:attachment":[{"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/media?parent=4775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/categories?post=4775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotianwindows.com\/fr\/wp-json\/wp\/v2\/tags?post=4775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}