{"id":55358,"date":"2024-05-19T17:14:41","date_gmt":"2024-05-19T15:14:41","guid":{"rendered":"https:\/\/matuile.com\/media\/?p=55358"},"modified":"2024-10-20T15:16:46","modified_gmt":"2024-10-20T13:16:46","slug":"bloc-alimentation","status":"publish","type":"post","link":"https:\/\/matuile.com\/media\/bloc-alimentation\/","title":{"rendered":"Le bloc d&rsquo;alimentation : c&rsquo;est quoi ?"},"content":{"rendered":"<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Dans l&rsquo;univers de l&rsquo;informatique, un \u00e9l\u00e9ment souvent sous-estim\u00e9 mais indispensable doit attirer notre attention : le bloc d&rsquo;alimentation<\/strong>. Cette pi\u00e8ce discr\u00e8te mais cruciale assure la conversion de l&rsquo;\u00e9lectricit\u00e9 de nos prises murales en une forme utilisable par nos ordinateurs. En fournissant l&rsquo;\u00e9nergie \u00e9lectrique n\u00e9cessaire \u00e0 tous les composants, elle joue un r\u00f4le fondamental dans le bon fonctionnement de nos syst\u00e8mes. Comprendre son r\u00f4le et ses sp\u00e9cificit\u00e9s nous permet d&rsquo;assurer la stabilit\u00e9, la fiabilit\u00e9 et la durabilit\u00e9 de nos configurations informatiques.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Pourquoi le bloc d&rsquo;alimentation est-il important ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Premi\u00e8rement<\/strong>, le bloc d&rsquo;alimentation fournit l&rsquo;\u00e9nergie n\u00e9cessaire \u00e0 tous les autres composants de l&rsquo;ordinateur, de la <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-la-carte-mere\/\">carte m\u00e8re<\/a><\/strong> aux <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-disque-dur-hdd-ou-sdd\/\">disques durs<\/a><\/strong> en passant par les <strong><a href=\"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/\">cartes graphiques<\/a><\/strong>. Sans lui, notre pr\u00e9cieux mat\u00e9riel ne serait que de simples boites inanim\u00e9es.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Deuxi\u00e8mement<\/strong>, la qualit\u00e9 du bloc d&rsquo;alimentation peut avoir un impact significatif sur la stabilit\u00e9 et la durabilit\u00e9 de notre syst\u00e8me. Un bloc d\u00e9fectueux ou de mauvaise qualit\u00e9 peut entra\u00eener des pannes soudaines, des surtensions dommageables et m\u00eame endommager d&rsquo;autres composants de l&rsquo;ordinateur. C&rsquo;est pourquoi il est essentiel de choisir un fiable et de qualit\u00e9, adapt\u00e9 aux besoins sp\u00e9cifiques de notre configuration.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Troisi\u00e8mement<\/strong>, le bloc d&rsquo;alimentation peut \u00e9galement affecter l&rsquo;efficacit\u00e9 \u00e9nerg\u00e9tique de l\u2019ordinateur. En choisissant un mat\u00e9riel efficace, non seulement nous \u00e9conomisons de l&rsquo;\u00e9nergie, mais nous r\u00e9duisons \u00e9galement notre empreinte carbone et nos factures d\u2019\u00e9lectricit\u00e9.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Comment se pr\u00e9sente le bloc d&rsquo;alimentation ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Pour un ordinateur de bureau<\/strong>, le bloc d\u2019alimentation se pr\u00e9sente g\u00e9n\u00e9ralement sous la forme d&rsquo;une unit\u00e9 rectangulaire m\u00e9tallique. \u00c0 l&rsquo;arri\u00e8re, il comporte une s\u00e9rie de connecteurs permettant de le relier \u00e0 divers composants de l&rsquo;ordinateur, tels que la carte m\u00e8re, les disques durs, les lecteurs optiques et les cartes graphiques. Il poss\u00e8de \u00e9galement un interrupteur marche\/arr\u00eat et un port pour le c\u00e2ble d&rsquo;alimentation. \u00c0 l&rsquo;int\u00e9rieur, il contient des circuits \u00e9lectroniques, des transformateurs et des <strong><a href=\"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/\">ventilateurs<\/a><\/strong> pour r\u00e9guler la tension \u00e9lectrique et dissiper la chaleur g\u00e9n\u00e9r\u00e9e pendant le fonctionnement.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Pour un ordinateur portable<\/strong>, le bloc d&rsquo;alimentation est souvent appel\u00e9 <strong>adaptateur secteur<\/strong>. Il s\u2019agit g\u00e9n\u00e9ralement d\u2019une petite unit\u00e9 rectangulaire externe reli\u00e9e \u00e0 l&rsquo;ordinateur portable par un c\u00e2ble se branchant dans une prise \u00e9lectrique murale pour fournir de l&rsquo;\u00e9nergie \u00e0 l&rsquo;ordinateur et recharger sa batterie. Ces adaptateurs secteur sont con\u00e7us pour \u00eatre compacts et portables afin de faciliter leur transport avec l&rsquo;ordinateur portable. Certains mod\u00e8les int\u00e8grent \u00e9galement des fonctionnalit\u00e9s suppl\u00e9mentaires telles que des ports USB pour charger d&rsquo;autres appareils ou des voyants lumineux indiquant l&rsquo;\u00e9tat de charge de la batterie.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Quel est le r\u00f4le du bloc d&rsquo;alimentation ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le r\u00f4le principal du bloc<\/strong>, que ce soit pour un ordinateur de bureau ou un ordinateur portable, <strong>est de convertir l&rsquo;\u00e9lectricit\u00e9 fournie par le r\u00e9seau \u00e9lectrique en une forme utilisable par les composants internes de l&rsquo;ordinateur<\/strong>. Il fournit une alimentation \u00e9lectrique stable et r\u00e9gul\u00e9e aux diff\u00e9rents composants tels que la carte m\u00e8re, le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-processeur\/\">processeu<\/a><\/strong>r, les cartes graphiques, les disques durs, etc.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En assurant un <strong>flux constant et appropri\u00e9 d&rsquo;\u00e9lectricit\u00e9<\/strong>, le bloc permet \u00e0 l&rsquo;ordinateur de fonctionner correctement et de mani\u00e8re fiable.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En outre, il assure la <strong>recharge de la batterie<\/strong> dans le cas d&rsquo;un ordinateur portable, lui permettant de fonctionner sans \u00eatre branch\u00e9 sur une prise \u00e9lectrique.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Quel est le prix d&rsquo;un bloc d&rsquo;alimentation ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le prix d\u2019un bloc d\u2019alimentation varie en fonction de plusieurs crit\u00e8res&nbsp;: la marque, le mod\u00e8le, la puissance, la <strong><a href=\"https:\/\/www.comptoir-hardware.com\/actus\/alimentations\/36157-certification-80-plus-petite-piqure-de-rappel-sur-son-role-.html\">certification 80 PLUS<\/a><\/strong>, les vendeurs, etc\u2026<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Pour donner une id\u00e9e de prix sur les blocs d\u2019alimentation (Mai 2024) :<\/p><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex\"><figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0103f9\" class=\"has-inline-color\">BLOC D&rsquo;ALIMENTATION<\/mark><\/th><th class=\"has-text-align-center\" data-align=\"center\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0103f9\" class=\"has-inline-color\">PRIX<\/mark><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Entr\u00e9e de gamme<\/td><td class=\"has-text-align-center\" data-align=\"center\">30 \u00e0 50 \u20ac TTC<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Milieu de gamme<\/td><td class=\"has-text-align-center\" data-align=\"center\">50 \u00e0 100 \u20ac TTC<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Haute gamme<\/td><td class=\"has-text-align-center\" data-align=\"center\">100 \u00e0 300 \u20ac TTC<\/td><\/tr><\/tbody><\/table><\/figure><\/div><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Remplacement Connecteur<\/title>\n    \n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n        }\n        .floating-banner {\n            position: fixed; \/* Garder la position fixe *\/\n            top: calc(100px + var(--banner-offset, 0px)); \/* Commence \u00e0 100px du haut pour l'ordinateur *\/\n            right: 0;\n            width: 300px;\n            background-color: transparent; \/* Supprime l'arri\u00e8re-plan pour la version ordinateur *\/\n            padding: 20px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Ombre subtile *\/\n            z-index: 1000;\n            text-align: center;\n            transition: top 0.5s; \/* Ajout d'une transition pour l'animation *\/\n        }\n        .content {\n            margin-bottom: 20px; \n        }\n        .image img {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n            border-radius: 8px;\n        }\n        .title {\n            font-size: 20px;\n            font-weight: bold;\n            position: relative;\n            top: 5px;\n            margin: 0;\n        }\n        .price {\n            font-size: 18px; \n            font-weight: bold;\n            background-color: #FFEB3B;\n            padding: 5px;\n            margin-bottom: 8px;\n            position: relative;\n            top: 10px;\n            display: inline-block;\n        }\n        .description {\n            font-size: var(--phrase-size, 14px); \n            margin: 10px 0 30px 0;\n            line-height: 1.5;\n            position: relative;\n            top: 10px;\n        }\n        .description span {\n            margin: 0 5px;\n            display: inline-block;\n        }\n        .button {\n            padding: 10px 20px;\n            background-color: #FF5722;\n            color: white;\n            text-decoration: none;\n            font-weight: bold;\n            border-radius: 5px;\n            margin-top: 5px; \n            display: block;\n            position: relative;\n            top: 0px;\n        }\n         .button:hover {\n            background-color: white; \/* Fond devient blanc *\/\n            color: #FF5722; \/* Le texte devient orange *\/\n            border: 2px solid #FF5722; \/* Bordure orange *\/\n        }\n\n        \/* Styles pour la version mobile *\/\n        @media (max-width: 768px) {\n            .floating-banner {\n                width: 100%;\n                right: 0;\n                top: -300px; \/* Remont\u00e9 plus haut pour \u00eatre bien cach\u00e9e *\/\n                padding: 5px; \n                box-sizing: border-box;\n                background-color: white;\n                transition: top 0.5s ease-in-out;\n            }\n            .content {\n                margin-bottom: -20px;\n            }\n            .image img {\n                width: 32%;\n                float: left;\n                margin-right: 0px;\n                margin-left: 35px; \n            }\n            .title {\n                font-size: 18px; \n                margin: 6px 0;\n                position: relative;\n                top: -3px;\n                line-height: 1.2; \/* R\u00e9duit l'espace entre les lignes *\/\n            }\n            .price {\n                font-size: 15px; \n                margin-bottom: 3px;\n                position: relative;\n                top: -6.5px;\n            }\n            .description {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                position: relative;\n                top: -9px;\n            }\n            .description span {\n                width: 50%; \n                text-align: center; \n                margin: 0px 0;\n                font-size: 11.5px;\n            }\n            .button {\n                padding: 10px 10px;\n                font-size: 15px;\n                position: relative;\n                top: 0px;\n                margin-top: 0px;\n            }\n\n            \/* Croix pour fermer la banni\u00e8re *\/\n            .close-button {\n                position: absolute;\n                top: -4px;\n                right: 10px;\n                cursor: pointer;\n                font-size: 24px; \n                color: black;\n                display: block;\n                z-index: 1001;\n            }\n\n            \/* Fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re *\/\n            .down-arrow {\n                position: absolute;\n                bottom: -50px; \/* Positionner en bas de la banni\u00e8re *\/\n                left: 50%;\n                transform: translateX(-50%);\n                cursor: pointer;\n                font-size: 24px; \/* Taille de la fl\u00e8che *\/\n                color: #E64A19; \/* Couleur de la fl\u00e8che (orange plus fonc\u00e9) *\/\n                background-color: white; \/* Fond blanc *\/\n                border-radius: 12px; \/* Coins arrondis *\/\n                padding: 5px 10px; \/* Espace autour de la fl\u00e8che *\/\n                border: 2px solid #E64A19; \/* Bordure orange plus fonc\u00e9 *\/\n                display: none; \/* Masqu\u00e9 par d\u00e9faut *\/\n                z-index: 1001; \/* Au-dessus de la banni\u00e8re *\/\n                transition: background-color 0.3s; \/* Transition pour le changement de couleur *\/\n            }\n\n            .down-arrow:hover {\n                background-color: #FFEB3B;\n            }\n\n            .floating-banner::after {\n                content: \"\";\n                display: block;\n                height: 0px; \n            }\n        }\n\n        @media (min-width: 769px) {\n            .down-arrow {\n                display: none;\n            }\n            .close-button {\n                display: none;\n            }\n        }\n\n        \/* Styles sp\u00e9cifiques pour iPhone avec r\u00e9solution 2796x1290 *\/\n        @media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {\n            .price {\n                top: -4px !important; \/* Baisse la position du prix *\/\n                font-size: 18px !important; \/* Augmente la taille du prix *\/\n            }\n            .title {\n                 font-size: 19px;\n            }\n            .image img {\n                width: 32%;\n                margin-left: 1.875em; \/* 30px = 1.875em *\/\n            }\n            .description span {\n                font-size: 13px !important; \/* Augmente l\u00e9g\u00e8rement la taille des phrases *\/\n            }\n        }\n\/* M\u00e9dias-query pour iPhone X et XS *\/\n@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {\n    .floating-banner {\n        \/* Tes styles sp\u00e9cifiques pour iPhone X ici *\/\n        top: -300px; \/* Exemple : ajuster la position pour iPhone X *\/\n    }\n    .price {\n        top: -2px !important; \/* Ajustement de la position du prix *\/\n        font-size: 14px !important; \/* Ajustement de la taille de la police du prix *\/\n    }\n    .title {\n        font-size: 16px;\n    }\n    .image img {\n        width: 32%;\n        margin-left: 1.875em; \/* 30px = 1.875em *\/\n    }\n    .description span {\n        font-size: 11px !important;\n    }\n}\n\/* M\u00e9dias-query pour iPhone 11 et XR *\/\n@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {\n    .floating-banner {\n        \/* Tes styles sp\u00e9cifiques pour iPhone 11 ici *\/\n        top: -300px; \/* Ajustement de la position pour iPhone 11 *\/\n    }\n    .price {\n        top: -3px;\n        font-size: 16px;\n    }\n    .title {\n        font-size: 18px;\n    }\n    .image img {\n        width: 32%;\n        margin-left: 1.875em;\n    }\n    .description span {\n        font-size: 13px;\n    }\n}\n       \/* Styles pour t\u00e9l\u00e9phones avec une r\u00e9solution 800x360 *\/\n       @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 800px) and (max-height: 800px) {\n       .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n       .price {\n        top: -6px;\n        font-size: 15px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n       .title {\n        font-size: 16px; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.5em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 8px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 873x393 *\/\n       @media only screen and (min-width: 393px) and (max-width: 393px) and (min-height: 873px) and (max-height: 873px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -2px;\n        font-size: 14px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 844x390 *\/\n       @media only screen and (min-width: 390px) and (max-width: 390px) and (min-height: 844px) and (max-height: 844px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -3px !important;\n        font-size: 15px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 17px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 780x360 *\/\n       @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 780px) and (max-height: 780px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -5px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 18px; \/* Ajuste la taille du bouton *\/\n    }\n}\n        \/* Styles pour \u00e9crans avec une r\u00e9solution 915x412 *\/\n        @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 915px) and (max-height: 915px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px;\n        font-size: 17px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n        \/* Styles pour \u00e9crans avec une r\u00e9solution 740x360 *\/\n        @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 740px) and (max-height: 740px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -7px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 17px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 926x428 *\/\n       @media only screen and (min-width: 428px) and (max-width: 428px) and (min-height: 926px) and (max-height: 926px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -2px !important;\n        font-size: 16px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 19px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 745x353 *\/\n       @media only screen and (min-width: 353px) and (max-width: 353px) and (min-height: 745px) and (max-height: 745px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -6px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 658x320 *\/\n      @media only screen and (min-width: 320px) and (max-width: 320px) and (min-height: 658px) and (max-height: 658px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -5px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 14px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 34% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 640x360 *\/\n      @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 13px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px  \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 732x412 *\/\n      @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 732px) and (max-height: 732px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 18px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 914x412 *\/\n       @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 914px) and (max-height: 914px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 854x480 *\/\n      @media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 854px) and (max-height: 854px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: 2px !important;\n        font-size: 18px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 30% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 14px !important; \/* Ajuste la taille des textes dans la description *\/\n        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 568x320 *\/\n       @media only screen and (min-width: 320px) and (max-width: 320px) and (min-height: 568px) and (max-height: 568px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -7px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 14px !important; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 33% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.5em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 8px 16px; \/* Ajuste la taille du bouton *\/\n    }\n}\n    <\/style>\n<\/head>\n<body>\n    <div class=\"floating-banner\" style=\"--banner-offset: 120px; --phrase-size: 13px;\">\n        <div class=\"content\">\n            <div class=\"image\">\n                <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/remplacement-connecteur-2560x1706-1.webp\" alt=\"Remplacement Connecteur\">\n            <\/div>\n            <div class=\"title\">Remplacement<\/br>Connecteur<\/div>\n            <div class=\"price\" aria-label=\"Prix \u00e0 partir de 29 euros\">\u00c0 partir de 29 \u20ac<\/div>\n            <div class=\"description\">\n                <span>Intervention imm\u00e9diate ou sur RDV<\/span>\n                <span>Informaticiens agr\u00e9\u00e9s et certifi\u00e9s<\/span>\n                <span>R\u00e9ponse en 5 minutes<\/span>\n                <span>Tarif transparent<\/span>\n            <\/div>\n           <\/div>\n<a href=\"tel:0185090101\" class=\"button\" target=\"_blank\" rel=\"noopener\" onclick=\"changeImage()\">\n    <img decoding=\"async\" id=\"phone-icon\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"T\u00e9l\u00e9phone\" style=\"width:16px; height:16px; vertical-align:middle; margin-right:5px;\">\n    Appeler un informaticien\n<\/a>\n\n<style>\n  @media only screen and (min-width: 768px) {\n    a[href^=\"tel:\"] {\n      display: none;\n    }\n  }\n<\/style>\n\n<script>\n  function changeImage() {\n    document.getElementById('phone-icon').src = 'https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png';\n  }\n<\/script>\n<!-- Bouton de demande de devis -->\n<a href=\"https:\/\/www.matuile.com\" class=\"button\" target=\"_blank\" rel=\"noopener\">Demander un devis gratuit<\/a>\n\n<style>\n  @media only screen and (max-width: 767px) {\n    a[href=\"https:\/\/www.matuile.com\"] {\n      display: none;\n    }\n  }\n<\/style>\n        <!-- Croix pour fermer la banni\u00e8re (uniquement pour mobile) -->\n        <span class=\"close-button\" onclick=\"closeBanner()\">&times;<\/span>\n        <!-- Fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re -->\n        <span class=\"down-arrow\" onclick=\"showBanner()\">&#x25BC;<\/span>\n        <\/div>\n        <span class=\"down-arrow\" aria-label=\"Faire appara\u00eetre la banni\u00e8re\">\u2b07\ufe0f<\/span>\n    <\/div>\n\n<script>\n    \/\/ V\u00e9rification si l'appareil est un iPhone\n    const isIphone = \/iPhone\/i.test(navigator.userAgent);\n    \n    \/\/ V\u00e9rification si l'appareil est mobile (\u00e9cran de moins de 768px)\n    const isMobile = window.innerWidth <= 768;\n\n\/\/ Code JavaScript pour g\u00e9rer la fermeture de la banni\u00e8re\ndocument.querySelector('.close-button').addEventListener('click', function() {\n    if (isMobile) {\n\/\/ Si c'est un iPhone, remonte \u00e0 des valeurs sp\u00e9cifiques en fonction du mod\u00e8le\nif (isIphone) {\n    if (window.innerWidth <= 375) {\n        \/\/ iPhone X, XS, 11 Pro\n        document.querySelector('.floating-banner').style.top = '-220px'; \n    } else if (window.innerWidth <= 390) {\n        \/\/ iPhone 12 Pro\n        document.querySelector('.floating-banner').style.top = '-230px'; \n    } else if (window.innerWidth <= 414) {\n        \/\/ iPhone XR, 11, 12, 13, 14\n        document.querySelector('.floating-banner').style.top = '-235px'; \n    } else if (window.innerWidth <= 430) {\n        \/\/ iPhone 12, 13, 14 Pro Max\n        document.querySelector('.floating-banner').style.top = '-240px'; \n    } else {\n        \/\/ Pour d'autres iPhones non sp\u00e9cifi\u00e9s\n        document.querySelector('.floating-banner').style.top = '-235px';\n    }\n} else {\n    \/\/ Sinon, applique des valeurs sp\u00e9cifiques selon les r\u00e9solutions\n    if (window.innerWidth <= 320) {\n        \/\/ Pour les petits \u00e9crans, par exemple t\u00e9l\u00e9phones\n        document.querySelector('.floating-banner').style.top = '-210px'; \n    } else if (window.innerWidth <= 353) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-225px'; \n    } else if (window.innerWidth <= 360) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-215px'; \n    } else if (window.innerWidth <= 390) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-215px'; \n} else if (window.innerWidth <= 393) {\n    \/\/ Pour les tablettes ou petits laptops\n    document.querySelector('.floating-banner').style.top = '-205px'; \n    } else if (window.innerWidth <= 412) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-228px'; \n    } else if (window.innerWidth <= 428) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-245px'; \n    } else if (window.innerWidth <= 480) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-232px'; \n    } else if (window.innerWidth <= 768) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-180px'; \n    } else if (window.innerWidth <= 1024) {\n        \/\/ Pour les \u00e9crans de taille moyenne\n        document.querySelector('.floating-banner').style.top = '-200px'; \n    } else if (window.innerWidth <= 1080) {\n        \/\/ Pour les \u00e9crans de taille moyenne\n        document.querySelector('.floating-banner').style.top = '-100px'; \n    }\n }\n\/\/ Affiche la fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re\ndocument.querySelector('.down-arrow').style.display = 'block';\n    }\n});\n    \/\/ Code JavaScript pour g\u00e9rer l'apparition de la banni\u00e8re\n    document.querySelector('.down-arrow').addEventListener('click', function() {\n        if (isMobile) {\n            document.querySelector('.floating-banner').style.top = '0px'; \/\/ R\u00e9affiche la banni\u00e8re\n            document.querySelector('.down-arrow').style.display = 'none'; \/\/ Cache la fl\u00e8che\n        }\n    });\n\n    \/\/ Code pour faire appara\u00eetre la banni\u00e8re apr\u00e8s 3 secondes\n    setTimeout(function() {\n        if (isMobile) {\n            document.querySelector('.floating-banner').style.top = '0px'; \/\/ Appara\u00eet uniquement sur mobile\n        }\n    }, 3000); \/\/ 3000 ms = 3 secondes\n<\/script>\n<\/body>\n<\/html>\n\n<!DOCTYPE html> \r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contacter un Conseiller<\/title>\r\n<style>\r\n        \/* Style pour mobile *\/\r\n        @media (max-width: 768px) {\r\n            .contact-section {\r\n                position: fixed;\r\n                bottom: 0;\r\n                right: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                padding: 38px 0; \/* Ajustement du padding pour r\u00e9duire la hauteur *\/\r\n                background-color: #fff;\r\n                border-radius: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: flex-end;\r\n                border-top: 1px solid #00008B; \/* Trait horizontal bleu fonc\u00e9 *\/\r\n            }\r\n\r\n            .contact-content {\r\n                width: 100%;\r\n                padding: 0; \/* Pas de padding pour garder le contenu en place *\/\r\n                text-align: center;\r\n                position: relative; \/* N\u00e9cessaire pour le positionnement absolu du texte *\/\r\n            }\r\n            .mobile-text {\r\n                display: block;\r\n                font-size: 16px;\r\n                font-weight: bold;\r\n                margin-left: 20px; \/* Mis \u00e0 jour *\/\r\n                position: absolute; \/* Utilisation du positionnement absolu *\/\r\n                bottom: -35px; \/* Ajustez cette valeur pour d\u00e9placer le texte vers le haut ou le bas *\/\r\n            }\r\n            \/* Bouton T\u00e9l\u00e9phoner pour mobile : Ic\u00f4ne seule et centr\u00e9e *\/\r\n            .contact-button-call {\r\n                position: fixed;\r\n                bottom: 14px; \/* Positionnement du bouton *\/\r\n                right: 80px;\r\n                width: 53px;\r\n                height: 53px;\r\n                border-radius: 50%;\r\n                background-color: #28a745; \/* Changement de couleur en vert voyant *\/\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n            .contact-button-call .phone-icon {\r\n                margin-right: 0;\r\n                width: 24px; \/* Ajustement de la taille de l'ic\u00f4ne *\/\r\n                height: 24px;\r\n            }\r\n            \/* Masquer le texte du t\u00e9l\u00e9phone sur mobile *\/\r\n            .contact-button-call .phone-text {\r\n                display: none;\r\n            }\r\n            .contact-button-chat {\r\n                display: none;\r\n            }\r\n        }\r\n        \/* Styles \u00e0 neutraliser pour la version ordinateur *\/\r\n        @media (min-width: 769px) {\r\n            .contact-section {\r\n                display: none; \/* Masquer compl\u00e8tement la section pour la version ordinateur *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"contact-section\">\r\n        <div class=\"contact-content\">\r\n<!-- Texte visible sur mobile -->\r\n<h2 class=\"mobile-text\">Un conseiller est disponible<\/h2>       \r\n            <!-\r\n<!-- Bouton de t\u00e9l\u00e9phone avec ic\u00f4ne pour mobile -->    \r\n<a href=\"tel:0185090101\" class=\"contact-button-call\">\r\n<svg class=\"phone-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\"> \r\n<path d=\"M22 16.92v3.83c0 .71-.58 1.29-1.29 1.29-10.37 0-18.77-8.4-18.77-18.77 0-.71.58-1.29 1.29-1.29h3.83c.71 0 1.29.58 1.29 1.29 0 1.31.2 2.58.57 3.78.14.45.04.96-.3 1.3L6.23 9.68c1.66 3.02 4.28 5.64 7.3 7.3l1.11-1.11c.34-.34.85-.44 1.3-.3 1.2.38 2.47.57 3.78.57.71 0 1.29.58 1.29 1.29z\"\/>        \r\n                <\/sv\r\n<\/svg>        \r\n<\/a> \r\n<\/div>\r\n    <\/div\r\n<\/div>\r\n<!-- Script Crisp -->\r\n\r\n<script type=\"text\/javascript\">\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fb\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-e\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b92\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"scrip\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.cr\r\n\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n            s.async = 1; \r\n            d.getElementsByTagName(\"\r\n \r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n            s.async = 1; \r\n            d.getElementsByTagName(\"head\")[0].appendChild(s); \r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/\r\n<\/html>\n\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Bouton T\u00e9l\u00e9phone<\/title>\r\n\r\n    <style>\r\n        \/* Cache le bouton sur les \u00e9crans de moins de 768px (tablettes et t\u00e9l\u00e9phones) *\/\r\n        @media (max-width: 768px) {\r\n            .fixed-phone-button {\r\n                display: none !important; \/* Utilisation de !important pour forcer le masquage sur mobile *\/\r\n            }\r\n        }\r\n\r\n        .fixed-phone-button {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            background-color: #D86031;\r\n            color: #ffffff;\r\n            padding: 15px 20px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-size: 1.2em;\r\n            font-weight: bold;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n            z-index: 1000;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            transition: background-color 0.3s ease, color 0.3s ease;\r\n            text-align: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n        }\r\n\r\n        .fixed-phone-button img {\r\n            margin-right: 0px;\r\n            height: 20px;\r\n            width: 20px;\r\n            max-width: none;\r\n            max-height: none;\r\n            transition: content 0.3s ease;\r\n        }\r\n\r\n        .phone-number {\r\n            font-size: 1.0em;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .additional-text {\r\n            font-size: 0.7em;\r\n            color: #ffffff;\r\n            margin: 0;\r\n            font-weight: normal;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .fixed-phone-button:hover {\r\n            background-color: #ffffff;\r\n            color: #D86031;\r\n            border: 2px solid #D86031;\r\n        }\r\n\r\n        .fixed-phone-button:hover img {\r\n            content: url('https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png');\r\n        }\r\n\r\n        .fixed-phone-button:hover .additional-text {\r\n            color: #D86031;\r\n        }\r\n\r\n        .fixed-phone-button.show {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fixed-phone-button:focus,\r\n        .fixed-phone-button:active {\r\n            outline: none;\r\n            color: #ffffff;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <a href=\"tel:0185090101\" class=\"fixed-phone-button\" id=\"phoneButton\">\r\n        <div class=\"phone-number\">\r\n            <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"Ic\u00f4ne T\u00e9l\u00e9phone\">\r\n            01 85 09 01 01\r\n        <\/div>\r\n        <div class=\"additional-text\">Assistance Matuile 24\/7<\/div>\r\n    <\/a>\r\n\r\n    <script>\r\n        window.addEventListener('scroll', function() {\r\n            var button = document.getElementById('phoneButton');\r\n            if (window.scrollY > 100) {\r\n                button.classList.add('show');\r\n            } else {\r\n                button.classList.add('show'); \/\/ Le bouton reste visible en haut de la page\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>","protected":false},"excerpt":{"rendered":"<p>Dans l&rsquo;univers de l&rsquo;informatique, un \u00e9l\u00e9ment souvent sous-estim\u00e9 mais indispensable doit attirer notre attention : le bloc d&rsquo;alimentation. Cette pi\u00e8ce discr\u00e8te mais&#8230;<\/p>\n","protected":false},"author":10,"featured_media":55366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[41,113],"tags":[],"class_list":{"0":"post-55358","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guide-informatique","8":"category-composants-ordinateur"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bloc d&#039;alimentation : C&#039;est quoi ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez le r\u00f4le essentiel du bloc d&#039;alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/matuile.com\/media\/bloc-alimentation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bloc d&#039;alimentation : C&#039;est quoi ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez le r\u00f4le essentiel du bloc d&#039;alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/bloc-alimentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-19T15:14:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-20T13:16:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lucas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\"},\"headline\":\"Le bloc d&rsquo;alimentation : c&rsquo;est quoi ?\",\"datePublished\":\"2024-05-19T15:14:41+00:00\",\"dateModified\":\"2024-10-20T13:16:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/\"},\"wordCount\":648,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/bloc-alimentation-pc-scaled.jpeg\",\"articleSection\":[\"Guide informatique\",\"Les composants d'un ordinateur\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/\",\"name\":\"Bloc d'alimentation : C'est quoi ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/bloc-alimentation-pc-scaled.jpeg\",\"datePublished\":\"2024-05-19T15:14:41+00:00\",\"dateModified\":\"2024-10-20T13:16:46+00:00\",\"description\":\"D\u00e9couvrez le r\u00f4le essentiel du bloc d'alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/bloc-alimentation-pc-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/bloc-alimentation-pc-scaled.jpeg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/bloc-alimentation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide informatique\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/category\\\/guide-informatique\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Le bloc d&rsquo;alimentation : c&rsquo;est quoi ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"name\":\"Matuile Blog\",\"description\":\"La solution \u00e0 votre urgence\",\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"alternateName\":\"Matuile\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/matuile.com\\\/media\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\",\"name\":\"Matuile\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"width\":700,\"height\":700,\"caption\":\"Matuile\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\",\"name\":\"Lucas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"caption\":\"Lucas\"},\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/author\\\/lucas\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bloc d'alimentation : C'est quoi ?","description":"D\u00e9couvrez le r\u00f4le essentiel du bloc d'alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/matuile.com\/media\/bloc-alimentation\/","og_locale":"fr_FR","og_type":"article","og_title":"Bloc d'alimentation : C'est quoi ?","og_description":"D\u00e9couvrez le r\u00f4le essentiel du bloc d'alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !","og_url":"https:\/\/matuile.com\/media\/bloc-alimentation\/","og_site_name":"Matuile","article_published_time":"2024-05-19T15:14:41+00:00","article_modified_time":"2024-10-20T13:16:46+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg","type":"image\/jpeg"}],"author":"Lucas","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lucas","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#article","isPartOf":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/"},"author":{"name":"Lucas","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185"},"headline":"Le bloc d&rsquo;alimentation : c&rsquo;est quoi ?","datePublished":"2024-05-19T15:14:41+00:00","dateModified":"2024-10-20T13:16:46+00:00","mainEntityOfPage":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/"},"wordCount":648,"commentCount":0,"publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"image":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg","articleSection":["Guide informatique","Les composants d'un ordinateur"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/matuile.com\/media\/bloc-alimentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/","url":"https:\/\/matuile.com\/media\/bloc-alimentation\/","name":"Bloc d'alimentation : C'est quoi ?","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg","datePublished":"2024-05-19T15:14:41+00:00","dateModified":"2024-10-20T13:16:46+00:00","description":"D\u00e9couvrez le r\u00f4le essentiel du bloc d'alimentation dans les ordinateurs. Comprendre son fonctionnement et son importance !","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/bloc-alimentation\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/bloc-alimentation-pc-scaled.jpeg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/bloc-alimentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"Guide informatique","item":"https:\/\/matuile.com\/media\/category\/guide-informatique\/"},{"@type":"ListItem","position":3,"name":"Le bloc d&rsquo;alimentation : c&rsquo;est quoi ?"}]},{"@type":"WebSite","@id":"https:\/\/matuile.com\/media\/#website","url":"https:\/\/matuile.com\/media\/","name":"Matuile Blog","description":"La solution \u00e0 votre urgence","publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"alternateName":"Matuile","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/matuile.com\/media\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/matuile.com\/media\/#organization","name":"Matuile","url":"https:\/\/matuile.com\/media\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","width":700,"height":700,"caption":"Matuile"},"image":{"@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185","name":"Lucas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","caption":"Lucas"},"url":"https:\/\/matuile.com\/media\/author\/lucas\/"}]}},"_links":{"self":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/comments?post=55358"}],"version-history":[{"count":15,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55358\/revisions"}],"predecessor-version":[{"id":79623,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55358\/revisions\/79623"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media\/55366"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=55358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/categories?post=55358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/tags?post=55358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}