PageSourceSearch

https://www.rothoblaas.fr/

html rothoblaas.fr collected 2026-10-06 04:56:48 UTC 178,516 bytes, 2,410 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="fr">
3    <head>
4    <meta charset="utf-8">
5    <title> Rothoblaas - fourniture pour la construction en bois </title>
6
7            <meta name="description" content="Rothoblaas développe des produits pour les professionnels de la construction bois: charpentiers, ingénieurs et installateurs de systèmes antichute.">
8    
9                                    <link rel="alternate" href="https://www.rothoblaas.it" hreflang="it"/>
10                                                <link rel="alternate" href="https://www.rothoblaas.com" hreflang="x-default"/>
11                        <link rel="alternate" href="https://www.rothoblaas.com" hreflang="en"/>
12                                            <link rel="alternate" href="https://www.rothoblaas.de" hreflang="de"/>
13                                            <link rel="alternate" href="https://www.rothoblaas.fr" hreflang="fr"/>
14                                            <link rel="alternate" href="https://www.rothoblaas.es" hreflang="es"/>
15                                            <link rel="alternate" href="https://www.rothoblaas.pt" hreflang="pt"/>
16                                            <link rel="alternate" href="https://www.rothoblaas.cn" hreflang="zh"/>
17                                            <link rel="alternate" href="https://www.rothoblaas.ru.com" hreflang="ru"/>
18                                            <link rel="alternate" href="https://www.rothoblaas.pl" hreflang="pl"/>
19            
20    
21    
22        <meta name="google-site-verification" content="0tbRi2ReWhmr67pKnCYxSK7OdUY8gCF2e0n8qwMcFfE">
23
24    
25    
26    <meta name="algolia-site-verification" content="1DAFD6341A81DF07"/>
27
28    <meta name="csrf-token" content="l8UP4zixemAzL5soonGMkh0nuhvWv9XcTbFKZTwf">
29
30    <meta name="HandheldFriendly" content="True">
31    <meta name="MobileOptimized" content="320">
32    <meta name="viewport" content="width=device-width, initial-scale=1.0">
33    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
34    <meta http-equiv="cleartype" content="on">
35
36    <meta property="og:title" content="Rothoblaas - fourniture pour la construction en bois"/>
37    <meta property="og:url" content="https://www.rothoblaas.fr"/>
38    <meta property="og:type" content="website"/>
39    <meta property="og:description" content="Rothoblaas développe des produits pour les professionnels de la construction bois: charpentiers, ingénieurs et installateurs de systèmes antichute."/>
40    <meta name="twitter:card" content="summary_large_image" />
41    <meta name="twitter:title" content="Rothoblaas - fourniture pour la construction en bois"/>
42    <meta name="twitter:description" content="Rothoblaas développe des produits pour les professionnels de la construction bois: charpentiers, ingénieurs et installateurs de systèmes antichute."/>
43            <meta property="og:image" content="https://www.rothoblaas.fr/assets/images/social-cover.jpg"/>
44        <meta name="twitter:image" content="https://www.rothoblaas.fr/assets/images/social-cover.jpg"/>
45    
46    <meta property="og:image:width" content="1200"/>
47    <meta property="og:image:height" content="627"/>
48
49            <link rel="stylesheet" href="https://use.typekit.net/pwr3flh.css">
50    
51    <link rel="stylesheet" href="https://www.rothoblaas.fr/assets/styles/full-modern.css?version=1791204460">
52
53        <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/tippy.css"/>
54    
55
56
57    
57<script async defer src="/assets/scripts/bundle.js?id=e04517c4bfb8613cfc7e"></script>
57
58    
58<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
58
59    
59<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
59
60    
60<script defer src="https://cdn.jsdelivr.net/npm/@ryangjchandler/[email protected]/dist/cdn.min.js"></script>
60
61    
61<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
61
62
63    
64    
65
66    <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/icons/apple-icon-57x57.png">
67<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/icons/apple-icon-60x60.png">
68<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/icons/apple-icon-72x72.png">
69<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/icons/apple-icon-76x76.png">
70<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/icons/apple-icon-114x114.png">
71<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/icons/apple-icon-120x120.png">
72<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/icons/apple-icon-144x144.png">
73<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/icons/apple-icon-152x152.png">
74<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icons/apple-icon-180x180.png">
75<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/icons/android-icon-192x192.png">
76<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/icons/favicon-32x32.png">
77<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/icons/favicon-96x96.png">
78<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/icons/favicon-16x16.png">
79<link rel="manifest" href="/manifest.json">
80<meta name="msapplication-TileColor" content="#ffffff">
81<meta name="msapplication-TileImage" content="/assets/images/icons/ms-icon-144x144.png">
82<meta name="theme-color" content="#ffffff">
83<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
84<link rel="icon" href="/favicon.ico" type="image/x-icon">
85    
86    
87        
88            
88<script type="text/javascript" src="https://embeds.iubenda.com/widgets/9d4bbb35-5b20-4223-973c-a183a59ab682.js"
89        perPurposeConsent="true"></script>
vendor: 1 bytes, line 89
89
90<script>
91    const iubendaCallbacks = window._iub?.csSiteConf?.callback;
92    if (iubendaCallbacks) {
93        const onReady = iubendaCallbacks.onReady;
94        iubendaCallbacks.onReady = function (...args) {
95            onReady?.apply(this, args);
96            window.dispatchEvent(new Event('iub-consent-updated'));
97        };
98    }
99</script>
vendor: 1 bytes, line 99
99
100<script type="text/javascript" async src="https://cdn.iubenda.com/iubenda.js"></script>
100
101
102<script>
103    document.addEventListener('alpine:init', () => {
104        Alpine.data('cookieConsent', () => ({
105            hasNecessaryConsent: false,
106            hasFunctionalConsent: false,
107            hasExperienceConsent: false,
108            hasMeasuringConsent: false,
109            hasMarketingConsent: false,
110            init() {
111                this.updateFromPreferences();
112                window.addEventListener('iub-consent-updated', () => this.updateFromPreferences());
113            },
114            updateFromPreferences() {
115                this.hasNecessaryConsent = this.readPurpose(1);
116                this.hasFunctionalConsent = this.readPurpose(2);
117                this.hasExperienceConsent = this.readPurpose(3);
118                this.hasMeasuringConsent = this.readPurpose(4);
119                this.hasMarketingConsent = this.readPurpose(5);
120            },
121            readPurpose(purposeId) {
122                const api = window._iub?.cs?.api;
123                if (typeof api?.getPreferences !== 'function') {
124                    console.log('missing preferences');
125                    return false;
126                }
127
128                const preferences = api.getPreferences();
129                const purposeStates = api.getPurposesState?.();
130                console.log('preferences', preferences);
131                console.log('purposeStates', purposeStates);
132                if (api.gdprApplies?.() || api.lgpdApplies?.()) {
133                    const purpose = String(purposeId);
134                    const state = purposeStates?.[purpose];
135
136                    return typeof state === 'boolean'
137                        ? state
138                        : preferences?.purposes?.[purpose] === true;
139                }
140
141                const usprPurposes = ['s', 'sh', 'adv'];
142                const usprState = preferences?.uspr ?? purposeStates;
143                if (usprPurposes.some((purpose) => Object.prototype.hasOwnProperty.call(usprState ?? {}, purpose))) {
144                    return navigator.globalPrivacyControl !== true
145                        && usprPurposes.every((purpose) => usprState[purpose] !== false);
146                }
147
148                if (preferences?.purposes) {
149                    return preferences.purposes[String(purposeId)] === true;
150                }
151
152                return navigator.globalPrivacyControl !== true && preferences?.consent !== false;
153            },
154            openPreferences() {
155                const api = window._iub?.cs?.api;
156                if (typeof api?.openPreferences === 'function') {
157                    api.openPreferences();
158                } else if (typeof api?.showCP === 'function') {
159                    api.showCP();
160                } else {
161                    const btn = document.querySelector('.iubenda-cs-preferences-link');
162                    if (btn) btn.click();
163                }
164            },
165        }));
166    });
167</script>
167
168
169            <!-- Google Tag Manager -->
170<script>
vendor: 441 bytes, lines 170-179
170
171    (function (w, d, s, l, i) {
172        w[l] = w[l] || [];
173        w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
174        var f = d.getElementsByTagName(s)[0],
175            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
176        j.async = true;
177        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
178        f.parentNode.insertBefore(j, f);
179    })(window, document, 'script', 'dataLayer', '
179GTM-TQB7MFF
vendor: 4 bytes, line 179
179');
180</script>
180
181<!-- End Google Tag Manager -->
182
183
184
185
186    <!-- Facebook Pixel Code -->
187    
187<script type="text/plain" class="_iub_cs_activate-inline" data-iub-purposes="5">
vendor: 710 bytes, lines 187-209
187
188        !function (f, b, e, v, n, t, s) {
189            if (f.fbq) return;
190            n = f.fbq = function () {
191                n.callMethod ?
192                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
193            };
194            if (!f._fbq) f._fbq = n;
195            n.push = n;
196            n.loaded = !0;
197            n.version = '2.0';
198            n.queue = [];
199            t = b.createElement(e);
200            t.async = !0;
201            t.src = v;
202            s = b.getElementsByTagName(e)[0];
203            s.parentNode.insertBefore(t, s)
204        }(window, document, 'script',
205            'https://connect.facebook.net/en_US/fbevents.js');
206
207        
208        
209                    fbq('init', '
2091204268234616664
vendor: 110 bytes, lines 209-219
209');
210
211        
212        
213        
214        
215        
216        
217        
218        fbq('track', 'PageView');
219        
219fbq('track', 'ViewContent');
220
221    </script>
221
222    <noscript type="text/plain" class="_iub_cs_activate" data-iub-purposes="5">
223
224        
225        
226                    <!-- FR -->
227            <img height="1" width="1" style="display:none"
228                 src="https://www.facebook.com/tr?id=1204268234616664&ev=PageView&noscript=1"/>
229        
230        
231        
232        
233        
234    </noscript>
235    <!-- End Facebook Pixel Code -->
236
237    
237<script type="text/javascript">
238        _linkedin_partner_id = "8908042";
239        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
240        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
241    </script>
241
242    
242<script type="text/plain" class="_iub_cs_activate-inline" data-iub-purposes="5" >
243        (function (l) {
244            if (!l) {
245                window.lintrk = function (a, b) {
246                    window.lintrk.q.push([a, b])
247                };
248                window.lintrk.q = []
249            }
250            var s = document.getElementsByTagName("script")[0];
251            var b = document.createElement("script");
252            b.type = "text/javascript";
253            b.async = true;
254            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
255            s.parentNode.insertBefore(b, s);
256        })(window.lintrk);
257    </script>
257
258    <noscript type="text/plain" class="_iub_cs_activate" data-iub-purposes="5">
259        <img height="1" width="1" style="display:none;" alt=""
260             src="https://px.ads.linkedin.com/collect/?pid=8908042&fmt=gif"/>
261    </noscript>
262
263
264            
265    
265<script>
266    document.addEventListener('alpine:init', () => {
267
268        function slugify(value) {
269            return (value || '')
270                .toString()
271                .trim()
272                .toLowerCase()
273                .normalize('NFD')
274                .replace(/[\u0300-\u036f]/g, '')
275                .replace(/[^a-z0-9]+/g, '-')
276                .replace(/^-+|-+$/g, '');
277        }
278
279        Alpine.data('trackLink', (label, overrides = {}) => ({
280            observer: null,
281            init() {
282                const el = this.$el;
283                if (!el.matches('a[href]')) return;
284
285                this.applyTrackingAttrs();
286                this.observer = new MutationObserver((mutations) => {
287                    if (mutations.some((m) => m.type === 'attributes' && m.attributeName === 'href')) {
288                        this.applyTrackingAttrs();
289                    }
290                });
291                this.observer.observe(el, {attributes: true, attributeFilter: ['href']});
292            },
293            applyTrackingAttrs() {
294                const el = this.$el;
295                const href = el.getAttribute('href') || '';
296                const hrefLang = el.getAttribute('hreflang') || '';
297                const analyticsKeys = [
298                    'data-analytics-event',
299                    'data-analytics-cta_type',
300                    'data-analytics-download_type',
301                    'data-analytics-download_name',
302                    'data-analytics-cta_label',
303                    'data-analytics-page_location',
304                    'data-analytics-component',
305                    'data-analytics-interaction_type',
306                    'data-analytics-lead_subtype',
307                    'data-analytics-cta_intent'
308                ];
309
310                if (!href || href.startsWith('#')) {
311                    analyticsKeys.forEach((key) => el.removeAttribute(key));
312                    return;
313                }
314
315                let hostname = '';
316                try {
317                    hostname = new URL(href, window.location.href).hostname.toLowerCase();
318                } catch (e) {
319                    analyticsKeys.forEach((key) => el.removeAttribute(key));
320                    return;
321                }
322
323                const isRothoblaasDomain = /^(?:www\.)?rothoblaas\.[a-z]{2,}$/i.test(hostname);
324                if (!isRothoblaasDomain) {
325                    analyticsKeys.forEach((key) => el.removeAttribute(key));
326                    return;
327                }
328
329                let downloadType = 'none';
330                const url = new URL(href, window.location.href);
331                const match = url.pathname.match(/\.([a-z0-9]+)$/i);
332                if (match) {
333                    const ext = match[1].toLowerCase();
334                    if (ext !== 'html' && ext !== 'htm') {
335                        downloadType = ext;
336                    }
337                }
338
339                let downloadName = '';
340                downloadName = url.pathname.split('/').pop();
341
342
343                const attrs = {
344                    'data-analytics-event': 'cta_click',
345                    'data-analytics-cta_type': 'download', // or "cta_type"
346                    'data-analytics-download_type': downloadType,
347                    'data-analytics-download_name': downloadName,
348                    'data-analytics-cta_label': slugify(label) + (hrefLang ? '_' + hrefLang : ''),
349                    //'data-analytics-page_location': 'body',
350                    //'data-analytics-component': 'button',
351                    //'data-analytics-interaction_type': 'click',
352                    'data-analytics-lead_subtype': 'none',
353                    'data-analytics-cta_intent': 'documentation',
354                    ...overrides
355                };
356
357                Object.entries(attrs).forEach(([key, value]) => {
358                    el.setAttribute(key, value);
359                });
360            },
361            destroy() {
362                if (this.observer) {
363                    this.observer.disconnect();
364                }
365            }
366        }));
367    });
368</script>
vendor: 1 bytes, line 368
368
369<script>
370    (function () {
371        const ctaIntents = new Set(['documentation', 'navigation', 'sales', 'support']);
372        const ctaTypes = new Set(['download', 'navigation', 'contact']);
373        const events = new Set(['cta_click']);
374        const pageLocations = new Set(['body', 'hero', 'header', 'footer']);
375
376        function getAttr(element, suffix) {
377            return (
378                element.getAttribute('data-analytics-' + suffix)
379            );
380        }
381
382        function getAnalyticsDataAttributes(element) {
383            const result = {};
384            Array.from(element.attributes)
385                .filter((attr) => /^data-(analytics)-/.test(attr.name))
386                .forEach((attr) => {
387                    result[attr.name] = attr.value;
388                });
389            return result;
390        }
391
392        function isToken(value) {
393            return /^[a-z0-9_-]+$/.test(value || '');
394        }
395
396        document.addEventListener('click', function (event) {
397            const element = event.target.closest('[data-analytics-event]');
398            if (!element) return;
399
400            const eventName = getAttr(element, 'event');
401            const ctaType = getAttr(element, 'cta_type');
402            const pageLocation = getAttr(element, 'page_location');
403            const component = getAttr(element, 'component');
404            const interactionType = getAttr(element, 'interaction_type');
405            let downloadType = getAttr(element, 'download_type');
406            if (downloadType === '' || downloadType === null) {
407                downloadType = 'none';
408            }
409            let downloadName = getAttr(element, 'download_name');
410            if (downloadName === '' || downloadName === null) {
411                downloadName = '';
412            }
413            const leadSubtype = getAttr(element, 'lead_subtype');
414            const ctaIntent = getAttr(element, 'cta_intent');
415            const ctaLabel = getAttr(element, 'cta_label');
416
417            const validations = [
418                {
419                    rule: 'event must be a of a valid type',
420                    pass: Boolean(ctaType) && events.has(eventName)
421                },
422                {
423                    rule: 'cta_type must be a non-empty analytics token (download, navigation, contact, ...)',
424                    pass: Boolean(ctaType) && ctaTypes.has(ctaType)
425                },
426                /*{
427                    rule: 'page_location must be one of: body, hero, header, footer',
428                    pass: Boolean(pageLocation) && pageLocations.has(pageLocation)
429                },
430                {
431                    rule: 'component must be "button"',
432                    pass: component === 'button'
433                },
434                {
435                    rule: 'interaction_type must be "click"',
436                    pass: interactionType === 'click'
437                },*/
438                {
439                    rule: 'download_type must be a real file extension token (or "none")',
440                    pass: Boolean(downloadType) && (downloadType === 'none' || /^[a-z0-9]+$/.test(downloadType))
441                },
442                {
443                    rule: 'lead_subtype must be "none" or a non-empty analytics token',
444                    pass: Boolean(leadSubtype) && (leadSubtype === 'none' || isToken(leadSubtype))
445                },
446                {
447                    rule: 'cta_intent must be a non-empty analytics token (documentation, navigation, sales, support, ...)',
448                    pass: Boolean(ctaIntent) && ctaIntents.has(ctaIntent)
449                },
450                {
451                    rule: 'cta_label must be a non-empty string',
452                    pass: typeof ctaLabel === 'string' && ctaLabel.trim() !== ''
453                }
454            ];
455
456            const failures = validations.filter((validation) => !validation.pass);
457            if (failures.length) {
458                failures.forEach((failure) => {
459                    console.error('[analytics-validation] Rule failed:', failure.rule, element);
460                });
461                return;
462            }
463
464            const pathNames = [
465                '/bimcad',
466                '/technical-support',
467                '/supporto-tecnico',
468                '/technischer-support',
469                '/support-technique',
470                '/soporte-tecnico',
471                '/suporte-tecnico',
472                '/texniceskaya-podderzka',
473                '/pomoc-techniczna',
474                '/products/*',
475                '/prodotti/*',
476                '/produkte/*',
477                '/produits/*',
478                '/productos/*',
479                '/produtos/*',
480            ]
481
482            const currentPathName = window.location.pathname;
483            const hasMatchingPathName = pathNames.some((pathName) => {
484                if (!pathName.includes('*')) {
485                    return pathName === currentPathName;
486                }
487
488                const escapedPathName = pathName.replace(/[.+?^${}()|[\]\\]/g, '\\$&');
489                const pattern = '^' + escapedPathName.replace(/\*/g, '.*') + '$';
490
491                return new RegExp(pattern).test(currentPathName);
492            });
493
494            if (hasMatchingPathName) {
495                window.dataLayer = window.dataLayer || [];
496                window.dataLayer.push({
497                    event: eventName,
498                    cta_type: ctaType,
499                    cta_label: ctaLabel,
500                    //page_location: pageLocation,
501                    //component: component,
502                    //interaction_type: interactionType,
503                    download_type: downloadType,
504                    download_name: downloadName,
505                    lead_subtype: leadSubtype,
506                    cta_intent: ctaIntent
507                });
508            }
509
510            console.log('[analytics-validation] Valid analytics data:', getAnalyticsDataAttributes(element));
511        });
512    })();
513</script>
513
514
515    
516</head>
517    <body x-data="pageModal()" x-on:keydown.escape="isModalOpen=false">
518
519
520            <div class="z-10 text-center leading-none text-sm p-2 w-full font-normal overflow-hidden text-nowrap overflow-ellipsis bg-waterproofing-default">
521            <a href="https://www.rothoblaas.fr/smartbook-chantier-eau-et-durabilite"
522                              class="hover:underline ">SMARTBOOK: CHANTIER, EAU ET DURABILITÉ</a>
523        </div>
524                <div class="bg-base-surface flex lg:hidden px-4">
525            <a href="mailto:[email protected]"
526               class=" flex text-white items-center text-sm gap-4 hover:underline flex-1">
527                <svg style="height:36px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1235 650">
528    <defs>
529        <g id="b">
530            <use xlink:href="#a" transform="rotate(-144)"/>
531            <use xlink:href="#a" transform="rotate(-72)"/>
532            <use xlink:href="#a"/>
533            <use xlink:href="#a" transform="rotate(72)"/>
534            <use xlink:href="#a" transform="rotate(144)"/>
535        </g>
536        <g id="c">
537            <use xlink:href="#b" x="-.252"/>
538            <use xlink:href="#b" x="-.126"/>
539            <use xlink:href="#b"/>
540            <use xlink:href="#b" x=".126"/>
541            <use xlink:href="#b" x=".252"/>
542        </g>
543        <g id="d">
544            <use xlink:href="#c" x="-.063"/>
545            <use xlink:href="#b" x=".315"/>
546        </g>
547        <g id="e">
548            <use xlink:href="#d"/>
549            <use xlink:href="#c" y=".054"/>
550            <use xlink:href="#d" y=".108"/>
551            <use xlink:href="#c" y=".162"/>
552        </g>
553        <g id="g">
554            <use xlink:href="#e" y="-.216"/>
555            <use xlink:href="#e"/>
556            <use xlink:href="#d" y=".216"/>
557        </g>
558        <path id="a" fill="#fff" d="M-.162 0 0-.5l.162.5z" transform="scale(.0616)"/>
559        <path id="f" fill="#b22234" d="M0 0h1235v50H0z"/>
560    </defs>
561    <path fill="#fff" d="M0 0h1235v650H0z"/>
562    <use xlink:href="#f"/>
563    <use xlink:href="#f" y="100"/>
564    <use xlink:href="#f" y="200"/>
565    <use xlink:href="#f" y="300"/>
566    <use xlink:href="#f" y="400"/>
567    <use xlink:href="#f" y="500"/>
568    <use xlink:href="#f" y="600"/>
569    <path fill="#3c3b6e" d="M0 0h494v350H0z"/>
570    <use xlink:href="#g" transform="matrix(650 0 0 650 247 175)"/>
571</svg>
572                <span class=" py-2">Fast delivery from US Warehouse - Get in Touch</span>
573            </a>
574        </div>
575    <header class="sticky top-0 z-100"
576        x-data="{visibleNav: false, visibleSubNav: null, visibleSubSubNav: null, visibleSearch: false, visibleLangSelector: false, visibleBrands: false}">
577
578    <div class=" bg-base-strong flex items-center lg:hidden px-6 text-writing-inverse gap-1">
579        <a href="https://www.rothoblaas.fr" class="block py-4 flex-1">
580            <img src="/assets/images/rothoblaas-logo.svg" alt="Rothoblaas Logo" class="h-7">
581        </a>
582        <button type="button" x-on:click="visibleSearch = true">
583            <span class="sr-only">Open Search</span>
584            <svg class="h-8 w-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
585    <path d="M10.3923 16.4583C13.7414 16.4583 16.4564 13.7433 16.4564 10.3941C16.4564 7.045 13.7414 4.32999 10.3923 4.32999C7.04314 4.32999 4.32812 7.045 4.32812 10.3941C4.32812 13.7433 7.04314 16.4583 10.3923 16.4583Z"
586          stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
587    <path d="M19.6703 19.67L14.75 14.7498" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
588          stroke-linecap="round"/>
589</svg>
590        </button>
591                                    <a href="https://www.rothoblaas.fr/auth/redirect" rel="nofollow" class="text-writing-inverse">
592                    <svg class="h-9 w-9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
593    <path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z"
594          fill="white" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
595    <path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z"
596          fill="white" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
597    <path d="M12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12Z"
598          fill="#707E85" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
599    <path d="M8 17.2964C8 17.4115 8.00617 17.5267 8.0185 17.6418C11.138 19.4072 12.5189 19.4464 15.9661 17.7899C15.9877 17.6287 16 17.4642 16 17.2964C16 15.4837 14.6091 14 12.9098 14H11.0902C9.3909 14 8 15.4837 8 17.2964Z"
600          fill="#707E85" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
601</svg>
602                    <span class="sr-only">Login / Register</span>
603                </a>
604                            <button type="button" x-on:click="visibleNav = true">
605            <span class="sr-only">Open Menu</span>
606            <svg class="h-8 w-8" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
607    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
608        <path d="m5.33203 6.33221h13.33337m-13.33337 5.16779h13.33337"/>
609        <path d="m5.33203 16.6678h13.33337"/>
610    </g>
611</svg>
612        </button>
613        <div x-on:click.outside="visibleSearch = false"
614             x-show="visibleSearch"
615             x-cloak
616             class="absolute top-full w-full left-0 z-10 px-2 pb-2 bg-base-strong lg:hidden text-writing-inverse overflow-hidden flex flex-col"
617        >
618            <form action="https://www.rothoblaas.fr/search" method="GET">
619                <div class="relative text-writing-soft">
620                    <div class="w-10 h-10 absolute left-0 top-0 flex flex-col items-center justify-center">
621                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
622    <path d="M10.3923 16.4583C13.7414 16.4583 16.4564 13.7433 16.4564 10.3941C16.4564 7.045 13.7414 4.32999 10.3923 4.32999C7.04314 4.32999 4.32812 7.045 4.32812 10.3941C4.32812 13.7433 7.04314 16.4583 10.3923 16.4583Z"
623          stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
624    <path d="M19.6703 19.67L14.75 14.7498" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
625          stroke-linecap="round"/>
626</svg>
627                    </div>
628                    <label for="eyqwbfshdsh" class="sr-only">Chercher</label>
629                    <input type="text"
630                           id="eyqwbfshdsh"
631                           autocomplete="off"
632                           autocapitalize="off"
633                           autocorrect="off"
634                           spellcheck="false"
635                           name="q"
636                           class="w-full bg-base-surface text-writing-inverse border-none py-2 pl-10 rounded-xs text-md focus:ring-0 focus:inset-ring focus:outline-none focus:inset-ring-writing-soft placeholder-writing-soft"
637                           placeholder="Chercher...">
638                </div>
639                <button type="submit" class="sr-only">Chercher</button>
640            </form>
641        </div>
642    </div>
643    <div x-on:click.outside="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;"
644         x-show="visibleNav"
645         x-cloak
646         class="fixed z-10 translate-x-[20vw] w-8/10 h-dvh top-0 bg-base-strong lg:hidden text-writing-inverse overflow-hidden flex flex-col"
647         x-transition:enter="transition-transform ease-out duration-300"
648         x-transition:enter-start="translate-x-[100vw]"
649         x-transition:enter-end="translate-x-[20vw]"
650         x-transition:leave="transition-transform ease-in duration-200"
651         x-transition:leave-start="translate-x-[20vw]"
652         x-transition:leave-end="translate-x-[100vw]"
653    >
654
655        <div class="p-6 flex justify-end">
656            <button class="h-10 w-10 text-writing-inverse flex items-center justify-center" type="button"
657                    x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
658                <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
659    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
660    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
661</svg>
662                </button>
663        </div>
664        <div class="overflow-scroll no-scrollbar">
665            <div class="p-6 pt-4 flex flex-col items-start gap-6">
666                                    <div>
667                                                    <button type="button" class="text-2xl hover:underline"
668                                    x-on:click="visibleSubNav = '0f858c50-e519-4519-96b6-58b9beb17fbc'">En vedette</button>
669                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
670                                 x-show="visibleSubNav === '0f858c50-e519-4519-96b6-58b9beb17fbc'"
671                                 x-transition:enter="transition-transform ease-
671out duration-300"
672                                 x-transition:enter-start="translate-x-[100vw]"
673                                 x-transition:enter-end="translate-x-[0vw]"
674                                 x-transition:leave="transition-transform ease-in duration-200"
675                                 x-transition:leave-start="translate-x-[0vw]"
676                                 x-transition:leave-end="translate-x-[100vw]"
677                            >
678                                <div class="p-6 flex justify-end items-center">
679                                    <button class="flex-1 flex gap-2 items-center" type="button"
680                                            x-on:click="visibleSubNav = null; visibleSubSubNav = null">
681                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
682    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
683          stroke-linecap="round" stroke-linejoin="round"/>
684</svg>
685                                        <span>Retour</span>
686                                    </button>
687                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
688                                            type="button"
689                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
690                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
691    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
692    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
693</svg>
694                                        </button>
695                                </div>
696
697
698                                <div class="p-6 pt-4 flex flex-col items-stretch gap-4">
699
700                                    <a href=""
701                                       class="text-2xl hover:no-underline">En vedette</a>
702                                                                                                                        <a href="https://www.rothoblaas.fr/produits/nouveaux-produits"
703                                               class="hover:underline">Nouveaux produits</a>
704                                                                                                                                                                <a href="https://www.rothoblaas.fr/smartbook-chantier-eau-et-durabilite"
705                                               class="hover:underline">CHANTIER, EAU ET DURABILITÉ</a>
706                                                                                                                                                                <a href="https://www.rothoblaas.fr/planchers-nervures-sans-collage"
707                                               class="hover:underline">SHARP METAL</a>
708                                                                                                                                                                <a href="https://www.rothoblaas.fr/vgs-plate-la-premiere-vis-de-levage-avec-reutilisation-verifiable"
709                                               class="hover:underline">VGS PLATE</a>
710                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/feu"
711                                               class="hover:underline">Feu</a>
712                                                                                                                                                                <a href="https://www.rothoblaas.fr/sujets"
713                                               class="hover:underline">Thématiques du bâtiment</a>
714                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fan-collection"
715                                               class="hover:underline">Fan collection</a>
716                                                                                                            </div>
717                            </div>
718                                            </div>
719                                    <div>
720                                                    <button type="button" class="text-2xl hover:underline"
721                                    x-on:click="visibleSubNav = '9967dd65-227f-4909-9864-2e4e2ad00071'">Produits</button>
722                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
723                                 x-show="visibleSubNav === '9967dd65-227f-4909-9864-2e4e2ad00071'"
724                                 x-transition:enter="transition-transform ease-
724out duration-300"
725                                 x-transition:enter-start="translate-x-[100vw]"
726                                 x-transition:enter-end="translate-x-[0vw]"
727                                 x-transition:leave="transition-transform ease-in duration-200"
728                                 x-transition:leave-start="translate-x-[0vw]"
729                                 x-transition:leave-end="translate-x-[100vw]"
730                            >
731                                <div class="p-6 flex justify-end items-center">
732                                    <button class="flex-1 flex gap-2 items-center" type="button"
733                                            x-on:click="visibleSubNav = null; visibleSubSubNav = null">
734                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
735    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
736          stroke-linecap="round" stroke-linejoin="round"/>
737</svg>
738                                        <span>Retour</span>
739                                    </button>
740                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
741                                            type="button"
742                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
743                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
744    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
745    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
746</svg>
747                                        </button>
748                                </div>
749
750
751                                <div class="p-6 pt-4 flex flex-col items-stretch gap-4">
752
753                                    <a href=""
754                                       class="text-2xl hover:no-underline">Produits</a>
755                                                                                                                        <button class="flex justify-between items-center text-left" type="button"
756                                                    x-on:click="visibleSubSubNav = '5d47a855-3615-4221-973f-acd39b35e777'">
757                                                <span>Fixation</span>
758                                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
759    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
760          stroke-linecap="round" stroke-linejoin="round"/>
761</svg>
762                                            </button>
763                                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
764                                                 x-show="visibleSubSubNav === '5d47a855-3615-4221-973f-acd39b35e777'"
765                                                 x-transition:enter="transition-transform ease-out duration-300"
766                                                 x-transition:enter-start="translate-x-[100vw]"
767                                                 x-transition:enter-end="translate-x-[0vw]"
768                                                 x-transition:leave="transition-transform ease-in duration-200"
769                                                 x-transition:leave-start="translate-x-[0vw]"
770                                                 x-transition:leave-end="translate-x-[100vw]"
771                                            >
772
773                                                <div class="p-6 flex justify-end items-center">
774                                                    <button class="flex-1 flex gap-2 items-center justify-start text-left"
775                                                            type="button"
776                                                            x-on:click="visibleSubSubNav = null">
777                                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
778    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
779          stroke-linecap="round" stroke-linejoin="round"/>
780</svg>
781                                                        <span>Produits</span>
782                                                    </button>
783                                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
784                                                            type="button"
785                                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
786                                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
787    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
788    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
789</svg>
790                                                        </button>
791                                                </div>
792
793                                                <div class="p-6 pt-4 flex flex-col items-start gap-4">
794                                                    <a href="https://www.rothoblaas.fr/produits/fixation"
795                                                       class="text-2xl hover:no-underline hover:underline">Fixation</a>
796                                                                                                                                                                        <a href="https://www.rothoblaas.fr/produits/fixation/vis"
797                                                               class="hover:underline">Vis</a>
798                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fixation/equerres-et-plaques"
799                                                               class="hover:underline">Équerres et plaques</a>
800                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fixation/connecteurs-pour-poteaux-et-plancher-clt"
801                                                               class="hover:underline">Connecteurs pour poteaux et plancher CLT</a>
802                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fixation/adhesif-epoxy-xepox"
803                                                               class="hover:underline">Adhésif époxy XEPOX</a>
804                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fixation/terrasses-et-facades"
805                                                               class="hover:underline">Terrasses et façades</a>
806                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/fixation/ancrages-pour-beton"
807                                                               class="hover:underline">Ancrages pour béton</a>
808                                                                                                                                                            </div>
809                                            </div>
810                                                                                                                                                                <button class="flex justify-between items-center text-left" type="button"
811                                                    x-on:click="visibleSubSubNav = '2b272168-f3ba-4d66-8d49-5aa1886d5043'">
812                                                <span>Étanchéité à L&#039;AIR ET imperméabilisation</span>
813                                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
814    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
815          stroke-linecap="round" stroke-linejoin="round"/>
816</svg>
817                                            </button>
818                                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
819                                                 x-show="visibleSubSubNav === '2b272168-f3ba-4d66-8d49-5aa1886d5043'"
820                                                 x-transition:enter="transition-transform ease-out duration-300"
821                                                 x-transition:enter-start="translate-x-[100vw]"
822                                                 x-transition:enter-end="translate-x-[0vw]"
823                                                 x-transition:leave="transition-transform ease-in duration-200"
824                                                 x-transition:leave-start="translate-x-[0vw]"
825                                                 x-transition:leave-end="translate-x-[100vw]"
826                                            >
827
828                                                <div class="p-6 flex justify-end items-center">
829                                                    <button class="flex-1 flex gap-2 items-center justify-start text-left"
830                                                            type="button"
831                                                            x-on:click="visibleSubSubNav = null">
832                                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
833    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
834          stroke-linecap="round" stroke-linejoin="round"/>
835</svg>
836                                                        <span>Produits</span>
837                                                    </button>
838                                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
839                                                            type="button"
840                                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
841                                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
842    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
843    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
844</svg>
845                                                        </button>
846                                                </div>
847
848                                                <div class="p-6 pt-4 flex flex-col items-start gap-4">
849                                                    <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation"
850                                                       class="text-2xl hover:no-underline hover:underline">Étanchéité à L&#039;AIR ET imperméabilisation</a>
851                                                                                                                                                                        <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/rubans-adhesifs-et-produits-detancheite"
852                                                               class="hover:underline">Rubans adhésifs et produits d&#039;étanchéité</a>
853                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes-auto-adhesives"
854                                                               class="hover:underline">Membranes auto-adhésives</a>
855                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes"
856                                                               class="hover:underline">Membranes</a>
857                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/traversees-de-systemes"
858                                                               class="hover:underline">Traversées de systèmes</a>
859                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/elements-pour-toiture-et-ventilation"
860                                                               class="hover:underline">Éléments pour toiture et ventilation</a>
861                                                                                                                                                            </div>
862                                            </div>
863                                                                                                                                                                <button class="flex justify-between items-center text-left" type="button"
864                                                    x-on:click="visibleSubSubNav = 'a40bea3a-acfd-4021-98d3-ab24b45150bc'">
865                                                <span>Acoustique</span>
866                                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
867    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
868          stroke-linecap="round" stroke-linejoin="round"/>
869</svg>
870                                            </button>
871                                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
872                                                 x-show="visibleSubSubNav === 'a40bea3a-acfd-4021-98d3-ab24b45150bc'"
873                                                 x-transition:enter="transition-transform ease-out duration-300"
874                                                 x-transition:enter-start="translate-x-[100vw]"
875                                                 x-transition:enter-end="translate-x-[0vw]"
876                                                 x-transition:leave="transition-transform ease-in duration-200"
877                                                 x-transition:leave-start="translate-x-[0vw]"
878                                                 x-transition:leave-end="translate-x-[100vw]"
879                                            >
880
881                                                <div class="p-6 flex justify-end items-center">
882                                                    <button class="flex-1 flex gap-2 items-center justify-start text-left"
883                                                            type="button"
884                                                            x-on:click="visibleSubSubNav = null">
885                                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
886    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
887          stroke-linecap="round" stroke-linejoin="round"/>
888</svg>
889                                                        <span>Produits</span>
890                                                    </button>
891                                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
892                                                            type="button"
893                                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
894                                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
895    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
896    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
897</svg>
898                                                        </button>
899                                                </div>
900
901                                                <div class="p-6 pt-4 flex flex-col items-start gap-4">
902                                                    <a href="https://www.rothoblaas.fr/produits/acoustique"
903                                                       class="text-2xl hover:no-underline hover:underline">Acoustique</a>
904                                                                                                                                                                        <a href="https://www.rothoblaas.fr/produits/acoustique/profils-resilients"
905                                                               class="hover:underline">Profils résilients</a>
906                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/acoustique/feuilles-isolantes"
907                                                               class="hover:underline">Feuilles isolantes</a>
908                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/acoustique/produits-de-scellement"
909                                                               class="hover:underline">Produits de scellement</a>
910                                                                                                                                                            </div>
911                                            </div>
912                                                                                                                                                                <button class="flex justify-between items-center text-left" type="button"
913                                                    x-on:click="visibleSubSubNav = '79b9cf34-dba6-4ec6-960d-cfe8d4a4948a'">
914                                                <span>Systèmes antichute</span>
915                                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
916    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
917          stroke-linecap="round" stroke-linejoin="round"/>
918</svg>
919                                            </button>
920                                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
921                                                 x-show="visibleSubSubNav === '79b9cf34-dba6-4ec6-960d-cfe8d4a4948a'"
922                                                 x-transition:enter="transition-transform ease-out duration-300"
923                                                 x-transition:enter-start="translate-x-[100vw]"
924                                                 x-transition:enter-end="translate-x-[0vw]"
925                                                 x-transition:leave="transition-transform ease-in duration-200"
926                                                 x-transition:leave-start="translate-x-[0vw]"
927                                                 x-transition:leave-end="translate-x-[100vw]"
928                                            >
929
930                                                <div class="p-6 flex justify-end items-center">
931                                                    <button class="flex-1 flex gap-2 items-center justify-start text-left"
932                                                            type="button"
933                                                            x-on:click="visibleSubSubNav = null">
934                                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
935    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
936          stroke-linecap="round" stroke-linejoin="round"/>
937</svg>
938                                                        <span>Produits</span>
939                                                    </button>
940                                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
941                                                            type="button"
942                                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
943                                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
944    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
945    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
946</svg>
947                                                        </button>
948                                                </div>
949
950                                                <div class="p-6 pt-4 flex flex-col items-start gap-4">
951                                                    <a href="https://www.rothoblaas.fr/produits/systemes-antichute"
952                                                       class="text-2xl hover:no-underline hover:underline">Systèmes antichute</a>
953                                                                                                                                                                        <a href="https://www.rothoblaas.fr/produits/systemes-antichute/lignes-de-vie"
954                                                               class="hover:underline">Lignes de vie</a>
955                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/systemes-antichute/points-dancrage"
956                                                               class="hover:underline">Points d&#039;ancrage</a>
957                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/systemes-antichute/protection-collective-et-acces"
958                                                               class="hover:underline">Protection collective et accès</a>
959                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/systemes-antichute/equipements-de-protection-individuelle"
960                                                               class="hover:underline">Équipements de protection individuelle</a>
961                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/systemes-antichute/produits-complementaires"
962                                                               class="hover:underline">Produits complémentaires</a>
963                                                                                                                                                            </div>
964                                            </div>
965                                                                                                                                                                <button class="flex justify-between items-center text-left" type="button"
966                                                    x-on:click="visibleSubSubNav = '722ac6b7-5424-4f63-b7c2-66df0a8ccc43'">
967                                                <span>Machines et outillages</span>
968                                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
969    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
970          stroke-linecap="round" stroke-linejoin="round"/>
971</svg>
972                                            </button>
973                                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
974                                                 x-show="visibleSubSubNav === '722ac6b7-5424-4f63-b7c2-66df0a8ccc43'"
975                                                 x-transition:enter="transition-transform ease-out duration-300"
976                                                 x-transition:enter-start="translate-x-[100vw]"
977                                                 x-transition:enter-end="translate-x-[0vw]"
978                                                 x-transition:leave="transition-transform ease-in duration-200"
979                                                 x-transition:leave-start="translate-x-[0vw]"
980                                                 x-transition:leave-end="translate-x-[100vw]"
981                                            >
982
983                                                <div class="p-6 flex justify-end items-center">
984                                                    <button class="flex-1 flex gap-2 items-center justify-start text-left"
985                                                            type="button"
986                                                            x-on:click="visibleSubSubNav = null">
987                                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
988    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
989          stroke-linecap="round" stroke-linejoin="round"/>
990</svg>
991                                                        <span>Produits</span>
992                                                    </button>
993                                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
994                                                            type="button"
995                                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
996                                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
997    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
998    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
999</svg>
1000                                                        </button>
1001                                                </div>
1002
1003                                                <div class="p-6 pt-4 flex flex-col items-start gap-4">
1004                                                    <a href="https://www.rothoblaas.fr/produits/machines-et-outillages"
1005                                                       class="text-2xl hover:no-underline hover:underline">Machines et outillages</a>
1006                                                                                                                                                                        <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/equipement-pour-charpenterie"
1007                                                               class="hover:underline">Équipement pour charpenterie</a>
1008                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/mesure"
1009                                                               class="hover:underline">Mesure</a>
1010                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/gabarits"
1011                                                               class="hover:underline">Gabarits</a>
1012                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/protection-du-chantier"
1013                                                               class="hover:underline">Protection du chantier</a>
1014                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/transport-et-levage"
1015                                                               class="hover:underline">Transport et levage</a>
1016                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/reparations-bois"
1017                                                               class="hover:underline">Réparations bois</a>
1018                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/meches-et-fraises"
1019                                                               class="hover:underline">Mèches et fraises</a>
1020                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/cloueurs-et-agrafeuses"
1021                                                               class="hover:underline">Cloueurs et agrafeuses</a>
1022                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/machines"
1023                                                               class="hover:underline">Machines</a>
1024                                                                                                                                                                                                                                <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/presentoirs-pedagogiques"
1025                                                               class="hover:underline">Présentoirs pédagogiques</a>
1026                                                                                                                                                            </div>
1027                                            </div>
1028                                                                                                            </div>
1029                            </div>
1030                                            </div>
1031                                    <div>
1032                                                    <a href="https://www.rothoblaas.fr/catalogues-rothoblaas"
1033                               class="text-2xl  hover:underline"> Catalogues</a>
1034                                            </div>
1035                                    <div>
1036                                                    <button type="button" class="text-2xl hover:underline"
1037                                    x-on:click="visibleSubNav = 'd64b5fec-f3c2-4a7b-9e74-1efc83d71587'">Ressources</button>
1038                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
1039                                 x-show="visibleSubNav === 'd64b5fec-f3c2-4a7b-9e74-1efc83d71587'"
1040                                 x-transition:enter="transition-transform ease-
1040out duration-300"
1041                                 x-transition:enter-start="translate-x-[100vw]"
1042                                 x-transition:enter-end="translate-x-[0vw]"
1043                                 x-transition:leave="transition-transform ease-in duration-200"
1044                                 x-transition:leave-start="translate-x-[0vw]"
1045                                 x-transition:leave-end="translate-x-[100vw]"
1046                            >
1047                                <div class="p-6 flex justify-end items-center">
1048                                    <button class="flex-1 flex gap-2 items-center" type="button"
1049                                            x-on:click="visibleSubNav = null; visibleSubSubNav = null">
1050                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1051    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
1052          stroke-linecap="round" stroke-linejoin="round"/>
1053</svg>
1054                                        <span>Retour</span>
1055                                    </button>
1056                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
1057                                            type="button"
1058                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
1059                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1060    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1061    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1062</svg>
1063                                        </button>
1064                                </div>
1065
1066
1067                                <div class="p-6 pt-4 flex flex-col items-stretch gap-4">
1068
1069                                    <a href=""
1070                                       class="text-2xl hover:no-underline">Ressources</a>
1071                                                                                                                        <a href="https://www.rothoblaas.fr/recherches-et-approfondissements-techniques"
1072                                               class="hover:underline">Recherches et approfondissements techniques</a>
1073                                                                                                                                                                <a href="https://www.rothoblaas.fr/logiciels"
1074                                               class="hover:underline">MyProject</a>
1075                                                                                                                                                                <a href="https://www.rothoblaas.fr/feuilles-de-calcul"
1076                                               class="hover:underline">Feuilles de calcul</a>
1077                                                                                                                                                                <a href="https://www.rothoblaas.fr/bimcad"
1078                                               class="hover:underline">Bibliothèques</a>
1079                                                                                                                                                                <a href="https://www.rothoblaas.fr/support-technique"
1080                                               class="hover:underline">Conseil</a>
1081                                                                                                            </div>
1082                            </div>
1083                                            </div>
1084                                    <div>
1085                                                    <a href="https://www.rothoblaas.fr/rothoschool"
1086                               class="text-2xl  hover:underline"> Rothoschool</a>
1087                                            </div>
1088                                    <div>
1089                                                    <button type="button" class="text-2xl hover:underline"
1090                                    x-on:click="visibleSubNav = '5e9e55da-d31c-4087-abf3-a22eddbe979e'">Contact</button>
1091                            <div class="translate-x-[0vw] h-dvh w-full bg-base-strong absolute top-0 left-0 z-10"
1092                                 x-show="visibleSubNav === '5e9e55da-d31c-4087-abf3-a22eddbe979e'"
1093                                 x-transition:enter="transition-transform ease-
1093out duration-300"
1094                                 x-transition:enter-start="translate-x-[100vw]"
1095                                 x-transition:enter-end="translate-x-[0vw]"
1096                                 x-transition:leave="transition-transform ease-in duration-200"
1097                                 x-transition:leave-start="translate-x-[0vw]"
1098                                 x-transition:leave-end="translate-x-[100vw]"
1099                            >
1100                                <div class="p-6 flex justify-end items-center">
1101                                    <button class="flex-1 flex gap-2 items-center" type="button"
1102                                            x-on:click="visibleSubNav = null; visibleSubSubNav = null">
1103                                        <svg class="w-6 h-6 rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1104    <path d="M9.75 7.50226L15 12L9.75 16.5023" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
1105          stroke-linecap="round" stroke-linejoin="round"/>
1106</svg>
1107                                        <span>Retour</span>
1108                                    </button>
1109                                    <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
1110                                            type="button"
1111                                            x-on:click="visibleNav = false; visibleSubNav = null; visibleSubSubNav = null;">
1112                                        <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1113    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1114    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1115</svg>
1116                                        </button>
1117                                </div>
1118
1119
1120                                <div class="p-6 pt-4 flex flex-col items-stretch gap-4">
1121
1122                                    <a href=""
1123                                       class="text-2xl hover:no-underline">Contact</a>
1124                                                                                                                        <a href="https://www.rothoblaas.fr/contacts"
1125                                               class="hover:underline">Contactez un technico-commercial</a>
1126                                                                                                                                                                <a href="https://www.rothoblaas.fr/nos-sites"
1127                                               class="hover:underline">Nos sites</a>
1128                                                                                                            </div>
1129                            </div>
1130                                            </div>
1131                            </div>
1132            <div class="bg-writing-inverse h-px m-6"></div>
1133            <ul class="p-6 flex flex-col items-start gap-4">
1134                <li>
1135                    <button type="button" x-on:click="visibleBrands = true">Nos marques</button>
1136                </li>
1137                                    <li>
1138                        <a href="https://www.rothoblaas.fr/blog"
1139                           class="hover:underline">Blog</a>
1140                    </li>
1141                                    <li>
1142                        <a href="https://www.rothoblaas.fr/company-rothoblaas"
1143                           class="hover:underline">Société</a>
1144                    </li>
1145                                    <li>
1146                        <a href="https://www.rothoblaas.fr/evenements"
1147                           class="hover:underline">Évènements</a>
1148                    </li>
1149                                    <li>
1150                        <a href="https://www.rothoblaas.fr/carrieres-rothoblaas"
1151                           class="hover:underline">Carrières</a>
1152                    </li>
1153                                <li>
1154                    <button type="button" x-on:click="visibleLangSelector = true;"
1155                            class="flex items-center hover:underline">
1156                        <span>FR</span>
1157                        <svg class="h-6 w-6 -mt-2 -mb-1 -mr-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1158    <path d="M12 16L8.5359 10L15.4641 10L12 16Z" fill="currentColor"/>
1159</svg>
1160                    </button>
1161                </li>
1162            </ul>
1163        </div>
1164    </div>
1165    <div class="bg-base-surface hidden lg:block">
1166        <div class="flex justify-between mx-auto max-w-[1600px] px-8">
1167                                                <a href="mailto:[email protected]"
1168                       class="text-white flex items-center text-sm gap-4 hover:underline flex-1">
1169                        <svg style="height:36px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1235 650">
1170    <defs>
1171        <g id="b">
1172            <use xlink:href="#a" transform="rotate(-144)"/>
1173            <use xlink:href="#a" transform="rotate(-72)"/>
1174            <use xlink:href="#a"/>
1175            <use xlink:href="#a" transform="rotate(72)"/>
1176            <use xlink:href="#a" transform="rotate(144)"/>
1177        </g>
1178        <g id="c">
1179            <use xlink:href="#b" x="-.252"/>
1180            <use xlink:href="#b" x="-.126"/>
1181            <use xlink:href="#b"/>
1182            <use xlink:href="#b" x=".126"/>
1183            <use xlink:href="#b" x=".252"/>
1184        </g>
1185        <g id="d">
1186            <use xlink:href="#c" x="-.063"/>
1187            <use xlink:href="#b" x=".315"/>
1188        </g>
1189        <g id="e">
1190            <use xlink:href="#d"/>
1191            <use xlink:href="#c" y=".054"/>
1192            <use xlink:href="#d" y=".108"/>
1193            <use xlink:href="#c" y=".162"/>
1194        </g>
1195        <g id="g">
1196            <use xlink:href="#e" y="-.216"/>
1197            <use xlink:href="#e"/>
1198            <use xlink:href="#d" y=".216"/>
1199        </g>
1200        <path id="a" fill="#fff" d="M-.162 0 0-.5l.162.5z" transform="scale(.0616)"/>
1201        <path id="f" fill="#b22234" d="M0 0h1235v50H0z"/>
1202    </defs>
1203    <path fill="#fff" d="M0 0h1235v650H0z"/>
1204    <use xlink:href="#f"/>
1205    <use xlink:href="#f" y="100"/>
1206    <use xlink:href="#f" y="200"/>
1207    <use xlink:href="#f" y="300"/>
1208    <use xlink:href="#f" y="400"/>
1209    <use xlink:href="#f" y="500"/>
1210    <use xlink:href="#f" y="600"/>
1211    <path fill="#3c3b6e" d="M0 0h494v350H0z"/>
1212    <use xlink:href="#g" transform="matrix(650 0 0 650 247 175)"/>
1213</svg>
1214                        <span>Fast delivery from US Warehouse - Get in Touch</span>
1215                    </a>
1216                                        <ul class=" text-sm leading-5  text-writing-inverse relative top-[1px] flex justify-end items-center py-2   gap-6">
1217                <li>
1218                    <button type="button" x-on:click="visibleBrands = true">Nos marques</button>
1219                </li>
1220
1221                                    <li>
1222                        <a href="https://www.rothoblaas.fr/blog"
1223                           class="hover:underline">Blog</a>
1224                    </li>
1225                                    <li>
1226                        <a href="https://www.rothoblaas.fr/company-rothoblaas"
1227                           class="hover:underline">Société</a>
1228                    </li>
1229                                    <li>
1230                        <a href="https://www.rothoblaas.fr/evenements"
1231                           class="hover:underline">Évènements</a>
1232                    </li>
1233                                    <li>
1234                        <a href="https://www.rothoblaas.fr/carrieres-rothoblaas"
1235                           class="hover:underline">Carrières</a>
1236                    </li>
1237                                <li>|</li>
1238                <li>
1239                    <button type="button" x-on:click="visibleLangSelector = true;"
1240                            class="flex items-center hover:underline">
1241                        <span>FR</span>
1242                        <svg class="h-6 w-6 -mt-2 -mb-1 -mr-2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1243    <path d="M12 16L8.5359 10L15.4641 10L12 16Z" fill="currentColor"/>
1244</svg>
1245                    </button>
1246                </li>
1247            </ul>
1248        </div>
1249    </div>
1250    <div class="bg-base-strong relative hidden lg:block" x-data="{submenu: null}">
1251        <nav class="mx-auto max-w-[1600px] py-2 px-8 gap-8 flex grid grid-cols-12 items-center">
1252            <a href="https://www.rothoblaas.fr" class="py-3 col-span-2">
1253                <img src="/assets/images/rothoblaas-logo.svg" alt="Rothoblaas Logo" class="h-8">
1254            </a>
1255            <ul class="col-span-8 flex justify-center gap-6 2xl:gap-12 text-writing-inverse "
1256                x-on:click.outside="submenu = null">
1257                                    <li>
1258                                                    <button type="button"
1259                                    x-on:click="submenu = submenu === null ? '0f858c50-e519-4519-96b6-58b9beb17fbc' : null"
1260                                    class="2xl:text-lg font-semibold hover:underline">En vedette
1261                            </button>
1262                            <div class="bg-base-strong w-full top-full absolute left-0 z-10"
1263                                 x-show="submenu == '0f858c50-e519-4519-96b6-58b9beb17fbc'" x-cloak>
1264                                <div class="mx-auto max-w-[1600px] flex justify-center gap-8 xl:gap-12 pt-4 pb-8 xl:pb-10 px-8">
1265                                                                                                                        <div class="flex flex-col gap-6 text-sm leading-5">
1266                                                <a href="https://www.rothoblaas.fr/produits/nouveaux-produits"
1267                                                   class="hover:underline">
1268                                                    Nouveaux produits
1269                                                </a>
1270                                            </div>
1271                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1272                                                <a href="https://www.rothoblaas.fr/smartbook-chantier-eau-et-durabilite"
1273                                                   class="hover:underline">
1274                                                    CHANTIER, EAU ET DURABILITÉ
1275                                                </a>
1276                                            </div>
1277                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1278                                                <a href="https://www.rothoblaas.fr/planchers-nervures-sans-collage"
1279                                                   class="hover:underline">
1280                                                    SHARP METAL
1281                                                </a>
1282                                            </div>
1283                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1284                                                <a href="https://www.rothoblaas.fr/vgs-plate-la-premiere-vis-de-levage-avec-reutilisation-verifiable"
1285                                                   class="hover:underline">
1286                                                    VGS PLATE
1287                                                </a>
1288                                            </div>
1289                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1290                                                <a href="https://www.rothoblaas.fr/produits/feu"
1291                                                   class="hover:underline">
1292                                                    Feu
1293                                                </a>
1294                                            </div>
1295                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1296                                                <a href="https://www.rothoblaas.fr/sujets"
1297                                                   class="hover:underline">
1298                                                    Thématiques du bâtiment
1299                                                </a>
1300                                            </div>
1301                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1302                                                <a href="https://www.rothoblaas.fr/produits/fan-collection"
1303                                                   class="hover:underline">
1304                                                    Fan collection
1305                                                </a>
1306                                            </div>
1307                                                                                                            </div>
1308                            </div>
1309                                            </li>
1310                                    <li>
1311                                                    <button type="button"
1312                                    x-on:click="submenu = submenu === null ? '9967dd65-227f-4909-9864-2e4e2ad00071' : null"
1313                                    class="2xl:text-lg font-semibold hover:underline">Produits
1314                            </button>
1315                            <div class="bg-base-strong w-full top-full absolute left-0 z-10"
1316                                 x-show="submenu == '9967dd65-227f-4909-9864-2e4e2ad00071'" x-cloak>
1317                                <div class="mx-auto max-w-[1600px] flex justify-center gap-8 xl:gap-12 pt-4 pb-8 xl:pb-10 px-8">
1318                                                                                                                        <div class="flex flex-col gap-6 text-sm leading-5">
1319                                                                                                    <a href="https://www.rothoblaas.fr/produits/fixation"
1320                                                       class="hover:underline">
1321                                                        Fixation
1322                                                    </a>
1323                                                                                                <ul class="text-writing-soft m-0 flex flex-col gap-4">
1324                                                                                                            <li>
1325                                                            <a href="https://www.rothoblaas.fr/produits/fixation/vis"
1326                                                               class="hover:underline">
1327                                                                Vis
1328                                                            </a>
1329                                                        </li>
1330                                                                                                            <li>
1331                                                            <a href="https://www.rothoblaas.fr/produits/fixation/equerres-et-plaques"
1332                                                               class="hover:underline">
1333                                                                Équerres et plaques
1334                                                            </a>
1335                                                        </li>
1336                                                                                                            <li>
1337                                                            <a href="https://www.rothoblaas.fr/produits/fixation/connecteurs-p
1337our-poteaux-et-plancher-clt"
1338                                                               class="hover:underline">
1339                                                                Connecteurs pour poteaux et plancher CLT
1340                                                            </a>
1341                                                        </li>
1342                                                                                                            <li>
1343                                                            <a href="https://www.rothoblaas.fr/produits/fixation/adhesif-epoxy-xepox"
1344                                                               class="hover:underline">
1345                                                                Adhésif époxy XEPOX
1346                                                            </a>
1347                                                        </li>
1348                                                                                                            <li>
1349                                                            <a href="https://www.rothoblaas.fr/produits/fixation/terrasses-et-facades"
1350                                                               class="hover:underline">
1351                                                                Terrasses et façades
1352                                                            </a>
1353                                                        </li>
1354                                                                                                            <li>
1355                                                            <a href="https://www.rothoblaas.fr/produits/fixation/ancrages-pour-beton"
1356                                                               class="hover:underline">
1357                                                                Ancrages pour béton
1358                                                            </a>
1359                                                        </li>
1360                                                                                                    </ul>
1361                                            </div>
1362                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1363                                                                                                    <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation"
1364                                                       class="hover:underline">
1365                                                        Étanchéité à L&#039;AIR ET imperméabilisation
1366                                                    </a>
1367                                                                                                <ul class="text-writing-soft m-0 flex flex-col gap-4">
1368                                                                                                            <li>
1369                                                            <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/rubans-adhesifs-et-produits-detancheite"
1370                                                               class="hover:underline">
1371                                                                Rubans adhésifs et produits d&#039;étanchéité
1372                                                            </a>
1373                                                        </li>
1374                                                                                                            <li>
1375                                                            <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes-auto-adhesives"
1376                                                               class="hover:underline">
1377                                                                Membranes auto-adhésives
1378                                                            </a>
1379                                                        </li>
1380                                                                                                            <li>
1381                                                            <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes"
1382                                                               class="hover:underline">
1383                                                                Membranes
1384                                                            </a>
1385                                                        </li>
1386                                                                                                            <li>
1387                                                            <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/traversees-de-systemes"
1388                                                               class="hover:underline">
1389                                                                Traversées de systèmes
1390                                                            </a>
1391                                                        </li>
1392                                                                                                            <li>
1393                                                            <a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/elements-pour-toiture-et-ventilation"
1394                                                               class="hover:underline">
1395                                                                Éléments pour toiture et ventilation
1396                                                            </a>
1397                                                        </li>
1398                                                                                                    </ul>
1399                                            </div>
1400                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1401                                                                                                    <a href="https://www.rothoblaas.fr/produits/acoustique"
1402                                                       class="hover:underline">
1403                                                        Acoustique
1404                                                    </a>
1405                                                                                                <ul class="text-writing-soft m-0 flex flex-col gap-4">
1406                                                                                                            <li>
1407                                                            <a href="https://www.rothoblaas.fr/produits/acoustique/profils-resilients"
1408                                                               class="hover:underline">
1409                                                                Profils résilients
1410                                                            </a>
1411                                                        </li>
1412                                                                                                            <li>
1413                                                            <a href="https://www.rothoblaas.fr/produits/acoustique/feuilles-isolantes"
1414                                                               class="hover:underline">
1415                                                                Feuilles isolantes
1416                                                            </a>
1417                                                        </li>
1418                                                                                                            <li>
1419                                                            <a href="https://www.rothoblaas.fr/produits/acoustique/produits-de-scellement"
1420                                                               class="hover:underline">
1421                                                                Produits de scellement
1422                                                            </a>
1423                                                        </li>
1424                                                                                                    </ul>
1425                                            </div>
1426                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1427                                                                                                    <a href="https://www.rothoblaas.fr/produits/systemes-antichute"
1428                                                       class="hover:underline">
1429                                                        Systèmes antichute
1430                                                    </a>
1431                                                                                                <ul class="text-writing-soft m-0 flex flex-col gap-4">
1432                                                                                                            <li>
1433                                                            <a href="https://www.rothoblaas.fr/produits/systemes-antichute/lignes-de-vie"
1434                                                               class="hover:underline">
1435                                                                Lignes de vie
1436                                                            </a>
1437                                                        </li>
1438                                                                                                            <li>
1439                                                            <a href="https://www.rothoblaas.fr/produits/systemes-antichute/points-dancrage"
1440                                                               class="hover:underline">
1441                                                                Points d&#039;ancrage
1442                                                            </a>
1443                                                        </li>
1444                                                                                                            <li>
1445                                                            <a href="https://www.rothoblaas.fr/produits/systemes-antichute/protection-collective-et-acces"
1446                                                               class="hover:underline">
1447                                                                Protection collective et accès
1448                                                            </a>
1449                                                        </li>
1450                                                                                                            <li>
1451                                                            <a href="https://www.rothoblaas.fr/produits/systemes-antichute/equipements-de-protection-individuelle"
1452                                                               class="hover:underline">
1453                                                                Équipements de protection individuelle
1454                                                            </a>
1455                                                        </li>
1456                                                                                                            <li>
1457                                                            <a href="https://www.rothoblaas.fr/produits/systemes-antichute/produits-complementaires"
1458                                                               class="hover:underline">
1459                                                                Produits complémentaires
1460                                                            </a>
1461                                                        </li>
1462                                                                                                    </ul>
1463                                            </div>
1464                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1465                                                                                                    <a href="https://www.rothoblaas.fr/produits/machines-et-outillages"
1466                                                       class="hover:underline">
1467                                                        Machines et outillages
1468                                                    </a>
1469                                                                                                <ul class="text-writing-soft m-0 flex flex-col gap-4">
1470                                                                                                            <li>
1471                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/equipement-pour-charpenterie"
1472                                                               class="hover:underline">
1473                                                                Équipement pour charpenterie
1474                                                            </a>
1475                                                        </li>
1476                                                                                                            <li>
1477                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/mesure"
1478                                                               class="hover:underline">
1479                                                                Mesure
1480                                                            </a>
1481                                                        </li>
1482                                                                                                            <li>
1483                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/gabarits"
1484                                                               class="hover:underline">
1485                                                                Gabarits
1486                                                            </a>
1487                                                        </li>
1488                                                                                                            <li>
1489                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/protection-du-chantier"
1490                                                               class="hover:underline">
1491                                                                Protection du chantier
1492                                                            </a>
1493                                                        </li>
1494                                                                                                            <li>
1495                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/transport-et-levage"
1496                                                               class="hover:underline">
1497                                                                Transport et levage
1498                                                            </a>
1499                                                        </li>
1500                                                                                                            <li>
1501                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/reparations-bois"
1502                                                               class="hover:underline">
1503                                                                Réparations bois
1504                                                            </a>
1505                                   
1505                     </li>
1506                                                                                                            <li>
1507                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/meches-et-fraises"
1508                                                               class="hover:underline">
1509                                                                Mèches et fraises
1510                                                            </a>
1511                                                        </li>
1512                                                                                                            <li>
1513                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/cloueurs-et-agrafeuses"
1514                                                               class="hover:underline">
1515                                                                Cloueurs et agrafeuses
1516                                                            </a>
1517                                                        </li>
1518                                                                                                            <li>
1519                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/machines"
1520                                                               class="hover:underline">
1521                                                                Machines
1522                                                            </a>
1523                                                        </li>
1524                                                                                                            <li>
1525                                                            <a href="https://www.rothoblaas.fr/produits/machines-et-outillages/presentoirs-pedagogiques"
1526                                                               class="hover:underline">
1527                                                                Présentoirs pédagogiques
1528                                                            </a>
1529                                                        </li>
1530                                                                                                    </ul>
1531                                            </div>
1532                                                                                                            </div>
1533                            </div>
1534                                            </li>
1535                                    <li>
1536                                                    <a href="https://www.rothoblaas.fr/catalogues-rothoblaas"
1537                               class="hover:no-underline hover:underline">
1538                                <span class="2xl:text-lg font-semibold">Catalogues</span>
1539                            </a>
1540                                            </li>
1541                                    <li>
1542                                                    <button type="button"
1543                                    x-on:click="submenu = submenu === null ? 'd64b5fec-f3c2-4a7b-9e74-1efc83d71587' : null"
1544                                    class="2xl:text-lg font-semibold hover:underline">Ressources
1545                            </button>
1546                            <div class="bg-base-strong w-full top-full absolute left-0 z-10"
1547                                 x-show="submenu == 'd64b5fec-f3c2-4a7b-9e74-1efc83d71587'" x-cloak>
1548                                <div class="mx-auto max-w-[1600px] flex justify-center gap-8 xl:gap-12 pt-4 pb-8 xl:pb-10 px-8">
1549                                                                                                                        <div class="flex flex-col gap-6 text-sm leading-5">
1550                                                <a href="https://www.rothoblaas.fr/recherches-et-approfondissements-techniques"
1551                                                   class="hover:underline">
1552                                                    Recherches et approfondissements techniques
1553                                                </a>
1554                                            </div>
1555                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1556                                                <a href="https://www.rothoblaas.fr/logiciels"
1557                                                   class="hover:underline">
1558                                                    MyProject
1559                                                </a>
1560                                            </div>
1561                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1562                                                <a href="https://www.rothoblaas.fr/feuilles-de-calcul"
1563                                                   class="hover:underline">
1564                                                    Feuilles de calcul
1565                                                </a>
1566                                            </div>
1567                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1568                                                <a href="https://www.rothoblaas.fr/bimcad"
1569                                                   class="hover:underline">
1570                                                    Bibliothèques
1571                                                </a>
1572                                            </div>
1573                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1574                                                <a href="https://www.rothoblaas.fr/support-technique"
1575                                                   class="hover:underline">
1576                                                    Conseil
1577                                                </a>
1578                                            </div>
1579                                                                                                            </div>
1580                            </div>
1581                                            </li>
1582                                    <li>
1583                                                    <a href="https://www.rothoblaas.fr/rothoschool"
1584                               class="hover:no-underline hover:underline">
1585                                <span class="2xl:text-lg font-semibold">Rothoschool</span>
1586                            </a>
1587                                            </li>
1588                                    <li>
1589                                                    <button type="button"
1590                                    x-on:click="submenu = submenu === null ? '5e9e55da-d31c-4087-abf3-a22eddbe979e' : null"
1591                                    class="2xl:text-lg font-semibold hover:underline">Contact
1592                            </button>
1593                            <div class="bg-base-strong w-full top-full absolute left-0 z-10"
1594                                 x-show="submenu == '5e9e55da-d31c-4087-abf3-a22eddbe979e'" x-cloak>
1595                                <div class="mx-auto max-w-[1600px] flex justify-center gap-8 xl:gap-12 pt-4 pb-8 xl:pb-10 px-8">
1596                                                                                                                        <div class="flex flex-col gap-6 text-sm leading-5">
1597                                                <a href="https://www.rothoblaas.fr/contacts"
1598                                                   class="hover:underline">
1599                                                    Contactez un technico-commercial
1600                                                </a>
1601                                            </div>
1602                                                                                                                                                                <div class="flex flex-col gap-6 text-sm leading-5">
1603                                                <a href="https://www.rothoblaas.fr/nos-sites"
1604                                                   class="hover:underline">
1605                                                    Nos sites
1606                                                </a>
1607                                            </div>
1608                                                                                                            </div>
1609                            </div>
1610                                            </li>
1611                            </ul>
1612            <div class="col-span-2 flex justify-end items-center gap-4">
1613                                    <form action="https://www.rothoblaas.fr/search" method="GET">
1614                        <div class="relative text-writing-soft">
1615                            <div class="w-10 h-10 absolute left-0 top-0 flex flex-col items-center justify-center">
1616                                <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1617    <path d="M10.3923 16.4583C13.7414 16.4583 16.4564 13.7433 16.4564 10.3941C16.4564 7.045 13.7414 4.32999 10.3923 4.32999C7.04314 4.32999 4.32812 7.045 4.32812 10.3941C4.32812 13.7433 7.04314 16.4583 10.3923 16.4583Z"
1618          stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/>
1619    <path d="M19.6703 19.67L14.75 14.7498" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"
1620          stroke-linecap="round"/>
1621</svg>
1622                            </div>
1623                            <label for="fgewiuyhgrwi" class="sr-only">Chercher</label>
1624                            <input type="text"
1625                                   id="fgewiuyhgrwi"
1626                                   autocomplete="off"
1627                                   autocapitalize="off"
1628                                   autocorrect="off"
1629                                   spellcheck="false"
1630                                   name="q"
1631                                   class="w-35 xl:w-50 bg-base-surface text-writing-inverse border-none py-2 pl-10 rounded-xs text-md focus:ring-0 focus:inset-ring focus:outline-none focus:inset-ring-writing-soft placeholder-writing-soft"
1632                                   placeholder="Chercher...">
1633                        </div>
1634                        <button type="submit" class="sr-only">Chercher</button>
1635                    </form>
1636                                                                            <a href="https://www.rothoblaas.fr/auth/redirect" rel="nofollow" class="text-writing-inverse">
1637                            <svg class="h-12 w-12" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1638    <path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z"
1639          fill="white" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
1640    <path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z"
1641          fill="white" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
1642    <path d="M12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12Z"
1643          fill="#707E85" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
1644    <path d="M8 17.2964C8 17.4115 8.00617 17.5267 8.0185 17.6418C11.138 19.4072 12.5189 19.4464 15.9661 17.7899C15.9877 17.6287 16 17.4642 16 17.2964C16 15.4837 14.6091 14 12.9098 14H11.0902C9.3909 14 8 15.4837 8 17.2964Z"
1645          fill="#707E85" stroke="#707E85" stroke-width="0.75" stroke-miterlimit="10"/>
1646</svg>
1647                            <span class="sr-only">Login / Register</span>
1648                        </a>
1649                                                </div>
1650        </nav>
1651    </div>
1652
1653    <div x-on:click.outside="visibleLangSelector = false"
1654         x-show="visibleLangSelector"
1655         x-cloak
1656         class="fixed z-10 translate-x-[20vw] w-8/10 lg:translate-x-[70vw] lg:w-3/10 h-dvh top-0 bg-base-strong text-writing-inverse overflow-hidden flex flex-col"
1657         x-transition:enter="transition-transform ease-out duration-300"
1658         x-transition:enter-start="translate-x-[100vw] lg:translate-x-[100vw]"
1659         x-transition:enter-end="translate-x-[20vw] lg:translate-x-[70vw]"
1660         x-transition:leave="transition-transform ease-in duration-200"
1661         x-transition:leave-start="translate-x-[20vw] lg:translate-x-[70vw]"
1662         x-transition:leave-end="translate-x-[100vw] lg:translate-x-[100vw]"
1663    >
1664        <div class="p-6 flex justify-end items-center">
1665            <div class="flex-1 flex gap-2 items-center">
1666                <span>Choisir une langue</span>
1667            </div>
1668            <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
1669                    type="button"
1670                    x-on:click="visibleLangSelector = false">
1671                <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1672    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1673    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1674</svg>
1675                </button>
1676        </div>
1677        <ul class="text-writing-inverse p-6 flex flex-col gap-6 min-w-75 relative">
1678                            <li>
1679                                            <a class="hover:underline"
1680                           href="https://www.rothoblaas.it">Italiano</a>
1681                                    </li>
1682                            <li>
1683                                            <a class="hover:underline"
1684                           href="https://www.rothoblaas.com">English</a>
1685                                    </li>
1686                            <li>
1687                                            <a class="hover:underline"
1688                           href="https://www.rothoblaas.de">Deutsch</a>
1689                                    </li>
1690                            <li>
1691                                            <a class="hover:underline"
1692                           href="https://www.rothoblaas.fr">Français</a>
1693                                    </li>
1694                            <li>
1695                                            <a class="hover:underline"
1696                           href="https://www.rothoblaas.es">Español</a>
1697                                    </li>
1698                            <li>
1699                                            <a class="hover:underline"
1700                           href="https://www.rothoblaas.pt">Português</a>
1701                                    </li>
1702                            <li>
1703                                            <a class="hover:underline"
1704                           href="https://www.rothoblaas.cn">中文</a>
1705                                    </li>
1706                            <li>
1707                                            <a class="hover:underline"
1708                           href="https://www.rothoblaas.ru.com">РУС</a>
1709                                    </li>
1710                            <li>
1711                                            <a class="hover:underline"
1712                           href="https://www.rothoblaas.pl">Polski</a>
1713                                    </li>
1714                    </ul>
1715    </div>
1716
1717    <div x-on:click.outside="visibleBrands = false"
1718         x-show="visibleBrands"
1719         x-cloak
1720         class="fixed z-10 translate-x-[20vw] w-8/10 lg:translate-x-[70vw] lg:w-3/10 h-dvh top-0 bg-primary-dark text-writing-inverse overflow-hidden flex flex-col"
1721         x-transition:enter="transition-transform ease-out duration-300"
1722         x-transition:enter-start="translate-x-[100vw] lg:translate-x-[100vw]"
1723         x-transition:enter-end="translate-x-[20vw] lg:translate-x-[70vw]"
1724         x-transition:leave="transition-transform ease-in duration-200"
1725         x-transition:leave-start="translate-x-[20vw] lg:translate-x-[70vw]"
1726         x-transition:leave-end="translate-x-[100vw] lg:translate-x-[100vw]"
1727    >
1728        <div class="p-6 flex justify-end items-center">
1729            <div class="flex-1 flex gap-2 items-center">
1730                <span>Nos marques</span>
1731            </div>
1732            <button class="h-10 w-10 text-writing-inverse flex items-center justify-center"
1733                    type="button"
1734                    x-on:click="visibleBrands = false">
1735                <svg class="h-8 w-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1736    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1737    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
1738</svg>
1739                </button>
1740        </div>
1741        <div class="p-6 pt-4 flex flex-col items-start gap-12">
1742            <a href="/" class="px-10 mx-auto block max-w-2xs">
1743                <img src="/assets/images/our-brands-rotho.png" alt="Rothoblaas Logo">
1744            </a>
1745            <div class="w-full h-px bg-white"></div>
1746            <a href="https://www.rothoblaas.fr/safe" class="px-10 mx-auto block max-w-2xs">
1747                <img src="/assets/images/our-brands-safety.png" alt="Rothoblaas Safety Logo">
1748            </a>
1749            <div class="w-full h-px bg-white"></div>
1750            <a href="https://www.holztechnic.com" target="_blank" class="px-10 mx-auto block max-w-2xs">
1751                <img src="/assets/images/our-brands-ht.png" alt="Holz Technic Logo">
1752            </a>
1753        </div>
1754    </div>
1755
1756    
1757</header>
1758
1759
1760    
1761        <main class="old pb-10 isolate">
1762    
1763    
1764        
1765        
1766            
1767                                    <div data-slider="billboard" class="c-billboard">
1768
1769    <div class="u-width-70@ls u-relative u-m85vh c-billboard__container">
1770
1771        
1772                <section class="c-hero c-billboard__primary u-centered flashed-in"  data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/47930/conversions/banner-1920x1080_enjpg-image-1920x1200-contain.jpg');">
1773
1774            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1775                                <h1 class="primary">
1776                    <i>Gestion de l’eau dans la construction en bois</i>
1777                    <strong>SMARTBOOK CHANTIER, EAU ET DURABILITÉ</strong>
1778                </h1>
1779                <hr>
1780                
1781                                <h2 class="tertiary">PROBLÈMES CONCRETS, SOLUTIONS VÉRIFIÉES</h2>
1782                                                <p>
1783                    <a href="https://www.rothoblaas.fr/smartbook-chantier-eau-et-durabilite" class="c-button c-button--quaternary c-button--large">TÉLÉCHARGER LE SMARTBOOK</a>
1784                </p>
1785                            </div>
1786
1787        </section>
1788                <section class="c-hero c-billboard__primary u-centered " data-slide-invisible data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/47573/conversions/banner_sharp-metal-1jpg-image-1920x1200-contain.jpg');">
1789
1790            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1791                                <h1 class="primary">
1792                    <i>SHARP METAL : PLAQUES D’ACCROCHE</i>
1793                    <strong>Pour planchers nervurés sans collage</strong>
1794                </h1>
1795                <hr>
1796                
1797                                <h2 class="tertiary">PERFORMANCES VÉRIFIÉES EN GRANDEUR RÉELLE</h2>
1798                                                <p>
1799                    <a href="https://www.rothoblaas.fr/planchers-nervures-sans-collage" class="c-button c-button--quaternary c-button--large">VOIR LES DONNÉES</a>
1800                </p>
1801                            </div>
1802
1803        </section>
1804                <section class="c-hero c-billboard__primary u-centered " data-sli
1804de-invisible data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/44966/conversions/00_vgsp_landing_page_2jpg-image-1920x1200-contain.jpg');">
1805
1806            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1807                                <h1 class="primary">
1808                    <i>LA PREMIÈRE VIS DE LEVAGE AVEC RÉUTILISATION VÉRIFIABLE</i>
1809                    <strong>VGS PLATE</strong>
1810                </h1>
1811                <hr>
1812                
1813                                <h2 class="tertiary">DES CRITÈRES OBJECTIFS, ET NON PAS DES HYPOTHÈSES</h2>
1814                                                <p>
1815                    <a href="https://www.rothoblaas.fr/vgs-plate-la-premiere-vis-de-levage-avec-reutilisation-verifiable" target="_blank" class="c-button c-button--quaternary c-button--large">LISEZ LA MÉTHODE&nbsp;</a>
1816                </p>
1817                            </div>
1818
1819        </section>
1820                <section class="c-hero c-billboard__primary u-centered " data-slide-invisible data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/44347/conversions/banner_home_hero_greyjpg-1771840796-image-1920x1200-contain.jpg');">
1821
1822            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1823                                <h1 class="primary">
1824                    <i>HERO : LE CASQUE POUR CHANTIER, TRAVAIL EN HAUTEUR ET INDUSTRIE&nbsp;</i>
1825                    <strong>Léger, confortable, au design inimitable.&nbsp;</strong>
1826                </h1>
1827                <hr>
1828                
1829                                <h2 class="tertiary">IL PROTÈGE, IL DISTINGUE, IL UNIT</h2>
1830                                                <p>
1831                    <a href="https://www.rothoblaas.fr/blog/casque-de-protection-avec-certification-en-3972025-type-ii-hero" target="_blank" class="c-button c-button--quaternary c-button--large">CONSULTEZ L'ARTICLE TECHNIQUE</a>
1832                </p>
1833                            </div>
1834
1835        </section>
1836                <section class="c-hero c-billboard__primary u-centered " data-slide-invisible data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/44165/conversions/banner_hbspjpg-1764315329-image-1920x1200-contain.jpg');">
1837
1838            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1839                                <h1 class="primary">
1840                    <i>UNE NOUVELLE GENERATION DE VIS ET DE PLAQUES</i>
1841                    <strong>HBS PLATE</strong>
1842                </h1>
1843                <hr>
1844                
1845                                <h2 class="tertiary">MÉTHODE D’INSTALLATION ET OUTILS POUR TRAVAILLER EN TOUTE SÉCURITÉ</h2>
1846                                                <p>
1847                    <a href="https://www.rothoblaas.fr/hbs-plate-timber-to-steel-connections-for-mass-timber" class="c-button c-button--quaternary c-button--large">LIRE PLUS</a>
1848                </p>
1849                            </div>
1850
1851        </section>
1852                <section class="c-hero c-billboard__primary u-centered " data-slide-invisible data-slide style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/44152/conversions/border_bannerjpg-1763735698-image-1920x1200-contain.jpg');">
1853
1854            <div class="c-overlay c-overlay--primary o-island-half o-island@ms u-vertical-centered">
1855                                <h1 class="primary">
1856                    <i>SÉCURITÉ POUR LES MILIEUX INDUSTRIELS</i>
1857                    <strong>BORDER : garde-corps en aluminium pour n’importe quelle sous-structure</strong>
1858                </h1>
1859                <hr>
1860                
1861                                <h2 class="tertiary">CONFORMES AUX NORMES TECHNIQUES EN VIGUEUR</h2>
1862                                                <p>
1863                    <a href="https://www.rothoblaas.fr/produits/systemes-antichute/protection-collective-et-acces/garde-corps-permanents/border" target="_blank" class="c-button c-button--quaternary c-button--large">TÉLÉCHARGEZ LES DÉTAILS TECHNIQUES</a>
1864                </p>
1865                            </div>
1866
1867        </section>
1868        
1869        <span data-slide-next class="c-billboard__next">Next</span>
1870        <span data-slide-previous class="c-billboard__previous">Previous</span>
1871
1872    </div>
1873
1874    <div class="u-width-30@ls">
1875
1876        <section class="c-hero c-billboard__secondary u-centered" style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/40610/conversions/ht_bannerjpg-1655113343-image-640x640-crop.jpg');">
1877
1878            <div class=" c-overlay c-overlay--primary o-island-half o-bridge-vertical-double@ls u-vertical-centered">
1879                                    <h2 class="secondary">REVENTE</h2>
1880                                                    <p>Gamme complète de solutions pour structures en bois dédiée à la distribution </p>
1881                
1882                                    <a class="c-button c-button--quaternary" href="https://www.holztechnic.fr/" target="_blank">DÉCOUVREZ PLUS</a>
1883                            </div>
1884
1885        </section>
1886
1887        <section class="c-hero c-billboard__tertiary u-centered" style="background-image: url('https://rotho.fra1.digitaloceanspaces.com/41280/conversions/specialisti-safe-1557302699jpg-1711038167-image-640x640-crop.jpg');">
1888
1889            <div class=" c-overlay c-overlay--primary o-island-half o-bridge-vertical-double@ls u-vertical-centered">
1890                                    <h2 class="secondary">SPÉCIALISTES DE LA SÉCURITÉ AU TRAVAIL </h2>
1891                                                    <p>Solutions pour l’accès, le déplacement et la réalisation<br>d’opérations en hauteur, en totale sécurité </p>
1892                
1893                                    <a class="c-button c-button--quaternary" href="https://www.rothoblaas.fr/safe">DÉCOUVREZ PLUS</a>
1894                            </div>
1895
1896        </section>
1897
1898    </div>
1899
1900</div>
1901                
1902            
1903                                    <section class="o-constrained o-bridge-vertical o-bridge-horizontal@ls no-theme">
1904    <h1 class="c-subhead">
1905        <span>PROJETS ET CONCOURS</span>
1906    </h1>
1907        <div class="o-grid o-grid--guttered o-grid--half@ms">
1908
1909                    <section>
1910                <a class="c-box" href="https://www.mezeroe.eu/project-summary/what-is-mezeroe" target="_blank">
1911                                            <figure>
1912                            <img src="https://rotho.fra1.digitaloceanspaces.com/40822/conversions/Banner_mezeroe-(1)-1683893465-image-672x448-crop.jpg"/>
1913                        </figure>
1914                    
1915                    <hgroup>
1916                        
1917                                                    <h2 class="h4">MEZeroE</h2>
1918                                            </hgroup>
1919
1920                                            <p>
1921                            Le Manifeste de MEZeroE est également le nôtre : redéfinir les processus industriels et de construction de manière innovante. Rejoignez la Communauté du projet européen qui met en ligne les protagonistes du « Zéro ». Rothoblaas fait déjà partie du changement !<br><br>En savoir plus !
1922                        </p>
1923                    
1924                </a>
1925
1926            </section>
1927                    <section>
1928                <a class="c-box" href="https://woodcircles.eu/" target="_blank">
1929                                            <figure>
1930                            <img src="https://rotho.fra1.digitaloceanspaces.com/41165/conversions/Banner_woodcircles-1707898255-image-672x448-crop.jpg"/>
1931                        </figure>
1932                    
1933                    <hgroup>
1934                        
1935                                                    <h2 class="h4"><a href="https://woodcircles.eu/" target="_blank">WOODCIRCLES</a></h2>
1936                                            </hgroup>
1937
1938                                            <p>
1939                            Rothoblaas participe à WOODCIRCLE, le projet européen qui réunit l’expérience de 20 partenaires de la chaîne de valeur du bois. Objectif en commun ? Un horizon écologique durable, avec une construction en bois axée sur la conception et la construction pour le démontage.&nbsp;<br><br>En savoir plus !
1940                        </p>
1941                    
1942                </a>
1943
1944            </section>
1945                    <section>
1946                <a class="c-box" href="https://multicare-project.eu/" target="_blank">
1947                                            <figure>
1948                            <img src="https://rotho.fra1.digitaloceanspaces.com/44372/conversions/02_Multicare_Project-1772180441-image-672x448-crop.jpg"/>
1949                        </figure>
1950                    
1951                    <hgroup>
1952                        
1953                                                    <h2 class="h4">&nbsp;MULTICARE</h2>
1954                                            </hgroup>
1955
1956                                            <p>
1957                            Concilier innovation technologique et faisabilité constructive : tel est l’objectif de MULTICARE, un projet européen mené par un consortium international qui réunit la recherche et l’industrie tout au long de la filière du bâtiment, en mettant l’accent sur la rénovation multidisciplinaire de bâtiments existants à travers des systèmes hybrides et démontables.<br><br>Rothoblaas fait partie des 21 partenaires du projet.<br><br>En savoir plus !
1958                        </p>
1959                    
1960                </a>
1961
1962            </section>
1963            </div>
1964
1965
1966</section>
1967                
1968            
1969                                    <section class="o-constrained o-bridge-vertical o-bridge-horizontal@ls no-theme">
1970    <h1 class="c-subhead">
1971        <span>POUR LE CONCEPTEUR </span>
1972    </h1>
1973        <div class="o-grid o-grid--guttered o-grid--half@ms">
1974
1975                    <section>
1976                <a class="c-box" href="https://www.rothoblaas.fr/logiciels">
1977                                            <figure>
1978                            <img src="https://rotho.fra1.digitaloceanspaces.com/41177/conversions/myproject-1708588685-image-672x448-crop.png"/>
1979                        </figure>
1980                    
1981                    <hgroup>
1982                        
1983                                                    <h2 class="h4">MyProject 5.3</h2>
1984                                            </hgroup>
1985
1986                                            <p>
1987                            Le logiciel complet et intuitif pour la conception 
1988                        </p>
1989                    
1990                </a>
1991
1992            </section>
1993                    <section>
1994                <a class="c-box" href="https://www.rothoblaas.fr/formation">
1995                                            <figure>
1996                            <img src="https://rotho.fra1.digitaloceanspaces.com/41178/conversions/corsi-school-1708588696-image-672x448-crop.png"/>
1997                        </figure>
1998                    
1999                    <hgroup>
2000                        
2001                                                    <h2 class="h4">Cours de formation et séminaires techniques </h2>
2002                                            </hgroup>
2003
2004                                            <p>
2005                            Opportunités de formation pour la croissance professionnelle 
2006                        </p>
2007                    
2008                </a>
2009
2010            </section>
2011            </div>
2012
2013
2014</section>
2015                
2016            
2017                                    <section class="o-constrained">
2018
2019    <h2 class="c-subhead"><span>CALENDRIER éVèNEMENTS</span></h2>
2020
2021    
2022    <div class="o-island o-bridge-horizontal-double@ls">
2023        <div class="o-grid o-grid--half@ms o-grid--fourth@ls o-grid--guttered@ms">
2024                            <section class="c-event" itemscope itemtype="http://schema.org/Event" data-category-slug="course">
2025    <a class="c-event__content" href="/courses/psaga-hold-2026" >
2026        <div class="c-event__info">
2027            <div class="o-island-half">
2028                                    
2029                        <p class="c-event__date">
2030                            <time itemprop="startDate" datetime="2026-01-01">
2031                                <b>01</b> Jan
2032                            </time>
2033                        </p>
2034                    
2035                                <h2 class="c-event__title">
2036                                            <span itemprop="name">PSAgA </span>
2037                        <span class="c-event__location" itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="address">Schulung beim Kunde vor Ort </span></span>
2038                                    </h2>
2039            </div>
2040            <p class="c-event__category c-badge c-badge--course">Cours</p>
2041        </div>
2042    </a>
2043</section>
2044<section class="c-event" itemscope itemtype="http://schema.org/Event" data-category-slug="course">
2045    <a class="c-event__content" href="/courses/safety-learning-serie-de-videos-sur-linstallation-de-systemes-antichute" >
2046        <div class="c-event__info">
2047            <div class="o-island-half">
2048                                    
2049                        <p class="c-event__date">
2050                            <time itemprop="startDate" datetime="2026-01-01">
2051                                <b>01</b> Jan
2052                            </time>
2053                        </p>
2054                    
2055                                <h2 class="c-event__title">
2056                                            <span itemprop="name">SAFETY LEARNING: SÉRIE DE VIDÉOS SUR L&#039;INSTALLATION DE SYSTÈMES ANTICHUTE</span>
2057                        <span class="c-event__location" itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="address">online</span></span>
2058                                    </h2>
2059            </div>
2060            <p class="c-event__category c-badge c-badge--course">Cours</p>
2061        </div>
2062    </a>
2063</section>
2064<section class="c-event" itemscope itemtype="http://schema.org/Event" data-category-slug="course">
2065    <a class="c-event__content" href="/courses/safety-learning-video-series-on-the-installation-of-fall-arrest-systems" >
2066        <div class="c-event__info">
2067            <div class="o-island-half">
2068                                    
2069                        <p class="c-event__date">
2070                            <time itemprop="startDate" datetime="2026-01-01">
2071                                <b>01</b> Jan
2072                            </time>
2073                        </p>
2074                    
2075                                <h2 class="c-event__title">
2076                                            <span itemprop="name">SAFETY LEARNING: VIDEO SERIES ON THE INSTALLATION OF FALL ARREST SYSTEMS</span>
2077                        <span class="c-event__location" itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="address">Online</span></span>
2078                                    </h2>
2079            </div>
2080            <p class="c-event__category c-badge c-badge--course">Cours</p>
2081        </div>
2082    </a>
2083</section>
2084<section class="c-event" itemscope itemtype="http://schema.org/Event" data-category-slug="course">
2085    <a class="c-event__content" href="/courses/safety-learning-serie-de-videos-sobre-la-instalacion-de-sistemas-de-detencion-de-caidas" >
2086        <div class="c-event__info">
2087            <div class="o-island-half">
2088                                    
2089                        <p class="c-event__date">
2090                            <time itemprop="startDate" datetime="2026-01-01">
2091                                <b>01</b> Jan
2092                            </time>
2093                        </p>
2094                    
2095                                <h2 class="c-event__title">
2096                                            <span itemprop="name">SAFETY LEARNING: SERIE DE VIDEOS SOBRE LA INSTALACIÓN DE SISTEMAS DE DETENCIÓN DE CAÍDAS.</span>
2097                        <span class="c-event__location" itemprop="location" itemscope itemtype="http://schema.org/Place"><span itemprop="address">online</span></span>
2098                                    </h2>
2099            </div>
2100            <p class="c-event__category c-badge c-badge--course">Cours</p>
2101        </div>
2102    </a>
2103</section>
2104                    </div>
2105    </div>
2106
2107    
2108        <footer class="u-centered">
2109        <p><a class="c-button c-button--empty" href="evenements">CALENDRIER</a></p>
2110    </footer>
2111    </section>
2112                
2113            
2114        
2115
2116
2117    
2118    </main>
2119
2120    
2121    <footer role="contentinfo" class="bg-base-strong text-writing-inverse py-8 md:py-20">
2122    <div class="w-full max-w-[1600px] mx-auto px-4 lg:px-8">
2123        <div class="space-y-10 lg:grid grid-cols-6 xl:grid-cols-5 gap-6 pb-10 lg:pb-28 md:border-b border-writing-inverse">
2124            <img class="mx-auto md:mx-0 col-span-2 xl:col-span-1 w-full max-w-48" src="/assets/images/rothoblaas-logo-footer-fr.png" alt="Rothoblaas" />
2125            <ul class="col-span-4 md:grid grid-cols-2 xl:grid-cols-4 gap-6">
2126                                    <li class="space-y-8">
2127                        <div class="hidden md:block font-semibold text-base">Produits</div>
2128                        <ul class="font-light text-sm my-0">
2129                            <div class="block md:hidden">
2130                                <div data-component="accordion" >
2131    <details  class="py-4 xl:py-6 group border-b group flex flex-col open:gap-y-6 border-stroke-sub">
2132        <summary class="flex gap-4 justify-between items-center cursor-pointer list-none">
2133            <div class="flex items-center gap-4">
2134                 <h3 class="text-lg xl:text-xl font-semibold m-0 text-writing-inverse group-hover:text-writing-soft" >Produits</h3>                             </div>
2135            <svg class="w-6 h-6 group-open:hidden primary-default" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2136    <g stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".75">
2137        <path d="m12 4.34253v15.31497"/>
2138        <path d="m19.6587 12h-15.31495"/>
2139    </g>
2140</svg>
2141            <svg class="w-6 h-6 hidden group-open:block primary-default" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2142    <path d="M19.6587 12H4.34375" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round"/>
2143</svg>
2144        </summary>
2145        <div class="text-md xl:text-lg text-writing-inverse">
2146            <div class="space-y-1">
2147                                                                                                                                    <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/fixation/vis" >Vis</a></li>
2148                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/fixation/equerres-et-plaques" >Équerres et plaques</a></li>
2149                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/rubans-adhesifs-et-produits-detancheite" >Rubans adhésifs et produits d&#039;étanchéité</a></li>
2150                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes" >Membranes</a></li>
2151                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/feu" >Feu</a></li>
2152                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/acoustique/profils-resilients" >Profils résilients</a></li>
2153                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/systemes-antichute/lignes-de-vie" >Lignes de vie</a></li>
2154                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/produits/nouveaux-produits" >Nouveaux produits</a></li>
2155                                                                                                                        </div>
2156        </div>
2157    </details>
2158</div>
2159                            </div>
2160                            <div class="space-y-1 hidden md:block">
2161                                                                    <li><a href="https://www.rothoblaas.fr/produits/fixation/vis"  class="hover:underline ">Vis</a></li>
2162                                                                    <li><a href="https://www.rothoblaas.fr/produits/fixation/equerres-et-plaques"  class="hover:underline ">Équerres et plaques</a></li>
2163                                                                    <li><a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/rubans-adhesifs-et-produits-detancheite"  class="hover:underline ">Rubans adhésifs et produits d&#039;étanchéité</a></li>
2164                                                                    <li><a href="https://www.rothoblaas.fr/produits/etancheite-a-lair-et-impermeabilisation/membranes"  class="hover:underline ">Membranes</a></li>
2165                                                                    <li><a href="https://www.rothoblaas.fr/produits/feu"  class="hover:underline ">Feu</a></li>
2166                                                                    <li><a href="https://www.rothoblaas.fr/produits/acoustique/profils-resilients"  class="hover:underline ">Profils résilients</a></li>
2167                                                                    <li><a href="https://www.rothoblaas.fr/produits/systemes-antichute/lignes-de-vie"  class="hover:underline ">Lignes de vie</a></li>
2168                                                                    <li><a href="https://www.rothoblaas.fr/produits/nouveaux-produits"  class="hover:underline ">Nouveaux produits</a></li>
2169                                                            </div>
2170                        </ul>
2171                    </li>
2172                                    <li class="space-y-8">
2173                        <div class="hidden md:block font-semibold text-base">Droits et Confidentialité</div>
2174                        <ul class="font-light text-sm my-0">
2175                            <div class="block md:hidden">
2176                                <div data-component="accordion" >
2177    <details  class="py-4 xl:py-6 group border-b group flex flex-col open:gap-y-6 border-stroke-sub">
2178        <summary class="flex gap-4 justify-between items-center cursor-pointer list-none">
2179            <div class="flex items-center gap-4">
2180                 <h3 class="text-lg xl:text-xl font-semibold m-0 text-writing-inverse group-hover:text-writing-soft" >Droits et Confidentialité</h3>                             </div>
2181            <svg class="w-6 h-6 group-open:hidden primary-default" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2182    <g stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".75">
2183        <path d="m12 4.34253v15.31497"/>
2184        <path d="m19.6587 12h-15.31495"/>
2185    </g>
2186</svg>
2187            <svg class="w-6 h-6 hidden group-open:block primary-default" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2188    <path d="M19.6587 12H4.34375" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round"/>
2189</svg>
2190        </summary>
2191        <div class="text-md xl:text-lg text-writing-inverse">
2192            <div class="space-y-1">
2193                                                                                                                                    <li>
2193<a class="hover:underline iubenda-nostyle iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/privacy-policy/44249132" >Privacy policy</a></li>
2194                                                                                            <li><a class="hover:underline iubenda-nostyle iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/privacy-policy/44249132/cookie-policy" > Cookie policy</a></li>
2195                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/general-conditions-of-purchase" >General conditions of purchase</a></li>
2196                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/conditions-generales-de-vente" >Conditions générales de vente</a></li>
2197                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/whistleblowing-channel" >Whistleblowing channel</a></li>
2198                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/attachments/297534/CODE-ETHIQUE-FR_5.3.1-r.02.pdf" target=&quot;_blank&quot;>Code èthique</a></li>
2199                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/attachments/279915/AU-DELA-DES-MOTS_DIVERSITE.-RESPECT.-OPPORTUNITE_fr_5.3.3-r.01.pdf" target=&quot;_blank&quot;>Égalité des chances</a></li>
2200                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/accessibility" >Accessibilité</a></li>
2201                                                                                                                        </div>
2202        </div>
2203    </details>
2204</div>
2205                            </div>
2206                            <div class="space-y-1 hidden md:block">
2207                                                                    <li><a href="https://www.iubenda.com/privacy-policy/44249132"  class="hover:underline iubenda-nostyle iubenda-noiframe iubenda-embed">Privacy policy</a></li>
2208                                                                    <li><a href="https://www.iubenda.com/privacy-policy/44249132/cookie-policy"  class="hover:underline iubenda-nostyle iubenda-noiframe iubenda-embed"> Cookie policy</a></li>
2209                                                                    <li><a href="https://www.rothoblaas.fr/general-conditions-of-purchase"  class="hover:underline ">General conditions of purchase</a></li>
2210                                                                    <li><a href="https://www.rothoblaas.fr/conditions-generales-de-vente"  class="hover:underline ">Conditions générales de vente</a></li>
2211                                                                    <li><a href="https://www.rothoblaas.fr/whistleblowing-channel"  class="hover:underline ">Whistleblowing channel</a></li>
2212                                                                    <li><a href="https://www.rothoblaas.fr/attachments/297534/CODE-ETHIQUE-FR_5.3.1-r.02.pdf" target=&quot;_blank&quot; class="hover:underline ">Code èthique</a></li>
2213                                                                    <li><a href="https://www.rothoblaas.fr/attachments/279915/AU-DELA-DES-MOTS_DIVERSITE.-RESPECT.-OPPORTUNITE_fr_5.3.3-r.01.pdf" target=&quot;_blank&quot; class="hover:underline ">Égalité des chances</a></li>
2214                                                                    <li><a href="https://www.rothoblaas.fr/accessibility"  class="hover:underline ">Accessibilité</a></li>
2215                                                            </div>
2216                        </ul>
2217                    </li>
2218                                    <li class="space-y-8">
2219                        <div class="hidden md:block font-semibold text-base">Services</div>
2220                        <ul class="font-light text-sm my-0">
2221                            <div class="block md:hidden">
2222                                <div data-component="accordion" >
2223    <details  class="py-4 xl:py-6 group border-b group flex flex-col open:gap-y-6 border-stroke-sub">
2224        <summary class="flex gap-4 justify-between items-center cursor-pointer list-none">
2225            <div class="flex items-center gap-4">
2226                 <h3 class="text-lg xl:text-xl font-semibold m-0 text-writing-inverse group-hover:text-writing-soft" >Services</h3>                             </div>
2227            <svg class="w-6 h-6 group-open:hidden primary-default" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2228    <g stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".75">
2229        <path d="m12 4.34253v15.31497"/>
2230        <path d="m19.6587 12h-15.31495"/>
2231    </g>
2232</svg>
2233            <svg class="w-6 h-6 hidden group-open:block primary-default" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2234    <path d="M19.6587 12H4.34375" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round"/>
2235</svg>
2236        </summary>
2237        <div class="text-md xl:text-lg text-writing-inverse">
2238            <div class="space-y-1">
2239                                                                                                                                    <li><a class="hover:underline " href="https://www.rothoblaas.fr/identifiant" >Login</a></li>
2240                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/catalogues-rothoblaas" >Catalogues</a></li>
2241                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/feuilles-de-calcul" >Feuilles de calcul</a></li>
2242                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/rothoschool" >Rothoschool</a></li>
2243                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/support-technique" >Conseil</a></li>
2244                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/newsletter" >Newsletter</a></li>
2245                                                                                                                        </div>
2246        </div>
2247    </details>
2248</div>
2249                            </div>
2250                            <div class="space-y-1 hidden md:block">
2251                                                                    <li><a href="https://www.rothoblaas.fr/identifiant"  class="hover:underline ">Login</a></li>
2252                                                                    <li><a href="https://www.rothoblaas.fr/catalogues-rothoblaas"  class="hover:underline ">Catalogues</a></li>
2253                                                                    <li><a href="https://www.rothoblaas.fr/feuilles-de-calcul"  class="hover:underline ">Feuilles de calcul</a></li>
2254                                                                    <li><a href="https://www.rothoblaas.fr/rothoschool"  class="hover:underline ">Rothoschool</a></li>
2255                                                                    <li><a href="https://www.rothoblaas.fr/support-technique"  class="hover:underline ">Conseil</a></li>
2256                                                                    <li><a href="https://www.rothoblaas.fr/newsletter"  class="hover:underline ">Newsletter</a></li>
2257                                                            </div>
2258                        </ul>
2259                    </li>
2260                                    <li class="space-y-8">
2261                        <div class="hidden md:block font-semibold text-base">Société</div>
2262                        <ul class="font-light text-sm my-0">
2263                            <div class="block md:hidden">
2264                                <div data-component="accordion" >
2265    <details  class="py-4 xl:py-6 group border-b group flex flex-col open:gap-y-6 border-stroke-sub">
2266        <summary class="flex gap-4 justify-between items-center cursor-pointer list-none">
2267            <div class="flex items-center gap-4">
2268                 <h3 class="text-lg xl:text-xl font-semibold m-0 text-writing-inverse group-hover:text-writing-soft" >Société</h3>                             </div>
2269            <svg class="w-6 h-6 group-open:hidden primary-default" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2270    <g stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".75">
2271        <path d="m12 4.34253v15.31497"/>
2272        <path d="m19.6587 12h-15.31495"/>
2273    </g>
2274</svg>
2275            <svg class="w-6 h-6 hidden group-open:block primary-default" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2276    <path d="M19.6587 12H4.34375" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round"/>
2277</svg>
2278        </summary>
2279        <div class="text-md xl:text-lg text-writing-inverse">
2280            <div class="space-y-1">
2281                                                                                                                                    <li><a class="hover:underline " href="https://www.rothoblaas.fr/company-rothoblaas" >Qui sommes-nous ?</a></li>
2282                                                                                            <li><a class="hover:underline " href="https://issuu.com/rothoblaas/docs/rothoblaas_vision_mission_identit_fr" >Vision Mission Identitè</a></li>
2283                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/nos-sites" >Nos sites</a></li>
2284                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/contacts" >Contacter l&#039;agent</a></li>
2285                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/carrieres-rothoblaas" >Carrières</a></li>
2286                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/evenements" >Évènements</a></li>
2287                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/attachments/292308/ISO-9001_2015_Inglese.pdf" target=&quot;_blank&quot;>ISO 9001</a></li>
2288                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/attachments/266936/MOD5.1.1_Politica-della-Qualitá-della-Salute-e-Sicurezza-e-dell&#039;-Ambiente_FR-(1).pdf" target=&quot;_blank&quot;>QHSE-Policy</a></li>
2289                                                                                            <li><a class="hover:underline " href="https://www.rothoblaas.fr/attachments/292309/Rotho-Blaas-S.r.l.-certificato-UNIPdR.pdf" target=&quot;_blank&quot;>UNI PdR 125:2022</a></li>
2290                                                                                                                        </div>
2291        </div>
2292    </details>
2293</div>
2294                            </div>
2295                            <div class="space-y-1 hidden md:block">
2296                                                                    <li><a href="https://www.rothoblaas.fr/company-rothoblaas"  class="hover:underline ">Qui sommes-nous ?</a></li>
2297                                                                    <li><a href="https://issuu.com/rothoblaas/docs/rothoblaas_vision_mission_identit_fr"  class="hover:underline ">Vision Mission Identitè</a></li>
2298                                                                    <li><a href="https://www.rothoblaas.fr/nos-sites"  class="hover:underline ">Nos sites</a></li>
2299                                                                    <li><a href="https://www.rothoblaas.fr/contacts"  class="hover:underline ">Contacter l&#039;agent</a></li>
2300                                                                    <li><a href="https://www.rothoblaas.fr/carrieres-rothoblaas"  class="hover:underline ">Carrières</a></li>
2301                                                                    <li><a href="https://www.rothoblaas.fr/evenements"  class="hover:underline ">Évènements</a></li>
2302                                                                    <li><a href="https://www.rothoblaas.fr/attachments/292308/ISO-9001_2015_Inglese.pdf" target=&quot;_blank&quot; class="hover:underline ">ISO 9001</a></li>
2303                                                                    <li><a href="https://www.rothoblaas.fr/attachments/266936/MOD5.1.1_Politica-della-Qualitá-della-Salute-e-Sicurezza-e-dell&#039;-Ambiente_FR-(1).pdf" target=&quot;_blank&quot; class="hover:underline ">QHSE-Policy</a></li>
2304                                                                    <li><a href="https://www.rothoblaas.fr/attachments/292309/Rotho-Blaas-S.r.l.-certificato-UNIPdR.pdf" target=&quot;_blank&quot; class="hover:underline ">UNI PdR 125:2022</a></li>
2305                                                            </div>
2306                        </ul>
2307                    </li>
2308                            </ul>
2309        </div>
2310        <div class="flex flex-col lg:flex-row gap-10 lg:gap-8 md:pt-6">
2311            <small class="text-sm font-light">
2312                <p>© ROTHO BLAAS SRL Via dell'Adige N. 2/1 | I-39040, Cortaccia (BZ) N°REA : BZ - 120599 - NIF 01433490214 - N°TVA IT 01433490214 | Cap. Soc. : EUR 52.000,00. Tél. +39 0471 81 84 00 - Fax. +39 0471 81 84 84 | E-mail <a href="mailto:[email protected]">[email protected]</a> – CEC : <a href="mailto:[email protected]">[email protected]</a>.</p>
2313
2314            </small>
2315            <div class="flex gap-2.5">
2316                <a class="w-8 h-8 flex justify-center items-center p-1.5 bg-base-light hover:bg-base-soft rounded-lg aspect-square" href="https://www.facebook.com/rothoblaas1" target="_blank" title="Rothoblaas on Facebook">
2317                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2318                        <path d="M20 10.0001C20 4.47731 15.5228 0.00012207 10 0.00012207C4.47719 0.00012207 0 4.47731 0 10.0001C0 14.9914 3.65687 19.1285 8.4375 19.8786V12.8907H5.89844V10.0001H8.4375V7.797C8.4375 5.29075 9.93047 3.90637 12.2147 3.90637C13.3088 3.90637 14.4531 4.10169 14.4531 4.10169V6.56262H13.1922C11.9499 6.56262 11.5625 7.33348 11.5625 8.12434V10.0001H14.3359L13.8926 12.8907H11.5625V19.8786C16.3431 19.1285 20 14.9915 20 10.0001Z" fill="#0A0A0A"/>
2319                    </svg>
2320                </a>
2321                <a class="w-8 h-8 flex justify-center items-center p-1.5 bg-base-light hover:bg-base-soft rounded-lg aspect-square" href="https://www.instagram.com/rothoblaas.international/" target="_blank" title="Rothoblaas on Linkedin">
2322                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2323                        <path d="M10 1.802C12.6701 1.802 12.9863 1.812
232315 14.0408 1.8602C15.0158 1.90473 15.5453 2.06762 15.8977 2.20458C16.3645 2.38598 16.6976 2.6027 17.0475 2.95262C17.3974 3.30254 17.6141 3.63567 17.7955 4.10239C17.9325 4.45481 18.0954 4.98434 18.1399 5.95926C18.188 7.01379 18.1981 7.33004 18.1981 10.0001C18.1981 12.6702 18.188 12.9865 18.1399 14.041C18.0954 15.016 17.9325 15.5454 17.7955 15.8979C17.6141 16.3646 17.3974 16.6978 17.0475 17.0477C16.6976 17.3976 16.3645 17.6143 15.8977 17.7957C15.5453 17.9326 15.0158 18.0956 14.0408 18.14C12.9865 18.1882 12.6702 18.1983 10 18.1983C7.32977 18.1983 7.01344 18.1882 5.95914 18.14C4.98414 18.0955 4.45469 17.9326 4.10227 17.7957C3.63555 17.6143 3.30234 17.3976 2.95242 17.0477C2.6025 16.6977 2.38578 16.3646 2.20445 15.8979C2.0675 15.5455 1.90453 15.016 1.86008 14.041C1.81195 12.9865 1.8018 12.6703 1.8018 10.0001C1.8018 7.32997 1.81195 7.01379 1.86008 5.95934C1.90461 4.98434 2.0675 4.45481 2.20445 4.10239C2.38578 3.63567 2.6025 3.30254 2.95242 2.95262C3.30242 2.60262 3.63555 2.38598 4.10227 2.20458C4.45461 2.06762 4.98414 1.90473 5.95914 1.8602C7.01359 1.81215 7.32984 1.802 10 1.802ZM10 0.00012207C7.28414 0.00012207 6.94359 0.0116064 5.87703 0.0602783C4.81258 0.108872 4.08562 0.277935 3.44961 0.525122C2.79195 0.780669 2.2343 1.12262 1.67836 1.67856C1.12242 2.2345 0.780547 2.79215 0.525 3.44973C0.277734 4.08582 0.10875 4.81278 0.0601562 5.87715C0.0114844 6.94372 0 7.28426 0 10.0001C0 12.716 0.0114844 13.0565 0.0601562 14.1231C0.10875 15.1875 0.277734 15.9145 0.525 16.5505C0.780469 17.2081 1.12242 17.7658 1.67836 18.3218C2.2343 18.8777 2.79195 19.2196 3.44961 19.4751C4.0857 19.7224 4.81258 19.8914 5.87695 19.94C6.94359 19.9886 7.28414 20.0001 10 20.0001C12.7159 20.0001 13.0564 19.9886 14.123 19.94C15.1873 19.8914 15.9143 19.7224 16.5503 19.4751C17.208 19.2197 17.7656 18.8777 18.3216 18.3218C18.8775 17.7658 19.2195 17.2082 19.475 16.5505C19.7222 15.9144 19.8913 15.1875 19.9398 14.1232C19.9885 13.0565 20 12.716 20 10.0001C20 7.28426 19.9885 6.94372 19.9398 5.87715C19.8913 4.81278 19.7222 4.08582 19.475 3.44981C19.2195 2.79215 18.8775 2.2345 18.3216 1.67856C17.7656 1.12262 17.208 0.780591 16.5504 0.525122C15.9143 0.277935 15.1873 0.108872 14.123 0.0602783C13.0564 0.0116064 12.7159 0.00012207 10 0.00012207ZM10 4.86497C7.16391 4.86497 4.86484 7.16418 4.86484 10.0001C4.86484 12.8361 7.16391 15.1353 10 15.1353C12.836 15.1353 15.1352 12.8362 15.1352 10.0001C15.1352 7.16411 12.836 4.86497 10 4.86497ZM10 13.3335C8.15906 13.3335 6.66664 11.8411 6.66664 10.0001C6.66664 8.15918 8.15906 6.66676 10 6.66676C11.8409 6.66676 13.3334 8.15918 13.3334 10.0001C13.3334 11.8411 11.8409 13.3335 10 13.3335ZM16.538 4.66208C16.538 5.32489 16.0008 5.86207 15.338 5.86207C14.6752 5.86207 14.138 5.32489 14.138 4.66208C14.138 3.99926 14.6752 3.46208 15.338 3.46208C16.0007 3.46208 16.538 3.99934 16.538 4.66208Z" fill="#0A0A0A"/>
2324                    </svg>
2325                </a>
2326                <a class="w-8 h-8 flex justify-center items-center p-1.5 bg-base-light hover:bg-base-soft rounded-lg aspect-square" href="https://www.linkedin.com/company/rothoblaas-srl/" target="_blank" title="Rothoblaas on Instagram">
2327                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2328                        <path d="M17.0409 17.0413H14.0776V12.4004C14.0776 11.2938 14.0578 9.86917 12.5363 9.86917C10.9929 9.86917 10.7567 11.075 10.7567 12.3199V17.041H7.79344V7.49753H10.6382V8.80175H10.678C10.9628 8.31497 11.3742 7.91453 11.8684 7.64305C12.3627 7.37157 12.9214 7.23923 13.4849 7.26011C16.4884 7.26011 17.0422 9.23573 17.0422 11.8059L17.0409 17.0413ZM4.44969 6.19308C3.49992 6.19324 2.72984 5.42339 2.72969 4.47363C2.72953 3.52386 3.4993 2.75378 4.44906 2.75363C5.39883 2.75339 6.16891 3.52324 6.16906 4.473C6.16915 4.9291 5.98805 5.36655 5.6656 5.68912C5.34316 6.0117 4.90578 6.19298 4.44969 6.19308ZM5.93141 17.0414H2.96492V7.49753H5.93133L5.93141 17.0414ZM18.5183 0.00151665H1.47586C0.67039 -0.00754585 0.00984375 0.637689 0 1.44316V18.5567C0.00953125 19.3625 0.67 20.0084 1.47578 20H18.5183C19.3258 20.01 19.9888 19.3641 20 18.5567V1.44183C19.9885 0.634798 19.3254 -0.0103583 18.5183 0.000188527" fill="#0A0A0A"/>
2329                    </svg>
2330                </a>
2331                <a class="w-8 h-8 flex justify-center items-center p-1.5 bg-base-light hover:bg-base-soft rounded-lg aspect-square" href="https://www.youtube.com/c/RothoBlaasOfficial/featured" target="_blank" title="Rothoblaas on YouTube">
2332                    <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2333                        <path d="M19.5583 3.16223C19.4436 2.73829 19.2198 2.3518 18.9093 2.04124C18.5987 1.73068 18.2122 1.50689 17.7883 1.39215C16.2363 0.968872 9.98986 0.968872 9.98986 0.968872C9.98986 0.968872 3.74314 0.981685 2.19111 1.40497C1.76716 1.51971 1.38067 1.74351 1.07013 2.05408C0.759581 2.36466 0.535813 2.75117 0.421109 3.17512C-0.0483444 5.93278 -0.230454 10.1348 0.433999 12.7822C0.548716 13.2061 0.772489 13.5926 1.08303 13.9031C1.39358 14.2137 1.78006 14.4375 2.204 14.5522C3.75603 14.9755 10.0026 14.9755 10.0026 14.9755C10.0026 14.9755 16.2491 14.9755 17.801 14.5522C18.225 14.4375 18.6115 14.2137 18.922 13.9032C19.2326 13.5926 19.4564 13.2061 19.5711 12.7822C20.0663 10.0206 20.2188 5.82114 19.5583 3.16223Z" fill="#0A0A0A"/>
2334                        <path d="M8.00195 10.9736L13.1838 7.97217L8.00195 4.97076V10.9736Z" fill="white"/>
2335                    </svg>
2336                </a>
2337            </div>
2338        </div>
2339    </div>
2340</footer>
2341
2342    
2343
2344        
2345    <div>
2346<dialog id="page-modal"
2347        data-component="modal"
2348        class="bg-white border rounded-sm border-stroke-soft p-8 w-full max-w-200 [open]:flex flex-col fixed"
2349        x-cloak
2350        x-show="isModalOpen"
2351>
2352    <div class="flex justify-end">
2353        <button
2354        class="disabled:opacity-70 disabled:cursor-not-allowed overflow-hidden inline-flex hover:no-underline group group-button h-10 rounded-xs transition-colors cursor-pointer focus:border-stroke-strong focus:ring-2 focus:ring-neutral-100 ring-offset-2 w-fit text-primary-darker hover:text-primary-default"
2355        
2356
2357type="submit" x-on:click="document.getElementById('page-modal').close();isModalOpen=false"
2358autofocus
2359data-component="button">
2360    <span class="sr-only">Close</span>
2361    <div class="overflow-hidden w-10 h-10 -my-px border-0 order-2">
2362        <div class="w-full h-full flex flex-col items-center justify-center duration-400 transition-transform">
2363            <svg class="w-8 h-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2364    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
2365    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
2366</svg>
2367            </div>
2368        <div class="w-full h-full flex flex-col items-center justify-center duration-400 transition-transform">
2369            <svg class="w-8 h-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2370    <path d="M19.5 5L5.5 19" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
2371    <path d="M19.5 19L5.5 5" stroke="currentColor" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
2372</svg>
2373            </div>
2374    </div>
2375</button>
2376    </div>
2377    <div x-html="content" class="old">
2378
2379    </div>
2380</dialog>
2381
2382
2383<script>
2384    function pageModal() {
2385        return {
2386            content: "",
2387            isModalOpen: false,
2388            openModal: function (url) {
2389                fetch(url, {
2390                    headers: {
2391                        'X-Modal': 'true'
2392                    }
2393                }).then((response) => {
2394                    return response.text();
2395                }).then((text) => {
2396                    var parser = new DOMParser();
2397                    var doc = parser.parseFromString(text, "text/html");
2398                    this.content = doc.querySelector('main').innerHTML;;
2399                    this.isModalOpen = true;
2400                    document.getElementById('page-modal').showModal();
2401                });
2402
2403            }
2404        }
2405    };
2406</script>
2406
2407</div>
2408
2409</body>
2410</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.