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 Place Jean Guihard, 44130 Blain, FRANCE</div> 1087 <div><b>Tél.</b> 02 40 51 48 82 · <b>Email</b> [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 % Santé</strong> pour un <strong>reste à charge 0 â¬</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 â
110112:30 · 14:00 â 19:00</td></tr> 1102 <tr><td>Mercredi*</td><td>10:00 â 12:30 · 14:00 â 19:00</td></tr> 1103 <tr><td>Jeudi</td><td>10:00 â 12:30 · 14:00 â 19:00</td></tr> 1104 <tr><td>Vendredi</td><td>10:00 â 12:30 · 14:00 â 19:00</td></tr> 1105 <tr><td>Samedi</td><td>09:30 â 12:30 · 14:00 â 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 & contact</h2> 1111 <p> 1112 <strong>Opticien Visionet Blain</strong><br> 1113 20 Place Jean Guihard â 44130 Blain, FRANCE<br> 1114 Tél. 02 40 51 48 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 & entretien gratuits</li> 1120 <li><strong>Tiers payant</strong> · Partenaires mutuelles · <strong>100 % 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 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 jours)</li> 1131 <li><strong>Entretien à vie</strong> · <strong>Garantie fabricant 2 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 : monture, forme de verres, teintes solaires, options (anti-reflet, amincis, filtres). 1151 Notre promesse : <strong>qualité maximale au prix juste</strong>. En magasin comme en ligne, profitez de <strong>10 000 1152 lunettes de vue</strong> et <strong>12 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> : structures rectangulaires/anguleuses pour élancer.</li> 1159 <li><strong>Visage carré</strong> : courbes (ovales, rondes) pour adoucir.</li> 1160 <li><strong>Visage triangulaire</strong> : formes légères, pont fin, évitez branches trop épaisses.</li> 1161 <li><strong>Ovale</strong> : presque tout convient â osez les montures à courbes remontantes.</li> 1162 <li><strong>Losange</strong> : 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 % Santé</strong> (panier A) ou combinez Classe 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 : 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> octobre 2025</time> â Rédaction : 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 © 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.