{"id":54729,"date":"2024-05-19T20:10:08","date_gmt":"2024-05-19T18:10:08","guid":{"rendered":"https:\/\/matuile.com\/media\/?p=54729"},"modified":"2024-10-20T15:26:52","modified_gmt":"2024-10-20T13:26:52","slug":"quels-sont-les-composants-dun-ordinateur","status":"publish","type":"post","link":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/","title":{"rendered":"Quels sont les composants d&rsquo;un ordinateur ?"},"content":{"rendered":"<p style=\"font-size:16px;font-style:normal;font-weight:100\">Bienvenue dans cet univers fascinant des&nbsp;composants&nbsp;d&rsquo;ordinateur&nbsp;! Chaque \u00e9l\u00e9ment, de la&nbsp;carte m\u00e8re&nbsp;au&nbsp;disque dur, en passant par la&nbsp;carte graphique&nbsp;et la&nbsp;RAM, joue un r\u00f4le d\u00e9terminant. Plonger dans le c\u0153ur d&rsquo;un&nbsp;ordinateur, c&rsquo;est comme explorer une ville o\u00f9 chaque pi\u00e8ce a son importance. Mais comment choisir les bons&nbsp;composants&nbsp;? Comment assurer leur compatibilit\u00e9 ? D\u00e9cryptons ensemble le fonctionnement de ces pi\u00e8ces ma\u00eetresses et leurs interconnexions.<\/p><script type=\"text\/javascript\" defer async src=\"https:\/\/cdn.trustindex.io\/assets\/js\/richsnippet.js?1d587e184460g374\"><\/script><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">La carte m\u00e8re : le c\u0153ur<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-la-carte-mere\/\">carte m\u00e8re <\/a><\/strong>est le c\u0153ur de l&rsquo;ordinateur. Elle fournit une plateforme pour connecter <strong>tous les composants essentiels<\/strong>, tels que le processeur, la m\u00e9moire vive ou le disque dur. Elle assure la communication entre ces \u00e9l\u00e9ments et fournit \u00e9galement les interfaces pour les p\u00e9riph\u00e9riques d&rsquo;entr\u00e9e et de sortie. La carte m\u00e8re abrite le BIOS et fournit \u00e9galement des ports pour les connexions externes comme les USB, Ethernet, et l&rsquo;audio.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En bref, la carte m\u00e8re est le c\u0153ur de tout syst\u00e8me informatique, facilitant la collaboration harmonieuse des diff\u00e9rents composants pour assurer son fonctionnement.<\/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\">Le BIOS<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/\">BIOS<\/a><\/strong> (Basic Input\/Output System) est un logiciel <strong>int\u00e9gr\u00e9 \u00e0 la carte m\u00e8re<\/strong> de l&rsquo;ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Il assure les <strong>fonctions de base n\u00e9cessaires au d\u00e9marrage du syst\u00e8me<\/strong>, telles que l&rsquo;initialisation du mat\u00e9riel, le chargement du syst\u00e8me d&rsquo;exploitation (Windows, macOS ou Linux) \u00e0 partir du disque dur, et la configuration des param\u00e8tres du syst\u00e8me.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le BIOS fournit \u00e9galement une interface utilisateur pour acc\u00e9der et modifier ces param\u00e8tres, tels que l&rsquo;ordre de d\u00e9marrage des p\u00e9riph\u00e9riques et les r\u00e9glages du processeur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En somme, le BIOS joue un r\u00f4le essentiel dans l&rsquo;amor\u00e7age du syst\u00e8me et la configuration initiale de l&rsquo;ordinateur.<\/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\">Le processeur (CPU) : le cerveau<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le&nbsp;<strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-processeur\/\">processeur<\/a><\/strong> ou CPU (Central Processing Unit) est souvent d\u00e9crit comme <strong>le cerveau de l&rsquo;ordinateur<\/strong>. Il ex\u00e9cute les instructions des programmes et effectue des calculs complexes \u00e0 une vitesse fulgurante. Le processeur traite les donn\u00e9es en convertissant les informations num\u00e9riques en actions, influen\u00e7ant ainsi la vitesse et les performances globales de l&rsquo;ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Plus la vitesse du processeur est grande, plus il peut traiter rapidement les t\u00e2ches.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le processeur interagit avec la <strong>m\u00e9moire vive<\/strong> (RAM) et les <strong>autres composants du syst\u00e8me<\/strong> pour r\u00e9aliser des op\u00e9rations complexes, assurant ainsi le bon fonctionnement de l&rsquo;ordinateur.<\/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\">La m\u00e9moire vive (RAM) : la m\u00e9moire courte<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La&nbsp;<strong>m\u00e9moire vive<\/strong>, g\u00e9n\u00e9ralement appel\u00e9e&nbsp;<strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-la-ram\/\">RAM<\/a><\/strong> (Random Access Memory), est un composant pr\u00e9sent dans un&nbsp;ordinateur sous forme de barrette.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Elle offre un <strong>acc\u00e8s rapide aux informations<\/strong>, ce qui permet au processeur d&rsquo;acc\u00e9der rapidement aux donn\u00e9es n\u00e9cessaires pour ex\u00e9cuter des programmes.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Ainsi, plus la quantit\u00e9 de m\u00e9moire vive est importante, plus les temps d\u2019acc\u00e8s entre le processeur et le disque dur seront faibles, ce qui par cons\u00e9quent permettra une ex\u00e9cution plus rapide des logiciels.<\/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\">Le disque dur (HDD\/SSD) : la m\u00e9moire longue<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-disque-dur-hdd-ou-sdd\/\">disque dur<\/a><\/strong>, qu&rsquo;il soit HDD (Hard Disk Drive) ou SSD (Solid State Drive), est le principal <strong>dispositif de stockage<\/strong> \u00e0 long terme d&rsquo;un ordinateur. Il conserve les donn\u00e9es, les applications et le syst\u00e8me d&rsquo;exploitation (Windows, macOS ou Linux) m\u00eame lorsque l&rsquo;ordinateur est \u00e9teint.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les disques HDD utilisent des plateaux magn\u00e9tiques en rotation pour stocker les donn\u00e9es, tandis que les SSD utilisent des puces de m\u00e9moire flash, ce qui les rend plus rapides et plus fiables.<\/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\">La c<strong>arte graphique (GPU)<\/strong><\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La <strong><a href=\"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/\">carte graphique<\/a><\/strong>, \u00e9galement appel\u00e9e carte vid\u00e9o ou GPU (Graphics Processing Unit), est responsable du <strong>traitement des donn\u00e9es graphiques<\/strong> et de <strong>l&rsquo;affichage des images<\/strong> sur l&rsquo;\u00e9cran de l&rsquo;ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Elle est particuli\u00e8rement importante pour les t\u00e2ches n\u00e9cessitant des calculs graphiques intensifs, telles que les jeux vid\u00e9o et la mod\u00e9lisation 3D. Elle acc\u00e9l\u00e8re le rendu des images ce qui am\u00e9liore les performances graphiques et lib\u00e8re le processeur pour d&rsquo;autres t\u00e2ches. Certaines cartes graphiques int\u00e8grent \u00e9galement des fonctionnalit\u00e9s de d\u00e9codage vid\u00e9o, am\u00e9liorant ainsi la qualit\u00e9 de la lecture vid\u00e9o et la fluidit\u00e9 des animations.<\/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\">La c<strong>arte son<\/strong><\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-une-carte-son\/\">carte son<\/a><\/strong> est un composant mat\u00e9riel qui g\u00e8re la production et la <strong>manipulation du son<\/strong> sur l&rsquo;ordinateur. Elle convertit les signaux audio num\u00e9riques en signaux analogiques, permettant ainsi la reproduction du son \u00e0 travers les haut-parleurs ou les \u00e9couteurs. La carte son prend en charge diff\u00e9rentes fonctionnalit\u00e9s audio, telles que l&rsquo;enregistrement et la lecture de son, la spatialisation du son pour une exp\u00e9rience immersive, et la prise en charge de divers formats audio.<\/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\">La c<strong>arte r\u00e9seau<\/strong><\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La <strong><a href=\"https:\/\/matuile.com\/media\/la-carte-reseau-pc\/\">carte r\u00e9seau<\/a><\/strong> est un composant mat\u00e9riel essentiel qui permet \u00e0 un ordinateur de se connecter \u00e0 un r\u00e9seau local ou \u00e0 <strong>Internet<\/strong>.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Elle g\u00e8re la communication entre l&rsquo;ordinateur et d&rsquo;autres appareils sur le r\u00e9seau en utilisant des protocoles tels que Ethernet ou le WiFi.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">La carte r\u00e9seau facilite l&rsquo;\u00e9change de donn\u00e9es entre les appareils connect\u00e9s, permettant ainsi le partage de fichiers, l&rsquo;acc\u00e8s \u00e0 Internet, la communication en r\u00e9seau, et d&rsquo;autres fonctionnalit\u00e9s r\u00e9seau.<\/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\">Les ventilateurs<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les <strong><a href=\"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/\">ventilateurs<\/a><\/strong>, \u00e9l\u00e9ments cl\u00e9s du <strong>syst\u00e8me de refroidissement<\/strong> d&rsquo;un ordinateur, servent \u00e0 dissiper la chaleur g\u00e9n\u00e9r\u00e9e par les composants internes tels que le processeur et la carte graphique. En tournant, ils cr\u00e9ent un flux d&rsquo;air qui \u00e9vacue la chaleur des composants chauds vers l&rsquo;ext\u00e9rieur du bo\u00eetier de l&rsquo;ordinateur. Ce processus pr\u00e9vient la surchauffe, qui peut endommager les composants et r\u00e9duire les performances.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Un bon syst\u00e8me de refroidissement est crucial pour maintenir la stabilit\u00e9 et la durabilit\u00e9 d&rsquo;un ordinateur, surtout lors de t\u00e2ches intensives comme le jeu ou la mod\u00e9lisation 3D.<\/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\">Les c<strong>onnectiques<\/strong><\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les connectiques, <strong>\u00e9galement appel\u00e9es ports<\/strong>, sont les interfaces physiques sur un ordinateur qui permettent la connexion de p\u00e9riph\u00e9riques externes.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Ils incluent une vari\u00e9t\u00e9 de ports tels que les ports USB, HDMI, Ethernet, VGA, audio, et Thunderbolt, entre autres. Chaque type de port est con\u00e7u pour une fonction sp\u00e9cifique, par exemple, les ports USB permettent de connecter des p\u00e9riph\u00e9riques comme les claviers, les souris, les imprimantes, et les disques durs externes, tandis que les ports HDMI sont utilis\u00e9s pour connecter des \u00e9crans externes ou des t\u00e9l\u00e9viseurs.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les connectiques jouent un r\u00f4le crucial dans l&rsquo;expansion des fonctionnalit\u00e9s d&rsquo;un ordinateur en permettant la connexion \u00e0 une gamme vari\u00e9e de p\u00e9riph\u00e9riques et d&rsquo;accessoires externes.<\/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\">Les p<strong>\u00e9riph\u00e9riques d\u2019entr\u00e9e\/sortie<\/strong><\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-les-peripheriques-dentree-et-de-sortie\/\">p\u00e9riph\u00e9riques d&rsquo;entr\u00e9e et de sortie <\/a><\/strong>permettent \u00e0 l&rsquo;utilisateur d&rsquo;interagir avec l&rsquo;ordinateur et de recevoir des informations sous forme de texte, d&rsquo;images, de sons, etc.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En ce qui concerne les <strong>p\u00e9riph\u00e9riques d&rsquo;entr\u00e9e<\/strong>, ils comprennent g\u00e9n\u00e9ralement des dispositifs comme le clavier, la souris, le pav\u00e9 tactile, le scanner, le microphone, et les cam\u00e9ras, qui permettent \u00e0 l&rsquo;utilisateur de fournir des donn\u00e9es \u00e0 l&rsquo;ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les p\u00e9riph\u00e9riques de sortie, quant \u00e0 eux, incluent l&rsquo;\u00e9cran, l&rsquo;imprimante, les haut-parleurs, et les \u00e9couteurs, qui affichent ou reproduisent les r\u00e9sultats du traitement de l&rsquo;ordinateur pour l&rsquo;utilisateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Tous ces p\u00e9riph\u00e9riques facilitent l&rsquo;interaction entre l&rsquo;utilisateur et l&rsquo;ordinateur en permettant une communication fluide et efficace.<\/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\">L&rsquo;alimentation<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">L&rsquo;<strong><a href=\"https:\/\/matuile.com\/media\/bloc-alimentation\/\">alimentation<\/a><\/strong> fournit l&rsquo;\u00e9lectricit\u00e9 n\u00e9cessaire au bon fonctionnement des diff\u00e9rents&nbsp;composants. Une alimentation de qualit\u00e9 est essentielle pour assurer une distribution stable de l&rsquo;\u00e9nergie et prot\u00e9ger les composants contre les surtensions.<\/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\">Le boitier<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le <strong><a href=\"https:\/\/matuile.com\/media\/le-boitier-ordinateur\/\">boitier de l&rsquo;ordinateur<\/a><\/strong> est le ch\u00e2ssis qui abrite et prot\u00e8ge les composants internes de l&rsquo;ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En m\u00e9tal ou en plastique, il est con\u00e7u pour offrir un espace de montage s\u00e9curis\u00e9 pour la carte m\u00e8re, le processeur, la carte graphique, le disque dur et d&rsquo;autres composants. Le boitier est \u00e9quip\u00e9 de panneaux amovibles pour faciliter l&rsquo;acc\u00e8s aux composants internes lors de l&rsquo;installation, de la mise \u00e0 niveau ou de la maintenance. Il comprend \u00e9galement des ouvertures pour \u00e9vacuer la chaleur g\u00e9n\u00e9r\u00e9e par les composants internes et une charni\u00e8re pour les ordinateurs portables<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En plus de sa fonction pratique, le boitier peut \u00e9galement avoir un aspect esth\u00e9tique avec diff\u00e9rents designs et \u00e9clairages pour correspondre au style de l&rsquo;utilisateur.<\/p><!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>Bug informatique<\/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; \/* R\u00e9duction de l'espace int\u00e9rieur de la banni\u00e8re *\/\n                box-sizing: border-box;\n                background-color: white; \/* Fond blanc pour la version mobile *\/\n                transition: top 0.5s ease-in-out; \/* Animation pour la version mobile *\/\n            }\n            .content {\n                margin-bottom: -20px; \/* R\u00e9duction de l'espace entre le contenu et le bas de la banni\u00e8re *\/\n            }\n            .image img {\n                width: 32%;\n                float: left;\n                margin-right: 0px; \/* R\u00e9duit l'espace \u00e0 droite pour centrer l'image *\/\n                margin-left: 35px; \/* D\u00e9cale l'image vers la droite pour l'aligner avec la phrase *\/\n            }\n            .title {\n                font-size: 20px; \/* Ajuste la taille du titre \u00e0 20px *\/\n                margin: 3px 0; \/* Remonte l\u00e9g\u00e8rement le titre *\/\n                position: relative;\n                top: -9px; \/* Ajust\u00e9 \u00e0 -9px pour monter \"Constat Internet\" *\/\n            }\n            .price {\n                font-size: 18px; \/* Ajuste la taille du prix \u00e0 18px *\/\n                margin-bottom: 5px;\n                position: relative;\n                top: -1px;\n            }\n            .description {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                position: relative;\n                top: -9px; \/* Positionne les phrases \u00e0 -9px *\/\n            }\n            .description span {\n                width: 50%; \/* Utilise la moiti\u00e9 de la largeur pour chaque phrase *\/\n                text-align: center; \/* Centrer les phrases *\/\n                margin: 0px 0; \/* Espacement vertical entre les phrases *\/\n                font-size: 11.5px; \/* R\u00e9duit la taille des phrases \u00e0 11px *\/\n            }\n            .button {\n                padding: 10px 10px;\n                font-size: 15px;\n                position: relative;\n                top: 5px; \/* Ajuster cette valeur pour monter ou descendre le bouton dans la version mobile *\/\n                margin-top: 0px; \/* R\u00e9duire l'espace au-dessus du bouton *\/\n            }\n\n            \/* Croix pour fermer la banni\u00e8re *\/\n            .close-button {\n                position: absolute;\n                top: -8px;\n                right: 10px;\n                cursor: pointer;\n                font-size: 28px; \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: 0px !important; \/* Baisse la position du prix *\/\n                font-size: 19px !important; \/* Augmente la taille du prix *\/\n            }\n            .title {\n                 font-size: 24px;\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                margin-top: 1px !important; \/* Ajoute de l'espace au-dessus 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: 1px !important; \/* Ajustement de la position du prix *\/\n        font-size: 16px !important; \/* Ajustement de la taille de la police du prix *\/\n    }\n    .title {\n        font-size: 20px;\n        top: -5px !important; \/* Ajustement de la position du prix *\/\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: 5px !important;\n        font-size: 18px;\n    }\n    .title {\n        font-size: 20px;\n        top: -4px !important; \/* Ajustement de la position du prix *\/\n    }\n    .image img {\n        width: 32%;\n        margin-left: 1.875em;\n    }\n    .description span {\n        font-size: 12px;\n        margin-top: 5px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 1px;\n        font-size: 16px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n       .title {\n        font-size: 18px; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 5px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 7px;\n        font-size: 16px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 5px !important;\n        font-size: 16px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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: 11.5px !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: 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: 15px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 17px !important; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: -350px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: 6px;\n        font-size: 17px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 20px; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 4.5px !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        top: -5px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 9px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 20px !important; \/* Taille du titre *\/\n        top: -6px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 9px !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 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: 5px !important;\n        font-size: 15px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n        top: -5px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 9px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 6px !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        top: -5px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 9px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 7.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        top: -5px !important; \/* Ajustement de la position du prix *\/\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: 10.5px !important;  \/* Ajuste la taille des textes dans la description *\/\n        margin-top: 8px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 9px !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        top: -5px !important; \/* Ajustement de la position du prix *\/\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: 11.5px !important; \/* Ajuste la taille des textes dans la description *\/\n        margin-top: 10px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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: 9px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 19px !important; \/* Taille du titre *\/\n        top: -5px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 10px !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 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: 12px !important;\n        font-size: 18px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 21px !important; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n        margin-top: 15px !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: 5px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 15px !important; \/* Taille du titre *\/\n        top: -4px !important; \/* Ajustement de la position du prix *\/\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        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\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\/bug-informatique-2560x1706-1.webp\" alt=\"Bug informatique\">\n            <\/div>\n            <div class=\"title\">Bug informatique<\/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 = '-215px'; \n    } else if (window.innerWidth <= 430) {\n        \/\/ iPhone 12, 13, 14 Pro Max\n        document.querySelector('.floating-banner').style.top = '-235px'; \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 = '-220px'; \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 = '-222px'; \n    } else if (window.innerWidth <= 390) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-205px'; \n} else if (window.innerWidth <= 393) {\n    \/\/ Pour les tablettes ou petits laptops\n    document.querySelector('.floating-banner').style.top = '-190px'; \n    } else if (window.innerWidth <= 412) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-235px'; \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 = '-240px'; \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 !important; \/* Forcer le fond blanc *\/\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>Bienvenue dans cet univers fascinant des&nbsp;composants&nbsp;d&rsquo;ordinateur&nbsp;! Chaque \u00e9l\u00e9ment, de la&nbsp;carte m\u00e8re&nbsp;au&nbsp;disque dur, en passant par la&nbsp;carte graphique&nbsp;et la&nbsp;RAM, joue un r\u00f4le d\u00e9terminant&#8230;.<\/p>\n","protected":false},"author":10,"featured_media":54735,"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-54729","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>Quels sont les composants d&#039;un ordinateur ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les composants d&#039;un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...\" \/>\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\/quels-sont-les-composants-dun-ordinateur\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quels sont les composants d&#039;un ordinateur ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les composants d&#039;un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-19T18:10:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-20T13:26:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-scaled.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1585\" \/>\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\\\/quels-sont-les-composants-dun-ordinateur\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\"},\"headline\":\"Quels sont les composants d&rsquo;un ordinateur ?\",\"datePublished\":\"2024-05-19T18:10:08+00:00\",\"dateModified\":\"2024-10-20T13:26:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/\"},\"wordCount\":1427,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/processeur-carte-mere-scaled.jpeg\",\"articleSection\":[\"Guide informatique\",\"Les composants d'un ordinateur\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/\",\"name\":\"Quels sont les composants d'un ordinateur ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/processeur-carte-mere-scaled.jpeg\",\"datePublished\":\"2024-05-19T18:10:08+00:00\",\"dateModified\":\"2024-10-20T13:26:52+00:00\",\"description\":\"D\u00e9couvrez les composants d'un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/processeur-carte-mere-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/processeur-carte-mere-scaled.jpeg\",\"width\":2560,\"height\":1585,\"caption\":\"Homme pla\u00e7ant le processeur sur la carte m\u00e8re d'un ordinateur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/quels-sont-les-composants-dun-ordinateur\\\/#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\":\"Quels sont les composants d&rsquo;un ordinateur ?\"}]},{\"@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":"Quels sont les composants d'un ordinateur ?","description":"D\u00e9couvrez les composants d'un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...","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\/quels-sont-les-composants-dun-ordinateur\/","og_locale":"fr_FR","og_type":"article","og_title":"Quels sont les composants d'un ordinateur ?","og_description":"D\u00e9couvrez les composants d'un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...","og_url":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/","og_site_name":"Matuile","article_published_time":"2024-05-19T18:10:08+00:00","article_modified_time":"2024-10-20T13:26:52+00:00","og_image":[{"width":2560,"height":1585,"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-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\/quels-sont-les-composants-dun-ordinateur\/#article","isPartOf":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/"},"author":{"name":"Lucas","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185"},"headline":"Quels sont les composants d&rsquo;un ordinateur ?","datePublished":"2024-05-19T18:10:08+00:00","dateModified":"2024-10-20T13:26:52+00:00","mainEntityOfPage":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/"},"wordCount":1427,"commentCount":0,"publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"image":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-scaled.jpeg","articleSection":["Guide informatique","Les composants d'un ordinateur"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/","url":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/","name":"Quels sont les composants d'un ordinateur ?","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-scaled.jpeg","datePublished":"2024-05-19T18:10:08+00:00","dateModified":"2024-10-20T13:26:52+00:00","description":"D\u00e9couvrez les composants d'un ordinateur : carte m\u00e8re, BIOS, RAM, disque dur, carte graphique, carte son, carte r\u00e9seau, connectiques, etc...","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-scaled.jpeg","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/processeur-carte-mere-scaled.jpeg","width":2560,"height":1585,"caption":"Homme pla\u00e7ant le processeur sur la carte m\u00e8re d'un ordinateur"},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/quels-sont-les-composants-dun-ordinateur\/#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":"Quels sont les composants d&rsquo;un ordinateur ?"}]},{"@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\/54729","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=54729"}],"version-history":[{"count":18,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/54729\/revisions"}],"predecessor-version":[{"id":79628,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/54729\/revisions\/79628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media\/54735"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=54729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/categories?post=54729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/tags?post=54729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}