
    <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://stage-mdr.mw-hosting.net/media/f2/96/c2/1637582311/Flagge_Frankreich.svg"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/f2/96/c2/1637582311/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://stage-mdr.mw-hosting.net/be" title="Belgien">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/2c/70/6c/1608204368/Flagge_Belgien.png"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/2c/70/6c/1608204368/Flagge_Belgien.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Belgien                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net/nl" title="Niederlande">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/5a/d0/58/1610443004/Flagge_NL.png"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/5a/d0/58/1610443004/Flagge_NL.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Niederlande                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net" title="Deutschland">

                                        
                                                                                    <span class="top-bar-list-icon language-flag country-de language-de"></span>Deutschland                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net/at" title="Österreich">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/e9/63/e0/1608204352/Flagge_AT.png"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/e9/63/e0/1608204352/Flagge_AT.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Österreich                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net/ch" title="Schweiz">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/86/50/43/1608542448/Flagge_Schweiz_neu.png"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/86/50/43/1608542448/Flagge_Schweiz_neu.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Schweiz                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net/it" title="Italien">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/36/41/46/1608134547/Flag_of_Italy.svg"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/36/41/46/1608134547/Flag_of_Italy.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Italien                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://stage-mdr.mw-hosting.net/lu" title="Luxemburg">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://stage-mdr.mw-hosting.net/media/35/81/7f/1608129090/Flag_of_Luxembourg.svg"></noscript><img class="maxia-lazy-image " data-src="https://stage-mdr.mw-hosting.net/media/35/81/7f/1608129090/Flag_of_Luxembourg.svg" 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://stage-mdr.mw-hosting.net/fr/portails-et-clotures/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/balustrades/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/grilles-et-protections-anti-effraction/" data-href="/fr/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="/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://stage-mdr.mw-hosting.net/fr/jardin/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/balcons/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/plaques-de-metal/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/brise-vues/" data-href="/fr/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://stage-mdr.mw-hosting.net/fr/autres.../" data-href="/fr/widgets/menu/offcanvas?navigationId=31a0c78f7be0430f9c6c668693c73a53" 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>