1<!doctype html><html lang="fr"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge">
1<script type="application/ld+json"> 2 { 3 "@context": "https://schema.org", 4 "@type": "Organization", 5 "name" : "why! open computing SA", 6 "url" : "https://whyopencomputing.ch/fr/", 7 "logo": { 8 "@type": "ImageObject", 9 "url":"https://whyopencomputing.ch/img/logo-17786746501.jpg" 10 } 11 } 12</script>
12 13
14<script type="application/ld+json"> 15 { 16 "@context": "https://schema.org", 17 "@type": "WebPage", 18 "isPartOf": { 19 "@type": "WebSite", 20 "url": "https://whyopencomputing.ch/fr/", 21 "name": "why! open computing SA" 22 }, 23 "name": "why! â Laptops Linux réparables et durables, fabriqués pour la Suisse", 24 "url": "https://whyopencomputing.ch/fr/" 25 } 26</script>
26 27 28
28<script type="application/ld+json"> 29 { 30 "@context": "https://schema.org", 31 "@type": "WebSite", 32 "url" : "https://whyopencomputing.ch/fr/", 33 "image": { 34 "@type": "ImageObject", 35 "url":"https://whyopencomputing.ch/img/logo-17786746501.jpg" 36 }, 37 "potentialAction": { 38 "@type": "SearchAction", 39 "target": "https://whyopencomputing.ch/fr/recherche?search_query={search_term_string}", 40 "query-input": "required name=search_term_string" 41 } 42 } 43 </script>
43 44 45 46<title>why! â Laptops Linux réparables et durables, fabriqués pour la Suisse</title><meta name="description" content="Achetez un ordinateur portable Linux réparable et durable, avec une distribution open source préinstallée. Clavier suisse, support local, alternative à Windows."><meta name="keywords" content="boutique, prestashop"><link rel="canonical" href="https://whyopencomputing.ch/fr/"><link rel="alternate" href="https://whyopencomputing.ch/fr/" hreflang="fr"><link rel="alternate" href="https://whyopencomputing.ch/de/" hreflang="de-de"><link rel="alternate" href="https://whyopencomputing.ch/gb/" hreflang="en-gb"><link rel="alternate" href="https://whyopencomputing.ch/it/" hreflang="it-it"><meta property="og:title" content="why! â Laptops Linux réparables et durables, fabriqués pour la Suisse" /><meta property="og:description" content="Achetez un ordinateur portable Linux réparable et durable, avec une distribution open source préinstallée. Clavier suisse, support local, alternative à Windows." /><meta property="og:url" content="https://whyopencomputing.ch/fr/" /><meta property="og:site_name" content="why! open computing SA" /><meta property="og:type" content="website" /><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/vnd.microsoft.icon" href="https://whyopencomputing.ch/img/favicon.ico?1778674650"><link rel="shortcut icon" type="image/x-icon" href="https://whyopencomputing.ch/img/favicon.ico?1778674650"><link rel="stylesheet" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/theme.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/ps_socialfollow/views/css/ps_socialfollow.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/ps_searchbar/ps_searchbar.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/attributepriceandavailability/views/css/apim.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/paypal/views/css/paypal_fo.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/prestablog/views/css/grid-for-1-7-module.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/prestablog/views/css/blog1.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/prestablog/views/css/custom1.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/netreviews/views/css/category-reloaded.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/storelocatornofees.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/inputs-storelocatornofees.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/fontello/storelocatornofees_fonts.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/fontello/storelocatornofees_fonts-codes.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/fontello/storelocatornofees_fonts-embedded.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/leaflet.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/MarkerCluster.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/MarkerCluster.Default.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/leaflet.extra-markers.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/Leaflet.Dialog.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/leaflet-gesture-handling.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/easy-button.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/Control.FullScreen.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/storelocatornofees/views/css/leaflet-geosearch.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmscookie
46snotice/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmscustomsetting/views/css/animation.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmscustomsetting/views/css/back.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmscustomsetting/views/css/slick-theme.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmssearch/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmsslider/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmsthemeoptions/views/css/jquery.minicolors.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmsthemeoptions/views/css/bootstrap-toggle.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmsthemeoptions/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/ets_htmlbox/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/hicookielaw/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/hicookielaw/libs/magnific-popup/magnific-popup.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/modules/tvcmsmegamenu/views/css/front.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/js/jquery/ui/themes/base/minified/jquery-ui.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/js/jquery/ui/themes/base/minified/jquery.ui.theme.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/js/jquery/plugins/fancybox/jquery.fancybox.css" type="text/css" media="all"><link rel="stylesheet" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/custom.css" type="text/css" media="all"><style>.tvcopylink { 47 white-space: nowrap; 48} 49/* 1) Désactive toute transformation sur le lien du copyright */ 50.footer-container .tvcopylink a { text-transform: none !important; } 51 52/* 2) Au cas où le thème cible tous les liens du footer */ 53.footer-container a { text-transform: none !important; } 54 55/* 3) (Optionnel) Garde tout sur une seule ligne */ 56.footer-container .tvcopylink { white-space: nowrap; } 57</style>
57<script>var TVCMSCUSTOMSETTING_BOTTOM_OPTION = "0";var TVCMSCUSTOMSETTING_DARK_MODE_INPUT = "0";var TVCMSCUSTOMSETTING_HOVER_IMG = "0";var TVCMSCUSTOMSETTING_MAIN_MENU_STICKY = "0";var TVCMSCUSTOMSETTING_PRODUCT_PAGE_BOTTOM_STICKY_STATUS = "0";var TVCMSCUSTOMSETTING_VERTICAL_MENU_OPEN = "0";var TVCMSCUSTOMSETTING_WOW_JS = "1";var TVCMSCUSTOMSETTING_iso_code_country = false;var TVCMSFRONTSIDE_THEME_SETTING_SHOW = "0";var apim = {"config":{"APIM_COLOR_ATTRIBUTE_POPOVER":true,"APIM_DISABLE_OUT_OF_STOCK_ATTRIBUTES":true},"selectors":{"APIM_INPUT_OPTION_SELECTOR":".product-variants-item select option","APIM_COLOR_SELECTOR":".product-variants-item .input-color","APIM_RADIO_SELECTOR":".product-variants-item .input-radio"}};var baseDir = "https:\/\/whyopencomputing.ch\/";var getThemeOptionsLink = "https:\/\/whyopencomputing.ch\/fr\/module\/tvcmsthemeoptions\/default";var gettvcmsmegamenulink = "https:\/\/whyopencomputing.ch\/fr\/module\/tvcmsmegamenu\/default";var hiAcceptedCookies = [];var hiCookieGoogleConsentSettings = {"consentMode":false,"adStorageDefaultValue":"denied","analyticsStorageDefaultValue":"denied","adStorageCookieType":0,"analyticsStorageCookieType":0,"adsDataRedaction":false,"urlPassthrough":false,"adUserDataDefaultValue":"denied","adUserDataCookieType":0,"adPersonalizationDefaultValue":"denied","adPersonalizationCookieType":0,"functionalityStorageDefaultValue":"denied","personalizationStorageDefaultValue":"denied","securityStorageDefaultValue":"denied","cookiesAccepted":0,"adStorageCookieTypeGranted":"denied","analyticsStorageCookieTypeGranted":"denied","adUserDataCookieTypeGranted":"denied","adPersonalizationCookieTypeGranted":"denied","functionalityStorageCookieTypeGranted":"denied","personalizationStorageCookieTypeGranted":"denied","securityStorageCookieTypeGranted":"denied"};var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"0,00\u00a0CHF"},"total_including_tax":{"type":"total","label":"Total TTC","amount":0,"value":"0,00\u00a0CHF"},"total_excluding_tax":{"type":"total","label":"Total HT :","amount":0,"value":"0,00\u00a0CHF"}},"subtotals":{"products":{"type":"products","label":"Sous-total","amount":0,"value":"0,00\u00a0CHF"},"discounts":null,"shipping":{"type":"shipping","label":"Livraison","amount":0,"value":""},"tax":{"type":"tax","label":"Taxes incluses","amount":0,"value":"0,00\u00a0CHF"}},"products_count":0,"summary_string":"0 articles","vouchers":{"allowed":1,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"id":1,"name":"Franc suisse","iso_code":"CHF","iso_code_num":"756","sign":"CHF"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"country":{"id_zone":"11","id_currency":"0","call_prefix":"41","iso_code":"CH","active":"1","contains_states":"0","need_identification_number":"0","need_zip_code":"1","zip_code_format":"NNNN","display_tax_label":"1","name":"Suisse","id":19},"language":{"name":"Fran\u00e7ais (French)","iso_code":"fr","locale":"fr-FR","language_code":"fr","active":"1","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":2},"page":{"title":"","canonical":"https:\/\/whyopencomputing.ch\/fr\/","meta":{"title":"why! \u2013 Laptops Linux r\u00e9parables et durables, fabriqu\u00e9s pour la Suisse","description":"Achetez un ordinateur portable Linux r\u00e9parable et durable, avec une distribution open source pr\u00e9install\u00e9e. Clavier suisse, support local, alternative \u00e0 Windows.","keywords":"boutique, prestashop","robots":"index"},"page_name":"index","body_classes":{"lang-fr":true,"lang-rtl":false,"country-CH":true,"currency-CHF":true,"layout-full-width":true,"page-index":true,"tax-display-enabled":true,"page-customer-account":false},"admin_notifications":[],"password-policy":{"feedbacks":{"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou
576543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."}}},"shop":{"name":"why! open computing SA","logo":"https:\/\/whyopencomputing.ch\/img\/logo-17786746501.jpg","stores_icon":"https:\/\/whyopencomputing.ch\/img\/logo_stores.png","favicon":"https:\/\/whyopencomputing.ch\/img\/favicon.ico"},"core_js_public_path":"\/themes\/","urls":{"base_url":"https:\/\/whyopencomputing.ch\/","current_url":"https:\/\/whyopencomputing.ch\/fr\/","shop_domain_url":"https:\/\/whyopencomputing.ch","img_ps_url":"https:\/\/whyopencomputing.ch\/img\/","img_cat_url":"https:\/\/whyopencomputing.ch\/img\/c\/","img_lang_url":"https:\/\/whyopencomputing.ch\/img\/l\/","img_prod_url":"https:\/\/whyopencomputing.ch\/img\/p\/","img_manu_url":"https:\/\/whyopencomputing.ch\/img\/m\/","img_sup_url":"https:\/\/whyopencomputing.ch\/img\/su\/","img_ship_url":"https:\/\/whyopencomputing.ch\/img\/s\/","img_store_url":"https:\/\/whyopencomputing.ch\/img\/st\/","img_col_url":"https:\/\/whyopencomputing.ch\/img\/co\/","img_url":"https:\/\/whyopencomputing.ch\/themes\/v2_electros_62\/assets\/img\/","css_url":"https:\/\/whyopencomputing.ch\/themes\/v2_electros_62\/assets\/css\/","js_url":"https:\/\/whyopencomputing.ch\/themes\/v2_electros_62\/assets\/js\/","pic_url":"https:\/\/whyopencomputing.ch\/upload\/","theme_assets":"https:\/\/whyopencomputing.ch\/themes\/v2_electros_62\/assets\/","theme_dir":"https:\/\/whyopencomputing.ch\/themes\/v2_electros_62\/","pages":{"address":"https:\/\/whyopencomputing.ch\/fr\/adresse","addresses":"https:\/\/whyopencomputing.ch\/fr\/adresses","authentication":"https:\/\/whyopencomputing.ch\/fr\/authentification","manufacturer":"https:\/\/whyopencomputing.ch\/fr\/fabricants","cart":"https:\/\/whyopencomputing.ch\/fr\/panier","category":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=category","cms":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=cms","contact":"https:\/\/whyopencomputing.ch\/fr\/contactez-nous","discount":"https:\/\/whyopencomputing.ch\/fr\/bons-de-reduction","guest_tracking":"https:\/\/whyopencomputing.ch\/fr\/suivi-commande-invite","history":"https:\/\/whyopencomputing.ch\/fr\/historique-des-commandes","identity":"https:\/\/whyopencomputing.ch\/fr\/identite","index":"https:\/\/whyopencomputing.ch\/fr\/","my_account":"https:\/\/whyopencomputing.ch\/fr\/mon-compte","order_confirmation":"https:\/\/whyopencomputing.ch\/fr\/confirmation-commande","order_detail":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=order-detail","order_follow":"https:\/\/whyopencomputing.ch\/fr\/detail
57s-de-la-commande","order":"https:\/\/whyopencomputing.ch\/fr\/commande","order_return":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=order-return","order_slip":"https:\/\/whyopencomputing.ch\/fr\/avoirs","pagenotfound":"https:\/\/whyopencomputing.ch\/fr\/page-non-trouvee","password":"https:\/\/whyopencomputing.ch\/fr\/mot-de-passe-oublie","pdf_invoice":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/whyopencomputing.ch\/fr\/promotions","product":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=product","registration":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=registration","search":"https:\/\/whyopencomputing.ch\/fr\/recherche","sitemap":"https:\/\/whyopencomputing.ch\/fr\/plan-du-site","stores":"https:\/\/whyopencomputing.ch\/fr\/magasins","supplier":"https:\/\/whyopencomputing.ch\/fr\/fournisseurs","new_products":"https:\/\/whyopencomputing.ch\/fr\/nouveaux-produits","brands":"https:\/\/whyopencomputing.ch\/fr\/fabricants","register":"https:\/\/whyopencomputing.ch\/fr\/index.php?controller=registration","order_login":"https:\/\/whyopencomputing.ch\/fr\/commande?login=1"},"alternative_langs":{"fr":"https:\/\/whyopencomputing.ch\/fr\/","de-de":"https:\/\/whyopencomputing.ch\/de\/","en-gb":"https:\/\/whyopencomputing.ch\/gb\/","it-it":"https:\/\/whyopencomputing.ch\/it\/"},"actions":{"logout":"https:\/\/whyopencomputing.ch\/fr\/?mylogout="},"no_picture_image":{"bySize":{"side_product_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-side_product_default.jpg","width":86,"height":86},"special_vertical_img":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-special_vertical_img.jpg","width":93,"height":93},"small_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-small_default.jpg","width":98,"height":98},"cart_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-cart_default.jpg","width":125,"height":125},"add_cart_def":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-add_cart_def.jpg","width":200,"height":200},"home_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-home_default.jpg","width":248,"height":248},"sp_pd_main_img":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-sp_pd_main_img.jpg","width":441,"height":441},"medium_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-medium_default.jpg","width":452,"height":452}
57,"pd_custom":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-pd_custom.jpg","width":452,"height":452},"pd4_def":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-pd4_def.jpg","width":724,"height":724},"large_default":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-large_default.jpg","width":800,"height":800}},"small":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-side_product_default.jpg","width":86,"height":86},"medium":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-home_default.jpg","width":248,"height":248},"large":{"url":"https:\/\/whyopencomputing.ch\/img\/p\/fr-default-large_default.jpg","width":800,"height":800},"legend":""}},"configuration":{"display_taxes_label":true,"display_prices_tax_incl":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":true},"quantity_discount":{"type":"discount","label":"Remise sur prix unitaire"},"voucher_enabled":1,"return_enabled":0},"field_required":[],"breadcrumb":{"links":[{"title":"Accueil","url":"https:\/\/whyopencomputing.ch\/fr\/"}],"count":1},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1791120200,"static_token":"40af6e98dedad99f8990694bf87de4d1","token":"15e27b55a654c43d6ae53ae2ca0f6e31","debug":false};var prestashopFacebookAjaxController = "https:\/\/whyopencomputing.ch\/fr\/module\/ps_facebook\/Ajax";var psemailsubscription_subscription = "https:\/\/whyopencomputing.ch\/fr\/module\/ps_emailsubscription\/subscription";var static_token = "40af6e98dedad99f8990694bf87de4d1";var stgrecaptcha = {"invisible_v2":"0","site_key":"6LcA7MwsAAAAAHTBPOPxTbPYxjAMdwmOO0Cb9-Od","site_key_v3":"6LcA7MwsAAAAAHTBPOPxTbPYxjAMdwmOO0Cb9-Od","thresholds":"0.3","login_attempts":"5","theme":"light","type":"image","size":"compact","lang":"fr","logged_in":"1","no_connect":"1","news_delay":"1","captcha_type":"0","h_site_key":"","login":{"enabled":"0","selector":"body#authentication #login-form .forgot-password","selector_v3":"#authentication #login-form #SubmitLogin","html":"<div class=\"stgr_login stgr_box form-group row\"><label class=\"col-md-3 form-control-label required\">Captcha<\/label><div class=\"col-md-9\"><div class=\"g-recaptcha\"><\/div><\/div><\/div>","append":"1"},"register":{"enabled":"1","selector":"body#registration #customer-form .form-footer","selector_v3":"body#registration #customer-form button[type=\"submit\"]","html":"<div class=\"stgr_register stgr_box form-group row\"><label class=\"col-md-3 form-control-label required\">Captcha<\/label><div class=\"col-md-9\"><div class=\"g-recaptcha\"><\/div><\/div><\/div>","append":"1"},"contact":{"enabled":"1","selector":".contact-form .form-fields","selector_v3":"#contact .contact-form input[name=\"submitMessage\"]","html":"<div class=\"stgr_contact stgr_box form-group row\"><label class=\"col-md-3 form-control-label required\">Captcha<\/label><div class=\"col-md-9\"><div class=\"g-recaptcha\"><\/div><\/div><\/div>","append":"0"},"opclogin":{"enabled":"0","selector":"body#checkout #login-form .forgot-password","selector_v3":"#checkout #login-form button[type=\"submit\"]","html":"<div class=\"stgr_opclogin stgr_box form-group row\"><label class=\"col-md-3 form-control-label required\">Captcha<\/label><div class=\"col-md-9\"><div class=\"g-recaptcha\"><\/div><\/div><\/div>","append":"1"},"opcregister":{"enabled":"0","selector":"body#checkout #customer-form > section","selector_v3":"#checkout #customer-form button[type=\"submit\"]","html":"<div class=\"stgr_opcregister stgr_box form-group row\"><label class=\"col-md-3 form-control-label required\">Captcha<\/label><div class=\"col-md-9\"><div class=\"g-recaptcha\"><\/div><\/div><\/div>","append":"0"},"emailsubscription":{"enabled":"0","selector":".block_newsletter form .col-xs-12:first","selector_v3":".email_subscription input[type=\"submit\"]","html":"<div class=\"stgr_emailsubscription stgr_box col-xs-12 mt-1\"><div class=\"g-recaptcha\"><\/div><\/div>","append":"2"},"forms":{"login":{"id":"login","val":1,"name":"Login form"},"register":{"id":"register","val":1,"name":"Register form"},"contact":{"id":"contact","val":1,"name":"Contact form"},"opclogin":{"id":"opclogin","val":1,"name":"The Login form on the checkout page"},"opcregister":{"id":"opcregister","val":1,"name":"The register form on the checkout page"},"emailsubscription":{"id":"emailsubscription","val":1,"name":"Newsletter subscription"}}};var tvMainSmartSpeed = "600";var tvcms_setting = true;var tvthemename = "v2_electros_62";var twintBackendVars = {"ajaxUrl":"","texts":{"amountEmpty":"Veuillez saisir un montant valide.","licenseActivationFailed":"L'activation de la licence a \u00e9chou\u00e9. Veuillez v\u00e9rifier les journaux.","licenseCheckFailed":"La v\u00e9rification de la licence a \u00e9chou\u00e9. Veuillez v\u00e9rifier les journaux.","licenseDeactivationFailed":"La d\u00e9sactivation de la licence a \u00e9chou\u00e9. Veuillez v\u00e9rifier les journaux."},"prefix":"mame_twint_for_prestashop"};var twintVars = {"ajaxUrl":"https:\/\/whyopencomputing.ch\/fr\/module\/twint_for_prestashop\/background?ajax=1","userAgent":"mozilla\/5.0 applewebkit\/537.36 (khtml, like gecko; compatible; pagesourcesearchbot\/1.0; +https:\/\/pagesourcesearch.com\/bot) chrome\/128.0.0.0 safari\/537.36","httpXReqWith":false};</script>
57 58
59<script> 60(function () { 61 var skeepersLoaded = false; 62 63 function forceAvisVerifiesRefresh() { 64 window.dispatchEvent(new Event('resize')); 65 } 66 67 function loadScript(src, callback) { 68 var script = document.createElement('script'); 69 script.defer = true; 70 script.charset = 'utf-8'; 71 script.src = src; 72 if (typeof callback === 'function') { 73 script.onload = callback; 74 } 75 document.body.appendChild(script); 76 } 77 78 function loadSkeepersWidgets() { 79 if (skeepersLoaded) { 80 return; 81 } 82 83 skeepersLoaded = true; 84 85 loadScript('//widgets.rr.skeepers.io/carousel/dd359631-07ec-bf44-a569-1204b420085f/10a0e64e-1bd4-4b4a-be3a-7f07664514c6.js', function () { 86 setTimeout(forceAvisVerifiesRefresh, 300); 87 setTimeout(forceAvisVerifiesRefresh, 800); 88 setTimeout(forceAvisVerifiesRefresh, 1500); 89 setTimeout(forceAvisVerifiesRefresh, 2500); 90 }); 91 92 loadScript('https://widgets.rr.skeepers.io/generated/dd359631-07ec-bf44-a569-1204b420085f/801f1980-cd73-4f9b-b328-ce382733a019.js', function () { 93 setTimeout(forceAvisVerifiesRefresh, 300); 94 setTimeout(forceAvisVerifiesRefresh, 800); 95 setTimeout(forceAvisVerifiesRefresh, 1500); 96 setTimeout(forceAvisVerifiesRefresh, 2500); 97 }); 98 } 99 100 window.addEventListener('load', function () { 101 fetch('https://cl-pbr.cxr.skeepers.io/dd359631-07ec-bf44-a569-1204b420085f/stats.json', { 102 method: 'GET', 103 cache: 'no-store' 104 }) 105 .then(function () { 106 loadSkeepersWidgets(); 107 }) 108 .catch(function () { 109 var fallback = document.getElementById('avis-warning'); 110 if (fallback) { 111 fallback.style.display = 'block'; 112 } 113 }); 114 }); 115})(); 116</script>
116 117 118 119
120<script> 121 function showSection(section) { 122 document.getElementById('repair-section-1').style.display = section === 1 ? 'flex' : 'none'; 123 document.getElementById('repair-section-2').style.display = section === 2 ? 'flex' : 'none'; 124 document.querySelectorAll('.tab-button').forEach(button => button.classList.remove('active')); 125 document.querySelector(`.tab-button[data-target="${section}"]`)?.classList.add('active'); 126 } 127</script>
127 128 129 130
131<script> 132(function () { 133 if (location.hostname !== 'whyopencomputing.com') return; 134 135 function fixLinks() { 136 var links = document.querySelectorAll('a[href*="whyopencomputing.com"][href*="/content/5-paiements"], a[href^="/"][href*="/content/5-paiements"]'); 137 for (var i = 0; i < links.length; i++) { 138 var a = links[i]; 139 var href = a.getAttribute('href') || ''; 140 var m = href.match(/whyopencomputing\.com\/([a-z]{2})\/content\/5-paiements/i) || href.match(/^\/([a-z]{2})\/content\/5-paiements/i); 141 var lang = (m && m[1]) ? m[1] : (location.pathname.split('/')[1] || 'fr'); 142 143 a.setAttribute('href', 'https://whyopencomputing.com/' + lang + '/content/27-paiements-eur'); 144 } 145 } 146 147 if (document.readyState === 'loading') { 148 document.addEventListener('DOMContentLoaded', fixLinks); 149 } else { 150 fixLinks(); 151 } 152 153 new MutationObserver(fixLinks).observe(document.documentElement, { childList: true, subtree: true }); 154})(); 155</script>
155 156 157 158
159<script> 160document.addEventListener('DOMContentLoaded', function () { 161 var widget = document.getElementById('13780e5e-d37d-4380-aa4e-ffee365756e1'); 162 if (widget) { 163 widget.style.setProperty('display', 'none', 'important'); 164 } 165 166 var link = document.querySelector('a.skeepers-widget-wrapper-13780e5e-d37d-4380-aa4e-ffee365756e1'); 167 if (link) { 168 link.style.setProperty('display', 'none', 'important'); 169 } 170}); 171</script>
171 172 173
174<script defer charset="utf-8" src="https://widgets.rr.skeepers.io/product/dd359631-07ec-bf44-a569-1204b420085f/48c033b5-5be9-4cdb-bb05-7b44f85e2fc3.js"></script>
174 175 176<link rel="dns-prefetch" href="https://whyopencomputing.ch" /><link rel="preconnect" href="https://whyopencomputing.ch" crossorigin/><link rel="preload" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/570eb83859dc23dd0eec423a49e147fe.woff2" as="font" type="font/woff2" crossorigin /><link as="style" rel="stylesheet preload" type="text/css" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/material-fonts.css" /><link as="style" rel="stylesheet preload" type="text/css" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/robotoslab.css" /><link as="style" rel="stylesheet preload" type="text/css" href="https://whyopencomputing.ch/themes/v2_electros_62/assets/css/poppins.css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> 177</head><body id="index" class="lang-fr country-ch currency-chf layout-full-width page-index tax-display-enabled text1-dark text2-light" data-mouse-hover-img='0' data-menu-sticky='0'><div class='tvcmscookies-notice'><div class='tvcookies-notice-img-wrapper'><div class="tvcookies-notice-img-inner"><div class="tvcookie-content-box"><div class="tvcookies-notice-title"><div class="tvcookies-notice-title">To give you the best possible experience, this site uses cookies. Using your site means your agree to our use of cookies. We have published a new cookies policy, which you should need to find out more about the cookies we use. <strong><span style="text-decoration: underline;"><a href="http://192.168.29.239/v1_electronic_electro_102_2_gtmatrix/en/content/2-legal-notice"> View Cookies Policy.</a></span></strong></div></div></div><div class="tvcookie-btn-wrapper"><button class='close-cookie tvclose-btn'>Fermer</button><button class='close-cookie tvok-btn'>Ok</button></div></div><div class="tvcookies-notice-icon"><button class='close-cookie tvclose-icon'><span>Accept All</span></button></div></div></div><main><div class="tv-main-div " ><header id="header"><style>.tvheader-top-right {display: flex;align-items: center;justify-content: flex-end;gap: 15px;}.tvheader-item {display: flex;align-items: center;gap: 6px;padding: 5px 10px;background: #f9f9f9;border-radius: 4px;font-size: 14px;line-height: 1;}.tvheader-item img {width: 16px;height: 16px;vertical-align: middle;}.tvheader-item span {display: inline-block;vertical-align: middle;min-width: 25px;}.tvheader-icon i {font-size: 20px;}.tvcountry-dropdown {position: absolute;top: 100%;right: 0;display: none;background: #fff;border: 1px solid #ccc;border-radius: 4px;margin-top: 5px;min-width: 150px;z-index: 99;}.tvcountry-dropdown a {display: flex;align-items: center;padding: 8px 10px;color: #333;text-decoration: none;}.tvcountry-dropdown a:hover {background: #f0f0f0;}.tvcountry-dropdown img {width: 16px;height: 16px;margin-right: 6px;}</style>
177<script> 178function toggleCountryDropdown() { 179 const dropdown = document.getElementById('tvcountry-dropdown'); 180 if (!dropdown) return; 181 dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block'; 182 document.addEventListener('click', function close(e) { 183 if (!dropdown.contains(e.target) && !e.target.closest('.country-toggle')) { 184 dropdown.style.display = 'none'; 185 document.removeEventListener('click', close); 186 } 187 }); 188} 189 190document.addEventListener('DOMContentLoaded', function () { 191 const currentHost = window.location.hostname; 192 const label = document.getElementById('country-label'); 193 const flag = document.getElementById('country-flag'); 194 195 if (label && flag) { 196 if (currentHost.includes('.ch')) { 197 label.textContent = 'SUISSE'; 198 flag.src = '/img/CH.svg'; 199 } else { 200 label.textContent = 'EUROPE'; 201 flag.src = '/img/Flag_of_Europe.svg'; 202 } 203 } 204}); 205</script>
205<div class="tvcmsdesktop-top-header-wrapper header-1" data-header-layout="1"><div class="container-fluid tvcmsdesktop-top-header"><div class="container"><div class="row align-items-center"><div class="col-md-6 tvheader-offer-wrapper"><div class="tvheader-nav-offer-text"><i class="material-icons"></i><p>why! open computing SA</p></div></div><div class="col-md-6"><div class="tvheader-top-right"><div class="tvheader-item"><div id="tvcmsdesktop-language-selector" class="tvcms-header-language tvheader-language-wrapper"><div class="tvheader-language-btn-wrapper"><button class="btn-unstyle tv-language-btn"><span class="tv-language-span">FR</span><i class="material-icons expand-more"></i></button><ul class="tv-language-dropdown tv-dropdown"><li class="current"><a href="https://whyopencomputing.ch/fr/" title="Français">FR</a></li><li ><a href="https://whyopencomputing.ch/de/" title="Deutsch">DE</a></li><li ><a href="https://whyopencomputing.ch/gb/" title="English GB">GB</a></li><li ><a href="https://whyopencomputing.ch/it/" title="Italiano">IT</a></li></ul></div></div> 206</div><div class="tv-header-account tv-account-wrapper tvcms-header-myaccount"><button class="btn-unstyle tv-myaccount-btn tv-myaccount-btn-desktop" name="User Icon" aria-label="User Icon"><i style="color: #747474;" class="material-icons person">î½</i><span>Se connecter</span></button><ul class="dropdown-menu tv-account-dropdown tv-dropdown"><li><div id="tvcmsdesktop-user-info" class="tvcms-header-sign user-info tvheader-sign"><a href="https://whyopencomputing.ch/fr/mon-compte" class="tvhedaer-sign-btn" title="Connectez-vous à votre compte client" rel="nofollow"><i class="material-icons"></i><span class="tvhedaer-sign-span">Connexion</span></a></div></li><li class="ttvcms-wishlist-icon"></li><li class="tvheader-compare"></li><li class="tvheader-language hidden-lg-up"><div id="tvcmsdesktop-language-selector" class="tvcms-header-language tvheader-language-wrapper"><div class="tvheader-language-btn-wrapper"><button class="btn-unstyle tv-language-btn"><span class="tv-language-span">FR</span><i class="material-icons expand-more"></i></button><ul class="tv-language-dropdown tv-dropdown"><li class="current"><a href="https://whyopencomputing.ch/fr/" title="Français">FR</a></li><li ><a href="https://whyopencomputing.ch/de/" title="Deutsch">DE</a></li><li ><a href="https://whyopencomputing.ch/gb/" title="English GB">GB</a></li><li ><a href="https://whyopencomputing.ch/it/" title="Italiano">IT</a></li></ul></div></div> 207</li><li class="tvheader-currency hidden-lg-up"></li></ul></div><div id="_desktop_cart"><div class="blockcart cart-preview inactive tv-header-cart" data-refresh-url="//whyopencomputing.ch/fr/module/ps_shoppingcart/ajax"><div class="tvheader-cart-wrapper "><div class='tvheader-cart-btn-wrapper'><a rel="nofollow" href="JavaScript:void(0);" data-url='//whyopencomputing.ch/fr/panier?action=show' title='Panier'><div class="tvcart-icon-text-wrapper"><i class="material-icons" style="color: #747474;">shopping_cart</i><div class="tv-cart-cart-inner"><span class="cart-products-count">0</span></div></div></a></div><div class="ttvcmscart-show-dropdown-right"><div class="ttvcart-no-product"><div class="ttvcart-close-title-count tdclose-btn-wrap"><button class="ttvclose-cart"></button><div class="ttvcart-top-title"><h4>Panier</h4></div><div class="ttvcart-counter"><span class="ttvcart-products-count">0</span></div></div></div></div><!-- Start DropDown header cart --></div></div></div><div class="tvheader-item position-relative"><button type="button" class="country-toggle" onclick="toggleCountryDropdown()" style="display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;margin:0;gap:5px;"><img id="country-flag" src="/img/CH.svg" alt="Pays" /><span id="country-label">SUISSE</span><i class="material-icons">expand_more</i></button><div id="tvcountry-dropdown" class="tvcountry-dropdown"><a href="https://whyopencomputing.com"><img src="/img/Flag_of_Europe.svg" alt="Europe" />EUROPE</a><a href="https://whyopencomputing.ch"><img src="/img/CH.svg" alt="Suisse" />SUISSE</a></div></div></div></div></div></div></div><div class='container-fluid tvcmsdesktop-top-second hidden-md-down'><div class="container"><div class="row tvcmsdesktop-top-header-box"><div class="col-sm-12 col-md-2 col-lg-2 col-xl-2 tvcms-header-logo-wrapper" style="width: 175px;"><div class="hidden-sm-down tvcms-header-logo" id="tvcmsdesktop-logo"><div class="tv-header-logo"><a href="https://whyopencomputing.ch/"><img class="logo img-responsive" src="https://whyopencomputing.ch/img/logo-17786746501.jpg" alt="why! open computing SA" loading="lazy" height="35" width="201"></a></div></div></div><div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 tvcmsheader-search"><div class='tvcmssearch-wrapper' id="_desktop_search"><div class="search-widget tvcmsheader-search" data-search-controller-url="//whyopencomputing.ch/fr/recherche"><div class="tvsearch-top-wrapper"><div class="tvsearch-header-display-wrappper tvsearch-header-display-full"><form method="get" action="//whyopencomputing.ch/fr/recherche" class="tvsearch-form" onsubmit="return true;"><input type="hidden" name="controller" value="search" /><div class="tvheader-top-search"><div class="tvheader-top-search-wrapper-info-box" style="position: relative; display: flex; align-items: center;"><!-- Loupe à gauche --><div class="tvsearch-icon-left" style="position: absolute; left: 10px;"><i class="material-icons" style="font-size:16px;line-height:16px;">search</i></div><!-- Champ de recherche -->
207<input type="text" name="s" id="searchInput" class="tvcmssearch-words" placeholder="Rechercher dans notre catalogue" aria-label="Rechercher dans notre catalogue" autocomplete="off" style="padding-left: 35px; padding-right: 30px; width: 100%;" /><!-- Croix à droite --><div class="tvsearch-icon-right" style="position: absolute; right: 10px; cursor: pointer;" onclick="document.getElementById('searchInput').value='';"><i class="material-icons"></i></div></div></div><button type="submit" style="display: none;"></button></form><div class='tvsearch-result'></div></div></div></div> 208 209</div></div><div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 tvcmsheader-nav-right d-flex justify-content-end"><div class="tv-contact-account-cart-wrapper d-flex align-items-center"><div id='tvcmsdesktop-account-button'></div><div id="_desktop_cart_manage" class="tvcms-header-cart"></div></div></div></div></div></div><div class="tvcms-header-menu-offer-wrapper tvcmsheader-sticky"><div class="position-static tvcms-header-menu"><div class='tvcmsmain-menu-wrapper container'><div id='tvdesktop-megamenu'><div class="container_tv_megamenu"><div id="tv-menu-horizontal" class="tv-menu-horizontal clearfix"><ul class="menu-content"><li class="tvmega-menu-title">Mega Menu</li><li class="level-1 home_menu"><a href="https://whyopencomputing.ch/fr/"><span><i class="material-icons">home</i></span></a></li><li class="level-1 parent"><a href="#"><span>Produits</span></a><span class="icon-drop-mobile"></span></li><li class="level-1 parent"><a href="#"><span>Ãquipements</span></a><span class="icon-drop-mobile"></span></li><li class="level-1 parent"><a href="https://whyopencomputing.ch/fr/14-pieces-detachees"><span>Pièces détachées</span></a><span class="icon-drop-mobile"></span></li><li class="level-1 btn btn-primary tvall-inner-btn tvall-inner-btn-menu tvmain-slider-button animated gilles"><a href="/#support"><span> Support </span></a><span class="icon-drop-mobile"></span></li></ul></div></div></div></div><div class="tvcmsdesktop-contact tvforce-hide"> <div id="_desktop_contact_link" class=""><div id="contact-link"><a href="tel:+41 21 661 22 22"><div class="tvcontact-icon"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22.3px" height="22.4px" viewBox="0 0 20.3 20.4" style="enable-background:new 0 0 20.3 20.4;" xml:space="preserve"><path style="stroke:#000000;stroke-width:0.4;stroke-miterlimit:10;" d="M15.1,20.2c-0.3,0-0.6-0.1-0.8-0.1c-1.1-0.2-2.1-0.6-3.1-1.1c-1.6-0.8-3.1-1.8-4.5-3c-2.7-2.4-4.8-5.2-6-8.6C0.4,6.5,0.2,5.6,0.2,4.7c0-0.9,0.3-1.6,0.9-2.3c0.5-0.6,1.1-1.1,1.7-1.6c1-0.8,1.9-0.8,2.8,0c0.9,0.9,1.8,1.8,2.7,2.7C9,4.3,9,5.3,8.3,6.1c-0.5,0.5-1,1-1.5,1.6C6.7,7.8,6.7,7.8,6.7,8c0.5,1.1,1.3,2,2.1,2.9c0.8,0.9,1.7,1.7,2.7,2.3c0.3,0.2,0.6,0.3,0.8,0.5c0.1,0.1,0.2,0.1,0.3,0c0.4-0.4,0.9-0.9,1.3-1.3c0.3-0.3,0.7-0.6,1.2-0.7c0.7-0.1,1.2,0.1,1.7,0.6c0.8,0.8,1.7,1.7,2.5,2.5c0.9,0.9,1,1.9,0.1,2.9c-0.6,0.7-1.2,1.3-1.9,1.9c-0.5,0.4-1,0.6-1.7,0.7c0,0-0.1,0-0.1,0C15.6,20.2,15.4,20.2,15.1,20.2z M1.2,4.7c0,1.1,0.3,1.9,0.6,2.8c0.9,2.4,2.3,4.4,4,6.2c1.7,1.8,3.6,3.2,5.8,4.3c1.1,0.5,2.2,1,3.5,1.1c0.7,0.1,1.5,0,2-0.6c0.6-0.6,1.1-1.1,1.7-1.7c0.4-0.5,0.4-1,0-1.4c-0.9-0.9-1.7-1.8-2.6-2.6c-0.4-0.4-0.8-0.4-1.2,0c-0.1,0.1-0.2,0.2-0.3,0.2c-0.5,0.5-1,1-1.5,1.4c-0.3,0.3-0.7,0.4-1,0.2c-0.3-0.1-0.6-0.3-0.8-0.5c-1.3-0.8-2.4-1.7-3.4-2.9c-0.8-0.9-1.6-1.9-2.1-3C5.5,7.7,5.6,7.5,6,7c0.5-0.5,1-1,1.5-1.5c0.4-0.4,0.4-0.9,0-1.3c-0.6-0.7-1.3-1.3-1.9-2C5.3,2,5.1,1.7,4.8,1.5C4.4,1.2,4,1.1,3.6,1.5C3.5,1.5,3.4,1.6,3.3,1.7C2.9,2.1,2.4,2.6,2,3C1.4,3.5,1.2,4.2,1.2,4.7z" /></svg></div><div class="tvheader-contact-wrapper"><span class="tvcall-on">24/7 Support </span><span>+41 21 661 22 22</span></div></a></div></div></div></div></div><style>.tv-contact-account-cart-wrapper {display: flex;align-items: center;justify-content: flex-end;gap: 10px;}.tvcms-header-cart {margin-left: 10px;}</style></div> 210<div id='tvcms-mobile-view-header' class="hidden-lg-up tvheader-mobile-layout mh1 mobile-header-1" data-header-mobile-layout="1">
210<div class="tvcmsmobile-top-wrapper"><div class='tvmobileheader-offer-wrapper col-sm-12'><div class="tvheader-nav-offer-text"><i class="material-icons"></i><p>why! open computing SA</p></div></div></div><div class='tvcmsmobile-header-menu-offer-text tvcmsheader-sticky'><div class="tvcmsmobile-header-menu col-sm-1 col-xs-2"><div class="tvmobile-sliderbar-btn"><a href="Javascript:void(0);" title=""><i class='material-icons'></i></a></div><div class="tvmobile-slidebar"><div class="tvmobile-dropdown-close"><a href="Javascript:void(0);"><i class='material-icons'></i></a></div><div id='tvmobile-megamenu'></div><div class="tvcmsmobile-contact"></div><div id='tvmobile-lang'></div><div id='tvmobile-curr'></div></div></div><div class="tvcmsmobile-header-logo-right-wrapper col-md-4 col-sm-12"><div id='tvcmsmobile-header-logo'></div></div><div class="col-sm-7 col-xs-10 tvcmsmobile-cart-acount-text"><div id="tvcmsmobile-account-button"></div><div id="tvmobile-cart"></div></div></div><div class='tvcmsmobile-header-search-logo-wrapper'><div class="tvcmsmobile-header-search col-md-12 col-sm-12"><div id="tvcmsmobile-search"></div></div></div></div></header><aside id="notifications"><div class="container"></div></aside><div id="wrapper"><div id="wrappertop"></div><div class=" tv-full-layout tvcms-full-layout"><div class="row"><div id="content-wrapper" class="col-sm-12"><div id="main"><section id="content" class="page-home"> <div class="tvcms-slider-offerbanner-wrapper container-fluid"><div class=" tvcmsmain-slider-wrapper container" data-speed='24000' data-pause-hover='true'><div class='tvcms-main-slider'><div class="tv-main-slider row"><div id='tvmain-slider' class="owl-theme owl-carousel tvcms-hide-owl" ><a href="/laptops/1674-why-v540tu-14-i7.html" class="tvimage tvslider-list" title="V540TU-i5/i7"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/8721e8b81211bf7db8d6_V540TU-slider.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/8721e8b81211bf7db8d6_V540TU-slider.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/8721e8b81211bf7db8d6_V540TU-slider.png' alt='Main Slider' data-caption-id='tvmain-slider-img-0' width="440" height="600" > </picture> <div id='tvmain-slider-img-0' class='tvmain-slider-content-inner tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color:#dd4814;font-size:20px;font-family:'Roboto Slab';">Laptop why!</div> 211<div style="color:#000000;font-size:26px;font-weight:bold;">V540TU â i5/i7</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a><a href="desktops/1680-219114-r100au-i5.html" class="tvimage tvslider-list" title="R100AU"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/18ce4b78c65c60ed902a_R100AU-slider.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/18ce4b78c65c60ed902a_R100AU-slider.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/18ce4b78c65c60ed902a_R100AU-slider.png' alt='Main Slider' data-caption-id='tvmain-slider-img-1' width="440" height="600" style="display:none" loading="lazy" > </picture> <div id='tvmain-slider-img-1' class='tvmain-slider-content-inner active tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color: #dd4814; font-size: 20px; font-family: 'Roboto Slab';">Desktop why!</div> 212<div style="color: #000000; font-size: 26px; font-weight: bold;">R100AU â i5</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a><a href="fairphone/1781-222358-the-fairphone-gen-6-8718819372554.html" class="tvimage tvslider-list" title="Le Fairphone (Gen. 6)"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/6d85ba966402e44f8671_FP6 slider new FR.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/6d85ba966402e44f8671_FP6 slider new FR.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/6d85ba966402e44f8671_FP6 slider new FR.png' alt='Main Slider' data-caption-id='tvmain-slider-img-2' width="440" height="600" style="display:none" loading="lazy" > </picture> <div id='tvmain-slider-img-2' class='tvmain-slider-content-inner tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color: #dd4814; font-size: 20px; font-family: 'Roboto Slab';">Le Fairphone (Gen. 6)</div> 213<div style="color: #000000; font-size: 26px; font-weight: bold;">8GB / 256GB</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a>
213<a href="laptops/1608-218574-why-ns51au-i7-15-.html" class="tvimage tvslider-list" title="NS51AU"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/88190bdbcb0b69588bc1_NS51AU-slider.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/88190bdbcb0b69588bc1_NS51AU-slider.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/88190bdbcb0b69588bc1_NS51AU-slider.png' alt='Main Slider' data-caption-id='tvmain-slider-img-3' width="440" height="600" style="display:none" loading="lazy" > </picture> <div id='tvmain-slider-img-3' class='tvmain-slider-content-inner tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color: #dd4814; font-size: 20px; font-family: 'Roboto Slab';">Laptop why!</div> 214<div style="color: #000000; font-size: 26px; font-weight: bold;">NS51AU â i5/i7</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a><a href="fairphone/1657-fairphone-5-6-gb-256-gb-8718819372431.html" class="tvimage tvslider-list" title="Fairphone 5"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/54645b7d2945d1f0c606_FP5.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/54645b7d2945d1f0c606_FP5.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/54645b7d2945d1f0c606_FP5.png' alt='Main Slider' data-caption-id='tvmain-slider-img-4' width="440" height="600" style="display:none" loading="lazy" > </picture> <div id='tvmain-slider-img-4' class='tvmain-slider-content-inner tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color: #dd4814; font-size: 20px; font-family: 'Roboto Slab';">Fairphone 5</div> 215<div style="color: #000000; font-size: 26px; font-weight: bold;">6GB / 128GB</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a><a href="/fr/fairphone/1607-fairbuds-8718819375852.html" class="tvimage tvslider-list" title="Fairbuds"><picture><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/medium/f7078f2e4729351f446c_Fairbuds.png' media="(max-width: 768px) and (min-width: 576px)" width="440" height="342"><source srcset='https://whyopencomputing.ch/modules/tvcmsslider/views/img/small/f7078f2e4729351f446c_Fairbuds.png' media="(max-width: 575px)" width="440" height="160"><img class="tvmain-slider-img tv-img-responsive" src='https://whyopencomputing.ch/modules/tvcmsslider/views/img/f7078f2e4729351f446c_Fairbuds.png' alt='Main Slider' data-caption-id='tvmain-slider-img-5' width="440" height="600" style="display:none" loading="lazy" > </picture> <div id='tvmain-slider-img-5' class='tvmain-slider-content-inner tvmain-slider-contant-center'><div class='tvmain-slider-contant'><div class="tvmain-slider-info animated"><div style="color: #dd4814; font-size: 20px; font-family: 'Roboto Slab';">Fairphone</div> 216<div style="color: #000000; font-size: 26px; font-weight: bold;">Fairbuds</div></div><div class="tvmain-slider-btn"><button class="btn btn-primary tvall-inner-btn tvmain-slider-button animated"><span>voir le produit</span></button></div></div></div></a></div><div class="tvmain-slider-next-pre-btn"><div class="tvcmsmain-prev tvcmsprev-btn"><i class='material-icons'></i></div><div class="tvcmsmain-next tvcmsnext-btn"><i class='material-icons'></i></div></div></div></div></div></div> <style> 217 .title-container { 218 text-align: center; 219} 220 221.title { 222 color: #e74c3c; 223 font-size: 16px; 224 position: relative; 225 margin-top: 55px; 226 display: inline-block; 227 padding-bottom: 10px; 228 font-family: 'Roboto Slab', serif; 229} 230 231.repair-switch { 232 display: flex; 233 justify-content: center; 234 gap: 10px; 235 margin: 0 0 20px; 236} 237 238.tab-button { 239 padding: 10px 25px; 240 border-radius: 30px; 241 border: none; 242 background: white; 243 color: #000; 244 font-weight: bold; 245 cursor: pointer; 246 transition: background 0.3s; 247} 248 249.tab-button.active { 250 background: #d03f0e; 251 color: white; 252} 253 254.repair-slider-outer-container { 255 width: 100%; 256 background: #f1f1f1; 257 position: relative; 258 overflow: hidden; 259} 260 261.repair-slider-container { 262 max-width: 1435px; 263 margin: 0 auto; 264 border-radius: 10px; 265 position: relative; 266 z-index: 1000; 267} 268 269.repair-slider-content { 270 display: flex; 271 width: 200%; 272 transition: transform 0.5s ease; 273} 274 275.repair-slide { 276 width: 50%; 277 box-sizing: border-box; 278 padding: 20px 0 100px; 279 justify-content: center;
280 align-items: center; 281 visibility: hidden; 282} 283 284.repair-slide.active { 285 visibility: visible; 286} 287 288.repair-content { 289 display: flex; 290 flex-direction: row; 291 gap: 30px; 292 align-items: center; 293 max-width: 1440px; 294 width: 100%; 295 padding: 0 10px; 296 box-sizing: border-box; 297} 298 299.repair-slide.team-repair .repair-content { 300 justify-content: flex-start; 301} 302 303.repair-slide.self-repair .repair-content { 304 justify-content: flex-end; 305} 306 307.repair-content img { 308 max-width: 400px; 309 width: 400px; 310 height: 400px; 311 border-radius: 50%; 312 flex-shrink: 0; 313} 314 315.repair-text { 316 flex: 1; 317 max-width: 600px; 318} 319 320.repair-slide.self-repair .repair-text { 321 max-width: 100%; 322 width: 800px; 323} 324 325.repair-search { 326 position: relative; 327 margin-top: 20px; 328 display: flex; 329 align-items: center; 330 overflow: visible; 331 z-index: 99998 !important; 332} 333 334.repair-search input { 335 width: 100%; 336 padding: 10px 15px; 337 border: 1px solid #ccc; 338 border-radius: 25px; 339 outline: none; 340 box-sizing: border-box; 341} 342 343.info-button { 344 position: absolute; 345 right: 10px; 346 top: 50%; 347 transform: translateY(-50%); 348 padding: 5px 10px; 349 border: none; 350 background: #d03f0e; 351 color: white; 352 border-radius: 50%; 353 cursor: pointer; 354 width: 30px; 355 height: 30px; 356 font-size: 14px; 357 display: flex;
358 align-items: center; 359 justify-content: center; 360} 361 362.info-button:hover { 363 background: #a32f0a; 364} 365 366.help-text { 367 position: absolute; 368 right: 0; 369 bottom: -20px; 370 color: #333; 371 font-size: 14px; 372} 373 374.hover-box { 375 display: none; 376 position: absolute; 377 background-color: black; 378 color: white; 379 padding: 10px; 380 border-radius: 5px; 381 z-index: 1001; 382 width: 394px; 383 bottom: -133px; 384 right: -20px; 385 transform: translateX(-50%); 386} 387 388.info-button:hover + .hover-box { 389 display: block; 390} 391 392#search-results { 393 display: none; 394 border: 1px solid rgb(204, 204, 204); 395 background: rgb(255, 255, 255); 396 max-height: 200px; 397 overflow-y: auto; 398 position: absolute; 399 width: 100%; 400 top: 41px; 401 z-index: 99999 !important; 402 box-shadow: 0 2px 5px rgba(0,0,0,0.2); 403} 404 405#search-results div { 406 padding: 10px; 407 border-bottom: 1px solid rgb(238, 238, 238); 408 cursor: pointer; 409} 410 411#search-results div:hover { 412 background: #f8f8f8; 413} 414 415#search-results a { 416 text-decoration: none; 417 color: #333; 418 font-weight: bold; 419} 420 421#search-results p { 422 font-size: 12px; 423 color: #666; 424 margin: 0; 425} 426 427.av-reviews { 428 z-index: 1 !important; 429 position: relative !important; 430} 431 432.dropdown-content { 433 display: none; 434 position: absolute; 435 background: #fff; 436 border: 1px solid #ccc; 437 padding: 5px; 438 z-index: 999999; 439 width: 100%; 440 left: 0; 441 border-radius: 0; 442 box-shadow: 0 4px 8px rgba(0,0,0,0.1); 443} 444 445/* Media Queries pour Tablette (max-width: 1024px) */ 446@media screen and (max-width: 1024px) { 447 .repair-slider-outer-container { 448 width: 100%; 449 background: #f1f1f1; 450 position: relative; 451 overflow: hidden; 452 padding-top: 40px; 453 } 454 .repair-slider-container { 455 max-width: 90%; 456 } 457 458 .repair-content { 459 flex-direction: column; 460 gap: 20px; 461 padding: 0 15px; 462 } 463 464 .repair-slide.team-repair .repair-content, 465 .repair-slide.self-repair .repair-content { 466 justify-content: center; 467 } 468 469 .repair-content img { 470 max-width: 300px; 471 width: 300px; 472 height: 300px; 473 } 474 475 .repair-text { 476 max-width: 100%; 477 } 478 479 .repair-slide.self-repair .repair-text { 480 width: 100%; 481 } 482 483 .title { 484 font-size: 14px; 485 margin-top: 40px; 486 } 487 488 .repair-switch { 489 gap: 5px; 490 } 491 492 .repair-switch div { 493 width: 350px; 494 } 495 496 .tab-button { 497 padding: 8px 20px; 498 font-size: 15px; 499 } 500 501 .hover-box { 502 width: 300px; 503 right: 0; 504 transform: none; 505 } 506 507 .hover-box img { 508 max-width: 280px; 509 width: 280px; 510 height: auto; 511 } 512} 513 514/* Media Queries pour Mobile (max-width: 768px) */ 515@media screen and (max-width: 768px) { 516 .schedule { 517 display: none; 518 } 519 520 .repair-slider-container { 521 max-width: 95%; 522 } 523 524 .repair-content { 525 flex-direction: column; 526 gap: 15px; 527 padding: 0 10px; 528 } 529 530 .repair-content img { 531 max-width: 200px; 532 width: 200px; 533 height: 200px; 534 order: -1; 535 } 536 537 .title { 538 font-size: 12px; 539 margin-top: 30px; 540 } 541 542 .repair-switch div { 543 width: 100%; 544 max-width: 335px; 545 border-radius: 20px; 546 } 547 548 .tab-button { 549 padding: 6px 15px; 550 font-size: 12px; 551 } 552 553 .repair-search input { 554 padding: 8px 12px; 555 font-size: 14px; 556 } 557 558 .info-button { 559 width: 25px; 560 height: 25px; 561 font-size: 12px; 562 } 563 564 .hover-box { 565 width: 90%; 566 max-width: 250px; 567 bottom: -150px; 568 right: 0; 569 transform: none; 570 } 571 572 .hover-box img { 573 max-width: 230px; 574 width: 230px; 575 height: auto; 576 } 577 578 .phone-dropdown { 579 width: 100%; 580 margin-top: 10px; 581 text-align: center; 582 position: relative; 583 z-index: 10001; 584 } 585 586 .phone-dropdown div { 587 background: #fff; 588 padding: 10px; 589 border-radius: 0; 590 font-size: 14px; 591 display: flex; 592 justify-content: center; 593 align-items: center; 594 box-shadow: 0 4px 8px rgba(0,0,0,0.1); 595 color: #333; 596 white-space: normal; 597 } 598 599 .phone-dropdown img { 600 width: 18px;
601 margin-right: 8px; 602 } 603 604 .dropdown-content { 605 width: 100%; 606 left: 0; 607 border-radius: 0; 608 box-shadow: 0 4px 8px rgba(0,0,0,0.1); 609 position: absolute; 610 z-index: 999999; 611 } 612 613 .dropdown-item { 614 padding: 10px; 615 font-size: 14px; 616 text-align: center; 617 } 618 619 .dropdown-item img { 620 margin-right: 8px; 621 } 622 623 .repair-slide { 624 padding: 80px 0 80px; 625 } 626 627 h2 { 628 font-size: 18px; 629 margin-bottom: 20px; 630 } 631 632 p { 633 font-size: 14px; 634 } 635} 636 </style> 637 <div class="ets-htmlBox-hook"><div id="support"></div> 638<div class="repair-slider-outer-container"> 639 <div class="repair-slider-container"> 640 <div class="title-container"> 641 <h1 class="title">Durabilité & économie</h1> 642 </div> 643<div class="repair-switch"> 644<div style="width: 418px;background: white;border-radius: 30px;"> 645 <button class="tab-button active" data-target="1" style="margin-left: 3px;margin-top: 3px;margin-bottom:3px;">Nous réparons pour vous</button> 646 <button class="tab-button" data-target="2">Vous réparez seul</button> 647</div> 648</div> 649 <div class="repair-slider-content"> 650 <div class="repair-slide team-repair"> 651 <div class="repair-content"> 652 <img src="/img/support.png" alt="Réparation 1"> 653 <div style="padding: 0px;"> 654 <h2 style="color: #333;margin-bottom: 30px;font-weight:700;">Besoin dâun entretien ou dâune réparation ?</h2> 655 <p style="color: #000;"> 656 Pour vous conseiller efficacement, nous devons connaître de manière précise le modèle dâordinateur, le système dâexploitation, la description de votre problème, vos coordonnées complètes et, si possible, le numéro de série de votre appareil. Nous vous répondrons dans les meilleurs délais (en principe un jour ouvrable après lâenvoi de votre question). 657 </p> 658 <p style="color: #000;"> 659 Le plus simple est de décrire votre problème à : <strong>[email protected]</strong>. Nous prendrons contact avec vous et vous indiquerons la meilleure manière de résoudre le souci. 660 </p> 661 <div class="phone-dropdown" style="position: relative; display: inline-block; margin-top: 10px;width:100%;"> 662 <div style="background: #fff; padding: 10px; cursor: pointer;border-radius: 40px;"> 663 <img src="/img/CH.svg" alt="Suisse" style="border-radius:0%;width: 20px; height: auto; vertical-align: middle;"> 664 <span style="color: #000;font-size:16px">+41 21 661 22 22</span> 665 <span class="schedule" style="color: #666;">/ de lundi au vendredi de 9:00 à 17:00</span> 666 <span style="color: #666;">â¼</span> 667 </div> 668 <div class="dropdown-content" style="display: none; position: absolute; background: #fff; border: 1px solid #ccc; padding: 5px; z-index: 1;"> 669 <div class="dropdown-item" data-value="+41 21 661 22 22" style="padding: 5px; cursor: pointer;"> 670 <img src="/img/CH.svg" alt="Suisse" style="border-radius:0%;width: 20px; height: auto; vertical-align: middle;"> 671 +41 21 661 22 22 672 <span class="schedule">/ de lundi au vendredi de 9:00 à 17:00</span> 673 </div> 674 <div class="dropdown-item" data-value="+33 1 23 45 67 89" style="padding: 5px; cursor: pointer;"> 675 <img src="/img/FR.svg" alt="France" style="border-radius:0%;width: 20px; height: auto; vertical-align: middle;"> 676 +33 1 23 45 67 89 677 <span class="schedule">/ de lundi au vendredi de 9:00 à 18:00</span> 678 </div> 679 </div> 680 </div> 681 </div> 682 </div> 683 </div> 684 <div class="repair-slide self-repair"> 685 <div class="repair-content"> 686 <div class="repair-text"> 687 <h2 style="color: #333;margin-bottom: 30px;font-weight:700;">Trouver un guide de réparation</h2> 688 <p style="color: #000;"> 689 Vous trouverez des guides de réparation pour les ordinateurs why! sur 690 <a href="https://www.ifixit.com" target="_blank"><strong>www.ifixit.com</strong></a>. 691 Si le sujet de la durabilité et le mouvement dâentraide entre consommateurs pour réparer facilement nâimporte quel appareil vous intéresse, consultez le site associatif ifixit.org et découvrez comment des dizaines de milliers de non-
691professionnels parviennent à réparer eux-mêmes des appareils même très technologiques. 692 </p> 693 <div class="repair-search"> 694 <input type="text" placeholder="Chercher par modèle, marque, etc." id="search-input"> 695 <button type="button" class="info-button">i</button> 696 <div class="hover-box"> 697 <h2 style="color:white;">Comment retrouver le modèle de mon appareil ?</h2> 698 <p>Sur l'arrière de votre ordinateur, vous devez trouver un autocollant comportant plusieurs indications dont le "Model Name" comme sur l'image ci-dessous.</p> 699 <img src="/img/whyserial.png" alt="Plaque signalétique" style="max-width: 375px;width: 375px;height: 186px;border-radius: 0%;"> 700 </div> 701 <div id="search-results" style="display: none; border: 1px solid #ccc; background: #fff; max-height: 200px; overflow-y: auto; position: absolute; width: 100%; z-index: 10;"></div> 702 </div> 703 </div> 704 <img src="/img/fixit.png" alt="Réparation 2"> 705 </div> 706 </div> 707 </div> 708</div> 709</div></div> 710 <style> 711 .repair-title { 712 text-align: center; 713 margin-bottom: 30px; 714} 715.repair-title h2 { 716 font-size: 2rem; 717 color: #cc3a00; 718 font-weight: 600; 719} 720 721.repair-slider-container2 { 722 overflow: hidden; 723 max-width: 1440px; 724 margin: auto; 725 border-radius: 10px; 726 min-height: 800px; 727 display: flex; 728 flex-direction: column; 729 justify-content: center; 730} 731 732.skeepers_wrapper { 733 display: flex; 734 align-items: center; 735 justify-content: center; 736 flex-wrap: wrap; 737 gap: 40px; 738 margin-bottom: 30px; 739} 740 741.skeepers_right { 742 max-width: 600px; 743} 744 745.skeepers_right h3 { 746 font-size: 1.5rem; 747 font-weight: 700; 748 margin-bottom: 10px; 749} 750 751.skeepers_right p { 752 margin: 5px 0; 753} 754 755.skeepers_right em { 756 display: block; 757 margin-top: 10px; 758 font-style: italic; 759 color: #555; 760} 761@media screen and (max-width: 768px) { 762 .repair-slider-container2 { 763 overflow: hidden; 764 max-width: 95%; /* Réduit la largeur pour mobile */ 765 margin: auto; 766 border-radius: 10px; 767 min-height: 800px; 768 display: flex; 769 flex-direction: column; 770 justify-content: center; 771 align-items: center; /* Centre le contenu horizontalement */ 772 padding: 60px 10px; 773 } 774 775 .skeepers_wrapper { 776 justify-content: center; /* Centre les éléments enfants */ 777 text-align: center; /* Centre le texte */ 778 } 779 780 .skeepers_right { 781 max-width: 100%; /* Adapte la largeur au conteneur */ 782 } 783} 784 </style> 785 <div class="ets-htmlBox-hook"><div class="repair-slider-container2" id="avis-container"> 786 <div class="skeepers_wrapper"> 787 788 <div id="avis-warning" style="display:none; text-align:center; margin-bottom:20px;"> 789 <img src="https://www.vpnmonami.com/wp-content/uploads/adblock_logo.png" alt="AdBlock détecté" style="max-width:100px; margin-bottom:15px;"> 790 <p> 791 Il semble que vous utilisiez un bloqueur de publicité qui empêche lâaffichage des avis clients.<br> 792 Merci de le désactiver pour profiter pleinement du site, ou consultez les avis ici :<br> 793 <a href="https://www.avis-verifies.com/avis-clients/whyopencomputing.ch" target="_blank">Voir les avis clients</a> 794 </p> 795 </div> 796 797 <div id="801f1980-cd73-4f9b-b328-ce382733a019"></div> 798 <div class="skeepers_right"> 799 <h3 style="padding-bottom:20px;">Avis clients</h3> 800 <p style="font-color:#ebebeb">Nous utilisons <strong>Avis Vérifiés </strong> pour garantir lâauthenticité de chaque retour client.</p> 801 <p>Votre satisfaction est notre plus belle récompense.</p> 802 <em style="font-size:26px">Merci pour votre confiance et votre fidélité.</em> 803 </div> 804 </div> 805 806 <div class="skeepers_carousel_container" data-slides-count="4" style="padding-top:60px;"></div> 807</div> 808</div> 809 <div class="why-body" id="why-section"> 810 <div class="why-center"> 811 <div class="why-intro"> 812 <p class="why-subtext">Why! à votre service depuis plus de 10 ans</p> 813 <h2 class="why-title">Notre engagement</h2> 814 </div> 815 <div class="why-tabs-wrapper"> 816 <button class="why-label" data-tab="tab7">Ãcologie</button> 817 <button class="why-label" data-tab="tab8">Durabilité</button> 818 <button class="why-label" data-tab="tab9">Ãconomies</button> 819 <button class="why-label" data-tab="tab10">Liberté</button> 820 </div> 821 <div class="why-content-container"> 822 <div class="why-tab-content left" id="tab7"> 823 <input type="checkbox" id="toggle7" class="why-toggle" hidden> 824 <div class="short-text"> 825 <h3 style="font-weight:700;">Lutter contre l'obsolescence programmée</h3> 826 <p><div>Lâindustrie électronique accélère le remplacement des appareils en rendant leur réparation difficile, ce qui entraîne un gaspillage massif et une exploitation accrue des ressources naturelles.</div></p> 827 <div class="why-hidden-text"><div>Grâce à une conception durable, il est possible de prolonger la vie des ordinateurs en facilitant la mise à jour et le remplacement des composants. Recycler les pièces encore fonctionnelles permet aussi de limiter la production de déchets électroniques et de préserver lâenvironnement.</div></div> 828 <div class="why-toggle-wrapper"> 829 <label for="toggle7" class="why-show-more arrow-link"> 830 <i class="fas fa-arrow-right"></i> Afficher plus 831 </label> 832 <label for="toggle7" class="why-show-less arrow-link" style="color:#909090"> 833 <i class="fas fa-arrow-right"></i> Afficher moins 834 </label> 835 </div> 836 <div class="why-extra-text" style="color: #ff9874 !important; font-family: poppins !important; font-size: 24px !important; line-height: 1.5 !important;"> 837 <div>why! sâengage pour une informatique responsable en concevant des ordinateurs réparables et évolutifs.</div> 838 </div> 839 </div> 840 </div> 841 <div class="why-tab-content right" id="tab8"> 842 <input type="checkbox" id="toggle8" class="why-toggle" hidden> 843 <div class="short-text"> 844 <h3 style="font-weight:700;">Réparer plutôt que jeter</h3> 845 <p><div>Lâobsolescence des ordinateurs entraîne un gaspillage inutile, alors quâil suffirait souvent de remplacer une pièce pour prolonger leur durée de vie.</div></p> 846 <div class="why-hidden-text"><div>Grâce à une conception modulaire, il est possible de réparer facilement un ordinateur en quelques minutes, sans compétences techniques avancées. Des guides détaillés sur iFixit.com accompagnent chaque étape, et les pièces de rechange restent disponibles pendant au moins 10 ans, y compris en occasion à prix réduit. Plus besoin de remplacer une machine entière pour une panne mineure !</div></div> 847 <div class="why-toggle-wrapper"> 848 <label for="toggle8" class="why-show-more arrow-link"> 849 <i class="fas fa-arrow-right"></i> Afficher plus 850 </label> 851 <label for="toggle8" class="why-show-less arrow-link" style="color:#909090"> 852 <i class="fas fa-arrow-right"></i> Afficher moins 853 </label> 854 </div> 855 <div class="why-extra-text" style="color: #ff9874 !important; font-family: poppins !important; font-size: 24px !important; line-height: 1.5 !important;"> 856 <div>why! sâengage pour une informatique plus durable, en rendant la réparation accessible à tous.</
856div> 857 </div> 858 </div> 859 </div> 860 <div class="why-tab-content left" id="tab9"> 861 <input type="checkbox" id="toggle9" class="why-toggle" hidden> 862 <div class="short-text"> 863 <h3 style="font-weight:700;">Des économies durables</h3> 864 <p><div>why! mise sur lâopen source pour éviter lâobsolescence imposée par les grands groupes. Ses ordinateurs sont équipés de Linux Ubuntu LTS, un système maintenu à jour pendant cinq ans, sans incompatibilités forcées avec le matériel existant.</div></p> 865 <div class="why-hidden-text"><div>En plus du système, de nombreux logiciels libres sont pré-installés, éliminant le coût des licences payantes, et lâabsence de virus sous Linux permet dâéviter les dépenses en antivirus.</div></div> 866 <div class="why-toggle-wrapper"> 867 <label for="toggle9" class="why-show-more arrow-link"> 868 <i class="fas fa-arrow-right"></i> Afficher plus 869 </label> 870 <label for="toggle9" class="why-show-less arrow-link" style="color:#909090"> 871 <i class="fas fa-arrow-right"></i> Afficher moins 872 </label> 873 </div> 874 <div class="why-extra-text" style="color: #ff9874 !important; font-family: poppins !important; font-size: 24px !important; line-height: 1.5 !important;"> 875 <div>Grâce à leur longévité et à leur faible coût dâentretien, les ordinateurs why! sont un choix économique autant quâécologique.</div> 876 </div> 877 </div> 878 </div> 879 <div class="why-tab-content right" id="tab10"> 880 <input type="checkbox" id="toggle10" class="why-toggle" hidden> 881 <div class="short-text"> 882 <h3 style="font-weight:700;">Liberté et simplicité</h3> 883 <p><div>Ubuntu, basé sur GNU/Linux, est un système libre et gratuit qui permet à lâutilisateur de choisir et modifier son environnement selon ses besoins. Il est compatible avec la majorité des composants et accessoires informatiques.</div></p> 884 <div class="why-hidden-text"><div>Grâce aux logiciels libres préinstallés, toutes les tâches essentielles peuvent être réalisées sans frais supplémentaires. De plus, une vaste logithèque offre un accès simple à des milliers dâapplications open source.</div></div> 885 <div class="why-toggle-wrapper"> 886 <label for="toggle10" class="why-show-more arrow-link"> 887 <i class="fas fa-arrow-right"></i> Afficher plus 888 </label> 889 <label for="toggle10" class="why-show-less arrow-link" style="color:#909090"> 890 <i class="fas fa-arrow-right"></i> Afficher moins 891 </label> 892 </div> 893 <div class="why-extra-text" style="color: #ff9874 !important; font-family: poppins !important; font-size: 24px !important; line-height: 1.5 !important;"> 894 <div>why! adopte cette approche en proposant des ordinateurs flexibles et accessibles, soutenus par une communauté active et un support dédié.</div> 895 </div> 896 </div> 897 </div> 898 </div> 899 </div> 900<a href="#" class="why-read-more">Lire plus <span class="click-cursor"></span></a> 901 <div class="custom-scrollbar" style="display: none;"> 902 <div class="custom-scrollbar-thumb"></div> 903 </div> 904</div> 905 906<style> 907 .why-tab-content .why-extra-text p { 908 color: #ff9874 !important; 909 font-family: poppins !important; 910 font-size: 22px !important; 911 line-height: 1.5 !important; 912 font-style: italic; 913 } 914 915 .why-body { 916 background: url('/themes/v2_electros_62/assets/img/illus4.png') no-repeat center center; 917 background-size: cover; 918 color: #fff; 919 font-family: Arial, sans-serif; 920 min-height: 100vh; 921 display: flex; 922 justify-content: center; 923 align-items: center; 924 text-align: center; 925 padding: 40px 20px; 926 flex-direction: column; 927 position: relative; 928 overflow: hidden; 929 } 930 931 .why-center { 932 width: 100%; 933 max-width: 1510px; 934 position: relative; 935 height: 100%; 936 } 937 938 .why-intro { 939 margin-bottom: 30px; 940 transition: opacity 0.6s ease, transform 1s ease; 941 } 942 943 .why-subtext { 944 font-size: 18px; 945 color: #ccc; 946 } 947 948 .why-title { 949 font-size: 36px; 950 color: #f36e24; 951 margin-top: 5px; 952 } 953 954 .why-tabs-wrapper { 955 display: flex; 956 flex-wrap: wrap; 957 justify-content: center; 958 gap: 16px; 959 margin-bottom: 20px; 960 transition: transform 1s ease; 961 position: relative; 962 top: 0; 963 } 964 965 .why-label { 966 background: #DD4814; 967 padding: 12px 24px; 968 border-radius: 6px; 969 font-size: 14px; 970 color: white; 971 cursor: pointer; 972 font-weight: bold; 973 border: none; 974 transition: background 0.3s ease; 975 } 976 977 .why-label:hover, .why-label.active { 978 background: #FF9874; 979 } 980 981 .why-content-container { 982 position: absolute; 983 width: 100%; 984 height: auto; 985 left: 0; 986 top: 0; 987 display: flex; 988 justify-content: space-between; 989 } 990 991 .why-tab-content { 992 width: 100%; 993 position: absolute; 994 top: 50%; 995 opacity: 0; 996 transform: translateY(100%); 997 transition: transform 0.8s ease, opacity 0.8s ease; 998 visibility: hidden; 999 pointer-events: none; 1000 } 1001 1002 .why-tab-content.active { 1003 opacity: 1; 1004 transform: translateY(-50%); 1005 visibility: visible; 1006 pointer-events: auto; 1007 } 1008 1009 .why-tab-content.left .short-text { 1010 width: 50%; 1011 text-align: left; 1012 padding: 25px; 1013 border-radius: 8px; 1014 position: absolute; 1015 left: 0; 1016 line-height: 1.6; 1017 top: -160px; 1018 overflow: hidden; 1019 transition: transform 0.8s ease; 1020 font-family: 'Poppins'; 1021 font-size: 16px; 1022 display: flex; 1023 flex-direction: column; 1024 } 1025 1026 .why-tab-content.right .short-text { 1027 width: 50%; 1028 text-align: left; 1029 padding: 25px; 1030 border-radius: 8px; 1031 position: absolute; 1032 right: 0; 1033 top: 0px; 1034 overflow: hidden; 1035 transition: transform 0.8s ease; 1036 line-height: 1.6; 1037 font-family: 'Poppins'; 1038 font-size: 16px; 1039 display: flex; 1040 flex-direction: column; 1041 } 1042 1043 .why-tab-content h3 { 1044 font-size: 24px; 1045 margin-bottom: 10px; 1046 color: #fff; 1047 } 1048 1049 .why-tab-content p { 1050 font-size: 16px; 1051 line-height: 1.6; 1052 color: #ddd; 1053 } 1054 1055 .why-toggle-wrapper { 1056 margin: 15px 0; 1057 order: 2; 1058 } 1059 1060 .why-hidden-text { 1061 font-size: 16px; 1062 line-height: 1.6; 1063 color: #ddd; 1064 width: 100%; 1065 padding: 0; 1066 opacity: 0; 1067 max-height: 0; 1068 overflow: hidden; 1069 transition: opacity 0.8s ease, max-height 0.8s ease; 1070 order: 1; 1071 } 1072 1073 .why-hidden-text h4 { 1074 font-size: 18px; 1075 color: #fff; 1076 margin-top: 0; 1077 margin-bottom: 10px; 1078 } 1079 1080 .why-toggle:checked ~ .short-text .why-hidden-text { 1081 opacity: 1; 1082 max-height: 1000px; 1083 padding: 15px 0; 1084 } 1085 1086 .why-show-more, .why-show-less { 1087 display: none; 1088 cursor: pointer; 1089 color: #fff; 1090 margin-right: 10px; 1091 } 1092 1093 .why-toggle:not(:checked) ~ .short-text .why-show-more { 1094 display: inline-block; 1095 } 1096 1097 .why-toggle:checked ~ .short-text .why-show-less { 1098 display: inline-block; 1099 } 1100 1101 .why-extra-text { 1102 margin-top: 20px; 1103 font-size: 16px; 1104 font-weight: bold; 1105 color: #ffb14e; 1106 line-height: 1.5; 1107 text-align: left; 1108 transition: transform 0.8s ease; 1109 order: 3; 1110 } 1111 1112 .why-toggle:checked ~ .short-text .why-extra-text { 1113 transform: translateY(20px); 1114 } 1115 1116 .why-read-more { 1117 display: block; 1118 margin: 20px auto; 1119 font-size: 16px; 1120 color: #f36e24; 1121 text-decoration: underline; 1122 cursor: pointer; 1123 text-align: center; 1124 bottom: 20px; 1125 position: absolute; 1126 } 1127 1128 .why-read-more:hover { 1129 color: #d3550b; 1130 } 1131 1132 .custom-scrollbar {
1133 position: fixed; 1134 right: 0; 1135 top: 0; 1136 height: 100vh; 1137 width: 10px; 1138 background-color: rgba(0, 0, 0, 0.1); 1139 } 1140 1141 .custom-scrollbar-thumb { 1142 height: 20%; 1143 background-color: rgba(255, 152, 116, 0.8); 1144 border-radius: 5px; 1145 position: absolute; 1146 width: 100%; 1147 top: 0; 1148 } 1149 1150 @media (max-width: 768px) { 1151 .why-body { 1152 padding: 20px; 1153 height: auto; 1154 overflow-y: visible; 1155 min-height: auto; 1156 } 1157 1158 .why-intro { 1159 margin-bottom: 20px; 1160 } 1161 1162 .why-subtext { 1163 font-size: 14px; 1164 } 1165 1166 .why-title { 1167 font-size: 24px; 1168 } 1169 1170 .why-tabs-wrapper { 1171 display: none; 1172 } 1173 1174 .why-content-container { 1175 position: relative; 1176 display: flex; 1177 flex-direction: column; 1178 height: auto; 1179 } 1180 1181 .why-tab-content { 1182 position: relative; 1183 width: 100%; 1184 opacity: 1; 1185 transform: none; 1186 visibility: visible; 1187 pointer-events: auto; 1188 padding: 0px; 1189 } 1190 1191 .why-tab-content.left .short-text, 1192 .why-tab-content.right .short-text { 1193 width: 100%; 1194 position: relative; 1195 top: 0; 1196 padding: 0px; 1197 font-family: 'Poppins'; 1198 font-size: 16px; 1199 display: flex; 1200 flex-direction: column; 1201 } 1202 1203 .why-tab-content h3 { 1204 font-size: 18px; 1205 margin-bottom: 10px; 1206 } 1207 1208 .why-tab-content p { 1209 font-size: 14px; 1210 line-height: 1.6; 1211 } 1212 1213 .why-read-more { 1214 display: none; 1215 } 1216 1217 .custom-scrollbar {
1218 display: none; 1219 } 1220 1221 .why-hidden-text { 1222 font-size: 16px; 1223 line-height: 1.6; 1224 color: #ddd; 1225 width: 100%; 1226 padding: 0; 1227 opacity: 0; 1228 max-height: 0; 1229 overflow: hidden; 1230 transition: opacity 0.8s ease, max-height 0.8s ease; 1231 } 1232 1233 .why-toggle:checked ~ .short-text .why-hidden-text { 1234 opacity: 1; 1235 max-height: 1000px; 1236 padding: 15px 0; 1237 } 1238 1239 .why-extra-text { 1240 margin-top: 20px; 1241 font-size: 16px; 1242 font-weight: bold; 1243 color: #ffb14e; 1244 line-height: 1.5; 1245 text-align: left; 1246 } 1247 } 1248 @media (max-width: 1024px) { 1249 .why-tabs-wrapper { 1250 display: none !important; 1251 } 1252 1253 .why-content-container { 1254 position: relative !important; 1255 display: flex !important; 1256 flex-direction: column !important; 1257 height: auto !important; 1258 } 1259 1260 .why-tab-content { 1261 position: relative !important; 1262 width: 100% !important; 1263 opacity: 1 !important; 1264 transform: none !important; 1265 visibility: visible !important; 1266 pointer-events: auto !important; 1267 padding: 0px !important; 1268 } 1269 1270 .why-tab-content.left .short-text, 1271 .why-tab-content.right .short-text { 1272 width: 100% !important; 1273 position: relative !important; 1274 top: 0 !important; 1275 padding: 0px !important; 1276 } 1277 1278 .why-read-more, 1279 .custom-scrollbar {
1280 display: none !important; 1281 } 1282} 1283</style> 1284
1285<script> 1286document.addEventListener('DOMContentLoaded', () => { 1287 // Script uniquement pour desktop (> 768px) 1288 if (window.innerWidth > 1024) { 1289 const labels = document.querySelectorAll('.why-label'); 1290 const contents = document.querySelectorAll('.why-tab-content'); 1291 const intro = document.querySelector('.why-intro'); 1292 const tabsWrapper = document.querySelector('.why-tabs-wrapper'); 1293 const readMoreLink = document.querySelector('.why-read-more'); 1294 const whySection = document.getElementById('why-section'); 1295 const customScrollbar = document.querySelector('.custom-scrollbar'); 1296 const scrollbarThumb = document.querySelector('.custom-scrollbar-thumb'); 1297 let isLocked = false; 1298 let currentTabIndex = -1; 1299 let scrollAccumulator = 0; 1300 const scrollThreshold = 300; 1301 let sectionTop = 0; 1302 let hasReachedEnd = false; 1303 let lastWheelTime = 0; 1304 const debounceDelay = 100; 1305 let initialWheelCount = 0; 1306 const initialWheelThreshold = 6; 1307 1308 const progressContainer = document.createElement('div'); 1309 progressContainer.className = 'progress-indicator'; 1310 document.querySelector('.why-body').prepend(progressContainer); 1311 1312 labels.forEach((_, index) => { 1313 const dot = document.createElement('div'); 1314 dot.className = 'progress-dot'; 1315 if (index === 0) dot.classList.add('active'); 1316 progressContainer.appendChild(dot); 1317 }); 1318 1319 const dots = document.querySelectorAll('.progress-dot'); 1320 1321 function switchTab(index) { 1322 if (index < 0 || index >= labels.length) return; 1323 labels.forEach(l => l.classList.remove('active')); 1324 contents.forEach(c => c.classList.remove('active')); 1325 labels[index].classList.add('active'); 1326 const activeContent = document.getElementById(labels[index].dataset.tab); 1327 activeContent.classList.add('active'); 1328 const windowHeight = window.innerHeight; 1329 const dynamicOffset = windowHeight * 0.38; 1330 intro.style.opacity = '1'; 1331 intro.style.transform = 'translateY(-' + dynamicOffset + 'px)'; 1332 tabsWrapper.style.transform = 'translateY(-' + dynamicOffset + 'px)'; 1333 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1334 const thumbPosition = (index / (labels.length - 1)) * (whySection.clientHeight - scrollbarThumb.clientHeight); 1335 scrollbarThumb.style.top = thumbPosition + 'px'; 1336 } 1337 1338 function isSectionMostlyInView() { 1339 const rect = whySection.getBoundingClientRect(); 1340 return rect.top <= 50 && rect.bottom >= window.innerHeight * 0.8; 1341 } 1342 1343 function showCustomScrollbar() { 1344 customScrollbar.style.display = 'block'; 1345 } 1346 1347 function hideCustomScrollbar() { 1348 customScrollbar.style.display = 'none'; 1349 } 1350 1351 window.addEventListener('wheel', (e) => { 1352 const currentTime = Date.now(); 1353 if (currentTime - lastWheelTime < debounceDelay) return; 1354 lastWheelTime = currentTime; 1355 const scrollDirection = e.deltaY > 0 ? 1 : -1; 1356 const scrollDelta = Math.abs(e.deltaY); 1357 1358 if (!isLocked && scrollDirection > 0 && isSectionMostlyInView() && !hasReachedEnd) { 1359 isLocked = true; 1360 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1361 document.body.style.overflow = 'hidden'; 1362 e.preventDefault(); 1363 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1364 initialWheelCount = 0; 1365 showCustomScrollbar(); 1366 } else if (!isLocked && scrollDirection < 0 && hasReachedEnd && isSectionMostlyInView()) { 1367 isLocked = true; 1368 currentTabIndex = labels.length - 1; 1369 switchTab(currentTabIndex); 1370 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1371 document.body.style.overflow = 'hidden'; 1372 e.preventDefault(); 1373 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1374 showCustomScrollbar(); 1375 } 1376 1377 if (!isLocked) return; 1378 e.preventDefault(); 1379 initialWheelCount++; 1380 if (initialWheelCount < initialWheelThreshold) { 1381 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1382 return; 1383 } 1384 1385 if (initialWheelCount === initialWheelThreshold && currentTabIndex === -1) { 1386 currentTabIndex = 0; 1387 switchTab(currentTabIndex); 1388 } 1389 1390 scrollAccumulator += scrollDelta; 1391 if (scrollAccumulator >= scrollThreshold) { 1392 if (scrollDirection > 0 && currentTabIndex < labels.length - 1) { 1393 currentTabIndex++; 1394 switchTab(currentTabIndex); 1395 } else if (scrollDirection > 0 && currentTabIndex === labels.length - 1) {
1396 isLocked = false; 1397 hasReachedEnd = true; 1398 document.body.style.overflow = ''; 1399 window.scrollTo({ top: sectionTop + window.innerHeight, behavior: 'smooth' }); 1400 hideCustomScrollbar(); 1401 } else if (scrollDirection < 0 && currentTabIndex > 0) { 1402 currentTabIndex--; 1403 switchTab(currentTabIndex); 1404 } else if (scrollDirection < 0 && currentTabIndex === 0) { 1405 isLocked = false; 1406 hasReachedEnd = false; 1407 document.body.style.overflow = ''; 1408 window.scrollTo({ top: sectionTop - window.innerHeight, behavior: 'smooth' }); 1409 hideCustomScrollbar(); 1410 } 1411 scrollAccumulator = 0; 1412 } 1413 1414 if (isLocked) { 1415 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1416 } 1417 }, { passive: false }); 1418 1419 labels.forEach(label => { 1420 label.addEventListener('click', () => { 1421 labels.forEach(l => l.classList.remove('active')); 1422 contents.forEach(c => c.classList.remove('active')); 1423 label.classList.add('active'); 1424 const activeContent = document.getElementById(label.dataset.tab); 1425 activeContent.classList.add('active'); 1426 const isMobile = window.innerWidth <= 768; 1427 const fixedOffset = isMobile ? 200 : 500; 1428 intro.style.opacity = '1'; 1429 intro.style.transform = 'translateY(-' + fixedOffset + 'px)'; 1430 tabsWrapper.style.transform = 'translateY(-' + fixedOffset + 'px)'; 1431 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1432 currentTabIndex = Array.from(labels).indexOf(label); 1433 const thumbPosition = (currentTabIndex / (labels.length - 1)) * (whySection.clientHeight - scrollbarThumb.clientHeight); 1434 scrollbarThumb.style.top = thumbPosition + 'px'; 1435 showCustomScrollbar(); 1436 }); 1437 }); 1438 1439 readMoreLink.addEventListener('click', (e) => { 1440 e.preventDefault(); 1441 if (currentTabIndex < labels.length - 1) { 1442 currentTabIndex++; 1443 switchTab(currentTabIndex); 1444 isLocked = true; 1445 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1446 } else { 1447 isLocked = false; 1448 hasReachedEnd = true; 1449 document.body.style.overflow = ''; 1450 window.scrollTo({ top: sectionTop + window.innerHeight, behavior: 'smooth' }); 1451 hideCustomScrollbar(); 1452 } 1453 }); 1454 1455 let touchStartY = 0; 1456 let touchEndY = 0; 1457 let touchStartTime = 0; 1458 1459 whySection.addEventListener('touchstart', (e) => { 1460 if (e.touches.length === 1) { 1461 touchStartY = e.touches[0].clientY; 1462 touchStartTime = Date.now(); 1463 } 1464 }, { passive: false }); 1465 1466 whySection.addEventListener('touchmove', (e) => { 1467 if (!isLocked && isSectionMostlyInView()) { 1468 const deltaY = touchStartY - e.touches[0].clientY; 1469 const elapsed = Date.now() - touchStartTime; 1470 if (Math.abs(deltaY) > 50 && elapsed < 500) { 1471 e.preventDefault(); 1472 if (deltaY > 0 && !hasReachedEnd) { 1473 isLocked = true; 1474 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1475 document.body.style.overflow = 'hidden'; 1476 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1477 if (currentTabIndex === -1) currentTabIndex = 0; 1478 else if (currentTabIndex < labels.length - 1) currentTabIndex++; 1479 else { 1480 isLocked = false; 1481 hasReachedEnd = true; 1482 document.body.style.overflow = ''; 1483 hideCustomScrollbar(); 1484 return; 1485 } 1486 switchTab(currentTabIndex); 1487 showCustomScrollbar(); 1488 } else if (deltaY < 0 && currentTabIndex > 0) { 1489 isLocked = true; 1490 sectionTop = window.scrollY + whySection.getBoundingClientRect().top; 1491 document.body.style.overflow = 'hidden'; 1492 window.scrollTo({ top: sectionTop, behavior: 'instant' }); 1493 currentTabIndex--; 1494 switchTab(currentTabIndex); 1495 showCustomScrollbar(); 1496 } else if (deltaY < 0 && currentTabIndex === 0) {
1497 isLocked = false; 1498 hasReachedEnd = false; 1499 document.body.style.overflow = ''; 1500 window.scrollTo({ top: sectionTop - window.innerHeight, behavior: 'smooth' }); 1501 hideCustomScrollbar(); 1502 } 1503 } 1504 } 1505 }, { passive: false }); 1506 } 1507}); 1508</script>
1508 <div class="tvcms-newsletter-wrapper container-fluid" style="background-image:url(/modules/tvcmscustomsetting/views/img/demo_img_2.jpg)"><div class="tvcms-newsletter-inner container"><div class="block_newsletter tv-newsletter-wrapeer"><div class="tvnewsletter-block"><div class="tvnewsletter-lable-wrapper"><p id="block-newsletter-label" class="tvnewsletter-title">OUR NEWSLETTER</p><p class="tvnewsletter-sub-title">Get Latest News & Offers</p></div><div class="tvnewsletter-input"><form action="https://whyopencomputing.ch/fr/#footer" method="post"><div class="tvnewsleeter-input-button-wraper"><div class="input-wrapper"><input name="email" type="email" value="" placeholder="Votre adresse e-mail" aria-labelledby="block-newsletter-label"></div><div class="tvnewsleteer-btn-wrapper"><button class='tvall-inner-btn' name="submitNewsletter" type="submit"><span class='tvnewslatter-btn-title hidden-lg-down'>Sâabonner</span><span class='tvnewslatter-btn-title hidden-xl-up'>D'accord</span></button></div></div><input type="hidden" name="action" value="0"></form></div></div></div></div></div><!-- Module Ever Block --> 1509<!-- /Module Ever Block --> 1510<div class="tvtab-product-wrapper container"><!-- Module Presta Blog --> 1511 <section class="clearfix prestablog"> 1512 <h2 class="title">Nos dernières nouvelles</h2> 1513 <ul id="blog_list_1-7" class="blog_list_1-7-grid"> 1514 <li class="tiers blog-grid"> 1515 <div style="display:none;"> 1516 0 1517 </div> 1518 <div class="block_cont"> 1519 <div class="block_top"> 1520 <a href="https://whyopencomputing.ch/fr/blog/un-pas-vers-une-suisse-independante-souveraine-et-neutre-" title="Un pas vers une Suisse indépendante, souveraine et⦠neutre ?"> 1521 <picture> 1522 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_297.webp?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/webp"> 1523 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_297.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/jpeg"> 1524 <img src="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_297.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" alt="Un pas vers une Suisse indépendante, souveraine et⦠neutre ?"> 1525 </picture> 1526 </a> 1527 </div> 1528 1529 1530 1531 <div class="block_bas"> 1532 <h3> 1533 <a href="https://whyopencomputing.ch/fr/blog/un-pas-vers-une-suisse-independante-souveraine-et-neutre-" title="Un pas vers une Suisse indépendante, souveraine et⦠neutre ?">Un pas vers une Suisse indépendante, souveraine et⦠neutre ?</a> 1534 <br /> 1535 <span class="date_blog-cat"> 1536 Publié : 10/09/2026 1537 | Catégories : 1538 <a href="https://whyopencomputing.ch/fr/blog/blog-c3" class="categorie_blog">Blog</a> 1539 </span> 1540 </h3> 1541 <p class="prestablog_desc"> 1542 La Confédération teste une alternative open source à Microsoft 365. Un premier pas concret vers une informatique plus libre, durable et souveraine. 1543 </p> 1544 </div> 1545 1546 <div class="prestablog_more"> 1547 <a href="https://whyopencomputing.ch/fr/blog/un-pas-vers-une-suisse-independante-souveraine-et-neutre-" class="blog_link"><i class="material-icons">search</i> Lire l'article</a> 1548 <sp
1548an><i class="material-icons">remove_red_eye</i> 271</span> 1549 1550 </div> 1551 </div> 1552 </li> 1553 <li class="tiers blog-grid"> 1554 <div style="display:none;"> 1555 1 1556 </div> 1557 <div class="block_cont"> 1558 <div class="block_top"> 1559 <a href="https://whyopencomputing.ch/fr/blog/quand-l-obsolescence-logicielle-pousse-a-la-surconsommation-la-durabilite-s-imp" title="Quand l'obsolescence logicielle pousse à la surconsommation"> 1560 <picture> 1561 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_296.webp?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/webp"> 1562 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_296.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/jpeg"> 1563 <img src="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_296.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" alt="Quand l'obsolescence logicielle pousse à la surconsommation"> 1564 </picture> 1565 </a> 1566 </div> 1567 1568 1569 1570 <div class="block_bas"> 1571 <h3> 1572 <a href="https://whyopencomputing.ch/fr/blog/quand-l-obsolescence-logicielle-pousse-a-la-surconsommation-la-durabilite-s-imp" title="Quand l'obsolescence logicielle pousse à la surconsommation">Quand l'obsolescence logicielle pousse à la surconsommation</a> 1573 <br /> 1574 <span class="date_blog-cat"> 1575 Publié : 28/07/2026 1576 | Catégories : 1577 <a href="https://whyopencomputing.ch/fr/blog/blog-c3" class="categorie_blog">Blog</a> 1578 </span> 1579 </h3> 1580 <p class="prestablog_desc"> 1581 78 %. Câest la part des impacts environnementaux du secteur numérique uniquement liée à la fabrication dâappareils neufs¹. Lâune des causes majeures de ce désastre écologique ? l'obsolescence lo [...] 1582 </p> 1583 </div> 1584 1585 <div class="prestablog_more"> 1586 <a href="https://whyopencomputing.ch/fr/blog/quand-l-obsolescence-logicielle-pousse-a-la-surconsommation-la-durabilite-s-imp" class="blog_link"><i class="material-icons">search</i> Lire l'article</a> 1587 <sp
1587an><i class="material-icons">remove_red_eye</i> 540</span> 1588 1589 </div> 1590 </div> 1591 </li> 1592 <li class="tiers blog-grid"> 1593 <div style="display:none;"> 1594 2 1595 </div> 1596 <div class="block_cont"> 1597 <div class="block_top"> 1598 <a href="https://whyopencomputing.ch/fr/blog/une-initiative-inedite-pour-proteger-lavenir-numerique-de-la-suisse" title="Une initiative inédite pour protéger lâavenir numérique de la Suisse"> 1599 <picture> 1600 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_295.webp?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/webp"> 1601 <source srcset="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_295.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" type="image/jpeg"> 1602 <img src="/modules/prestablog/views/img/grid-for-1-7/up-img/thumb_295.jpg?a3de4d5cc08b5314f09e7e44f6c6587d" alt="Une initiative inédite pour protéger lâavenir numérique de la Suisse"> 1603 </picture> 1604 </a> 1605 </div> 1606 1607 1608 1609 <div class="block_bas"> 1610 <h3> 1611 <a href="https://whyopencomputing.ch/fr/blog/une-initiative-inedite-pour-proteger-lavenir-numerique-de-la-suisse" title="Une initiative inédite pour protéger lâavenir numérique de la Suisse">Une initiative inédite pour protéger lâavenir numérique de la Suisse</a> 1612 <br /> 1613 <span class="date_blog-cat"> 1614 Publié : 13/06/2026 1615 | Catégories : 1616 <a href="https://whyopencomputing.ch/fr/blog/blog-c3" class="categorie_blog">Blog</a> 1617 </span> 1618 </h3> 1619 <p class="prestablog_desc"> 1620 Sécurité numérique de la Suisse : une initiative populaire fédérale pour inscrire la souveraineté numérique dans la Constitution 1621 </p> 1622 </div> 1623 1624 <div class="prestablog_more"> 1625 <a href="https://whyopencomputing.ch/fr/blog/une-initiative-inedite-pour-proteger-lavenir-numerique-de-la-suisse" class="blog_link"><i class="material-icons">search</i> Lire l'article</a> 1626 <sp
1626an><i class="material-icons">remove_red_eye</i> 782</span> 1627 1628 </div> 1629 </div> 1630 </li> 1631 1632 </ul> 1633 </section> 1634<!-- /Module Presta Blog --></div></section><footer class="page-footer"><!-- Footer content --></footer></div></div></div></div><div class="half-wrapper-backdrop"></div></div><footer id="footer"><div class="footer-container tvcmsfooter-background-image footer-1" data-footer-layout="1" > <div class="container tvfooter-logo-link-wrapper"><div class='tvfooter-storelogo-imformation row'><div class="col-xl-3 col-lg-3 col-md-12 tvfooter-account-link"><div class="tvfooter-account-wrapper"><div class="tvfooter-title-wrapper" data-target="#footer_sub_menu_link" data-toggle="collapse"><span class="tvfooter-title">Informations</span><span class="float-xs-right tvfooter-toggle-icon-wrapper navbar-toggler collapse-icons tvfooter-toggle-icon"><i class="material-icons add"></i><i class="material-icons remove"></i></span></div><ul id="footer_sub_menu_link" class="collapse tvfooter-link-wrapper"><li><a id="link-cms-page-1-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/1-livraison" title="Nos conditions générales de livraison" >Livraison</a></li><li><a id="link-cms-page-5-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/5-paiements" title="Méthodes de paiement acceptées" >Paiements</a></li><li><a id="link-cms-page-6-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/6-retour-marchandise" title="Comment nous retourner les produits achetés" >Retour marchandise</a></li><li><a id="link-cms-page-2-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/2-mentions-legales" title="Mentions légales" >Mentions légales</a></li><li><a id="link-cms-page-3-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/3-cgv" title="Nos conditions générales de ventes" >CGV</a></li><li><a id="link-cms-page-24-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/24-Points-de-vente" title="" >Points de vente</a></li><li><a id="link-static-page-contact-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/contactez-nous" title="Utilisez notre formulaire pour nous contacter" >Contactez-nous</a></li><li><a id="link-static-page-sitemap-3" class="cms-page-link" href="https://whyopencomputing.ch/fr/plan-du-site" title="Perdu ? Trouvez ce que vous cherchez" >Plan du site</a></li></ul></div></div><div class="col-xl-3 col-lg-3 col-md-12 tvfooter-account-link"><div class="tvfooter-account-wrapper"><div class="tvfooter-title-wrapper" data-target="#footer_sub_menu_link" data-toggle="collapse"><span class="tvfooter-title">à propos</span><span class="float-xs-right tvfooter-toggle-icon-wrapper navbar-toggler collapse-icons tvfooter-toggle-icon"><i class="material-icons add"></i><i class="material-icons remove"></i></span></div><ul id="footer_sub_menu_link" class="collapse tvfooter-link-wrapper"><li><a id="link-cms-page-8-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/8-notre-concept" title="concept why" >Notre concept</a></li><li><a id="link-cms-page-9-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/9-durabilite" title="durabilité" >Durabilité</a></li><li><a id="link-cms-page-11-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/11-Logiciels" title="" >Logiciels</a></li><li><a id="link-cms-page-14-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/14-guides" title="guides" >Guides</a></li><li><a id="link-cms-page-15-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/15-sav" title="SAV" >SAV</a></li><li><a id="link-cms-page-13-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/13-team" title="team" >Team</a></li><li><a id="link-cms-page-21-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/21-nous-soutenons" title="" >Nous soutenons</a></li><li><a id="link-cms-page-22-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/22-revue-de-presse" title="" >Revue de presse</a></li><li><a id="link-cms-page-20-4" class="cms-page-link" href="https://whyopencomputing.ch/fr/content/20-faq" title="FAQ" >FAQ</a></li></ul></div></div>
1634<div id="block_myaccount_infos" class="col-xl-3 col-lg-3 col-md-12"><div class="tvfooter-title-wrapper" data-target="#footer_sub_menu_myaccount" data-toggle="collapse"><span class="tvfooter-title">Votre compte</span><span class="float-xs-right tvfooter-toggle-icon-wrapper navbar-toggler collapse-icons tvfooter-toggle-icon"><i class="material-icons add"></i><i class="material-icons remove"></i></span></div><ul id="footer_sub_menu_myaccount" class="collapse account-list footer_account_list"><li><a href="https://whyopencomputing.ch/fr/identite" title="Informations personnelles" rel="nofollow">Informations personnelles</a></li><li><a href="https://whyopencomputing.ch/fr/historique-des-commandes" title="Commandes" rel="nofollow">Commandes</a></li><li><a href="https://whyopencomputing.ch/fr/avoirs" title="Avoirs" rel="nofollow">Avoirs</a></li><li><a href="https://whyopencomputing.ch/fr/adresses" title="Adresses" rel="nofollow">Adresses</a></li><li><a href="https://whyopencomputing.ch/fr/bons-de-reduction" title="Bons de réduction" rel="nofollow">Bons de réduction</a></li><li><a href="//whyopencomputing.ch/fr/module/ps_emailalerts/account" title="Mes alertes">Mes alertes</a></li></ul></div><div class="tvfooter-contact-link-wrapper links col-xl-3 col-lg-3 col-md-12"><div class="tvfooter-address"><div class="tvfooter-title-wrapper" data-target="#footer_sub_menu_store_info" data-toggle="collapse"><span class="tvfooter-title">Contact</span><span class="float-xs-right tvfooter-toggle-icon-wrapper navbar-toggler collapse-icons tvfooter-toggle-icon"><i class="material-icons add"></i><i class="material-icons remove"></i></span></div><div id="footer_sub_menu_store_info" class="collapse"><div class="tvfooter-addresses"><i class="material-icons">location_on</i>why! open computing SA<br />Rte de Renens 4<br />1008 Prilly<br />Suisse</div><div class="tvfooter-store-link"><i class="material-icons">email</i><a href="mailto:[email protected]" class="dropdown">[email protected]</a></div><div class="tvfooter-store-link-content"><i class="material-icons">call</i><a href="tel:[email protected]" class="dropdown">+41 21 661 22 22</a></div></div></div></div></div><div class="tvfooter-storelogo-weapper"><div class="tvfooter-storelogo-inner clearfix"> <div class="col-xl-3 col-lg-3 col-md-12 tvfooter-account-link"><div class="tvfooter-account-wrapper"></div></div></div></div><!-- Module Presta Blog --> 1635<section class="footer-block col-xs-12 col-sm-6 footer__block__content-list"> 1636 <h4 class="prestablog-footer-title footer__block__title">Derniers articles</h4> 1637 <ul class="prestablog-footer"> 1638 <li> 1639 <a href="https://whyopencomputing.ch/fr/blog/un-pas-vers-une-suisse-independante-souveraine-et-neutre-"> 1640 1641 <strong>Un pas vers une Suisse indépendante, souveraine et⦠neutre ?</strong> 1642 1643 1644 </a> <div style="clear: both;"></div> 1645 </li> 1646 <li> 1647 <a href="https://whyopencomputing.ch/fr/blog/quand-l-obsolescence-logicielle-pousse-a-la-surconsommation-la-durabilite-s-imp"> 1648 1649 <strong>Quand l'obsolescence logicielle pousse à la surconsommation</strong> 1650 1651 1652 </a> <div style="clear: both;"></div> 1653 </li> 1654 <li> 1655 <a href="https://whyopencomputing.ch/fr/blog/une-initiative-inedite-pour-proteger-lavenir-numerique-de-la-suisse"> 1656 1657 <strong>Une initiative inédite pour protéger lâavenir numérique de la Suisse</strong> 1658 1659 1660 </a> <div style="clear: both;"></div> 1661 </li> 1662 <li> 1663 <a href="https://whyopencomputing.ch/fr/blog" class="btn btn-primary">Tous les articles</a> 1664 </li> 1665 </ul> 1666</section> 1667<!-- /Module Presta Blog --> 1668<div class="block-social tvcmsfooter-social-icon col-xl-6 col-md-12 col-sm-12"><ul id="footer_sub_menu_social_icon" class="tvfooter-social-icon-wrapper"><li class="facebook"><a href="https://www.facebook.com/home.php" rel="noreferrer" title="Facebook"><span class="facebook-icon"></span><svg class="tvblock-social-icon" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" viewBox="0 0 320 512">
1668<path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li></ul></div><div class='tvbottom-to-top'><a href="javascript:" class="tvbottom-to-top-icon"><span>Top</span><i class='material-icons'></i></a></div></div><div class="tvfooter-copy-payment-icon-wrapper"><div class="container tvfooter-copy-payment-icon-content"><div class="row tvfooter-copy-payment-icon-inner"><div class='tvcopylink col-xl-6 col-md-12 col-sm-12'><a href="#"><p>Sauf mention contraire, les contenus de ce site sont placés sous licence CC-BY-SA why! open computing SA</p></a></div></div></div></div></div> <div class="block-social tv-footer-social-icon wow slideInLeft"><div class="tv-footer-social-icon-wrapper"><div class="tv-footer-social-icon-inner"><div class="tvblock-social-content tvfacebook-wrapper"><a href="https://www.facebook.com/home.php" rel="noreferrer" title="Facebook"><svg class="tvblock-social-icon tvfacebook" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg><span>Facebook</span></a></div></div></div></div> 1669<div class="logo-whyf"> 1670 <img src="https://whyopencomputing.ch/img/Why!logo.png" alt="Why! Logo"> 1671</div></footer></div></main><div class="full-wrapper-backdrop"></div> 1672<template id="password-feedback"> 1673 <div 1674 class="password-strength-feedback mt-1" 1675 style="display: none;" 1676 > 1677 <div class="progress-container"> 1678 <div class="progress mb-1"> 1679 <div class="progress-bar" role="progressbar" value="50" aria-valuemin="0" aria-valuemax="100"></div> 1680 </div> 1681 </div> 1682
1682<script type="text/javascript" class="js-hint-password"> 1683 {"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou 6543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."} 1684 </script>
1684 1685 1686 <div class="password-strength-text"></div> 1687 <div class="password-requirements"> 1688 <p class="password-requirements-length" data-translation="Entrez un mot de passe entre %s et %s caractères."> 1689 <i class="material-icons">check_circle</i> 1690 <span></span> 1691 </p> 1692 <p class="password-requirements-score" data-translation="Le score minimum doit être: %s."> 1693 <i class="material-icons">check_circle</i> 1694 <span></span> 1695 </p> 1696 </div> 1697 </div> 1698</template>
1699<script src="https://whyopencomputing.ch/themes/v2_electros_62/assets/cache/bottom-50cd9b252.js" ></script>
1699 1700
1701<script> 1702(function () { 1703 var skeepersLoaded = false; 1704 1705 function forceAvisVerifiesRefresh() { 1706 window.dispatchEvent(new Event('resize')); 1707 } 1708 1709 function loadScript(src, callback) { 1710 var script = document.createElement('script'); 1711 script.defer = true; 1712 script.charset = 'utf-8'; 1713 script.src = src; 1714 if (typeof callback === 'function') { 1715 script.onload = callback; 1716 } 1717 document.body.appendChild(script); 1718 } 1719 1720 function loadSkeepersWidgets() { 1721 if (skeepersLoaded) { 1722 return; 1723 } 1724 1725 skeepersLoaded = true; 1726 1727 loadScript('//widgets.rr.skeepers.io/carousel/dd359631-07ec-bf44-a569-1204b420085f/10a0e64e-1bd4-4b4a-be3a-7f07664514c6.js', function () { 1728 setTimeout(forceAvisVerifiesRefresh, 300); 1729 setTimeout(forceAvisVerifiesRefresh, 800); 1730 setTimeout(forceAvisVerifiesRefresh, 1500); 1731 setTimeout(forceAvisVerifiesRefresh, 2500); 1732 }); 1733 1734 loadScript('https://widgets.rr.skeepers.io/generated/dd359631-07ec-bf44-a569-1204b420085f/801f1980-cd73-4f9b-b328-ce382733a019.js', function () { 1735 setTimeout(forceAvisVerifiesRefresh, 300); 1736 setTimeout(forceAvisVerifiesRefresh, 800); 1737 setTimeout(forceAvisVerifiesRefresh, 1500); 1738 setTimeout(forceAvisVerifiesRefresh, 2500); 1739 }); 1740 } 1741 1742 window.addEventListener('load', function () { 1743 fetch('https://cl-pbr.cxr.skeepers.io/dd359631-07ec-bf44-a569-1204b420085f/stats.json', { 1744 method: 'GET', 1745 cache: 'no-store' 1746 }) 1747 .then(function () { 1748 loadSkeepersWidgets(); 1749 }) 1750 .catch(function () { 1751 var fallback = document.getElementById('avis-warning'); 1752 if (fallback) { 1753 fallback.style.display = 'block'; 1754 } 1755 }); 1756 }); 1757})(); 1758</script>
1758 1759 1760 1761
1762<script> 1763 function showSection(section) { 1764 document.getElementById('repair-section-1').style.display = section === 1 ? 'flex' : 'none'; 1765 document.getElementById('repair-section-2').style.display = section === 2 ? 'flex' : 'none'; 1766 document.querySelectorAll('.tab-button').forEach(button => button.classList.remove('active')); 1767 document.querySelector(`.tab-button[data-target="${section}"]`)?.classList.add('active'); 1768 } 1769</script>
1769 1770 1771 1772
1773<script> 1774(function () { 1775 if (location.hostname !== 'whyopencomputing.com') return; 1776 1777 function fixLinks() { 1778 var links = document.querySelectorAll('a[href*="whyopencomputing.com"][href*="/content/5-paiements"], a[href^="/"][href*="/content/5-paiements"]'); 1779 for (var i = 0; i < links.length; i++) { 1780 var a = links[i]; 1781 var href = a.getAttribute('href') || ''; 1782 var m = href.match(/whyopencomputing\.com\/([a-z]{2})\/content\/5-paiements/i) || href.match(/^\/([a-z]{2})\/content\/5-paiements/i); 1783 var lang = (m && m[1]) ? m[1] : (location.pathname.split('/')[1] || 'fr'); 1784 1785 a.setAttribute('href', 'https://whyopencomputing.com/' + lang + '/content/27-paiements-eur'); 1786 } 1787 } 1788 1789 if (document.readyState === 'loading') { 1790 document.addEventListener('DOMContentLoaded', fixLinks); 1791 } else { 1792 fixLinks(); 1793 } 1794 1795 new MutationObserver(fixLinks).observe(document.documentElement, { childList: true, subtree: true }); 1796})(); 1797</script>
1797 1798 1799 1800
1801<script> 1802document.addEventListener('DOMContentLoaded', function () { 1803 var widget = document.getElementById('13780e5e-d37d-4380-aa4e-ffee365756e1'); 1804 if (widget) { 1805 widget.style.setProperty('display', 'none', 'important'); 1806 } 1807 1808 var link = document.querySelector('a.skeepers-widget-wrapper-13780e5e-d37d-4380-aa4e-ffee365756e1'); 1809 if (link) { 1810 link.style.setProperty('display', 'none', 'important'); 1811 } 1812}); 1813</script>
1813 1814</body></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.