
    <div class="navigation-offcanvas-container js-navigation-offcanvas">
        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
            <div class="countries-wrapper d-block d-sm-block d-md-none d-lg-none d-xl-none mb-2 mt-2">
                                                    
    
        <div class="top-bar-nav-item top-bar-menu col-lg-6">
                            <div class="service-menu dropdown">
                    <button class="btn dropdown-toggle top-bar-nav-btn" type="button" id="serviceMenuDropdown-" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                        <span class="top-bar-nav-text">Pays de livraison:</span>

                        
                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                    <noscript><img src="https://www.metallerie-sur-mesure.fr/media/b1/15/24/1637583029/Flagge_Frankreich.svg"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/b1/15/24/1637583029/Flagge_Frankreich.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                    </span>
                                                            
                            
    <span class="icon icon-fa-chevron-down">
            <svg viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" /></svg>
    </span>

                    </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="serviceMenuDropdown-">

                            
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metaalbouw-shop.be" title="Belgique">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/2c/70/6c/1608204368/Flagge_Belgien.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/2c/70/6c/1608204368/Flagge_Belgien.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Belgique                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metaalbouw-shop.nl" title="Pays-Bas">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/5a/d0/58/1610443004/Flagge_NL.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/5a/d0/58/1610443004/Flagge_NL.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Pays-Bas                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de" title="Allemagne">

                                        
                                                                                    <span class="top-bar-list-icon language-flag country-de language-de"></span>Allemagne                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/at" title="Autriche">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/e9/63/e0/1608204352/Flagge_AT.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/e9/63/e0/1608204352/Flagge_AT.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Autriche                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/ch" title="Suisse">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/86/50/43/1608542448/Flagge_Schweiz_neu.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/86/50/43/1608542448/Flagge_Schweiz_neu.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Suisse                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/it" title="Italie">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/1e/1b/1d/1610446838/Flagge_IT.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/1e/1b/1d/1610446838/Flagge_IT.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Italie                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/lu" title="Luxembourg">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallerie-sur-mesure.fr/media/55/44/49/1608201098/Flagge_Luxemburg.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallerie-sur-mesure.fr/media/55/44/49/1608201098/Flagge_Luxemburg.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Luxembourg                                                                                    
                                        
                                        
                                    </a>
                                                                                    </div>


                                    </div>
                    </div>

                                </div>

                                <div class="navigation-offcanvas-headline">
                    Catégories
            </div>
            
            <ul class="list-unstyled navigation-offcanvas-list">
                

<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/portails-et-clotures/" data-href="/widgets/menu/offcanvas?navigationId=ec0830f7941e4e8a99c7363e46afec26" title="Portails et clôtures">
                            <span>Portails et clôtures</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/balustrades/" data-href="/widgets/menu/offcanvas?navigationId=2d256f5f887c46028eb0c6121d8f2420" title="Balustrades">
                            <span>Balustrades</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/grilles-et-protections-anti-effraction/" data-href="/widgets/menu/offcanvas?navigationId=af7687b6905a4015802176a92e7f836c" title="Grilles et protections anti-effraction">
                            <span>Grilles et protections anti-effraction</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link" href="https://www.metallerie-sur-mesure.fr/barrieres-de-porte-anti-inondation/" title="Barrières de porte anti-inondation">
                            <span>Barrières de porte anti-inondation</span>
                                    </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/jardin/" data-href="/widgets/menu/offcanvas?navigationId=afb82fa04039432ea16433a64cb6e5e5" title="Jardin">
                            <span>Jardin</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/balcons/" data-href="/widgets/menu/offcanvas?navigationId=a2e1037f433e4aed933a83a0f62fdc45" title="Balcons">
                            <span>Balcons</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/brise-vues/" data-href="/widgets/menu/offcanvas?navigationId=153aa33754f5426c83342bf3bc1457f3" title="Brise-vues">
                            <span>Brise-vues</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/plaques-de-metal/" data-href="/widgets/menu/offcanvas?navigationId=8e89b789f17848cdb087bf84f0661bcf" title="Plaques de métal">
                            <span>Plaques de métal</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallerie-sur-mesure.fr/autres/" data-href="/widgets/menu/offcanvas?navigationId=0ec547805e6147c9a4ce9123ebda474b" title="Autres">
                            <span>Autres</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                
    
    <span class="icon icon-arrow-medium-right icon-sm">
            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

    </span>
                        </span>
                                                        </a>
    </li>
                            </ul>

        </div>
    </div>