PageSourceSearch

https://whyopencomputing.ch/fr/

html whyopencomputing.ch collected 2026-10-04 13:23:20 UTC 126,550 bytes, 1,814 lines download raw bytes

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">&#xe54e</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">&#xe313;</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">&#xe7fd;</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">&#xe313;</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">&#xe5cd;</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&nbsp;</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">&#xe54e</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'>&#xe5d2;</i></a></div><div class="tvmobile-slidebar"><div class="tvmobile-dropdown-close"><a href="Javascript:void(0);"><i class='material-icons'>&#xe14c;</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'>&#xe5cb;</i></div><div class="tvcmsmain-next tvcmsnext-btn"><i class='material-icons'>&#xe5cc;</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 &amp; 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&#039;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&#039;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&#039;obsolescence logicielle pousse à la surconsommation">Quand l&#039;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&#039;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">&#xE313;</i><i class="material-icons remove">&#xE316;</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">&#xE313;</i><i class="material-icons remove">&#xE316;</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">&#xE313;</i><i class="material-icons remove">&#xE316;</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">&#xE313;</i><i class="material-icons remove">&#xE316;</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&#039;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'>&#xe316;</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.