{"id":55107,"date":"2024-05-19T19:29:59","date_gmt":"2024-05-19T17:29:59","guid":{"rendered":"https:\/\/matuile.com\/media\/?p=55107"},"modified":"2024-10-20T15:31:14","modified_gmt":"2024-10-20T13:31:14","slug":"a-quoi-sert-carte-graphique","status":"publish","type":"post","link":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/","title":{"rendered":"\u00c0 quoi sert la carte graphique ?"},"content":{"rendered":"<p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>La carte graphique<\/strong>, \u00e9galement connue sous le nom de <strong>GPU<\/strong> (Graphics Processing Unit), <strong>est un composant vital pour tout ordinateur moderne car elle est responsable du rendu et de l&rsquo;affichage des images \u00e0 l&rsquo;\u00e9cran<\/strong>. Que ce soit pour le gaming, le montage vid\u00e9o, la mod\u00e9lisation 3D ou tout autre usage intensif en ressources graphiques, la carte graphique joue un r\u00f4le crucial dans la performance de l\u2019ordinateur. Comprendre \u00e0 quoi sert la carte graphique est alors indispensable pour avoir un graphisme de haute qualit\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 la carte graphique ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Une carte graphique se pr\u00e9sente sous la forme d&rsquo;un module qui se fixe sur la <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-la-carte-mere\/\">carte m\u00e8re<\/a><\/strong> d&rsquo;un ordinateur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Son corps principal est constitu\u00e9 d&rsquo;un circuit imprim\u00e9 o\u00f9 sont mont\u00e9s tous les composants \u00e9lectroniques. Il peut varier en taille en fonction de sa puissance et des composants qu\u2019il int\u00e8gre.<\/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\">Quels sont les composants de la carte graphique ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Une carte graphique contient plusieurs \u00e9l\u00e9ments cl\u00e9s&nbsp;:<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>La puce GPU<\/strong>&nbsp;: c\u2019est le c\u0153ur de la carte graphique et responsable des calculs graphiques.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>La m\u00e9moire vid\u00e9o<\/strong>&nbsp;: elle est souvent appel\u00e9e VRAM (Video Random Access Memory) et stocke les donn\u00e9es graphiques que la carte utilise pour restituer les images, les vid\u00e9os et les animations.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Un syst\u00e8me de refroidissement<\/strong>&nbsp;: la majorit\u00e9 des cartes graphiques contiennent des ventilateurs mont\u00e9s sur des dissipateurs thermiques pour rafra\u00eechir la puce et la m\u00e9moire vid\u00e9o.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Des sorties vid\u00e9o<\/strong>&nbsp;: la carte graphique se connecte \u00e0 un ou plusieurs \u00e9crans via des connecteurs tels que HDMI, DisplayPort, etc\u2026<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Un connecteur<\/strong>&nbsp;: la carte graphique se branche sur la carte m\u00e8re via une connecteur PCIE (Peripheral Component Interconnect Express).<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>L\u2019alimentation \u00e9lectrique<\/strong>&nbsp;: certaines cartes graphiques haut de gamme n\u00e9cessitent une alimentation sp\u00e9cifique suppl\u00e9mentaire.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le logiciel&nbsp;<\/strong>: il permet de configurer les param\u00e8tres graphiques, de mettre \u00e0 jour les pilotes et d\u2019optimiser les performances.<\/li><\/ul><div style=\"height:30px\" 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 de la carte graphique ?<\/h2><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-1024x683.jpeg\" alt=\"\" class=\"wp-image-55132\" srcset=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-1024x683.jpeg 1024w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-scaled-600x400.jpeg 600w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-300x200.jpeg 300w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-768x512.jpeg 768w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-1536x1024.jpeg 1536w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-2048x1365.jpeg 2048w, https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/variete-couleurs-360x240.jpeg 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>La carte graphique est essentielle pour le rendu et l&rsquo;affichage des images et vid\u00e9os \u00e0 l&rsquo;\u00e9cran.<\/strong><\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Elle d\u00e9charge le <a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-processeur\/\">processeur<\/a><\/strong> en prenant en charge les calculs graphiques complexes, particuli\u00e8rement pour les jeux vid\u00e9o, le montage vid\u00e9o ou la mod\u00e9lisation 3D.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Elle peut effectuer plusieurs t\u00e2ches en m\u00eame temps en fonction de sa m\u00e9moire, ce qui acc\u00e9l\u00e8re le traitement des images et des vid\u00e9os.<\/strong><\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Elle permet \u00e9galement l&rsquo;affichage sur plusieurs \u00e9crans, facilitent le d\u00e9codage et l&rsquo;encodage vid\u00e9o.<\/strong><\/li><\/ul><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\">En bref, pour r\u00e9pondre \u00e0 la question \u00ab&nbsp;\u00e0 quoi sert une carte graphique&nbsp;\u00bb,  la meilleure r\u00e9ponse consiste \u00e0 dire qu&rsquo;elle permet d&rsquo;avoir de belles images, d&rsquo;excellents vid\u00e9os, des performances dans les jeux ou le travail de cr\u00e9ation.<\/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\">Quelle est l&rsquo;importance de la m\u00e9moire vid\u00e9o ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">La m\u00e9moire vid\u00e9o, \u00e9galement appel\u00e9e VRAM (Video Random Access Memory), est cruciale pour un rendu impeccable des vid\u00e9os et des images. <strong>Plus la qualit\u00e9 est \u00e9lev\u00e9e, plus la VRAM est sollicit\u00e9e<\/strong>. Choisir la bonne quantit\u00e9 de VRAM assure alors des performances fluides et une qualit\u00e9 visuelle optimale pour vos applications.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les capacit\u00e9s de stockage de la VRAM varient g\u00e9n\u00e9ralement de 2 Go \u00e0 24 Go, voire plus.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Voici comment choisir la quantit\u00e9 de VRAM en fonction de vos besoins :<\/strong><\/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\">UTILISATION<\/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\">CAPACIT\u00c9 DE STOCKAGE<\/mark><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Basique<\/td><td class=\"has-text-align-center\" data-align=\"center\">4 \u00e0 6 Go<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Moyenne<\/td><td class=\"has-text-align-center\" data-align=\"center\">6 \u00e0 12 Go<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Intensive<\/td><td class=\"has-text-align-center\" data-align=\"center\">12 Go et plus<\/td><\/tr><\/tbody><\/table><\/figure><\/div><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Quel est le prix de la carte graphique ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les prix d\u2019une carte graphique varient en fonction de la marque, du mod\u00e8le, de la performance, des vendeurs, des promotions du moment, etc\u2026<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Les fabricants les plus connues sont&nbsp;:<\/strong><\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong><a href=\"https:\/\/www.nvidia.com\/fr-fr\/geforce\/\">NVIDIA&nbsp;<\/a><\/strong>: ils produisent les s\u00e9ries GeForce pour les particuliers et Quadro pour les professionnels.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong><a href=\"https:\/\/www.amd.com\/fr\/graphics\/radeon-rx-graphics\">AMD<\/a><\/strong>&nbsp;: ils produisent les s\u00e9ries Radeon pour les particuliers et Radeon Pro pour les professionnels.<\/li><\/ul><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Les prix sont donn\u00e9s \u00e0 titre indicatif (Mai 2024) :<\/strong><\/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\">CARTE GRAPHIQUE<\/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\">100 \u00e0 200 \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\">200 \u00e0 500 \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\">500 \u00e0 1000 \u20ac TTC<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Gamme professionnelle<\/td><td class=\"has-text-align-center\" data-align=\"center\">Plus de 1000 \u20ac TTC<\/td><\/tr><\/tbody><\/table><\/figure><\/div><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>En conclusion, \u00e0 quoi \u00e7a sert la carte graphique ? Elle est un \u00e9l\u00e9ment fondamental pour quiconque souhaite optimiser les performances visuelles de son ordinateur<\/strong>. En comprenant ces aspects, les utilisateurs peuvent mieux choisir une carte graphique adapt\u00e9e \u00e0 leurs besoins et \u00e0 leur budget.<\/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>La carte graphique, \u00e9galement connue sous le nom de GPU (Graphics Processing Unit), est un composant vital pour tout ordinateur moderne car&#8230;<\/p>\n","protected":false},"author":10,"featured_media":55119,"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-55107","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>\u00c0 quoi sert la carte graphique ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu&#039;est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.\" \/>\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\/a-quoi-sert-carte-graphique\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c0 quoi sert la carte graphique ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu&#039;est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-19T17:29:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-20T13:31:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\"},\"headline\":\"\u00c0 quoi sert la carte graphique ?\",\"datePublished\":\"2024-05-19T17:29:59+00:00\",\"dateModified\":\"2024-10-20T13:31:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/\"},\"wordCount\":726,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/carte-graphique-ordinateur-scaled.jpeg\",\"articleSection\":[\"Guide informatique\",\"Les composants d'un ordinateur\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/\",\"name\":\"\u00c0 quoi sert la carte graphique ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/carte-graphique-ordinateur-scaled.jpeg\",\"datePublished\":\"2024-05-19T17:29:59+00:00\",\"dateModified\":\"2024-10-20T13:31:14+00:00\",\"description\":\"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu'est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/carte-graphique-ordinateur-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/carte-graphique-ordinateur-scaled.jpeg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/a-quoi-sert-carte-graphique\\\/#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\":\"\u00c0 quoi sert la carte graphique ?\"}]},{\"@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":"\u00c0 quoi sert la carte graphique ?","description":"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu'est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.","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\/a-quoi-sert-carte-graphique\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c0 quoi sert la carte graphique ?","og_description":"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu'est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.","og_url":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/","og_site_name":"Matuile","article_published_time":"2024-05-19T17:29:59+00:00","article_modified_time":"2024-10-20T13:31:14+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-scaled.jpeg","type":"image\/jpeg"}],"author":"Lucas","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lucas","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#article","isPartOf":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/"},"author":{"name":"Lucas","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185"},"headline":"\u00c0 quoi sert la carte graphique ?","datePublished":"2024-05-19T17:29:59+00:00","dateModified":"2024-10-20T13:31:14+00:00","mainEntityOfPage":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/"},"wordCount":726,"commentCount":0,"publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"image":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-scaled.jpeg","articleSection":["Guide informatique","Les composants d'un ordinateur"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/","url":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/","name":"\u00c0 quoi sert la carte graphique ?","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-scaled.jpeg","datePublished":"2024-05-19T17:29:59+00:00","dateModified":"2024-10-20T13:31:14+00:00","description":"D\u00e9couvrez \u00e0 quoi sert la carte graphique ? Quel est son r\u00f4le ? Qu'est-ce que la m\u00e9moire vid\u00e9o ? Quel est son prix ? Matuile vous dit tout.","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-scaled.jpeg","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/carte-graphique-ordinateur-scaled.jpeg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/#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":"\u00c0 quoi sert la carte graphique ?"}]},{"@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\/55107","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=55107"}],"version-history":[{"count":34,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55107\/revisions"}],"predecessor-version":[{"id":79631,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55107\/revisions\/79631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media\/55119"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=55107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/categories?post=55107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/tags?post=55107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}