PageSourceSearch

https://www.visio-net.com/services/shops/blain

html visio-net.com collected 2026-09-29 18:15:38 UTC 106,188 bytes, 2,477 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4
5	    
5<script type="text/javascript" cookie-consent="strictly-necessary">
6            var cartItems = new Array();
7		</script>
7
8		
8<script type="text/plain" cookie-consent="tracking">
9            function prodClick(actionField,name,id,brand,cat,variant,position,url,e) {
10                // document.location = url;
11				if((typeof google_tag_manager !== typeof undefined) && google_tag_manager.dataLayer.gtmLoad){
12					e = (typeof e !== typeof undefined)?e:event;
13					e.preventDefault();
14					dataLayer.push({
15						'event': 'productClick',
16						'ecommerce': {
17						'click': {
18							'actionField': {'list': actionField },
19							'products': [{
20							'name': name,
21							'id': id,
22							'brand': brand,
23							'category': cat,
24							'variant': variant,
25							'position': position
26							}]
27						}
28						},
29						'eventCallback': function() {
30							document.location = url;
31						},
32						'eventTimeout' : 1200
33					});
34				}
35				else{
36					document.location = url;
37				}
38            }
39
40        </script>
40
41		<!--
41<script>
42		  // Define dataLayer and the gtag function.
43		  window.dataLayer = window.dataLayer || [];
44		  function gtag(){dataLayer.push(arguments);}
45
46		  // Default ad_storage to 'denied'.
47		  gtag('consent', 'default', {
48			'ad_storage': 'denied',
49			'ad_user_data': 'denied',
50			'ad_personalization': 'denied',
51			'analytics_storage': 'denied'
52		  });
53		  gtag('js', new Date()); 
54		  gtag('config', 'AW-1058794607');
55		</script>
55 -->
56	    				
57
58						
59		
60				
60<script type="text/plain" cookie-consent="tracking">			
61												
62			dataLayer = [{
63			'ecomm_pagetype':'',
64			'currencyCode':'EUR',
65			'currencyCodeDisplayed':'USD',
66			
67						}];
68			
69		</script>
69
70		
71	
72
73
74
75		
75<script type="text/plain" cookie-consent="tracking">
vendor: 444 bytes, lines 75-81
75
76		
77            (function(w, d, s, l, i){w[l] = w[l] || []; w[l].push({'gtm.start':
78                    new Date().getTime(), event:'gtm.js'}); var f = d.getElementsByTagName(s)[0],
79                j = d.createElement(s), dl = l != 'dataLayer'?'&l=' + l:''; j.async = true; j.src =
80                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
81            })(window, document, 'script', 'dataLayer', '
81GTM-P9XFMG7
vendor: 7 bytes, lines 81-82
81');
82			
82function gtag(){dataLayer.push(arguments);}
83			try {
84				var saved = JSON.parse(localStorage.getItem('consent_state') || 'null');
85				if (saved && saved.analytics_storage) {
86				  gtag('consent', 'update', saved);
87				}
88			  } catch(e) {}
89			  
90			  
91			window.addEventListener('message', function(event) {
92				if (event.data && event.data.type === 'VTO_VISITOR_ID') {
93					// Save to cookie 'vto_visitor_id'
94					document.cookie = "vto_visitor_id=" + event.data.visitorId + "; path=/; max-age=31536000"; // 1 year
95				}
96			});
97
98		</script>
98
99
100				
101        <meta charset="utf-8">
102        <meta http-equiv="X-UA-Compatible" content="IE=edge">
103		<link rel="shortcut icon" href="/favicon.ico">
104
105        <title> Visionet, votre opticien à Blain : Découvrez nos services</title>
106		
107        <meta content="width=device-width, initial-scale=1" name="viewport">
108		
109		
110                
111        		
112					<link rel="canonical" href="https://www.visio-net.com/services/glassesguide-online/blain" />
113		
114		        
115		            
116    <meta name="description" content="Explorez nos services pour les magasins à Blain avec Visionet, opticien de référence.">
117    <meta property="og:description" content="Explorez nos services pour les magasins à Blain avec Visionet, opticien de référence.">
118    <meta property="twitter:description" content="Explorez nos services pour les magasins à Blain avec Visionet, opticien de référence.">
119
120    <meta property="twitter:title" content="Visionet, votre opticien à Blain : Découvrez nos services">
121    <meta property="og:title" content="Visionet, votre opticien à Blain : Découvrez nos services">
122
123        							
124													<link rel="stylesheet" href="/assets/shop/css/style.min.css?v=3.2.3">
125										<style>
126			
127			body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--ink)}
128			
129			
130			</style>
131        		
132		<style>
133		#tbxzero td {padding: 0px !important}
134		.redicon {color: #ff0000 !important; font-size: 20px;}
135		.redicon:hover {color: #ff0000 !important;}
136		.redicon:active {color: #ff0000 !important;}
137		.redicon:visited {color: #ff0000 !important;}
138		.heartdiv{text-align: right; margin: 10px;}
139		.item-card__body > .heartdiv {position: absolute; bottom:5px; right: 5px; width: 50px;}
140		@media(max-width:767px){
141			.redicon {color: #ff0000 !important; font-size: 28px;}
142		}
143		@font-face {
144			font-family: 'FontAwesome';
145			src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
146			src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
147			font-weight: normal;
148			font-style: normal;
149		}
150		#visionet_account_menu a .icon .fa {
151			font-size: 23px;
152			color: black;
153		}
154		
155		.nav-svg-icon, .header-action {
156			display: none;
157			width: 27px;
158			height: 27px;
159		}
160
161
162</style>
163
164		<meta name="facebook-domain-verification" content="lyyf5dxlzaos6jp443hm9108sn6mcr" />
165		<meta name="p:domain_verify" content="e614895c24b05e75f737c5ff89c267d0"/>
166    </head>
167
168    <body>
169                							        <div id="visio_container" class="container-fluid">
170            <div id="header" class="">
171                
172
173<style>
174.universal-topbar {
175    display: block !important;          /* Forces visibility on Mobile and Desktop */
176    background-color: #000000 !important; /* Pure black for premium feel */
177    color: #ffffff !important;           /* White text */
178    padding: 9px 12px;
179    text-align: center;
180    font-size: 13px;
181    font-weight: 400;                    /* Unbolded/Normal weight for elegance */
182    text-transform: uppercase;
183    width: 100%;
184    letter-spacing: 1.5px;                      
185    font-family: 'futura_ptbook', Futura, Arial, sans-serif;
186    -webkit-font-smoothing: antialiased;
187}
188.universal-topbar2 {
189    display: block !important;          /* Forces visibility on Mobile and Desktop */
190    
191    color: #ffffff !important;           /* White text */
192    padding: 1px 12px;
193    text-align: center;
194    font-size: 13px;
195    font-weight: 400;                    /* Unbolded/Normal weight for elegance */
196    text-transform: uppercase;
197    width: 100%;
198    letter-spacing: 1.5px;                      
199    font-family: 'futura_ptbook', Futura, Arial, sans-serif;
200    -webkit-font-smoothing: antialiased;
201}
202#universal1 { display: none !important; }
203#universal2 { display: block !important; }
204
205@media (max-width: 767px) {
206  .universal-topbar {
207      font-size: 10px;                   /* Makes it a "Thin Banner" on mobile */
208      padding: 7px 5px;                  /* Reduces height on mobile */
209      letter-spacing: 1px;
210  }
211  #universal1 { display: block !important; }
212  #universal2 { display: none !important; }
213      .header__secondary {
214        top: 50px !important;
215		}
216  .nav-secondary__dropdown.is-active .nav-secondary__target {
217    right: 0;
218  }
219   .nav-secondary__target {
220    height: 200%;
221    position: fixed;
222    right: -900px;
223    top: 0;
224    transition: all 0.5s ease 0s;
225    width: 100%;
226    z-index: 99;
227    background-color: #fff;
228  }
229  .nav > li .menu-toggle::before, .nav-primary > ul > li > div > ul > li .menu-toggle::before {
230    content: "";
231    position: absolute;
232    right: 30px;
233    top: 50%;
234    height: 9px;
235    width: 9px;
236    border-right: 2px solid #666;
237    border-top: 2px solid #666;
238    transform: rotate(45deg) translateY(-70%);
239  }
240  .nav-primary > ul > li > div > ul > li {
241    position: relative;
242  }
243   .nav-secondary__target > ul > li > a {
244    color: #666;
245    display: block;
246    padding: 10px;
247  }
248}
249/*
250@media (min-width: 767px) {
251.nav > li {
252	border: none !important;
253}
254.container--nav {
255	border: none !important;
256}
257.nav > li:first-child > a:before {
258	width: 0px !important;
259}
260}
261*/
262.form--search {
263    max-width: 450px !important;
264    margin: 0 auto !important;
265	float: none !important;
266}
267i.icon.search:before {
268    content: none !important;
269}
270
271</style>
272
273<div class="universal-topbar"   id="universal1">24h Shipping — 30-Day Returns — Optician Advice via <a href="https://wa.me/33253681739?text=Visionet">WhatsApp</a></div>
274
275<div id="headnote" class="col-md-12 header__secondary modern-font" >
276     <div class="container--fixed" style="max-width: 1920px !important;">
277         <div class="row">
278             <div class="col-lg-10 col-md-9 col-sm-6 hidden-xs">
279				<div class="universal-topbar2"   id="universal2">24h Shipping — 30-Day Returns — Optician Advice via <a href="https://wa.me/33253681739?text=Visionet">WhatsApp</a></div>
280             </div>
281             <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12 remote__loading" data-action="language widget"></div>
282         </div>
283     </div>
284</div>
285<div id="head">
286    <div class="header__primary clearfix  modern-font">
287      <div class="container--fixed" style="max-width: 1920px !important;">
288          <div class="row">
289				<a href="javascript:void(0)" class="toggle--nav toggle--nav-js is-active"><span></span></a>
290	          <div id="head_logo" class="logo">
291		          			          <a href="https://www.visio-net.com/" title="Visionet">
292				          <img src="/img/design/logo.png" alt="Visionet" class="img-responsive" />
293			          </a>
294		          	          </div>
295	          <div id="head_login" class="header__actions">
296					
297		          		          <div
298				          id="visionet_account_menu"
299				          class="dropdown dropdown--inline remote__loading"
300				          data-action="user account widget">
301			
302			          <!--<button id="account_menu_trigger" class="link link--icon link--user" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
303				          <a href="https://www.visio-net.com/register" ><span class="icon"><i class="fa fa-user" aria-hidden="true"></i></span>
304						  <span class="nav-svg-icon">
305								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2zm-8-9a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path></svg>
306							</span>
307				          <span class="label label--value">
308					          My Account
309				          </span></a>
310			          <!--</button>-->
311		          </div>
312		
313		          		          <div
314				          id="visionet_cart_menu"
315				          class="remote__loading dropdown--inline dropdown--inline-cart"
316				          data-action="cart summary widget">
317			          <div id="sylius-cart-button" class="circular cart link link--icon link--cart">
318				          <i class="iconx fa fa-shopping-cart"></i>
319						  <span class="nav-svg-icon">
320								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 16V4H2V2h3a1 1 0 0 1 1 1v12h12.438l2-8H8V5h13.72a1 1 0 0 1 .97 1.243l-2.5 10a1 1 0 0 1-.97.757H5a1 1 0 0 1-1-1zm2 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm12 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg>
321						  </span>
322				          <span id="sylius-cart-total" class="label label--value">
323					          <!--                        		$0.00-->
324				          </span>
325			          </div>
326		          </div>
327		          		
328													          <a id="visionet_info_menu" class="link link--icon link--info hidden-xs" href="https://www.visio-net.com/services/other/about-us">
329				          <span class="icon"><i class="fa fa-info-circle"></i></span>
330				          <span class="label label--value">Help</span>
331			          </a>
332
333				  				  <div  id="visionet_faves_menu"  class="dropdown dropdown--inline remote__loading" data-action="faves widget">
334					<div class="circular cart link link--icon link--cart">
335					  <a href="/view-wishlist">
336						  <span class="icon"><i class="fa fa-heart"></i></span>
337						  	  <span class="nav-svg-icon">
338								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604c.881-.556 1.676-1.109 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5 5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903.745.592 1.54 1.145 2.421 1.7.299.189.595.37.934.572.339-.202.635-.383.934-.571z"></path></svg>
339							</span>
340						  <span class="label label--value hidden-xs">Favourites</span>
341					  </a>
342					</div>
343				  </div>
344				  
345	          </div>
346
347	          <div id="head_search" class="form--search header-search-js"  >
348		          		
349		          <div class="ui search">
350			          <form action="https://www.visio-net.com/search/">
351				          <div class="ui action fluid input">
352					          <input name="filter[search]" placeholder="Search for your perfect glasses" type="search" />
353					          <button class="ui blue icon button" type="submit">
354						          <i class="search icon"></i>
355					          </button>
356				          </div>
357			          </form>
358		          </div>
359				  
360								
361								
362	          </div>
363          </div>
364      </div>
365    </div>
366</div>
367
368
369 
370					
371<style>
372@media(min-width:767px) {
373.showonlydesktop {
374	display: inherit;
375}
376.showonlymobile {
377	display: none;
378}
379.nav__dropdown {
380    min-width: 200px;
381    background: #fff;
382    position: absolute;
383    box-shadow: 0 20px 20px 10px rgba(0, 0, 0, 0.05);
384    left: 0;
385    z-index: 5;
386    text-align: left;
387    padding: 15px;
388    top: 120%;
389    transition: all .2s ease;
390    -webkit-transition: all .2s ease;
391    min-height: 200px;
392    padding: 30px 20px;
393    visibility: hidden;
394    opacity: 0;
395}
396.nav>li.nav__item:hover .nav__dropdown {
397    visibility: visible;
398    opacity: 1;
399    top: 100%;
400}
401.container--nav .container--fixed,
402.container--nav .nav,
403.nav>li.nav__item--large {
404    position: static;
405}
406.nav__item--large .nav__dropdown {
407    right: 0;
408}
409.nav__dropdown-flex {
410    display: flex;
411    flex-wrap: wrap;
412}
413.nav__dropdown-flex-small {
414    flex: 0 0 auto;
415    max-width: 200px;
416    margin-left: auto;
417}
418.nav__dropdown-flex-large{width: 100%;}
419.nav__dropdown-flex-large:not(:only-child) {
420    flex: 0 0 calc(100% - 230px);
421    max-width:calc(100% - 230px);
422}
423
424
425
426.nav-group{display: flex; align-items: flex-start;}
427.nav-group__colum{flex: 1; max-width: 33.3%;}
428
429.nav-primary{color: #333;}
430.nav-primary > ul > li > a{font-weight: 600; color: inherit; display: block; padding: 5px 0;}
431.nav-primary > ul .nav-primary__target li a{color: inherit; display: block; padding: 5px 0;}
432.nav-primary > ul .nav-primary__target-flex ul{display: flex; flex-wrap: wrap;}
433.nav-primary > ul .nav-primary__target-flex ul li{flex: 0 0 50%;}
434.nav-primary > ul > li.nav-primary__title > a{cursor: pointer; pointer-events: none;}
435
436
437.nav-primary__name,.nav>li.nav__item-dropdown .menu-back, .nav-group__for-mobile{display: none;}
438
439.brands-flex ul li a:hover{border-color: #49B6DF;}
440
441}
442
443.brands-flex {margin: 0 auto 20px; text-align: center;}
444.brands-flex ul{display: flex; flex-wrap: wrap; width: 100%;}
445.brands-flex ul li{flex: 0 0 20%; padding: 10px;}
446.brands-flex ul li a, .brands-flex ul li .lk{padding: 10px; border: 1px solid #ddd; height: 80px; display: flex; align-items: center; justify-content: center;}
447.brands-flex ul li a img, .brands-flex ul li .lk img{max-width: 125px;}
448
449.for-mobile-only{display: none!important;}
450.doublecol {columns: 2;}
451
452
453@media(max-width: 767px) {
454.showonlydesktop {
455	display: none !important;
456}
457.showonlymobile {
458	display: inherit;
459}
460.doublecol {columns: 1;}
461.brands-flex ul li{flex: 0 0 50%;}
462.nav-primary__label{display: none;}
463.nav-primary__name{display: block;}
464.nav-group__for-mobile{display: block; padding: 15px;}
465
466.nav-submenu>ul>li.parent-menu {
467    display: block;
468}
469.navpanel {
470    overflow-x: hidden;
471    overflow-y: scroll;
472}
473.overlay {cursor:pointer;}
474.toggled_left .overlay.overlay--nav:before {
475    right: 10px;
476    top: 10px;
477}
478.nav>li {
479    border-bottom: 1px solid #ddd;
480}
481.nav>li>a {
482    padding: 18px 10px;
483    position: relative;
484}
485.navpanel {
486    width: 85vw;
487    transition: all 0.5s ease 0s;
488}
489.menu-advert {
490    display: none;
491}
492.nav__dropdown, .nav-primary__target {
493    height: 200%;
494    position: fixed;
495    /*right: -100%;*/
496	right: -900px;
497    top: 0;
498    transition: all 0.5s ease 0s;
499    width: 100%;
500    z-index: 99;
501    background-color: #fff;
502}
503.nav>li>a:focus,
504.nav>li>a:hover {
505    background: transparent;
506}
507.nav__item-dropdown.is-active .nav__dropdown, .nav-primary__dropdown.is-active .nav-primary__target {
508    right: 0;
509}
510.nav>li .menu-toggle,  .nav-primary > ul > li .menu-toggle {
511    height: 50px;
512    line-height: 50px;
513    position: absolute;
514    left: 0;
515    right: 0;
516    top: 0;
517    bottom: 0;
518    display: block;
519    cursor: pointer;
520    text-align: center;
521    font-size: 20px;
522    font-weight: 500;
523    color: #333;
524    z-index: 1;
525}
526.nav>li .menu-toggle:before,  .nav-primary > ul > li .menu-toggle:before {
527    content: "";
528    position: absolute;
529    right: 30px;
530    top: 50%;
531    height: 9px;
532    width: 9px;
533    border-right: 2px solid #666;
534    border-top: 2px solid #666;
535    transform: rotate(45deg) translateY(-70%);
536}
537.nav>li.nav__item-dropdown .menu-back {
538    display: block;
539    padding: 18px 10px 18px 30px;
540    border-bottom: 1px solid #ddd;
541    position: relative;
542    text-transform: uppercase;
543    cursor: pointer;
544    color: #333;
545    font-weight: 600;
546    font-size: 0.85em;
547}
548.nav>li.nav__item-dropdown .menu-back::before {
549    content: "";
550    position: absolute;
551    left: 10px;
552    top: 50%;
553    height: 9px;
554    width: 9px;
555    border-left: 2px solid #666;
556    border-bottom: 2px solid #666;
557    transform: rotate(45deg) translateY(-70%);
558}
559
560.nav-primary > ul > li{ position: relative;}
561.nav-primary > ul > li > a{font-weight: 600; color: inherit; display: block; padding:18px 10px;}
562.nav-primary > ul > li.nav-primary__dropdown > a{border-bottom: 1px solid #ddd; color: #333;}
563
564.nav-primary__target > ul > li{border-bottom: 1px solid #ddd;}
565.nav-primary__target > ul > li > a{color: #666; display: block; padding:10px;}
566.nav-primary > ul > li.nav-primary--display .nav-primary__target{ position: static;}
567
568
569}
570
571@media(max-width:576px){
572.btn--block-sm{display: block;width: 95%; margin: 0 auto;}
573.for-mobile-only{display: block!important;}
574.nav-item-mobile > a{background-color: rgba(0, 175, 240, 0.1); display: flex!important; align-items: center!important; }
575}
576
577
578
579/* Modern 2026 Brand Grid Styles */
580.brands-flex {
581    max-width: 70%;
582    margin: 30px auto;
583}
584.brands-flex ul {
585    display: grid;
586    grid-template-columns: repeat(5, 1fr); /* Clean 5-column grid */
587    gap: 15px;
588    padding: 0;
589}
590.brands-flex ul li {
591    list-style: none;
592}
593.brands-flex ul li a, .brands-flex ul li .lk {
594    background: #ffffff;
595    border-radius: 12px;
596    height: 90px;
597    display: flex;
598    align-items: center;
599    justify-content: center;
600    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Soft depth */
601    transition: transform 0.2s ease, box-shadow 0.2s ease;
602    border: 1px solid #f0f0f0;
603}
604.brands-flex ul li a:hover {
605    transform: translateY(-3px);
606    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
607    border-color: #00aff0;
608}
609.brands-flex ul li img {
610    max-width: 75%;
611    height: auto;
612}
613
614/* Redesigned Pill Buttons */
615.brand-btn-group {
616    text-align: center;
617    margin-top: 25px;
618    display: flex;
619    justify-content: center;
620    gap: 15px;
621}
622.btn-pill {
623    border-radius: 50px !important;
624    padding: 12px 30px !important;
625    font-weight: 600 !important;
626    transition: all 0.3s ease !important;
627}
628.btn-pill-solid {
629    background-color: #00aff0 !important;
630    color: #fff !important;
631}
632.btn-pill-outline {
633    background-color: transparent !important;
634    border: 2px solid #00aff0 !important;
635    color: #00aff0 !important;
636}
637
638@media(max-width: 767px) {
639    .brands-flex ul { grid-template-columns: repeat(2, 1fr); }
640    .brand-btn-group { flex-direction: column; padding: 0 20px; }
641}
642</style>
643
644<div id="visio_top_menu_container" class="container--nav" >
645	
646        <div class="container--fixed">
647	    <div id="visio_top_menu_bgd"></div>
648	    <div id="visio_top_menu">
649		    
649<script>
650			var deals = [];
651			</script>
651	
652			<div class="navpanel">
653				
654				<ul class="nav">
655					<li class="item fitted first nav__item nav__item--large nav__item-dropdown">
656						<a href="/sunglasses" class="menu-block">Sunglasses</a><span class="menu-toggle menu-toggle-js"></span>
657						<div class="nav__dropdown nav__dropdown-js">
658							<span class="menu-back menu-toggle-js">Back</span>
659							<div class="container--fixed" style="padding: 0px;">
660								<div class="nav__dropdown-flex">
661									<div class="nav__dropdown-flex-large">
662										<div class="nav-group">
663
664																						<div class="nav-group__colum">
665												<nav class="nav-primary">
666													<ul>
667														<li class="nav-primary__title nav-primary__dropdown nav-primary--display">
668															<a href="javascript:void(0);"><span class="nav-primary__label">Categories</span><span class="nav-primary__name">Categories</span> </a>
669															<div class="nav-primary__target">
670																<ul>
671																	<li><span class="lk" data-lnk="/sunglasses/men">Men's sunglasses</span></li>
672																	<li><span class="lk" data-lnk="/sunglasses/women">Women's sunglasses</span></li>
673																	<li><span class="lk" data-lnk="/sunglasses/childrens-sunglasses">Children's sunglasses</span></li>
674																	<li><span class="lk" data-lnk="/sunglasses"><b>View all sunglasses</b></span></li>
675																</ul>
676															</div>
677														</li>
678													</ul>
679												</nav>
680											</div>
681											<div class="nav-group__colum">
682												<nav class="nav-primary">
683													<ul>
684														<li class="nav-primary__title nav-primary__dropdown">
685															<a href="javascript:void(0);">Type</a>
686															<span class="menu-toggle nav-toggle-js"></span>
687															<div class="nav-primary__target nav-primary__target-js">
688																<span class="menu-back nav-toggle-js">Back</span>
689																<ul>
690																	<li><span class="lk" data-lnk="/sunglasses/prescription-sunglasses">Prescription sunglasses</span></li>
691																	<li><span class="lk" data-lnk="/sunglasses/polarized">Polarized sunglasses</span></li>
692																	<li><span class="lk" data-lnk="/sunglasses/sport">Sport sunglasses</span></li>
693																	<li><span class="lk" data-lnk="/sunglasses/sales">Sales</span></li>
694															   </ul>
695															</div>
696														</li>
697													</ul>
698												</nav>
699											</div>
700											<div class="nav-group__colum">
701												<nav class="nav-primary">
702													<ul>
703														<li class="nav-primary__title nav-primary__dropdown">
704															<a href="javascript:void(0);">Top brands</a>
705															<span class="menu-toggle nav-toggle-js"></span>
706															<div class="nav-primary__target nav-primary__target-js">
707																<span class="menu-back nav-toggle-js">Back</span>
708																<ul class="doublecol">
709																																		<li><span class="lk" data-lnk="/sunglasses/gucci">Gucci</span></li>
710																	<li><span class="lk" data-lnk="/sunglasses/carrera">Carrera</span></li>
711																	<li><span class="lk" data-lnk="/sunglasses/ray-ban">Ray-Ban</span></li>
712																	<li><span class="lk" data-lnk="/sunglasses/tom-ford">Tom Ford</span></li>
713																	<li><span class="lk" data-lnk="/sunglasses/polaroid">Polaroid</span></li>
714																	<li><span class="lk" data-lnk="/sunglasses/hugo-boss">Hugo Boss</span></li>
715																	<li><span class="lk" data-lnk="/sunglasses/ray-ban-meta">Ray-Ban Meta</span></li>
716																																		<li><span class="lk" data-lnk="/sunglasses/our-brands"><b>All brands</b></span></li>
717															   </ul>
718															</div>
719														</li>
720													</ul>
721												</nav>
722											</div>
723											
724											
725										</div>
726									</div>
727									<div class="nav__dropdown-flex-small">
728										<div class="menu-advert"><span class="lk" data-lnk="/services/choosing-lenses/250-custom-lens-tint"><img width="200" height="160" src="/uploads/home_banner/EN_WEB/ldv1-en.png" alt=""></span> </div>
729									</div>
730								</div>
731							</div>
732						</div>
733					</li>
734
735					<li class="item fitted first nav__item nav__item--large nav__item-dropdown">
736						<a href="/eyeglasses" class="menu-block">Eyeglasses</a><span class="menu-toggle menu-toggle-js"></span>
737						<div class="nav__dropdown nav__dropdown-js">
738							<span class="menu-back menu-toggle-js">Back</span>
739							<div class="container--fixed" style="padding: 0px;">
740								<div class="nav__dropdown-flex">
741									<div class="nav__dropdown-flex-large">
742										<div class="nav-group">
743
744																						<div class="nav-group__colum">
745												<nav class="nav-primary">
746													<ul>
747														<li class="nav-primary__title nav-primary__dropdown nav-primary--display">
748															<a href="javascript:void(0);"><span class="nav-primary__label">Categories</span><span class="nav-primary__name">Categories</span> </a>
749															<div class="nav-primary__target">
750																<ul>
751																	<li><span class="lk" data-lnk="/eyeglasses/men">Men's eyeglasses</span></li>
752																	<li><span class="lk" data-lnk="/eyeglasses/women">Women's eyeglasses</span></li>
753																	<li><span class="lk" data-lnk="/eyeglasses/childrens-eyeglasses">Children's eyeglasses</span></li>
754																	<li><span class="lk" data-lnk="/eyeglasses"><b>View all eyeglasses</b></span></li>
755																</ul>
756															</div>
757														</li>
758													</ul>
759												</nav>
760											</div>
761											<div class="nav-group__colum">
762												<nav class="nav-primary">
763													<ul>
764														<li class="nav-primary__title nav-primary__dropdown">
765															<a href="javascript:void(0);">Type</a>
766															<span class="menu-toggle nav-toggle-js"></span>
767															<div class="nav-primary__target nav-primary__target-js">
768																<span class="menu-back nav-toggle-js">Back</span>
769																<ul>
770																	<!-- <li><span class="lk" data-lnk="/eyeglasses/anti-bluelight">Anti blue light</span></li> -->
771																	<li><span class="lk" data-lnk="/eyeglasses/varifocals">Varifocal eyeglasses</span></li>
772																	<li><span class="lk" data-lnk="/eyeglasses/clip-on-sunglasses">Eyeglasses with sun clip</span></li>
773																	<li><span class="lk" data-lnk="/eyeglasses/sales">Sales</span></li>
774															   </ul>
775															</div>
776														</li>
777													</ul>
778												</nav>
779											</div>
780											<div class="nav-group__colum">
781												<nav class="nav-primary">
782													<ul>
783														<li class="nav-primary__title nav-primary__dropdown">
784															<a href="javascript:void(0);">Top brands</a>
785															<span class="menu-toggle nav-toggle-js"></span>
786															<div class="nav-primary__target nav-primary__target-js">
787																<span class="menu-back nav-toggle-js">Back</span>
788																<ul class="doublecol">
789																																		<li><span class="lk" data-lnk="/eyeglasses/ray-ban">Ray-Ban</span></li>
790																	<li><span class="lk" data-lnk="/eyeglasses/gucci">Gucci</span></li>
791																	<li><span class="lk" data-lnk="/eyeglasses/tommy-hilfiger">Tommy Hilfiger</span></li>
792																	<li>
792<span class="lk" data-lnk="/eyeglasses/etnia-barcelona">Etnia Barcelona</span></li>
793																	<li><span class="lk" data-lnk="/eyeglasses/hugo-boss">Hugo Boss</span></li>
794																	<li><span class="lk" data-lnk="/eyeglasses/calvin-klein">Calvin Klein</span></li>
795																	<li><span class="lk" data-lnk="/eyeglasses/ray-ban-meta">Ray-Ban Meta</span></li>
796																																		<li><span class="lk" data-lnk="/eyeglasses/our-brands"><b>All brands</b></span></li>
797															   </ul>
798															</div>
799														</li>
800													</ul>
801												</nav>
802											</div>
803											
804											
805										</div>
806									</div>
807									<div class="nav__dropdown-flex-small">
808										<div class="menu-advert"><span class="lk" data-lnk="/services/other/try-at-home"><img width="200" height="160" src="/uploads/home_banner/EN_WEB/lds-en.jpg" alt=""></span> </div>
809									</div>
810								</div>
811							</div>
812						</div>
813					</li>
814
815					<li class="item fitted first nav__item nav__item--large nav__item-dropdown">
816						<a href="/our-top-15-brands" class="menu-block">Our brands</a><span class="menu-toggle menu-toggle-js"></span>
817						<div class="nav__dropdown nav__dropdown-js">
818							<span class="menu-back menu-toggle-js">Back</span>
819							<div class="container--fixed">
820							
821								<div class="brands-flex">
822									<ul>
823																				<li><span class="lk" data-lnk="/sunglasses/ray-ban"><img width="162" height="117" alt="Ray-Ban sunglasses" border="0" src="/media/image/brand_logo/ray-ban.png" title="Ray-Ban sunglasses"></span></li>
824										<li><span class="lk" data-lnk="/sunglasses/gucci"><img width="162" height="117" alt="sunglasses Gucci" border="0" src="/img/design/gucci-new.png" title="sunglasses Gucci"></span></li>
825										<li><span class="lk" data-lnk="/sunglasses/carrera"><img width="162" height="117" alt="Carrera sunglasses" border="0" src="/media/image/brand_logo/carrera.png" title="Carrera sunglasses"></span></li>
826										<li>
826<span class="lk" data-lnk="/sunglasses/etnia-barcelona"><img width="162" height="117" alt="sunglasses Etnia Barcelona" border="0" src="/media/image/brand_logo/etnia-barcelona.png" title="sunglasses Etnia Barcelona"></span></li>
827										<li><span class="lk" data-lnk="/sunglasses/hugo-boss"><img width="162" height="117" alt="sunglasses Hugo Boss" border="0" src="/media/image/brand_logo/hugo-boss.png" title="sunglasses Hugo Boss"></span></li>
828										<!--<li><span class="lk" data-lnk="/sunglasses/polaroid"><img alt="sunglasses Polaroid" border="0" src="/media/image/brand_logo/polaroid.png" title="sunglasses Polaroid"></span></li>
829										<li><span class="lk" data-lnk="/sunglasses/tom-ford"><img alt="sunglasses Tom Ford" border="0" src="/media/image/brand_logo/tom-ford.png" title="sunglasses Tom Ford"></span></li>
830										<li><span class="lk" data-lnk="/sunglasses/calvin-klein"><img alt="sunglasses Calvin Klein" border="0" src="/media/image/brand_logo/calvin-klein.png" title="sunglasses Calvin Klein"></span></li>
831										<li><span class="lk" data-lnk="/sunglasses/marc-jacobs"><img alt="sunglasses Marc Jacobs" border="0" src="/media/image/brand_logo/marc-jacobs.png" title="sunglasses Marc Jacobs"></span></li>-->
832																														<!--<li><span class="lk" data-lnk="/eyeglasses/ray-ban"><img alt="Ray-Ban sunglasses" border="0" src="/media/image/brand_logo/ray-ban.png" ></span></li>
833										<li><span class="lk" data-lnk="/eyeglasses/gucci"><img alt="sunglasses Gucci" border="0" src="/img/design/gucci-new.png" ></span></li>
834										<li><span class="lk" data-lnk="/eyeglasses/carrera"><img alt="Carrera sunglasses" border="0" src="/media/image/brand_logo/carrera.png" ></span></li>
835										<li>
835<span class="lk" data-lnk="/eyeglasses/etnia-barcelona"><img alt="sunglasses Etnia Barcelona" border="0" src="/media/image/brand_logo/etnia-barcelona.png" ></span></li>
836										<li><span class="lk" data-lnk="/eyeglasses/hugo-boss"><img alt="sunglasses Hugo Boss" border="0" src="/media/image/brand_logo/hugo-boss.png" ></span></li>-->
837										<li><span class="lk" data-lnk="/eyeglasses/polaroid"><img width="162" height="117" alt="sunglasses Polaroid" border="0" src="/media/image/brand_logo/polaroid.png" ></span></li>
838										<li><span class="lk" data-lnk="/eyeglasses/tom-ford"><img width="162" height="117" alt="sunglasses Tom Ford" border="0" src="/media/image/brand_logo/tom-ford.png" ></span></li>
839										<li><span class="lk" data-lnk="/eyeglasses/calvin-klein"><img width="162" height="117" alt="sunglasses Calvin Klein" border="0" src="/media/image/brand_logo/calvin-klein.png" ></span></li>
840										<li><span class="lk" data-lnk="/eyeglasses/marc-jacobs"><img width="162" height="117" alt="sunglasses Marc Jacobs" border="0" src="/media/image/brand_logo/marc-jacobs.png" ></span></li>
841										
842									</ul>
843								</div>
844								<div class="brands-flex">
845																		<span  data-lnk="/sunglasses/our-brands" class="lk btn btn--primary btn--block-sm" style="background-color: #00aff0; margin-bottom: 10px;">All sunglasses brands</span>
846																		
847																		<span  data-lnk="/eyeglasses/our-brands" class="lk btn btn--primary btn--block-sm" style="background-color: #00aff0; margin-bottom: 10px;">All eyeglasses brands</span>
848									
849								</div>
850
851							</div>
852						</div>
853					</li>
854
855					<li class="item fitted first nav__item nav__item--large nav__item-dropdown" style="background-color: #000000; color: #ffffff;">
856						<a href="/sales" class="menu-block" title="" style=" color: #ffffff;">SALES</a><!--<span class="menu-toggle menu-toggle-js"></span>
857						<div class="nav__dropdown nav__dropdown-js">
858							<span class="menu-back menu-toggle-js">Back</span>
859							<div class="container--fixed" style="padding: 0px;">
860								<div class="nav__dropdown-flex">
861									<div class="nav__dropdown-flex-large">
862										<div class="nav-group">
863
864																						<div class="nav-group__colum">
865												<nav class="nav-primary">
866													<ul>
867														<li class="nav-primary__title nav-primary__dropdown nav-primary--display">
868															<a href="javascript:void(0);"><span class="nav-primary__label">Gender</span><span class="nav-primary__name">Gender</span> </a>
869															<div class="nav-primary__target">
870																<ul>
871																	<li><span class="lk" data-lnk="/sales?filters[gender][]=men">Men (-60%)</span></li>
872																	<li><span class="lk" data-lnk="/sales?filters[gender][]=women">Women (-60%)</span></li>
873																	<li><span class="lk" data-lnk="/sales?filters[gender][]=child">Children (-60%)</span></li>
874																</ul>
875															</div>
876														</li>
877													</ul>
878												</nav>
879											</div>
880											<div class="nav-group__colum">
881												<nav class="nav-primary">
882													<ul>
883														<li class="nav-primary__title nav-primary__dropdown">
884															<a href="javascript:void(0);">Type</a>
885															<span class="menu-toggle nav-toggle-js"></span>
886															<div class="nav-primary__target nav-primary__target-js">
887																<span class="menu-back nav-toggle-js">Back</span>
888																<ul>
889																	<li><span class="lk" data-lnk="/sales?filters[root_taxon][]=sunglasses">Sunglasses (-60%)</span></li>
890																	<li><span class="lk" data-lnk="/sales?filters[root_taxon][]=eyeglasses">Eyeglasses (-60%)</span></li>
891															   </ul>
892															</div>
893														</li>
894													</ul>
895												</nav>
896											</div>
897											<div class="nav-group__colum">
898												<nav class="nav-primary">
899													<ul>
900														<li class="nav-primary__title nav-primary__dropdown">
901															<a href="javascript:void(0);">Popular brands</a>
902															<span class="menu-toggle nav-toggle-js"></span>
903															<div class="nav-primary__target nav-primary__target-js">
904																<span class="menu-back nav-toggle-js">Back</span>
905																<ul class="doublecol">
906																	<li><span class="lk" data-lnk="/sales?filters[brand][]=calvin-klein">Calvin Klein (-50%)</span></li>
907																	<li><span class="lk" data-lnk="/sales?filters[brand][]=christian-dior">Christian Dior (-60%)</span></li>
908																	<li><span class="lk" data-lnk="/sales?filters[brand][]=guess">Guess (-70%)</span></li>
909																	<li><span class="lk" data-lnk="/sales?filters[brand][]=carrera">Carrera (-50%)</span></li>
910																	<li><span class="lk" data-lnk="/sales?filters[brand][]=police">
910Police (-60%)</span></li>
911																	<li><span class="lk" data-lnk="/sales?filters[brand][]=hugo-boss">Hugo Boss (-50%)</span></li>
912															   </ul>
913															</div>
914														</li>
915													</ul>
916												</nav>
917											</div>
918											
919										</div>
920									</div>
921									<div class="nav__dropdown-flex-small">
922										<div class="menu-advert"><a href="#"><img src="../200x200_3.png" alt=""></a> </div>
923									</div>
924								</div>
925							</div>
926						</div>-->
927					</li>
928					<li class="item fitted last  nav__item nav__item--large nav__item-dropdown showonlydesktop">
929						<a href="/services" class="menu-block" title="">Advice</a><span class="menu-toggle menu-toggle-js"></span>
930						<div class="nav__dropdown nav__dropdown-js">
931							<span class="menu-back menu-toggle-js">Back</span>
932							<div class="container--fixed" style="padding: 0px;">
933								<div class="nav__dropdown-flex">
934									<div class="nav__dropdown-flex-large">
935
936																					<div class="showonlydesktop">
937											<div class="nav-group">
938											<div class="nav-group__colum">
939												<nav class="nav-primary">
940													<ul>
941														<li class="nav-primary__title nav-primary__dropdown nav-primary--display">
942															<a href="javascript:void(0);"><span class="nav-primary__label">About Visionet</span><span class="nav-primary__name">About Visionet</span> </a>
943															<div class="nav-primary__target">
944																<ul>
945																	<li><span class="lk" data-lnk="/services/other/about-us">Who we are</span></li>
946																	<li><span class="lk" data-lnk="/services/other/contact-us">Contact us</span></li>
947																	<li><span class="lk" data-lnk="/services/other/warranty-frame-lenses">Our guarantees</span></li>
948																</ul>
949															</div>
950														</li>
951													</ul>
952												</nav>
953											</div>
954											<div class="nav-group__colum" style="max-width: 53.3%;">
955												<nav class="nav-primary">
956													<ul>
957														<li class="nav-primary__title nav-primary__dropdown">
958															<a href="javascript:void(0);">Other</a>
959															<span class="menu-toggle nav-toggle-js"></span>
960															<div class="nav-primary__target nav-primary__target-js">
961																<span class="menu-back nav-toggle-js">Back</span>
962																<ul class="doublecol">
963																	<li><span class="lk" data-lnk="/services/other/pupillary-distance">Pupillary distance</span></li>
964																	<li><span class="lk" data-lnk="/services/choosing-glasses/which-glasses-fit-which-face-shape">Choosing a frame</span></li>
965																	<li><span class="lk" data-lnk="/services/choosing-lenses/calculate-lens-thickness">Calculate lens thickness</span></li>
966																	<li><span class="lk" data-lnk="/services/other/guide-prescription-lenses">Our prescription lenses</span></li>
967																	<li><span class="lk" data-lnk="/services/choosing-glasses/size-guide">Choosing the right size</span></li>
968																	<li><span class="lk" data-lnk="/services/offers/buyone-getonefree">Buy one get one free</span></li>
969															   </ul>
970															</div>
971														</li>
972													</ul>
973												</nav>
974											</div>
975										</div>
976										<div class="showonlymobile">
977											<div class="nav-group">
978												<div class="nav-group__colum">
979													<nav class="nav-primary">
980														<ul>
981															<li class="nav-primary__title nav-primary__dropdown nav-primary--display">
982																<div class="nav-primary__target">
983																	<ul>
984																	<li><span class="lk" data-lnk="/services/other/about-us">Who we are</span></li>
985																	<li><span class="lk" data-lnk="/services/other/contact-us">Contact us</span></li>
986																	<li><span class="lk" data-lnk="/services/other/warranty-frame-lenses">Our guarantees</span></li>
987																	<li><span class="lk" data-lnk="/services/other/pupillary-distance">Pupillary distance</span></li>
988																	<li><span class="lk" data-lnk="/services/choosing-glasses/which-glasses-fit-which-face-shape">Choosing a frame</span></li>
989																	<li><span class="lk" data-lnk="/services/choosing-lenses/calculate-lens-thickness">Calculate lens thickness</span></li>
990																	<li><span class="lk" data-lnk="/services/other/guide-prescription-lenses">Our prescription lenses</span></li>
991																	<li><span class="lk" data-lnk="/services/choosing-glasses/size-guide">Choosing the right size</span></li>
992																	<li><span class="lk" data-lnk="/services/offers/buyone-getonefree">Buy one get one free</span></li>
993																	</ul>
994																</div>
995															</li>
996															<li class="nav-primary__title nav-primary__dropdown">
997																<a href="javascript:void(0);">Rest of articles</a>
998																<span class="menu-toggle nav-toggle-js"></span>
999																			
1000																<div class="nav-primary__target nav-primary__target-js">
1001																	<span class="menu-back nav-toggle-js">Back</span>
1002																		<ul>
1003																		
1004																		
1005																						
1006																		
1007																		
1008
1009																		</ul>															
1010																</div>
1011															</li>
1012																				
1013														</ul>
1014													</nav>
1015												</div>
1016											
1017											</div>
1018										</div>
1019											
1020										</div>
1021									</div>
1022									<div class="nav__dropdown-flex-small">
1023										<div class="menu-advert"><span class="lk" data-lnk="/services/other/contact-us"><img width="200" height="160" src="/uploads/home_banner/EN_WEB/conseil1.png" alt="Contact"></span></div>
1024									</div>
1025								</div>
1026							</div>
1027						</div>
1028					</li>
1029					<li class="item fitted nav-item-mobile for-mobile-only" style="background-color: #ffffff; ">
1030						<span class="lk menu-block" data-lnk="/services" style="background-color: #ffffff; ">Advice</span>
1031					</li>
1032					<li class="item fitted nav-item-mobile for-mobile-only">
1033						<span class="lk menu-block" data-lnk="/services/contact-us">Contact us</span>
1034					</li>
1035
1036									</ul>
1037
1038			</div>
1039		    <span class="overlay overlay--nav"></span>
1040	    </div>
1041    </div>
1042
1043	</div>
1044
1045
1046
1047
1048        
1048<script   type="text/javascript" cookie-consent="strictly-necessary" src="/assets/priv/obfusc.js?v=3.2.3"></script>
1048
1049            </div>
1050
1051            <div id="content" class="">
1052                                    <div class="ui container">
1053	
1054	                    		                                                                        	                                                    
1055                    <div class="ui container">
1056        <div class="panel-container">
1057
1058            <aside class="">
1059                				
1060									
1061                    <!-- BANNIÈRE (2560×900) — À placer DANS LA COLONNE DE DROITE, juste avant le menu de navigation --> <div class="sidebar-banner" style="margin:0 0 16px 0;border:1px solid #eaeaea;background:#e9e9e9;overflow:hidden;"> <img src="https://www.visio-net.fr/img/design/magasin-blain.jpg" alt="Opticien Visionet Blain — magasin & services" loading="lazy" decoding="async" style="display:block;width:100%;height:auto;max-width:100%;"> </div> <!-- SECTION ARTICLE (monochrome, simple, avec encadrement subtil) --> <section class="sunseo" style="padding:60px 20px;background:var(--paper-2,#f2f4f5);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;"> <div class="sunseo__inner" style="max-width:1000px;margin:0 auto;"> <!-- CADRE SUBTIL AUTOUR DU CONTENU --> <table role="presentation" class="sunseo__frame" style="width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e6e7e8;border-radius:14px;overflow:hidden;"> <tr> <td style="padding:26px 22px 18px 22px;">
1062      <!-- H1 -->
1063      <h1 style="font-size:32px;line-height:1.25;font-weight:800;text-align:center;margin:0 0 26px;color:var(--ink,#0f0f10);">
1064        Opticien Visionet Blain (44130) — magasin & services
1065      </h1>
1066
1067      <!-- Styles locaux -->
1068      <style>
1069        .sunseo p { color: var(--ink-2,#555556); font-size:17px; line-height:1.9; margin:0 0 14px; }
1070        .sunseo h2 { color: var(--ink,#0f0f10); font-size:23px; font-weight:750; margin:28px 0 12px; line-height:1.25; }
1071        .sunseo h3 { color: var(--ink,#0f0f10); font-size:18px; font-weight:700; margin:16px 0 8px; line-height:1.25; }
1072        .sunseo ul { margin:0 0 12px 1.15rem; color: var(--ink-2,#555556); font-size:17px; line-height:1.75; }
1073        .sunseo li { margin:0 0 6px; }
1074        .sunseo .badge { display:inline-block; font-size:14px; padding:6px 10px; border-radius:999px; border:1px solid #e6e7e8; background:#f7f7f8; color:#0f0f10; }
1075        .sunseo .keyfacts { display:grid; grid-template-columns: 1fr; gap:6px; margin:12px 0 6px; }
1076        .sunseo .keyfacts b { color:#0f0f10; }
1077        .sunseo table.hours { width:100%; border-collapse:collapse; font-size:16px; }
1078        .sunseo table.hours td { padding:8px 6px; border-bottom:1px solid #eee; color:#555556; }
1079        .sunseo table.hours td:first-child { width:38%; color:#0f0f10; font-weight:600; }
1080        .highlight { background:#fff; border:1px solid #e6e7e8; border-radius:14px; padding:18px; margin:22px 0; }
1081        @media (max-width:767px) { .sunseo h1 { font-size:26px; } }
1082      </style>
1083
1084      <!-- EN-TÊTE PRATIQUE -->
1085      <div class="keyfacts" role="group" aria-label="Coordonnées">
1086        <div><b>Opticien Visionet Blain</b> — 20&nbsp;Place Jean&nbsp;Guihard, 44130&nbsp;Blain, FRANCE</div>
1087        <div><b>Tél.</b>&nbsp;02&nbsp;40&nbsp;51&nbsp;48&nbsp;82 · <b>Email</b>&nbsp;[email protected]</div>
1088        <div class="badge" aria-live="polite">Ouvre à 10:00 aujourd’hui</div>
1089      </div>
1090
1091      <h2>À propos de Visionet Blain</h2>
1092      <p>
1093        Retrouvez notre <strong>opticienne diplômée et visagiste</strong> au cœur du bourg de Blain. Conseils morphologiques,
1094        large choix de <strong>montures et solaires</strong> aux <strong>mêmes prix qu’en ligne</strong>, et un grand assortiment
1095        <strong>100&nbsp;% Santé</strong> pour un <strong>reste à charge 0&nbsp;€</strong>. Le <strong>tiers payant</strong> est réalisé avec de nombreuses mutuelles.
1096      </p>
1097
1098      <h2>Horaires du magasin</h2>
1099      <table class="hours" role="table" aria-label="Horaires d’ouverture">
1100        <tr><td>Lundi</td><td>fermé</td></tr>
1101        <tr><td>Mardi</td><td>10:00&nbsp;–&nbsp;
110112:30 · 14:00&nbsp;–&nbsp;19:00</td></tr>
1102        <tr><td>Mercredi*</td><td>10:00&nbsp;–&nbsp;12:30 · 14:00&nbsp;–&nbsp;19:00</td></tr>
1103        <tr><td>Jeudi</td><td>10:00&nbsp;–&nbsp;12:30 · 14:00&nbsp;–&nbsp;19:00</td></tr>
1104        <tr><td>Vendredi</td><td>10:00&nbsp;–&nbsp;12:30 · 14:00&nbsp;–&nbsp;19:00</td></tr>
1105        <tr><td>Samedi</td><td>09:30&nbsp;–&nbsp;12:30 · 14:00&nbsp;–&nbsp;16:00</td></tr>
1106        <tr><td>Dimanche</td><td>fermé</td></tr>
1107      </table>
1108      <p style="font-size:14px;color:#777;margin-top:6px;">*Fermé un mercredi après-midi sur deux.</p>
1109
1110      <h2>Adresse &amp; contact</h2>
1111      <p>
1112        <strong>Opticien Visionet Blain</strong><br>
1113        20&nbsp;Place Jean&nbsp;Guihard — 44130&nbsp;Blain, FRANCE<br>
1114        Tél.&nbsp;02&nbsp;40&nbsp;51&nbsp;48&nbsp;82 · <a href="mailto:[email protected]">[email protected]</a>
1115      </p>
1116
1117      <h2>Les plus du magasin</h2>
1118      <ul>
1119        <li><strong>Spécialiste verres progressifs</strong> · Verrier français · Ajustage &amp; entretien gratuits</li>
1120        <li><strong>Tiers payant</strong> · Partenaires mutuelles · <strong>100&nbsp;% Santé</strong> (CMU-C, ACS)</li>
1121        <li>Espace enfants · Accès handicapés · Essai à domicile</li>
1122        <li><strong>Mêmes prix que sur le site</strong> · Meilleurs prix · Le plus grand choix</li>
1123        <li>Vente de lentilles · Opticien local</li>
1124      </ul>
1125
1126      <h2>Garanties & services</h2>
1127      <ul>
1128        <li><strong>30&nbsp;jours</strong> pour changer d’avis</li>
1129        <li><strong>Livraison gratuite</strong> en magasin</li>
1130        <li><strong>Essai à domicile</strong> (jusqu’à 4 montures, 4&nbsp;jours)</li>
1131        <li><strong>Entretien à vie</strong> · <strong>Garantie fabricant 2&nbsp;ans</strong></li>
1132      </ul>
1133
1134      <h2>Opticien Visionet Blain</h2>
1135      <p>
1136        Votre <strong>vision</strong> est essentielle. À Blain, Visionet vous accompagne avec des <strong>lunettes de vue
1137        et solaires</strong> adaptées à la <strong>myopie</strong>, l’<strong>hypermétropie</strong>, l’<strong>astigmatisme</strong> ou la <strong>presbytie</strong>.
1138        Nos <strong>verres correcteurs</strong> (unifocaux, progressifs, mi-distance) sont sélectionnés pour une <strong>correction personnalisée</strong>.
1139      </p>
1140
1141      <h2>Le spécialiste de la vue à Blain</h2>
1142      <p>
1143        Adultes ou enfants, nos opticiens assurent une <strong>prise en charge experte</strong> avec remise d’un <strong>carnet
1144        de santé visuelle</strong> (suivi en complément de votre ophtalmologiste). Les montures sont proposées selon votre
1145        <strong>morphologie</strong>, vos usages et votre style.
1146      </p>
1147
1148      <h2>Une offre personnalisée</h2>
1149      <p>
1150        Composez votre paire&nbsp;: monture, forme de verres, teintes solaires, options (anti-reflet, amincis, filtres).
1151        Notre promesse&nbsp;: <strong>qualité maximale au prix juste</strong>. En magasin comme en ligne, profitez de <strong>10&nbsp;000
1152        lunettes de vue</strong> et <strong>12&nbsp;000 solaires</strong>, des marques iconiques (Guess, Gucci, Burberry, Dior…) aux essentiels
1153        du quotidien.
1154      </p>
1155
1156      <h2>Conseils morphologie (repères rapides)</h2>
1157      <ul>
1158        <li><strong>Visage rond</strong>&nbsp;: structures rectangulaires/anguleuses pour élancer.</li>
1159        <li><strong>Visage carré</strong>&nbsp;: courbes (ovales, rondes) pour adoucir.</li>
1160        <li><strong>Visage triangulaire</strong>&nbsp;: formes légères, pont fin, évitez branches trop épaisses.</li>
1161        <li><strong>Ovale</strong>&nbsp;: presque tout convient — osez les montures à courbes remontantes.</li>
1162        <li><strong>Losange</strong>&nbsp;: largeurs supérieures aux pommettes, papillon flatteur.</li>
1163      </ul>
1164
1165      <h2>Essayer vos montures en toute liberté</h2>
1166      <p>
1167        Essayez tranquillement en boutique <em>ou</em> via l’<strong>essayage en ligne</strong>. Chargez une photo,
1168        comparez les formes, partagez avec vos proches. Vous pouvez aussi demander l’<strong>essai à domicile</strong>.
1169      </p>
1170
1171      <h2>Prise en charge & tiers payant</h2>
1172      <p>
1173        Visionet Blain pratique le <strong>tiers payant</strong> avec de nombreuses mutuelles. Bénéficiez du
1174        <strong>100&nbsp;% Santé</strong> (panier A) ou combinez Classe&nbsp;A/B selon vos envies de montures et d’options.
1175        Nous gérons les <strong>démarches</strong> et vous remettons une <strong>carte de garantie</strong> après contrôle qualité.
1176      </p>
1177
1178      <h2>Sports, enfants, contactologie</h2>
1179      <p>
1180        Lunettes et masques <strong>sport à la vue</strong> (running, vélo, ski, tir…), <strong>solaires enfants</strong>
1181        certifiées, <strong>lentilles de contact</strong> et solutions d’entretien&nbsp;: nos opticiens vous conseillent
1182        selon l’usage, la protection et le confort recherchés.
1183      </p>
1184
1185      <!-- LIENS (max 3, destinations uniques) -->
1186      <div class="highlight" aria-label="Liens utiles Visionet">
1187        <h2 style="margin-top:0;">Pour aller plus loin</h2>
1188        <ul>
1189          <li><a href="https://www.visio-net.fr/">Visionet — accueil</a></li>
1190          <li><a href="https://www.visio-net.fr/lunettes-de-soleil">Lunettes de soleil — notre sélection</a></li>
1191          <li><a href="https://www.visio-net.fr/lunettes-de-vue">Lunettes de vue — toutes nos montures</a></li>
1192        </ul>
1193      </div>
1194
1195      <!-- META -->
1196      <p style="color:#666;font-size:14px;border-top:1px solid #eaeaea;margin-top:16px;padding-top:12px;">
1197        Mis à jour le <time datetime="2025-10-01">1<sup>er</sup>&nbsp;octobre&nbsp;2025</time> — Rédaction&nbsp;: Visionet.
1198      </p>
1199
1200    </td>
1201  </tr>
1202</table>
1203<!-- /CADRE -->
1204
1205</div> </section>
1206					
1207					
1208                            </aside>
1209        </div>
1210    </div>
1211	
1212                
1213                                    </div>
1214                            </div>
1215
1216        </div>
1217
1218        <div id="footerx" class="">
1219                            <div id="footer" class="ui inverted vertical footer segment" style="padding: 0 !important; border: none !important; background: none !important;">
1220
1221<a href="https://www.visio-net.com/visio-hello" hidden="hidden" class="hidden" style="display: none !important; opacity: 0 !important;">do not click</a>
1222
1223<link rel="stylesheet" href="/assets/shop/css/visionet-footer.css">
1224
1225
1226<footer class="site-footer">
1227  <div class="footer-container">
1228    <div class="footer-grid">
1229      <div class="footer-column">
1230        <h3>Need Help?</h3>
1231        <ul>
1232          <li><a href="/services/other/contact-us">Contact Us</a></li>
1233          <li><a href="/services/other/faq">FAQ</a></li>
1234          <li><a href="/services/other/shipping-and-delivery">Delivery</a></li>
1235          <li><a href="/services/other/return-policy">Right of Withdrawal</a></li>
1236        </ul>
1237      </div>
1238      <div class="footer-column">
1239        <h3>Our Products</h3>
1240        <ul>
1241          <li><a href="/eyeglasses">Eyeglasses</a></li>
1242          <li><a href="/sunglasses">Sunglasses</a></li>
1243          <li><a href="/services">Our Services</a></li>
1244        </ul>
1245      </div>
1246      <div class="footer-column">
1247        <h3>Visionet</h3>
1248        <ul>
1249          <li><a href="/services/other/about-us">About Us</a></li>
1250          <li><a href="/services/shops/blain">Our Stores (Blain)</a></li>
1251          <li><a href="/register">Create an Account</a></li>
1252        </ul>
1253      </div>
1254      <div class="footer-column">
1255        <h3>Legal</h3>
1256        <ul>
1257          <li><a href="/services/other/legal-notice">Legal Notice</a></li>
1258          <li><a href="/services/other/terms-and-conditions">Terms and Conditions</a></li>
1259          <li><a href="/services/other/privacy-policy">Privacy Policy</a></li>
1260        </ul>
1261      </div>
1262    </div>
1263    <div class="footer-bottom">
1264      <div class="footer-social-section">
1265        <h4>Join Us</h4>
1266        <ul class="vn-social3">
1267          <li>
1268            <a class="vn-ico3" href="https://fr.pinterest.com/visionetfr/" target="_blank" rel="noopener" title="Pinterest">
1269              <svg viewBox="0 0 24 24" aria-hidden="true">
1269<path fill="currentColor" d="M12 2C6.49 2 2 6.27 2 11.67c0 3.93 2.56 7.29 6.14 8.55-.09-.73-.18-1.86.04-2.66.2-.71 1.28-4.77 1.28-4.77s-.32-.64-.32-1.57c0-1.47.86-2.57 1.93-2.57.91 0 1.35.69 1.35 1.51 0 .92-.58 2.3-.88 3.58-.25 1.06.53 1.92 1.57 1.92 1.88 0 3.33-1.98 3.33-4.83 0-2.53-1.82-4.3-4.41-4.3-3.01 0-4.78 2.26-4.78 4.6 0 .91.35 1.9.79 2.43.09.11.1.2.07.31-.08.34-.26 1.06-.3 1.2-.05.17-.16.21-.37.13-1.36-.55-2.21-2.27-2.21-3.66 0-2.97 2.16-5.7 6.24-5.7 3.28 0 5.82 2.34 5.82 5.46 0 3.25-2.05 5.87-4.89 5.87-0.95 0-1.84-.49-2.14-1.06l-.58 2.2c-.21.81-.77 1.82-1.15 2.43.86.27 1.78.42 2.73.42 5.51 0 10-4.27 10-9.67C22 6.27 17.51 2 12 2z"/></svg>
1270            </a>
1271          </li>
1272          <li>
1273            <a class="vn-ico3" href="https://www.instagram.com/visionet.fr/" target="_blank" rel="noopener" title="Instagram">
1274              <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3.5A5.5 5.5 0 1 1 6.5 13 5.5 5.5 0 0 1 12 7.5zm0 2A3.5 3.5 0 1 0 15.5 13 3.5 3.5 0 0 0 12 9.5zM17.75 6a1.25 1.25 0 1 1-1.25 1.25A1.25 1.25 0 0 1 17.75 6z"/></svg>
1275            </a>
1276          </li>
1277          <li>
1278            <a class="vn-ico3" href="https://wa.me/33253681739?text=Visionet" target="_blank" rel="noopener" title="WhatsApp">
1279              <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20.52 3.48A11.94 11.94 0 0 0 12.01 0C5.4 0 .06 5.34.06 11.94c0 2.1.55 4.14 1.6 5.95L0 24l6.27-1.63a12 12 0 0 0 5.74 1.47h.01c6.61 0 11.95-5.34 11.95-11.94a11.9 11.9 0 0 0-3.45-8.42zM12.02 21.5h-.01a9.6 9.6 0 0 1-4.9-1.34l-.35-.2-3.72.97.99-3.62-.23-.37a9.54 9.54 0 0 1-1.46-5.02c0-5.28 4.3-9.57 9.58-9.57 2.55 0 4.95.99 6.76 2.8a9.54 9.54 0 0 1 2.8 6.77c0 5.28-4.3 9.58-9.46 9.58zm5.46-7.17c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.19.29-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.78-1.49-1.74-1.66-2.04-.17-.29-.02-.45.13-.6.14-.14.3-.35.45-.52.15-.17.2-.29.29-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.49 0 1.47 1.07 2.9 1.22 3.1.15.2 2.11 3.22 5.11 4.52.71.31 1.27.49 1.7.63.71.22 1.35.19 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/></svg>
1280            </a>
1281          </li>
1282        </ul>
1283      </div>
1284      <div class="trust-row">
1285        <div>★ Trustpilot: Excellent</div>
1286        <div>🔒 SECURE PAYMENT</div>
1287      </div>
1288    </div>
1289    <div class="copyright">
1290      &copy; 2026 Visionet - Online Optician.
1291      - All rights reserved
1292      - <a href="#" id="open_preferences_center" style="color: #888; text-decoration: underline;">Update cookie settings</a>
1293    </div>
1294  </div>
1295</footer>
1296
1297</div>
1298
1299<script>
1300    var countDownDate = new Date("04/06/2018 4:00 pm").getTime();
1301    var now = new Date("09/29/2026 08:15 pm").getTime();
1302</script>
1302
1303                    </div>
1304
1305		
1306
1307
1308		<div id="advertinfo" onclick="$('#advertinfobody').css('display','none'); $('#advertinfo').addClass('is--hidden');" class="quick-popup  quick-popup--medium is--hidden">
1309			<div class="quick-popup__overlay"></div>
1310			<div class="quick-popup__container" id="quick-popup__container">
1311				<a href="javascript:void(0)" class="quick-popup__close" onclick="$('#advertinfobody').css('display','none'); $('#advertinfo').addClass('is--hidden'); "></a>
1312				<div class="popup-panel">
1313					<div class="popup-panel__head">
1314						<h2><i class="fa fa-info"></i></h2>
1315					</div>
1316					<div class="popup-panel__body">
1317
1318						<div class="popup-panel__content popup__body" id="advertinfobody" >
1319							
1320						</div>
1321
1322					</div>
1323					<div class="popup-panel__footer">
1324						<a href="javascript:void(0)"  class="btn btn--primary" onclick="$('#advertinfobody').css('display','none'); $('#advertinfo').addClass('is--hidden'); " style="text-transform: capitalize;">close window</a>
1325					</div>
1326				</div>
1327
1328			</div>
1329		</div>
1330
1331        
1331<script  type="text/javascript" cookie-consent="strictly-necessary" 
1332		        src="https://code.jquery.com/jquery-3.7.1.min.js"
1333		        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
1334		        crossorigin="anonymous"></script>
1334
1335        <!--
1335<script defer type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>
1335-->
1336		
1337										
1337<script defer  type="text/javascript" cookie-consent="strictly-necessary" src="/assets/shop/js/app.min.js?v=3.2.3"></script>
1337
1338					        
1339        
1339<script defer type="text/plain" cookie-consent="strictly-necessary">
1340			
1341
1342            $(document).ready(function () {
1343	            
1344$('.banner-slider--js').slick({
1345    dots:true,
1346	infinite: false,
1347	arrows: true,
1348	autoplay: true,
1349    customPaging: 
1350	function(slick,index) {
1351		var targetImage = slick.$slides.eq(index).find('img').attr('src');
1352		return '<img src=" ' + targetImage + ' "/>';
1353	}
1354});
1355
1356
1357$('.brands-slider-js').slick({
1358	  slidesToShow: 4,
1359	  infinite: true,
1360	  arrows: true,
1361	  autoplay: true,
1362	  dots: false,
1363		pauseOnFocus: false,
1364	  responsive: [
1365		{
1366		   breakpoint: 1199,
1367		   settings: {
1368			 slidesToShow: 5,
1369		   }
1370		 },
1371		 {
1372		   breakpoint: 1023,
1373		   settings: {
1374			 slidesToShow: 4,
1375		   }
1376		 },
1377		 {
1378		   breakpoint: 767,
1379		   settings: {
1380			 slidesToShow: 4,
1381		   }
1382		 },
1383		 {
1384		  breakpoint: 576,
1385		  settings: {
1386			slidesToShow:3,
1387		  }
1388		},
1389
1390	 ]
1391	});
1392	
1393				
1394            })
1395	
1396
1397            			
1398		</script>
1398
1399		
1399<script type="text/plain" cookie-consent="strictly-necessary">
1400		
1401			function advertClick(iniframe, theurl, thecontent ) {
1402				var elem = document.getElementById('advertinfobody'); 
1403				elem.style.display='block';
1404				if (thecontent.length>0 ) {
1405					if (document.getElementById('advertframe')) {
1406						elem.removeChild(document.getElementById('advertframe'));
1407					}
1408					var para = document.createElement('div');
1409					para.id='advertframe'; 
1410					para.style.width='100%'; 
1411					para.style.height='100%'; 
1412					para.style.minHeight='420px';
1413					para.style.border='none';
1414					para.innerHTML=thecontent;					
1415					elem.appendChild(para); 
1416					if (thecontent.indexOf('.mp4') > 0 ) {
1417						//document.getElementById("quick-popup__container").style.setProperty('height', '90%', 'important');
1418						document.getElementById("quick-popup__container").style.setProperty('width', '90%', 'important');
1419						document.getElementById("quick-popup__container").style.setProperty('max-width', '100%', 'important');
1420					} else {
1421						//document.getElementById("quick-popup__container").style.setProperty('height', '90%', 'important');
1422						document.getElementById("quick-popup__container").style.setProperty('width', '90%', '');
1423						document.getElementById("quick-popup__container").style.setProperty('max-width', '1090px', '');
1424					}
1425					
1426				} else if (theurl.length>0 ) { 
1427					if (document.getElementById('advertframe')) {
1428						elem.removeChild(document.getElementById('advertframe'));
1429					}
1430					// check if video
1431					
1432					var para = document.createElement('iframe'); 
1433					para.src=theurl; 
1434					para.id='advertframe'; 
1435					para.style.width='100%'; 
1436					para.style.height='100%';
1437					para.style.minHeight='420px';
1438					para.style.border='none';						
1439					elem.appendChild(para); 
1440					if (theurl.indexOf('.mp4') > 0 ) {
1441						//document.getElementById("quick-popup__container").style.setProperty('height', '90%', 'important');
1442						document.getElementById("quick-popup__container").style.setProperty('width', '90%', 'important');
1443						document.getElementById("quick-popup__container").style.setProperty('max-width', '100%', 'important');
1444					} else {
1445						//document.getElementById("quick-popup__container").style.setProperty('height', '90%', 'important');
1446						document.getElementById("quick-popup__container").style.setProperty('width', '90%', '');
1447						document.getElementById("quick-popup__container").style.setProperty('max-width', '1090px', '');
1448					}
1449					
1450				}
1451				$('#advertinfo').removeClass('is--hidden');
1452			}
1453			
1454			function addfave(theprod){
1455
1456				var wish_form = $("#form_add_to_wishlist" + theprod);
1457				var wish_link = $("#add_to_wish__action" + theprod + " > i");
1458
1459				$.ajax({
1460					url: wish_form.attr('action'),
1461					type: wish_form.attr('method'),
1462					data: wish_form.serialize(),
1463					success: function(isActive) {
1464						var active = (isActive === true || isActive === 'true' || isActive === 1 || isActive === '1');
1465						if (active) {
1466							wish_link.removeClass('fa-heart-o');
1467							wish_link.addClass('fa-heart');
1468							wish_form.attr('action', wish_form.attr('action').replace('/add-to-wishList/', '/remove-to-wishList/'));
1469						} else {
1470							wish_link.removeClass('fa-heart');
1471							wish_link.addClass('fa-heart-o');
1472							wish_form.attr('action', wish_form.attr('action').replace('/remove-to-wishList/', '/add-to-wishList/'));
1473						}
1474					},
1475					complete: function() {
1476					$.ajax({
1477					   type: "get",
1478					   url: "/partial-cache/faves-setting/widget",
1479					   data: '',
1480					   success: function(response){
1481						  if(response) {
1482							$('#visionet_faves_menu').html(response);
1483						  }
1484					   },
1485						
1486					})
1487					}
1488				});
1489
1490				return false;
1491			}
1492			
1493			function addfaveiframe( theprod){
1494				$.ajax({
1495					type: "get",
1496					url: "/wish-product/" + theprod,
1497					data: '',
1498					success: function(response){
1499					  if(response) {
1500						$('#theheartiframe').html(response);
1501					  }
1502				    },
1503					complete: function() {
1504						addfave(theprod);					
1505					}
1506				});
1507
1508				return false;
1509			}
1510        </script>
1510
1511		
1512        
1512<script  type="text/plain" cookie-consent="strictly-necessary" src="/js/slick.js" type="text/javascript"></script>
1512		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/css/intlTelInput.css"/>
1513	
1513<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput.min.js"></script>
1513
1514    
1514<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput-jquery.min.js"></script>
1514
1515		
1516		<!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
1517<script>
1518
1519if (typeof Array.prototype.forEach != 'function') {
1520Array.prototype.forEach = function (callback) {
1521    for (var i = 0; i < this.length; i++) {
1522        callback.apply(this, [this[i], i, this]);
1523    }
1524 };
1525}
1526
1527if (window.NodeList && !NodeList.prototype.forEach) {
1528    NodeList.prototype.forEach = Array.prototype.forEach;
1529 }  
1530 
1531 </script>
1531
1532 
1532<script type="application/ld+json">
1533{
1534  "@context": "https://schema.org",
1535  "@type": "Organization",
1536  "name": "Visionet",
1537  "url": "https://www.visio-net.com",
1538  "image": "https://www.visio-net.fr/img/design/logo.png",
1539  "address": {
1540    "@type": "PostalAddress",
1541    "addressLocality": "Derval",
1542    "postalCode": "44590",
1543    "streetAddress": "1 allée du rocheteur",
1544	"addressRegion": "Loire-Atlantique",
1545    "addressCountry": "France"
1546  },
1547  "email": "[email protected]",
1548  "telephone": "+33285524583",
1549  "faxNumber": "",
1550  "logo": {
1551	  "@type": "ImageObject",
1552	  "url": "https://www.visio-net.fr/img/design/logo.png"
1553  },
1554
1555  "sameAs": [
1556	  "https://www.facebook.com/Visionet.fr/"
1557  ]
1558}
1559</script>
vendor: 1 bytes, line 1559
1559
1560<script type="application/ld+json">
1561{
1562  "@context": "https://schema.org",
1563  "@type": "LocalBusiness",
1564  "address": {
1565    "@type": "PostalAddress",
1566    "addressLocality": "Derval",
1567    "postalCode": "44590",
1568    "streetAddress": "1 allée du rocheteur",
1569	"addressRegion": "Loire-Atlantique",
1570    "addressCountry": "France"
1571  },
1572  "geo": {
1573    "@type": "GeoCoordinates",
1574    "latitude": "47.6593467",
1575    "longitude": "-1.6675625"
1576  },
1577  "name": "Visionet",
1578  "image": "https://www.visio-net.fr/img/design/logo.png",
1579  "description": "Opticien en ligne",
1580  "url": "https://www.visio-net.com",
1581  "telephone": "+33285524583",
1582  "sameAs": [
1583	  "https://www.facebook.com/Visionet.fr/"
1584  ],
1585  "openingHours": "Mo-Fri 09:00-18:00"
1586}
1587</script>
vendor: 1 bytes, line 1587
1587
1588<script type="text/javascript" src="/js/freeprivacypolicy.js" charset="UTF-8"></script>
1588
1589
1590 
1591<script type="text/javascript" charset="UTF-8">
1592document.addEventListener('DOMContentLoaded', function () {
1593
1594
1595
1596
1597});
1598
1599
1600function ready(callback){
1601    // in case the document is already rendered
1602    if (document.readyState!='loading') callback();
1603    // modern browsers
1604    else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback);
1605    // IE <= 8
1606    else document.attachEvent('onreadystatechange', function(){
1607        if (document.readyState=='complete') callback();
1608    });
1609}
1610
1611ready(function(){
1612    // do something
1613	/* FUNCTION FOR LEFT COLLAPSEABLE LINKS */     
1614	$(".filter-target-js").show();
1615	$(".filter-trigger-js").click(function(){ 
1616		$(this).toggleClass("is-active"); 
1617	});    
1618		
1619	$(".filter-trigger-js").click(function(){
1620		$(this).siblings(".filter-target-js").slideToggle();
1621	});
1622
1623	var ww = document.body.clientWidth;
1624	if (ww <= 1023) {
1625		$(".filter-target-js").hide();
1626
1627	}else{
1628		$(".filter-target-js").show();
1629	} 
1630	
1631	/* for parent menu */
1632
1633	$(".menu-toggle-js").click(function() {
1634
1635		if ($(this).parents('.nav__item-dropdown').hasClass('is-active')) {
1636			$(this).siblings('.nav__dropdown-js').removeClass('is-active');
1637			$('.nav__item-dropdown').removeClass('is-active');
1638			$(window).scrollTop(0);
1639
1640		} else {
1641			$('.nav__item-dropdown').removeClass('is-active');
1642			$(this).parents('.nav__item-dropdown').addClass('is-active');
1643			$('.nav__dropdown-js').removeClass('is-active');
1644			$(this).siblings('.nav__dropdown-js').addClass('is-active');
1645			$(this).parents('.nav__item-dropdown').scrollTop(0);
1646			$(this).siblings('.nav__dropdown-js').scrollTop(0);
1647
1648		}
1649	});
1650
1651
1652    /* for secondary menu */
1653
1654	$(".nav-toggle-js").click(function() {
1655
1656		if ($(this).parents('.nav-primary__dropdown').hasClass('is-active')) {
1657			$(this).siblings('.nav-primary__target-js').removeClass('is-active');
1658			$('.nav-primary__dropdown').removeClass('is-active');
1659			$(window).scrollTop(0);
1660
1661		} else {
1662			$('.nav-primary__dropdown').removeClass('is-active');
1663			$(this).parents('.nav-primary__dropdown').addClass('is-active');
1664			$('.nav-primary__target-js').removeClass('is-active');
1665			$(this).siblings('.nav-primary__target-js').addClass('is-active');
1666			$(this).parents('.nav-primary__dropdown').scrollTop(0);
1667			$(this).siblings('.nav-primary__target-js').scrollTop(0);
1668
1669		}
1670	});
1671	
1672	/* for tertiary menu */
1673
1674	$(".subnav-toggle-js").click(function() {
1675
1676		if ($(this).parents('.nav-secondary__dropdown').hasClass('is-active')) {
1677			$(this).siblings('.nav-secondary__target-js').removeClass('is-active');
1678			$('.nav-secondary__dropdown').removeClass('is-active');
1679			$(window).scrollTop(0);
1680
1681		} else {
1682			$('.nav-secondary__dropdown').removeClass('is-active');
1683			$(this).parents('.nav-secondary__dropdown').addClass('is-active');
1684			$('.nav-secondary__target-js').removeClass('is-active');
1685			$(this).siblings('.nav-secondary__target-js').addClass('is-active');
1686			$(this).parents('.nav-secondary__dropdown').scrollTop(0);
1687			$(this).siblings('.nav-secondary__target-js').scrollTop(0);
1688
1689		}
1690	});
1691			
1692		
1693
1694	/* FOR FULL FILTER TOGGLE */
1695	$(".action-filter-js").click(function(){
1696	  $(".filter__column__wrapper").toggle();
1697	  $(this).toggleClass("is-active");
1698	$('html').toggleClass("is-show-filter"); 
1699	});
1700	
1701	
1702	
1703	try {
1704		cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"light","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"website_name":"VisioNet","website_privacy_policy_url":"https://www.visio-net.fr/services/protection-donnees"});
1705		//alert("hello");
1706		$('.cc-nb-okagree').on('click',function(event){
1707			//event.preventDefault();
1708			var preferences; 
1709			preferences = 'accept button clicked';
1710			send_cookie_info(preferences);
1711			gtag('consent', 'update', {
1712			  'ad_storage': 'granted',
1713				'ad_user_data': 'granted',
1714				'ad_personalization': 'granted',
1715				'analytics_storage': 'granted'
1716			});
1717			const consentState = {
1718				ad_storage: 'granted',
1719				ad_user_data: 'granted',
1720				ad_personalization: 'granted',
1721				analytics_storage: 'granted'
1722			  };
1723			  localStorage.setItem('consent_state', JSON.stringify(consentState));								 
1724			//alert(preferences);	
1725		});
1726		$('.cc-nb-reject').on('click',function(event){
1727			//event.preventDefault();
1728			var preferences; 
1729			preferences = 'refuse button clicked';
1730			send_cookie_info(preferences);
1731			gtag('consent', 'update', {
1732				'ad_storage': 'denied',
1733				'ad_user_data': 'denied',
1734				'ad_personalization': 'denied',
1735				'analytics_storage': 'granted'
1736			  });
1737			//alert(preferences);	
1738		});
1739		$('.cc-nb-changep').on('click',function(event){
1740			$('.cc-cp-foot-save').on('click',function(event){
1741				//event.preventDefault();
1742				var preferences;
1743				// strictly-necessary  functionality   tracking   targeting   
1744				preferences = 'custom preferences button clicked, strictly-necessary: ' + $('#strictly-necessary').prop('checked') + ', functionality: ' + $('#functionality').prop('checked') + ', tracking: ' + $('#tracking').prop('checked') + ', targeting: ' + $('#targeting').prop('checked');
1745				send_cookie_info(preferences);
1746				gtag('consent', 'update', {
1747				  'ad_storage': 'granted',
1748				'ad_user_data': 'granted',
1749				'ad_personalization': 'granted',
1750				'analytics_storage': 'granted'
1751				});
1752				//alert(preferences);	
1753			});
1754		});
1755		$('#open_preferences_center').on('click',function(event){
1756			$('.cc-cp-foot-save').on('click',function(event){
1757				event.preventDefault();
1758				var preferences;
1759				// strictly-necessary  functionality   tracking   targeting   
1760				preferences = 'custom preferences button clicked, strictly-necessary: ' + $('#strictly-necessary').prop('checked') + ', functionality: ' + $('#functionality').prop('checked') + ', tracking: ' + $('#tracking').prop('checked') + ', targeting: ' + $('#targeting').prop('checked');
1761				gtag('consent', 'update', {
1762				  'ad_storage': 'granted',
1763				'ad_user_data': 'granted',
1764				'ad_personalization': 'granted',
1765				'analytics_storage': 'granted'
1766				});
1767				send_cookie_info(preferences);
1768				//alert(preferences);	
1769			});
1770		});
1771		
1772	} catch (e) {
1773
1774	}
1775	
1776	// write on-ready tasks
1777	
1778	var script = document.createElement("script");
1779	script.type = "text/javascript";
1780	script.src = "/js/on-ready.js?v=3.2.3";
1781	document.head.appendChild(script);
1782	
1783	/*
1784	var script = document.createElement("script");
1785	script.type = "text/javascript";
1786	script.src = "/assets/shop/js/app.min.js?v=3.2.3";
1787	document.head.appendChild(script);
1788	*/
1789
1790});
1791
1792
1793function send_cookie_info(preferences) {
1794	var customeremail='';
1795		
1796
1797	$.ajax('/savecookieinfo.php?client_ip=181.215.65.68&domain=https://www.visio-net.com&customeremail=' + customeremail + '&preferences=' + preferences);
1798
1799}
1800
1801</script>
1801
1802<!-- End Cookie Consent -->
1803        <div class="ui small basic modal" id="confirmation-modal">
1804    <div class="ui icon header">
1805        <i class="warning sign icon"></i>
1806        Confirm your action
1807    </div>
1808    <div class="content">
1809        <p>Are you sure you want to perform this action?</p>
1810    </div>
1811    <div class="actions">
1812        <div class="ui red basic cancel inverted button">
1813            <i class="remove icon"></i>
1814            No
1815        </div>
1816        <div class="ui green ok inverted button" id="confirmation-button">
1817            <i class="checkmark icon"></i>
1818            Yes
1819        </div>
1820    </div>
1821</div>
1822		
1823	
1824<style>
1825	 /*div[id^="button--userlike"] {display: none !important;}*/
1826	 div[data-test-id="userlike-container"] {display: none ;}
1827
1828
1829/* slideout */
1830
1831/* ---- Container ---- */
1832  #art-side-form-tab.art-side-form-tab{
1833    position: fixed;
1834    right: 16px;
1835    top: 65%;
1836    transform: translateY(-50%);
1837    z-index: 9999;
1838    display: flex;
1839    align-items: center;
1840    gap: 10px;
1841    pointer-events: auto;
1842    -webkit-font-smoothing: antialiased;
1843    font-family: 'Tahoma', Futura, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
1844  }
1845
1846  /* Vertical label */
1847  #art-side-form-tab .art-side-form-side-text{
1848    color: var(--tab-icon);
1849    writing-mode: vertical-rl;
1850    transform: rotate(180deg);
1851    letter-spacing: .06em;
1852    font-size: 12px;
1853    line-height: 1;
1854    opacity: .9;
1855    user-select: none;
1856  }
1857
1858  /* Icons column */
1859  #art-side-form-tab .art-side-form-side-icon{
1860    display: flex;
1861    flex-direction: column;
1862    gap: 8px;
1863    background: var(--tab-bg);
1864    border: 1px solid var(--tab-border);
1865    border-radius: 16px;
1866    padding: 8px;
1867    box-shadow: 0 6px 18px rgba(0,0,0,.28);
1868    backdrop-filter: saturate(130%) blur(4px);
1869  }
1870
1871  /* Icon buttons (links + button share the same look) */
1872  #art-side-form-tab .ico{
1873    width: 42px;
1874    height: 42px;
1875    border-radius: 10px;
1876    border: 1px solid var(--tab-border);
1877    display: inline-flex;
1878    align-items: center;
1879    justify-content: center;
1880    background: transparent;
1881    color: var(--tab-icon);
1882    text-decoration: none;
1883    cursor: pointer;
1884    transition: transform .15s ease, border-color .2s ease, background-color .2s ease, opacity .2s ease;
1885    touch-action: manipulation; /* improves mobile tap responsiveness */
1886  }
1887  #art-side-form-tab .ico svg{width: 20px; height: 20px; display: block}
1888
1889  /* Hover / Active */
1890  #art-side-form-tab .ico:hover{
1891    border-color: rgba(255,255,255,.45);
1892    background-color: rgba(255,255,255,.08);
1893    transform: translateY(-1px);
1894    color: var(--tab-icon-hover);
1895  }
1896  #art-side-form-tab .ico:active{transform: translateY(0)}
1897
1898  /* Focus ring for accessibility */
1899  #art-side-form-tab .ico:focus{outline: none; box-shadow: 0 0 0 3px var(--tab-focus)}
1900
1901  /* 📱 Mobile: keep it sticky on the right (vertical) */
1902  @media (max-width: 767px){
1903    #art-side-form-tab.art-side-form-tab{
1904      right: 10px;
1905      top: 50%;
1906      bottom: auto;               /* no bottom bar */
1907      transform: translateY(-50%);/* centered on right */
1908      gap: 8px;
1909    }
1910    #art-side-form-tab .art-side-form-side-text{
1911      display: none;              /* keep it minimal on small screens */
1912    }
1913    #art-side-form-tab .art-side-form-side-icon{
1914      flex-direction: column;     /* stay vertical on mobile */
1915      border-radius: 16px;
1916      padding: 6px;
1917      gap: 6px;
1918    }
1919    #art-side-form-tab .ico{
1920      width: 44px; height: 44px; border-radius: 12px;
1921    }
1922  }
1923
1924  /* Respect users who prefer less motion */
1925  @media (prefers-reduced-motion: reduce){
1926    #art-side-form-tab .ico{transition: none}
1927  }
1928  /* CSS FROM TOP */
1929  
1930.item-card__pic .title-group {top: auto !important; bottom: 5px !important;}
1931  
1932  .quick-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;	-ms-flex-align: center;		align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 999; }
1933
1934.quick-popup__container {position: relative;z-index: 2;	max-width: 100%;max-height: 100%;margin: auto;overflow: hidden;	overflow-y: auto;display: -webkit-box;display: -ms-flexbox;	display: flex;	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;	-ms-flex-wrap: wrap;flex-wrap: wrap; }
1935
1936.quick-popup__close {position: absolute;top: 10px;right: 10px;z-index: 1;width: 42px; height: 42px; text-align: center; line-height: 42px; font-size:26px; color: #333; }
1937.quick-popup__close:before{position: absolute;left: 0;right: 0; top: 0; bottom: 0; content: "+";transform: rotate(45deg);}
1938.quick-popup__overlay {	position: absolute;	top: 0;	left: 0;right: 0;bottom: 0;	z-index: 1;	opacity: 0.5;background-color:rgba(0,0,0,0.9); }
1939
1940
1941.popup-panel{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;height: 100%;width: 100%;}
1942
1943.popup-panel__head{padding:20px; padding-top: 5px;border-bottom: 1px solid #ddd; color: #49B6DF; background-color: #fff;position: -webkit-sticky;position: sticky;top: 0;margin-bottom: auto;}
1944.popup-panel__head h2{max-width: 90%;margin-top: 10px;margin-bottom: 0px;}
1945.popup-panel__footer{padding:20px;position: -webkit-sticky;position: sticky;bottom: 0;margin-top: auto;border-top: 1px solid #ddd; background-color: #fff;}
1946.popup-panel__body{overflow-y: auto; overflow-x: hidden; padding:20px; min-height: 400px; height: 100%;}
1947.popup-panel__content { min-height: 400px; height: 100%;}
1948.popup-panel__content p{line-height: 1.8; color: #666; min-height: 400px; height: 100%;}
1949@media (min-width: 767px) {
1950
1951.quick-popup__container {min-width: 500px; max-width: 500px; }
1952
1953.popup-panel{border-radius:5px; overflow:hidden; max-height: 92% !important;}
1954.quick-popup--medium .quick-popup__container{max-width: 800px; min-width: 800px;}
1955.quick-popup--large .quick-popup__container{max-width: 1200px; min-width:1200px;}
1956}
1957@media (max-width:1199px) {
1958.quick-popup--medium .quick-popup__container, .quick-popup--large .quick-popup__container{max-width: 90%; min-width: 90%;}
1959
1960}
1961@media (max-width: 767px) {
1962.btn--apply{display: block!important;}
1963.quick-popup__close {top: 5px;}
1964.quick-popup__container{ width: 100%; height: 100%;}
1965.is-quick-popup-show{position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
1966.popup-panel__head,	.popup-panel__body,	.popup-panel__footer{padding: 15px; padding-top: 5px;}
1967.popup-panel__head h2{font-size: 16px; margin-top: 10px;margin-bottom: 0px;}
1968.quick-popup--medium .quick-popup__container, .quick-popup--large .quick-popup__container{max-width: 100%; min-width: 100%;}
1969
1970}
1971//=============
1972#filter__column .filter__box > span {font-size: 16px !important; }
1973
1974
1975@media(min-width:1023px){
1976	.grid-new-layout.ui.grid > [class*="three wide"].column.filter-column{width: 19%!important; padding: 20px;}
1977	.grid-new-layout.ui.grid > [class*="thirteen wide"].column.result--column{width: 81%!important;}
1978}
1979
1980.container--page.search__page:before,.container--page.search__page:after{display:none;}
1981#filter__column .grid-new-layout .ui.dividing.header{background: transparent; color: #333; margin: 0;padding: 14px 0; font-size: 16px; cursor: pointer; position: relative; border-top: 1px solid #ddd; margin-top: 10px;}
1982#filter__column .grid-new-layout .ui.dividing.header:after{position: absolute; right: 0;top: 50%; transform: translateY(-60%); content: "-"; font-size: 200%;}
1983#filter__column .grid-new-layout .ui.dividing.header.is-active:after{ content: "+"; font-size: 150%;}
1984/*#filter__column .grid-new-layout .filter__box {border-bottom: 1px solid #ddd;}
1985#filter__column .grid-new-layout .ui.form{padding-bottom: 20px;} */
1986
1987.-underline-link{font-size: 12px; text-decoration: underline; color: #00aff0;}
1988.-align-right{text-align: right;}
1989.-d-block{display: block;}
1990.-cursor-pointer{cursor: pointer;}
1991
1992.action-filter{display: none;}
1993.filter__column__header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #ddd;padding-bottom: 15px;}
1994
1995.grid-new-layout .input-range__track{height: 0.5rem;}
1996.grid-new-layout .input-range__slider{width:3rem; height: 3rem; margin-left: -1.8rem; margin-top: -1.8rem;}
1997#filter__column .grid-new-layout .input-range__slider{ background: #e6e6e6;border-color: #e6e6e6;;}
1998.grid-new-layout .input-range__label--min, .input-range__label--max{bottom: -4rem;}
1999
2000.grid-new-layout .input-range{margin:30px auto 30px; }
2001.grid-new-layout .input-range__label--value{top: -4rem;}
2002.grid-new-layout .input-range__label--value .input-range__label-container{background:#ffffff; color: #666;padding:2px 4px; text-align: center;border-radius: 4px;font-size: 16px; top: 10px; }
2003.grid-new-layout .input-range__label.input-range__label--min .input-range__label-container{left: 0; color: #666;}
2004.grid-new-layout .input-range__label.input-range__label--max .input-range__label-container{right: 10px !important;  color: #666;}
2005
2006#filter__column .filter__box .ui.checkbox label{cursor: pointer;}
2007
2008
2009@media(max-width:767px){
2010.ui.modal {width: 100% !important;}
2011.modals.dimmer .ui.scrolling.modal {margin: 0 !important;}
2012.modals.visible .filter__modal.scrolling > .header .filter__title {    padding: 20px !important;
2013	font-size: 16px;
2014    color: #49B6DF !important;
2015    background-color: #fff !important;
2016    position: -webkit-sticky !important;
2017    position: sticky !important;
2018    top: 0 !important;
2019	border-bottom: none !important;
2020    margin-bottom: auto !important;}
2021.ui.filter__modal>.close:before {color: #000 !important; transform: none !important;}
2022
2023.action-close{width: 40px; height: 40px;position: relative; margin-left: auto; text-align: right; line-height: 40px; color: #333;top: -10px;}
2024.action-close:before{content: "+"; position: absolute; left: 0;right: 0;top: 0; bottom: 0;font-size: 30px; transform: rotate(45deg);}
2025
2026.filter__column__wrapper {background: #fff;padding: 20px 10px 0;}    
2027
2028
2029.sorting-group{display: flex; align-items: center; justify-content: space-between;}
2030.sorting-group .sorting-field_lable{display: none;}
2031
2032.action-filter{display: inline-flex; align-items: center; justify-content: center; background-color: #fff;border: 1px solid #ddd;height: 40px;line-height: 40px; border-radius: 4px; padding: 0 20px;color: #666;}
2033.action-filter .svg-icon{width: 16px; height: 16px;display: flex; align-items: center; justify-content: center; overflow: hidden; margin-right: 10px;}
2034.action-filter .svg-icon svg{fill:currentColor;}
2035
2036.sorting-group #sorting-field_select{ background: #fff!important;border: 1px solid #ddd;height: 40px;line-height: 40px; border-radius: 4px; box-shadow: none!important; margin: 0;}
2037
2038.sorting-group #sorting-field_select > div{flex-direction: row; justify-content: center;}
2039.sorting-group #sorting-field_select > div > .icon{background-color: #fff; width: auto; margin-left: 5px!important;}
2040.sorting-group #sorting-field_select > div > .text{margin-right: 0; flex-grow: unset;}
2041
2042
2043.action-filter{display: flex;width: 100%;}
2044.sorting-group .sorting-group__item{flex: 1;padding: 5px;}
2045.sorting-group .sorting-field{margin-top: 0;}
2046
2047#filter__column .filter__box .ui.checkbox input:checked + label{background: none; color: #666;border: none;font-weight: normal;letter-spacing: 0;}
2048#filter__column .filter__box .ui.checkbox label{border: none;padding-left: 1.85714em;min-height: 30px;}
2049
2050.grid-new-layout .ui.checkbox label:before,.grid-new-layout .ui.checkbox label:after{display: block!important;top: 5px;}
2051
2052
2053#filter__column .filter__box .ui.checkbox input:checked + label span.right.aligned{color: inherit;}
2054
2055#filter__column .filter__box{margin-bottom: 0;}
2056
2057.filter__column__wrapper{display: none;}
2058#filter__column__parent.is-visible .filter__column__wrapper{display: block;}
2059.is-show-filter .sorting-group{display: none;}
2060
2061
2062#filter__column .grid-new-layout .ui.dividing.header:after{content: "+";font-size: 150%;}
2063#filter__column .grid-new-layout .ui.dividing.header.is-active:after{ content: "-";}
2064
2065#selected_filter__row{display: flex;align-items: center;flex-wrap: nowrap;overflow: auto;white-space: nowrap;}
2066#selected_filter__row button{margin-right: 6px;}
2067#menuopener{margin:15px auto 0;}
2068.ui.breadcrumb{margin:20px 0 0 20px;}
2069body.toggled_left .ui.breadcrumb,
2070html.filter__show .ui.breadcrumb,
2071html.filter__show .breadcrumb-bar{display:none !important;}
2072
2073.grid-new-layout .filter__frame_color .frame_color, .grid-new-layout .filter__lens_color .lens_color{display: flex!important; flex-wrap: nowrap!important; overflow: auto!important;}
2074.grid-new-layout .filter__frame_color .frame_color .field, .grid-new-layout .filter__lens_color .lens_color .field{padding: 10px!important;}
2075
2076#filter__column .grid-new-layout .filter__box.filter__frame_color .frame_color .ui.checkbox label:before, .grid-new-layout  #filter__column .filter__box.filter__frame_color .frame_color .ui.checkbox label:after, .grid-new-layout  #filter__column .filter__box.filter__lens_color .lens_color .ui.checkbox label:after, .grid-new-layout  #filter__column .filter__box.filter__lens_color .lens_color .ui.checkbox label:before{display: none!important;}
2077
2078#filter__column .grid-new-layout .filter__frame_color.filter__box .ui.checkbox label, #filter__column .grid-new-layout .filter__lens_color.filter__box .ui.checkbox label{padding-left: 0;}
2079
2080#filter__column .grid-new-layout .filter__frame_color.filter__box .ui.checkbox label .option__color, #filter__column .grid-new-layout .filter__lens_color.filter__box .ui.checkbox label .option__color{width: 50px; height: 50px; margin-bottom: 10px;}
2081
2082#filter__column .grid-new-layout .filter__box.filter__frame_color .ui.checkbox label, #filter__column .grid-new-layout .filter__box.filter__lens_color .ui.checkbox label{display: block;text-align: center;}
2083#filter__column .grid-new-layout .filter__box.filter__frame_color .ui.checkbox label span.right.aligned, #filter__column .grid-new-layout .filter__box.filter__lens_color .ui.checkbox label span.right.aligned{display: block;}
2084
2085#filter__column .grid-new-layout .filter__frame_color.filter__box .ui.checkbox input:checked + label .option__color, #filter__column .grid-new-layout .filter__lens_color.filter__box .ui.checkbox input:checked + label .option__color{border-color: #00aff0;}
2086#filter__column .grid-new-layout .filter__frame_color.filter__box .ui.checkbox input:checked + label span, #filter__column .grid-new-layout .filter__lens_color.filter__box .ui.checkbox input:checked + label span{color: #00aff0;}
2087
2088
2089}
2090
2091
2092@media(max-width:767px){
2093
2094.header-action{display:block;width: 42px; height: 42px;display: flex; align-items: center; justify-content: center;}
2095body{padding-bottom: 52px;}
2096
2097.header__actions{position: fixed;left: 0;right: 0; bottom: 0;z-index: 100; background: #fff;border-top: 1px solid #ddd;box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.08); padding: 0;display: flex; align-items: center; justify-content: space-around;}
2098.header__actions > *{margin: 0 10px;}
2099
2100.header__actions .link.link--user, .header__actions .circular > a{width: 42px; height: 50px; display:flex; align-items: center; justify-content: center;}
2101.header__actions .dropdown--inline{height: auto;}
2102.header__actions .link.link--icon.link--cart{margin-top: 0;}
2103
2104.nav-svg-icon{display: block;width: 27px; height: 27px; position: relative; overflow: hidden; margin: auto;}
2105.nav-svg-icon svg{width: 100%; height:  100%;display: block;}
2106.header__primary  .link--icon .fa{display: none;}
2107#visionet_account_menu a .icon .fa{display: none;}
2108.header__primary  .link--icon .icon{display: none;}
2109.dropdown--inline .icon, .link--icon .icon{height: auto;}
2110
2111}
2112
2113
2114.quick-popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;	-ms-flex-align: center;		align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 999; }
2115
2116.quick-popup__container {position: relative;z-index: 2;	max-width: 100%;max-height: 100%;margin: auto;overflow: hidden;	overflow-y: auto;display: -webkit-box;display: -ms-flexbox;	display: flex;	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;	-ms-flex-wrap: wrap;flex-wrap: wrap; }
2117
2118
2119
2120.quick-popup__close {position: absolute;top: 10px;right: 10px;z-index: 1;width: 42px; height: 42px; text-align: center; line-height: 42px; font-size:26px; color: #333; }
2121.quick-popup__close:before{position: absolute;left: 0;right: 0; top: 0; bottom: 0; content: "+";transform: rotate(45deg);}
2122.quick-popup__overlay {	position: absolute;	top: 0;	left: 0;right: 0;bottom: 0;	z-index: 1;	opacity: 0.5;background-color:rgba(0,0,0,0.9); }
2123
2124
2125.popup-panel{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;height: 100%;width: 100%;}
2126
2127.popup-panel__head{padding:20px;border-bottom: 1px solid #ddd; color: #49B6DF; background-color: #fff;position: -webkit-sticky;position: sticky;top: 0;margin-bottom: auto;}
2128.popup-panel__head h2{max-width: 90%;}
2129.popup-panel__footer{padding:20px;position: -webkit-sticky;position: sticky;bottom: 0;margin-top: auto;border-top: 1px solid #ddd; background-color: #fff;}
2130.popup-panel__body{overflow-y: auto; overflow-x: hidden; padding:20px; min-height: 300px;}
2131.popup-panel__content p{line-height: 1.8; color: #666;}
2132
2133.head-search-trigger,.btn--apply{display: none!important;}
2134#header p{margin: 0;}
2135
2136
2137@media (min-width: 767px) {
2138
2139.quick-popup__container {min-width: 500px; max-width: 500px; max-height: 90%; height: 90% !important;}
2140
2141.popup-panel{border-radius:5px; overflow:hidden; max-height: 90%;}
2142.quick-popup--medium .quick-popup__container{max-width: 800px; min-width: 800px;}
2143.quick-popup--large .quick-popup__container{max-width: 1200px; min-width:1200px;}
2144}
2145
2146
2147@media (max-width:1199px) {
2148.quick-popup--medium .quick-popup__container, .quick-popup--large .quick-popup__container{max-width: 90%; min-width: 90%;}
2149.popup-panel {max-height:90%;}
2150}
2151
2152@media (max-width: 767px) {
2153.btn--apply{display: block!important;}
2154body.toggled_left .overlay--nav{z-index: 101;}
2155.toggle--nav{padding: 0 2px;}
2156.toggle--nav span, .toggle--nav span:before, .toggle--nav span:after{height: 2px;}
2157.quick-popup__container{ width: 100%; height: 100%;}
2158.is-quick-popup-show{position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
2159.popup-panel__head,	.popup-panel__body,	.popup-panel__footer{padding: 15px;}
2160.popup-panel__head h2{font-size: 16px;}
2161.quick-popup--medium .quick-popup__container, .quick-popup--large .quick-popup__container{max-width: 100%; min-width: 100%;}
2162#header #head_search.form--search {width: 100%;display: none;}
2163#header #head_search.form--search .ui.search{width: 100%;padding: 0;}
2164.header__primary{display: inline-block;}
2165#head_logo.logo{width: 150px;}
2166#head{padding-bottom: 10px;}
2167.head-flex{display: flex; align-items: center;}
2168.head-flex .head-flex__item{margin-left: 15px;}
2169.head-search-trigger{width: 40px; height: 40px;display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
2170.head-search-trigger .svg-icon{ display: block;overflow: hidden;position: relative; top: 2px;}
2171.head-search-trigger .svg-icon--close{display: none;}
2172.head-search-trigger.is-active .svg-icon--close{display: block;}
2173.head-search-trigger.is-active .svg-icon--search{display: none;}
2174.head-flex .selector__link{top: 4px;}
2175
2176.toggled_left .overlay.overlay--nav:before{position: absolute;right:20px;top:20px; content: "+"; font-size: 30px; color: #fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);  pointer-events: none;}
2177}
2178#filter__column .filter__box .filter-target-js > span {
2179    display: block;
2180    margin-top: 5px;
2181    font-size: 16px;
2182    color: #49b6df;
2183    cursor: pointer;
2184    text-align: right;
2185}
2186.grid-new-layout .input-range__label.input-range__label--min .input-range__label-container{left: 0; color: #333;display: none;}
2187.grid-new-layout .input-range__label.input-range__label--max .input-range__label-container{right: 0; color: #333;display: none;}
2188.nocloseposs:after {content:'' !important;}
2189
2190
2191.item-card__pic img {
2192	filter: contrast(0.94) !important;
2193}
2194.item-card__head {
2195    background-color: #F7F7F7 !important;
2196}
2197.item-card__body {
2198	background-color: #F7F7F7 !important;
2199}
2200.column .item-card {
2201    border: 1px solid #f7f7f7 !important;
2202}
2203
2204</style>
2205<script type="text/javascript" >
2206
2207jQuery(document).ready(function($) {
2208
2209  function closetab() {
2210      $el = $('#art-side-form');
2211      $el.toggleClass('open');
2212
2213	  var overlay2 = document.querySelector('.vn-contact__overlay');
2214      if ($el.hasClass('open')) {
2215          $el.addClass('opened');
2216          $el.removeClass('closed');
2217          Cookies.set('side-bar-form', 'opened');
2218		  overlay2.style.visibility='visible';
2219      } else {
2220          $el.addClass('closed');
2221          $el.removeClass('opened');
2222		  hideUserlike();
2223          Cookies.set('side-bar-form', 'closed');
2224		  overlay2.style.visibility='hidden';
2225      }
2226  }
2227
2228
2229
2230  	$('.close-cross').on('click touch',function(e) {
2231	      e.preventDefault();
2232	      var $el = $(this).data('toggle');
2233	
2234	      $($el).removeClass('open');
2235	      $($el).removeClass('opened');
2236	      $($el).addClass('closed');
2237		  
2238		  hideUserlike();
2239	
2240	      if ($el == '#art-side-form') {
2241	          Cookies.set('side-bar-form', 'closed');
2242	      }
2243	});   
2244
2245
2246  $('a[href="#send-message"]').click( function() {
2247      $el = $('#art-side-form');
2248      $el.addClass('temp-closed');
2249  });
2250	
2251	
2252});
2253
2254function showUserlike() {
2255	const el = document.querySelector('div[data-test-id="userlike-container"]');
2256    el.style.display='block';
2257}
2258function hideUserlike() {
2259	const el = document.querySelector('div[data-test-id="userlike-container"]');
2260    el.style.display='none';
2261}
2262</script>
2262
2263
2264 <div id="art-side-form" class="art-side-form closed"><div id="art-side-form-tab" class="art-side-form-tab"><div class="art-side-form-side-text"></div>
2265 
2266 
2267	<!-- Mobile toggle tab -->
2268    <button class="art-side-form-toggle" type="button" aria-controls="art-contact-actions" aria-expanded="false">
2269      <svg class="chev" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
2270      <span>Contact us </span>
2271    </button>
2272
2273  <!-- Icon panel -->
2274  <div id="art-contact-actions" class="art-side-form-side-icon" role="group" aria-label="Quick contact actions">
2275 
2276				
2277		<!-- Email -->
2278		<a class="ico" href="mailto:[email protected]" aria-label="Email">
2279		  <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 2v.01L12 12 4 6.01V6h16ZM4 18V8.24l7.4 5.55a1 1 0 0 0 1.2 0L20 8.24V18H4Z"/></svg>
2280		</a>
2281		
2282				
2283		
2284		<a class="ico ico--whatsapp" href="https://wa.me/33253681739?text=Visionet" target="_blank" rel="noopener" aria-label="WhatsApp">
2285		  <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20.52 3.48A11.94 11.94 0 0 0 12.01 0C5.4 0 .06 5.34.06 11.94c0 2.1.55 4.14 1.6 5.95L0 24l6.27-1.63a12 12 0 0 0 5.74 1.47h.01c6.61 0 11.95-5.34 11.95-11.94a11.9 11.9 0 0 0-3.45-8.42zM12.02 21.5h-.01a9.6 9.6 0 0 1-4.9-1.34l-.35-.2-3.72.97.99-3.62-.23-.37a9.54 9.54 0 0 1-1.46-5.02c0-5.28 4.3-9.57 9.58-9.57 2.55 0 4.95.99 6.76 2.8a9.54 9.54 0 0 1 2.8 6.77c0 5.28-4.3 9.58-9.46 9.58zm5.46-7.17c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.19.29-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.78-1.49-1.74-1.66-2.04-.17-.29-.02-.45.13-.6.14-.14.3-.35.45-.52.15-.17.2-.29.29-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.49 0 1.47 1.07 2.9 1.22 3.1.15.2 2.11 3.22 5.11 4.52.71.31 1.27.49 1.7.63.71.22 1.35.19 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/></svg>
2286		</a>
2287		
2288		
2289	
2290	
2291	</div></div><div class="art-side-form-inner">
2292	<div class="frm_forms" id="frm_form_15_container">
2293
2294
2295<div class="side-icon-row">
2296
2297<!-- Overlay -->
2298 
2299<aside class="vn-contact__sheet" id="vn-contact-sheet" role="dialog" aria-modal="true" aria-labelledby="vn-contact-title">
2300   
2301  </aside>
2302  
2303  
2304	
2305	
2306	
2307</div>
2308
2309
2310	
2311</div>
2312<a href="javascript:void(0);" data-toggle="#art-side-form" class="close-cross"></a></div></div>
2313
2314
2315<style>
2316/* ---- Theme (monochrome) ---- */
2317  :root{
2318    --tab-bg: rgba(0,0,0,.78);      /* panel background (works on light or dark pages) */
2319    --tab-border: rgba(255,255,255,.18);
2320    --tab-icon: #fff;               /* icon + text color */
2321    --tab-icon-hover: #fff;
2322    --tab-focus: rgba(0,175,240,.45); /* accessible focus ring */
2323  }
2324  
2325  /* ---- WhatsApp green override ---- */
2326  :root{
2327    --wa-green: #25D366;
2328    --wa-green-hover: #3be07d;
2329  }
2330  #art-side-form-tab .ico.ico--whatsapp{
2331    color: var(--wa-green);
2332  }
2333  #art-side-form-tab .ico.ico--whatsapp:hover{
2334    color: var(--wa-green);
2335    border-color: rgba(37, 211, 102, .6);
2336    background-color: rgba(37, 211, 102, .08);
2337  }
2338  #art-side-form-tab .ico.ico--whatsapp:focus{
2339    color: var(--wa-green-hover);
2340  }
2341  
2342  #phonenumicon {display: none !important;}
2343  
2344  .vn-contact {position: fixed; right: 1rem; bottom: 1rem; z-index: 9999; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Futura PT", Arial, sans-serif;}
2345  .vn-contact__fab {display: inline-flex; align-items: center; justify-content: center; gap:.5rem; width:3.25rem; height:3.25rem; border-radius:999px; border:1px solid rgba(0,0,0,.08); background:#00aff0; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.15); cursor:pointer;}
2346  .vn-contact__fab:focus-visible {outline: 2px solid #00aff0; outline-offset: 3px; background:#009bd6;}
2347  .vn-contact__overlay {position: fixed; inset: 0; background: rgba(0,0,0,.3); opacity: 0; visibility: hidden; transition: .2s;}
2348  .vn-contact__sheet {width: min(300px, 92vw); max-height: 85vh; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 16px 0 0 16px; box-shadow: 0 -12px 40px rgba(0,0,0,.18); transition: transform .25s ease, opacity .2s ease;}
2349  .vn-contact__overlay__active {opacity:1; visibility:visible;}
2350  .vn-contact--open .vn-contact__sheet {transform: translateX(-50%) translateY(0); opacity:1; visibility:visible;}
2351  .vn-contact__header {display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:1rem 1rem .5rem 1rem; border-bottom:1px solid rgba(0,0,0,.06);}
2352  .vn-contact__header h2 {margin:0; font-size:1.05rem; font-weight:600; color:#111;}
2353  .vn-contact__close {display:inline-flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:999px; border:1px solid rgba(0,0,0,.08); background:#f6f6f7; color:#111; cursor:pointer;}
2354  .vn-contact__content {padding:.5rem .5rem 1rem;}
2355  .vn-contact__item {display:flex; align-items:center; gap:.75rem; padding:.75rem; border:1px solid rgba(0,0,0,.08); border-radius:12px; text-decoration:none; color:#111; background:#fff; margin:.5rem; transition: box-shadow .2s ease, transform .05s ease;}
2356  .vn-contact__item:hover {box-shadow:0 8px 24px rgba(0,0,0,.08);}
2357  .vn-contact__item:active {transform: translateY(1px);}
2358  .vn-contact__icon {display:inline-flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border-radius:10px; background:#f2f4f5; color:#00aff0;}
2359  .vn-contact__text {display:flex; flex-direction:column; line-height:1.2;}
2360  .vn-contact__text strong {font-size:.97rem;}
2361  .vn-contact__text small {color:#666;}
2362  .vn-contact__consent {display:flex; align-items:flex-start; gap:.5rem; margin:.5rem; font-size:.85rem; color:#444;}
2363  .vn-contact__consent a {color:#00aff0; text-underline-offset: 2px;}
2364  .sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
2365  @media (prefers-reduced-motion: no-preference) {
2366    .vn-contact__sheet {transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .2s;}
2367  }
2368  
2369  
2370  /* Mobile toggle tab (hidden on desktop) */
2371    #art-side-form-tab .art-side-form-toggle{
2372      display: none; /* shown on mobile via media query */
2373      border: 1px solid var(--tab-border);
2374      background: #000;
2375      color: var(--tab-icon);
2376      border-radius: 16px 0 0 16px; /* left-only rounded */
2377      padding: 10px 6px; /* slightly slimmer */
2378      width: 30px; /* thinner profile */
2379      gap: 6px; /* tighter spacing */
2380      letter-spacing: .08em;
2381      font-size: 13px;
2382      font-weight: 600;
2383      line-height: 1;
2384      cursor: pointer;
2385      box-shadow: 0 8px 22px rgba(0,0,0,.32);
2386      backdrop-filter: saturate(150%) blur(6px);
2387      -webkit-tap-highlight-color: transparent;
2388      align-items: center;
2389      justify-content: center;
2390      flex-direction: column;
2391      transition: transform .15s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
2392    }
2393  #art-side-form-tab .art-side-form-toggle:focus{outline: none; box-shadow: 0 0 0 3px var(--tab-focus)}
2394
2395  #art-side-form-tab .art-side-form-toggle span{
2396    writing-mode: vertical-rl;
2397    transform: rotate(180deg);
2398    display: inline-block;
2399  }
2400  /* Chevron icon above the text */
2401    #art-side-form-tab .art-side-form-toggle .chev{ width:16px; height:16px; display:block; opacity:.9; transition: transform .2s ease }
2402    /* Flip chevron when open */
2403    #art-side-form-tab[data-open="true"] .art-side-form-toggle .chev{ transform: rotate(180deg) }
2404  
2405  /* 📱 Mobile: sticky on right, collapsed by default, smaller buttons */
2406  @media (max-width: 767px){
2407    #art-side-form-tab.art-side-form-tab{
2408      right: 0px;
2409      top: 50%;
2410      bottom: auto;
2411      transform: translateY(-50%);
2412      gap: 8px;
2413      flex-direction: row-reverse; /* put toggle at the far right edge */
2414    }
2415	
2416	#phonenumicon {display: inline-flex !important;}
2417
2418    /* Hide desktop label, show toggle */
2419    #art-side-form-tab .art-side-form-side-text{ display: none }
2420    #art-side-form-tab .art-side-form-toggle{ display: inline-flex }
2421
2422    /* Smaller buttons on mobile */
2423    #art-side-form-tab .ico{ width: 36px; height: 36px; border-radius: 10px }
2424    #art-side-form-tab .ico svg{ width: 18px; height: 18px }
2425
2426    /* Collapsed by default (data-open != true) */
2427    #art-side-form-tab:not([data-open="true"]) #art-contact-actions{
2428      display: none;
2429    }
2430  }
2431</style>
2432
2433<script>
2434  (function(){
2435    const root   = document.getElementById('art-side-form-tab');
2436    const toggle = root?.querySelector('.art-side-form-toggle');
2437    const panel  = document.getElementById('art-contact-actions');
2438    if(!root || !toggle || !panel) return;
2439
2440    const mq = window.matchMedia('(max-width: 640px)');
2441
2442    function applyMode(){
2443      if(mq.matches){
2444        // Mobile: collapsed by default
2445        root.setAttribute('data-open', 'false');
2446        toggle.setAttribute('aria-expanded', 'false');
2447        panel.style.display = 'none';
2448      }else{
2449        // Desktop: always open
2450        root.setAttribute('data-open', 'true');
2451        toggle.setAttribute('aria-expanded', 'true');
2452        panel.style.display = '';
2453      }
2454    }
2455
2456    function toggleOpen(){
2457      const isOpen = root.getAttribute('data-open') === 'true';
2458      const next = !isOpen;
2459      root.setAttribute('data-open', String(next));
2460      toggle.setAttribute('aria-expanded', String(next));
2461      if (mq.matches){
2462        panel.style.display = next ? '' : 'none';
2463      }
2464    }
2465
2466    // Init and listeners
2467    applyMode();
2468    mq.addEventListener ? mq.addEventListener('change', applyMode) : mq.addListener(applyMode);
2469    toggle.addEventListener('click', toggleOpen);
2470    toggle.addEventListener('keydown', (e)=>{
2471      if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); toggleOpen(); }
2472    });
2473  })();
2474</script>
2474
2475
2476    </body>
2477</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.