
    <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">
                            
        </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>

                                <a class="nav-item nav-link is-home-link navigation-offcanvas-link js-navigation-offcanvas-link" href="/widgets/menu/offcanvas" title="Navigation">
                    <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                        <span class="icon icon-stack">
                            <svg width="24" height="24" viewBox="0 0 24 24">
  <path fill="#758CA3" fill-rule="evenodd" d="M3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 L21,11 C21.5522847,11 22,11.4477153 22,12 C22,12.5522847 21.5522847,13 21,13 L3,13 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 L21,4 C21.5522847,4 22,4.44771525 22,5 C22,5.55228475 21.5522847,6 21,6 L3,6 Z M3,20 C2.44771525,20 2,19.5522847 2,19 C2,18.4477153 2.44771525,18 3,18 L21,18 C21.5522847,18 22,18.4477153 22,19 C22,19.5522847 21.5522847,20 21,20 L3,20 Z" />
</svg>

        </span>            </span>
            <span>
                Navigation
            </span>
            </a>

                    <a class="nav-item nav-link navigation-offcanvas-headline" href="https://www.metallerie-sur-mesure.fr/portails-et-clotures/" title>
                    <span>
                Portails et clôtures
            </span>
            </a>

                <a class="nav-item nav-link is-back-link navigation-offcanvas-link js-navigation-offcanvas-link" href="/widgets/menu/offcanvas?navigationId=e2a950d016314a26a75e65ff5353be36" title="Retour">
            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-left 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-left-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="matrix(0 -1 -1 0 16 16)" xlink:href="#icons-small-arrow-medium-left-a" />
</svg>

        </span>                    </span>

        <span>
            Retour
        </span>
    </a>
            
            <ul class="list-unstyled navigation-offcanvas-list">
                                    <li class="navigation-offcanvas-list-item">
        <a class="nav-item nav-link navigation-offcanvas-link is-current-category" href="https://www.metallerie-sur-mesure.fr/portails-et-clotures/" title="Portails et clôtures">
                    <span>
                    Afficher Portails et clôtures
                </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/portails-et-clotures/portillons-de-jardin/" data-href="/widgets/menu/offcanvas?navigationId=bfb2766651e041f7a6c1ab00932f76bf" title="Portillons de jardin">
                            <span>Portillons de 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/portails-et-clotures/portails-de-jardin/" data-href="/widgets/menu/offcanvas?navigationId=b3d810cdb78f46b99dcb409c3b3fee19" title="Portails de jardin">
                            <span>Portails de 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/portails-et-clotures/clotures-de-jardin/" data-href="/widgets/menu/offcanvas?navigationId=95f128e23cab4c648910a8252dc4c363" title="Clôtures de jardin">
                            <span>Clôtures de 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/portails-et-clotures/boites-aux-lettres-sur-pied/" data-href="/widgets/menu/offcanvas?navigationId=0e433cd7fb134ecd87a2dccafc89443b" title="Boites aux lettres sur pied">
                            <span>Boites aux lettres sur pied</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>