{"id":55333,"date":"2024-05-19T19:12:53","date_gmt":"2024-05-19T17:12:53","guid":{"rendered":"https:\/\/matuile.com\/media\/?p=55333"},"modified":"2024-10-20T15:10:57","modified_gmt":"2024-10-20T13:10:57","slug":"le-ventilateur-du-pc-cest-quoi","status":"publish","type":"post","link":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/","title":{"rendered":"Le ventilateur du PC : C&rsquo;est quoi ?"},"content":{"rendered":"<p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>L&rsquo;importance des ventilateurs est cruciale pour assurer le bon fonctionnement des ordinateurs.<\/strong> Ces syst\u00e8mes de refroidissement jouent un r\u00f4le vital dans la dissipation de la chaleur g\u00e9n\u00e9r\u00e9e par des composants tels que le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-processeur\/\">processeur<\/a><\/strong> et la <strong><a href=\"https:\/\/matuile.com\/media\/a-quoi-sert-carte-graphique\/\">carte graphique<\/a><\/strong>. Sans eux, la <strong><a href=\"https:\/\/matuile.com\/media\/mon-pc-chauffe-trop-les-solutions-concretes\/\">surchauffe<\/a><\/strong> des composants pourrait causer des dommages irr\u00e9versibles.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Pourquoi les PC ont-ils besoin de ventilateurs ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les ordinateurs ont besoin de ventilateurs pour dissiper la <strong>chaleur<\/strong> g\u00e9n\u00e9r\u00e9e par des composants comme le processeur ou la carte graphique. Cette dissipation est essentielle pour pr\u00e9venir la <strong>surchauffe<\/strong> qui peut endommager les composants et r\u00e9duire leurs performances.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">En maintenant une temp\u00e9rature optimale, les ventilateurs assurent la stabilit\u00e9 et la long\u00e9vit\u00e9 des syst\u00e8mes permettant aux composants de fonctionner \u00e0 pleine capacit\u00e9.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">De plus, un bon refroidissement contribue au confort d&rsquo;utilisation en \u00e9vitant que le bo\u00eetier ne devienne trop chaud.<\/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 diff\u00e9rents types de ventilateurs ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Deux syst\u00e8mes de refroidissement existent&nbsp;:<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Les ventilateurs \u00e0 air<\/strong>&nbsp;: il s\u2019agit de ventilateurs traditionnels qui varient en taille, vitesse et connectivit\u00e9 (3 ou 4 broches) pour s&rsquo;adapter \u00e0 diff\u00e9rentes configurations et besoins de refroidissement.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Les ventilateurs \u00e0 liquide<\/strong> ou water cooling&nbsp;: ils utilisent un circuit ferm\u00e9 o\u00f9 le liquide est pomp\u00e9 \u00e0 travers un bloc de refroidissement qui absorbe la chaleur des composants et la transporte vers un radiateur o\u00f9 elle est dissip\u00e9e dans l&rsquo;air ambiant.<\/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\">Au sein d\u2019un ordinateur,&nbsp;il y a plusieurs ventilateurs :<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le ventilateur du boitier<\/strong>&nbsp;: il assure la circulation g\u00e9n\u00e9rale de l&rsquo;air \u00e0 l&rsquo;int\u00e9rieur du <strong><a href=\"https:\/\/matuile.com\/media\/le-boitier-ordinateur\/\">boitier<\/a><\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le ventilateur du processeur<\/strong>&nbsp;: il refroidit sp\u00e9cifiquement le processeur, souvent avec un dissipateur thermique.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le ventilateur de la carte graphique<\/strong>&nbsp;: il est int\u00e9gr\u00e9 \u00e0 la carte graphique pour g\u00e9rer la chaleur qu\u2019elle d\u00e9gage.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>&nbsp;Le ventilateur de l&rsquo;alimentation<\/strong>&nbsp;: il est charg\u00e9 de refroidir le bloc d&rsquo;alimentation.<\/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\">Comment fonctionne le ventilateur d&rsquo;un PC ?<\/h2><p class=\"has-medium-font-size\" style=\"font-style:normal;font-weight:700\">Le ventilateur \u00e0 air du PC<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Un ventilateur d&rsquo;ordinateur fonctionne en utilisant un <strong>moteur \u00e9lectrique<\/strong> pour faire tourner des <strong>pales<\/strong>, cr\u00e9ant ainsi un flux d&rsquo;air. Ce <strong>flux d&rsquo;air<\/strong> est dirig\u00e9 vers les composants internes pour \u00e9vacuer la chaleur.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les ventilateurs \u00e0 <strong>3 broches<\/strong> offrent une r\u00e9gulation de vitesse de base, tandis que les ventilateurs \u00e0 <strong>4 broches<\/strong> permettent un contr\u00f4le plus pr\u00e9cis.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les ventilateurs peuvent \u00eatre contr\u00f4l\u00e9s par le syst\u00e8me de gestion de l\u2019alimentation de l&rsquo;ordinateur, ce qui permet d\u2019ajuster leur vitesse en fonction de la temp\u00e9rature des composants.<\/p><p class=\"has-medium-font-size\" style=\"font-style:normal;font-weight:700\">Le ventilateur \u00e0 liquide du PC<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le refroidissement liquide fonctionne en utilisant de <strong>l&rsquo;eau sp\u00e9ciale<\/strong> qui circule \u00e0 travers un syst\u00e8me ferm\u00e9 pour refroidir les composants de l&rsquo;ordinateur. Une fois que l&rsquo;eau absorbe la chaleur des composants, elle est pomp\u00e9e vers un <strong>radiateur<\/strong> o\u00f9 elle se refroidit gr\u00e2ce \u00e0 des <strong>ventilateurs<\/strong>. Ensuite, l&rsquo;eau refroidie revient vers les composants de l\u2019ordinateur pour recommencer le processus.<\/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 rendre un ventilateur d&rsquo;ordinateur plus silencieux ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Pour rendre le ventilateur de votre PC plus silencieux, quelques ajustements simples peuvent faire une grande diff\u00e9rence.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Tout d&rsquo;abord, assurez-vous que votre ordinateur a <strong>suffisamment d&rsquo;espace<\/strong> libre autour de lui pour permettre une bonne circulation d&rsquo;air.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">\u00c9vitez de le placer dans un endroit ferm\u00e9 qui pourrait restreindre le flux d&rsquo;air.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Placez votre ordinateur sur une <strong>surface plate et ferme<\/strong>, comme un bureau, pour \u00e9viter que la surface molle d&rsquo;un lit ou d&rsquo;un canap\u00e9 n&rsquo;obstrue les grilles d&rsquo;a\u00e9ration.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Ensuite, prenez le temps de <strong>nettoyer<\/strong> r\u00e9guli\u00e8rement les <strong>grilles d&rsquo;a\u00e9ration<\/strong> pour \u00e9liminer toute accumulation de poussi\u00e8re qui pourrait entraver le flux d&rsquo;air.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Si vous avez un ordinateur de bureau, ouvrez le bo\u00eetier et retirez la <strong>poussi\u00e8re<\/strong> accumul\u00e9e \u00e0 l&rsquo;int\u00e9rieur. En outre, assurez-vous de v\u00e9rifier <strong>l&rsquo;\u00e9tat du ventilateur<\/strong> lui-m\u00eame. S&rsquo;il est d\u00e9fectueux, fait beaucoup de bruit ou fonctionne lentement, envisagez de faire appel \u00e0 un <strong>r\u00e9parateur informatique<\/strong> pour le remplacer en toute s\u00e9curit\u00e9.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Vous pouvez v\u00e9rifier que le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/\">BIOS<\/a><\/strong> est \u00e0 jour. Cela peut permettre d\u2019am\u00e9liorer la gestion de la temp\u00e9rature et le fonctionnement du syst\u00e8me de refroidissement.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Enfin, vous pouvez \u00e9galement envisager d&rsquo;utiliser un syst\u00e8me de <strong>refroidissement externe<\/strong>, comme un tapis de refroidissement, un ventilateur externe, un support de refroidissement ou m\u00eame un refroidisseur \u00e0 liquide (Water cooling).<\/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 prix des ventilateurs ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le prix du ventilateur d&rsquo;un PC varie<\/strong> en fonction de la marque, du mod\u00e8le \u00e0 air ou \u00e0 eau, de la taille, du type de roulement, des performances, des vendeurs, des promotions en cours, etc\u2026<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les principaux fabricants de ventilateurs sont&nbsp;(par ordre alphab\u00e9tique) : <strong><a href=\"https:\/\/www.alphacool.com\/en\">Alphacool<\/a><\/strong>, <strong><a href=\"https:\/\/www.arctic.de\/en\/\">Arctic<\/a><\/strong>, <strong><a href=\"https:\/\/www.bequiet.com\/fr\">Be Quiet&nbsp;!<\/a><\/strong>, <strong><a href=\"https:\/\/www.corsair.com\/fr\/fr\">Corsair<\/a><\/strong>, <strong><a href=\"https:\/\/www.ekwb.com\/\">EKWB<\/a><\/strong>, <strong><a href=\"https:\/\/noctua.at\/fr\/\">Noctua<\/a><\/strong> ou <strong><a href=\"https:\/\/nzxt.com\/fr-FR\/collection\/aer\">NZXT<\/a><\/strong>.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Pour les ventilateurs \u00e0 air<\/strong>, les prix vont g\u00e9n\u00e9ralement de 5 \u00e0 50 euros TTC, voire plus en cas de fonctionnalit\u00e9s avanc\u00e9es.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Pour les ventilateurs \u00e0 liquide<\/strong>, les prix sont plus \u00e9lev\u00e9s. La fourchette peut aller de 50 \u00e0 500 euros TTC, voire beaucoup plus en cas de syst\u00e8mes personnalis\u00e9s.<\/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>Remplacement Ventilateur<\/title>\n    \n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n        }\n        .floating-banner {\n            position: fixed; \/* Garder la position fixe *\/\n            top: calc(100px + var(--banner-offset, 0px)); \/* Commence \u00e0 100px du haut pour l'ordinateur *\/\n            right: 0;\n            width: 300px;\n            background-color: transparent; \/* Supprime l'arri\u00e8re-plan pour la version ordinateur *\/\n            padding: 20px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Ombre subtile *\/\n            z-index: 1000;\n            text-align: center;\n            transition: top 0.5s; \/* Ajout d'une transition pour l'animation *\/\n        }\n        .content {\n            margin-bottom: 20px; \n        }\n        .image img {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n            border-radius: 8px;\n        }\n        .title {\n            font-size: 20px;\n            font-weight: bold;\n            position: relative;\n            top: 5px;\n            margin: 0;\n        }\n        .price {\n            font-size: 18px; \n            font-weight: bold;\n            background-color: #FFEB3B;\n            padding: 5px;\n            margin-bottom: 8px;\n            position: relative;\n            top: 10px;\n            display: inline-block;\n        }\n        .description {\n            font-size: var(--phrase-size, 14px); \n            margin: 10px 0 30px 0;\n            line-height: 1.5;\n            position: relative;\n            top: 10px;\n        }\n        .description span {\n            margin: 0 5px;\n            display: inline-block;\n        }\n        .button {\n            padding: 10px 20px;\n            background-color: #FF5722;\n            color: white;\n            text-decoration: none;\n            font-weight: bold;\n            border-radius: 5px;\n            margin-top: 5px; \n            display: block;\n            position: relative;\n            top: 0px;\n        }\n         .button:hover {\n            background-color: white; \/* Fond devient blanc *\/\n            color: #FF5722; \/* Le texte devient orange *\/\n            border: 2px solid #FF5722; \/* Bordure orange *\/\n        }\n\n        \/* Styles pour la version mobile *\/\n        @media (max-width: 768px) {\n            .floating-banner {\n                width: 100%;\n                right: 0;\n                top: -300px; \/* Remont\u00e9 plus haut pour \u00eatre bien cach\u00e9e *\/\n                padding: 5px; \n                box-sizing: border-box;\n                background-color: white;\n                transition: top 0.5s ease-in-out;\n            }\n            .content {\n                margin-bottom: -20px;\n            }\n            .image img {\n                width: 32%;\n                float: left;\n                margin-right: 0px;\n                margin-left: 35px; \n            }\n            .title {\n                font-size: 18px; \n                margin: 6px 0;\n                position: relative;\n                top: -3px;\n                line-height: 1.2; \/* R\u00e9duit l'espace entre les lignes *\/\n            }\n            .price {\n                font-size: 15px; \n                margin-bottom: 3px;\n                position: relative;\n                top: -6.5px;\n            }\n            .description {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                position: relative;\n                top: -9px;\n            }\n            .description span {\n                width: 50%; \n                text-align: center; \n                margin: 0px 0;\n                font-size: 11.5px;\n            }\n            .button {\n                padding: 10px 10px;\n                font-size: 15px;\n                position: relative;\n                top: 0px;\n                margin-top: 0px;\n            }\n\n            \/* Croix pour fermer la banni\u00e8re *\/\n            .close-button {\n                position: absolute;\n                top: -4px;\n                right: 10px;\n                cursor: pointer;\n                font-size: 24px; \n                color: black;\n                display: block;\n                z-index: 1001;\n            }\n\n            \/* Fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re *\/\n            .down-arrow {\n                position: absolute;\n                bottom: -50px; \/* Positionner en bas de la banni\u00e8re *\/\n                left: 50%;\n                transform: translateX(-50%);\n                cursor: pointer;\n                font-size: 24px; \/* Taille de la fl\u00e8che *\/\n                color: #E64A19; \/* Couleur de la fl\u00e8che (orange plus fonc\u00e9) *\/\n                background-color: white; \/* Fond blanc *\/\n                border-radius: 12px; \/* Coins arrondis *\/\n                padding: 5px 10px; \/* Espace autour de la fl\u00e8che *\/\n                border: 2px solid #E64A19; \/* Bordure orange plus fonc\u00e9 *\/\n                display: none; \/* Masqu\u00e9 par d\u00e9faut *\/\n                z-index: 1001; \/* Au-dessus de la banni\u00e8re *\/\n                transition: background-color 0.3s; \/* Transition pour le changement de couleur *\/\n            }\n\n            .down-arrow:hover {\n                background-color: #FFEB3B;\n            }\n\n            .floating-banner::after {\n                content: \"\";\n                display: block;\n                height: 0px; \n            }\n        }\n\n        @media (min-width: 769px) {\n            .down-arrow {\n                display: none;\n            }\n            .close-button {\n                display: none;\n            }\n        }\n\n        \/* Styles sp\u00e9cifiques pour iPhone avec r\u00e9solution 2796x1290 *\/\n        @media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {\n            .price {\n                top: -4px !important; \/* Baisse la position du prix *\/\n                font-size: 18px !important; \/* Augmente la taille du prix *\/\n            }\n            .title {\n                 font-size: 19px;\n            }\n            .image img {\n                width: 32%;\n                margin-left: 1.875em; \/* 30px = 1.875em *\/\n            }\n            .description span {\n                font-size: 13px !important; \/* Augmente l\u00e9g\u00e8rement la taille des phrases *\/\n            }\n        }\n\/* M\u00e9dias-query pour iPhone X et XS *\/\n@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {\n    .floating-banner {\n        \/* Tes styles sp\u00e9cifiques pour iPhone X ici *\/\n        top: -300px; \/* Exemple : ajuster la position pour iPhone X *\/\n    }\n    .price {\n        top: -2px !important; \/* Ajustement de la position du prix *\/\n        font-size: 14px !important; \/* Ajustement de la taille de la police du prix *\/\n    }\n    .title {\n        font-size: 16px;\n    }\n    .image img {\n        width: 32%;\n        margin-left: 1.875em; \/* 30px = 1.875em *\/\n    }\n    .description span {\n        font-size: 11px !important;\n    }\n}\n\/* M\u00e9dias-query pour iPhone 11 et XR *\/\n@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {\n    .floating-banner {\n        \/* Tes styles sp\u00e9cifiques pour iPhone 11 ici *\/\n        top: -300px; \/* Ajustement de la position pour iPhone 11 *\/\n    }\n    .price {\n        top: -3px;\n        font-size: 16px;\n    }\n    .title {\n        font-size: 18px;\n    }\n    .image img {\n        width: 32%;\n        margin-left: 1.875em;\n    }\n    .description span {\n        font-size: 13px;\n    }\n}\n       \/* Styles pour t\u00e9l\u00e9phones avec une r\u00e9solution 800x360 *\/\n       @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 800px) and (max-height: 800px) {\n       .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n       .price {\n        top: -6px;\n        font-size: 15px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n       .title {\n        font-size: 16px; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.5em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 8px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 873x393 *\/\n       @media only screen and (min-width: 393px) and (max-width: 393px) and (min-height: 873px) and (max-height: 873px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -2px;\n        font-size: 14px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 844x390 *\/\n       @media only screen and (min-width: 390px) and (max-width: 390px) and (min-height: 844px) and (max-height: 844px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -3px !important;\n        font-size: 15px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 17px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 780x360 *\/\n       @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 780px) and (max-height: 780px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -5px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 18px; \/* Ajuste la taille du bouton *\/\n    }\n}\n        \/* Styles pour \u00e9crans avec une r\u00e9solution 915x412 *\/\n        @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 915px) and (max-height: 915px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px;\n        font-size: 17px; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n        \/* Styles pour \u00e9crans avec une r\u00e9solution 740x360 *\/\n        @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 740px) and (max-height: 740px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -7px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 17px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32%; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 926x428 *\/\n       @media only screen and (min-width: 428px) and (max-width: 428px) and (min-height: 926px) and (max-height: 926px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -2px !important;\n        font-size: 16px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 19px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 745x353 *\/\n       @media only screen and (min-width: 353px) and (max-width: 353px) and (min-height: 745px) and (max-height: 745px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -6px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 658x320 *\/\n      @media only screen and (min-width: 320px) and (max-width: 320px) and (min-height: 658px) and (max-height: 658px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -5px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 14px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 34% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 640x360 *\/\n      @media only screen and (min-width: 360px) and (max-width: 360px) and (min-height: 640px) and (max-height: 640px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 13px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 16px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px  \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 10px 15px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 732x412 *\/\n      @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 732px) and (max-height: 732px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 13px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 15px; \/* Taille du texte du bouton *\/\n        padding: 10px 18px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 914x412 *\/\n       @media only screen and (min-width: 412px) and (max-width: 412px) and (min-height: 914px) and (max-height: 914px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -4px !important;\n        font-size: 17px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 32% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 12px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n      \/* Styles pour \u00e9crans avec une r\u00e9solution 854x480 *\/\n      @media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 854px) and (max-height: 854px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: 2px !important;\n        font-size: 18px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 18px !important; \/* Taille du titre *\/\n    }\n        .image img {\n        width: 30% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.875em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 14px !important; \/* Ajuste la taille des textes dans la description *\/\n        margin-top: 7px !important; \/* Ajoute de l'espace au-dessus des phrases *\/\n    }\n        .button {\n        font-size: 16px; \/* Taille du texte du bouton *\/\n        padding: 10px 20px; \/* Ajuste la taille du bouton *\/\n    }\n}\n       \/* Styles pour \u00e9crans avec une r\u00e9solution 568x320 *\/\n       @media only screen and (min-width: 320px) and (max-width: 320px) and (min-height: 568px) and (max-height: 568px) {\n        .floating-banner {\n        top: -300px; \/* Ajuste la position de la banni\u00e8re *\/\n    }\n        .price {\n        top: -7px !important;\n        font-size: 14px !important; \/* Ajuste la taille de la police pour la section prix *\/\n    }\n        .title {\n        font-size: 14px !important; \/* Taille du titre *\/\n    }\n       .image img {\n        width: 33% !important; \/* Ajuste la largeur de l'image *\/\n        margin-left: 1.5em; \/* Ajuste la marge *\/\n    }\n        .description span {\n        font-size: 11px !important; \/* Ajuste la taille des textes dans la description *\/\n    }\n        .button {\n        font-size: 14px; \/* Taille du texte du bouton *\/\n        padding: 8px 16px; \/* Ajuste la taille du bouton *\/\n    }\n}\n    <\/style>\n<\/head>\n<body>\n    <div class=\"floating-banner\" style=\"--banner-offset: 120px; --phrase-size: 13px;\">\n        <div class=\"content\">\n            <div class=\"image\">\n                <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-2560x1706-1.webp\" alt=\"Remplacement Ventilateur\">\n            <\/div>\n            <div class=\"title\">Remplacement<\/br>Ventilateur<\/div>\n            <div class=\"price\" aria-label=\"Prix \u00e0 partir de 45 euros\">\u00c0 partir de 45 \u20ac<\/div>\n            <div class=\"description\">\n                <span>Intervention imm\u00e9diate ou sur RDV<\/span>\n                <span>Informaticiens agr\u00e9\u00e9s et certifi\u00e9s<\/span>\n                <span>R\u00e9ponse en 5 minutes<\/span>\n                <span>Tarif transparent<\/span>\n            <\/div>\n           <\/div>\n<a href=\"tel:0185090101\" class=\"button\" target=\"_blank\" rel=\"noopener\" onclick=\"changeImage()\">\n    <img decoding=\"async\" id=\"phone-icon\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"T\u00e9l\u00e9phone\" style=\"width:16px; height:16px; vertical-align:middle; margin-right:5px;\">\n    Appeler un informaticien\n<\/a>\n\n<style>\n  @media only screen and (min-width: 768px) {\n    a[href^=\"tel:\"] {\n      display: none;\n    }\n  }\n<\/style>\n\n<script>\n  function changeImage() {\n    document.getElementById('phone-icon').src = 'https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png';\n  }\n<\/script>\n<!-- Bouton de demande de devis -->\n<a href=\"https:\/\/www.matuile.com\" class=\"button\" target=\"_blank\" rel=\"noopener\">Demander un devis gratuit<\/a>\n\n<style>\n  @media only screen and (max-width: 767px) {\n    a[href=\"https:\/\/www.matuile.com\"] {\n      display: none;\n    }\n  }\n<\/style>\n        <!-- Croix pour fermer la banni\u00e8re (uniquement pour mobile) -->\n        <span class=\"close-button\" onclick=\"closeBanner()\">&times;<\/span>\n        <!-- Fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re -->\n        <span class=\"down-arrow\" onclick=\"showBanner()\">&#x25BC;<\/span>\n        <\/div>\n        <span class=\"down-arrow\" aria-label=\"Faire appara\u00eetre la banni\u00e8re\">\u2b07\ufe0f<\/span>\n    <\/div>\n\n<script>\n    \/\/ V\u00e9rification si l'appareil est un iPhone\n    const isIphone = \/iPhone\/i.test(navigator.userAgent);\n    \n    \/\/ V\u00e9rification si l'appareil est mobile (\u00e9cran de moins de 768px)\n    const isMobile = window.innerWidth <= 768;\n\n\/\/ Code JavaScript pour g\u00e9rer la fermeture de la banni\u00e8re\ndocument.querySelector('.close-button').addEventListener('click', function() {\n    if (isMobile) {\n\/\/ Si c'est un iPhone, remonte \u00e0 des valeurs sp\u00e9cifiques en fonction du mod\u00e8le\nif (isIphone) {\n    if (window.innerWidth <= 375) {\n        \/\/ iPhone X, XS, 11 Pro\n        document.querySelector('.floating-banner').style.top = '-220px'; \n    } else if (window.innerWidth <= 390) {\n        \/\/ iPhone 12 Pro\n        document.querySelector('.floating-banner').style.top = '-230px'; \n    } else if (window.innerWidth <= 414) {\n        \/\/ iPhone XR, 11, 12, 13, 14\n        document.querySelector('.floating-banner').style.top = '-235px'; \n    } else if (window.innerWidth <= 430) {\n        \/\/ iPhone 12, 13, 14 Pro Max\n        document.querySelector('.floating-banner').style.top = '-240px'; \n    } else {\n        \/\/ Pour d'autres iPhones non sp\u00e9cifi\u00e9s\n        document.querySelector('.floating-banner').style.top = '-235px';\n    }\n} else {\n    \/\/ Sinon, applique des valeurs sp\u00e9cifiques selon les r\u00e9solutions\n    if (window.innerWidth <= 320) {\n        \/\/ Pour les petits \u00e9crans, par exemple t\u00e9l\u00e9phones\n        document.querySelector('.floating-banner').style.top = '-210px'; \n    } else if (window.innerWidth <= 353) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-225px'; \n    } else if (window.innerWidth <= 360) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-215px'; \n    } else if (window.innerWidth <= 390) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-215px'; \n} else if (window.innerWidth <= 393) {\n    \/\/ Pour les tablettes ou petits laptops\n    document.querySelector('.floating-banner').style.top = '-205px'; \n    } else if (window.innerWidth <= 412) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-228px'; \n    } else if (window.innerWidth <= 428) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-245px'; \n    } else if (window.innerWidth <= 480) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-232px'; \n    } else if (window.innerWidth <= 768) {\n        \/\/ Pour les tablettes ou petits laptops\n        document.querySelector('.floating-banner').style.top = '-180px'; \n    } else if (window.innerWidth <= 1024) {\n        \/\/ Pour les \u00e9crans de taille moyenne\n        document.querySelector('.floating-banner').style.top = '-200px'; \n    } else if (window.innerWidth <= 1080) {\n        \/\/ Pour les \u00e9crans de taille moyenne\n        document.querySelector('.floating-banner').style.top = '-100px'; \n    }\n }\n\/\/ Affiche la fl\u00e8che pour faire r\u00e9appara\u00eetre la banni\u00e8re\ndocument.querySelector('.down-arrow').style.display = 'block';\n    }\n});\n    \/\/ Code JavaScript pour g\u00e9rer l'apparition de la banni\u00e8re\n    document.querySelector('.down-arrow').addEventListener('click', function() {\n        if (isMobile) {\n            document.querySelector('.floating-banner').style.top = '0px'; \/\/ R\u00e9affiche la banni\u00e8re\n            document.querySelector('.down-arrow').style.display = 'none'; \/\/ Cache la fl\u00e8che\n        }\n    });\n\n    \/\/ Code pour faire appara\u00eetre la banni\u00e8re apr\u00e8s 3 secondes\n    setTimeout(function() {\n        if (isMobile) {\n            document.querySelector('.floating-banner').style.top = '0px'; \/\/ Appara\u00eet uniquement sur mobile\n        }\n    }, 3000); \/\/ 3000 ms = 3 secondes\n<\/script>\n<\/body>\n<\/html>\n\n<!DOCTYPE html> \r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contacter un Conseiller<\/title>\r\n<style>\r\n        \/* Style pour mobile *\/\r\n        @media (max-width: 768px) {\r\n            .contact-section {\r\n                position: fixed;\r\n                bottom: 0;\r\n                right: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                padding: 38px 0; \/* Ajustement du padding pour r\u00e9duire la hauteur *\/\r\n                background-color: #fff;\r\n                border-radius: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: flex-end;\r\n                border-top: 1px solid #00008B; \/* Trait horizontal bleu fonc\u00e9 *\/\r\n            }\r\n\r\n            .contact-content {\r\n                width: 100%;\r\n                padding: 0; \/* Pas de padding pour garder le contenu en place *\/\r\n                text-align: center;\r\n                position: relative; \/* N\u00e9cessaire pour le positionnement absolu du texte *\/\r\n            }\r\n            .mobile-text {\r\n                display: block;\r\n                font-size: 16px;\r\n                font-weight: bold;\r\n                margin-left: 20px; \/* Mis \u00e0 jour *\/\r\n                position: absolute; \/* Utilisation du positionnement absolu *\/\r\n                bottom: -35px; \/* Ajustez cette valeur pour d\u00e9placer le texte vers le haut ou le bas *\/\r\n            }\r\n            \/* Bouton T\u00e9l\u00e9phoner pour mobile : Ic\u00f4ne seule et centr\u00e9e *\/\r\n            .contact-button-call {\r\n                position: fixed;\r\n                bottom: 14px; \/* Positionnement du bouton *\/\r\n                right: 80px;\r\n                width: 53px;\r\n                height: 53px;\r\n                border-radius: 50%;\r\n                background-color: #28a745; \/* Changement de couleur en vert voyant *\/\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n            .contact-button-call .phone-icon {\r\n                margin-right: 0;\r\n                width: 24px; \/* Ajustement de la taille de l'ic\u00f4ne *\/\r\n                height: 24px;\r\n            }\r\n            \/* Masquer le texte du t\u00e9l\u00e9phone sur mobile *\/\r\n            .contact-button-call .phone-text {\r\n                display: none;\r\n            }\r\n            .contact-button-chat {\r\n                display: none;\r\n            }\r\n        }\r\n        \/* Styles \u00e0 neutraliser pour la version ordinateur *\/\r\n        @media (min-width: 769px) {\r\n            .contact-section {\r\n                display: none; \/* Masquer compl\u00e8tement la section pour la version ordinateur *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"contact-section\">\r\n        <div class=\"contact-content\">\r\n<!-- Texte visible sur mobile -->\r\n<h2 class=\"mobile-text\">Un conseiller est disponible<\/h2>       \r\n            <!-\r\n<!-- Bouton de t\u00e9l\u00e9phone avec ic\u00f4ne pour mobile -->    \r\n<a href=\"tel:0185090101\" class=\"contact-button-call\">\r\n<svg class=\"phone-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\"> \r\n<path d=\"M22 16.92v3.83c0 .71-.58 1.29-1.29 1.29-10.37 0-18.77-8.4-18.77-18.77 0-.71.58-1.29 1.29-1.29h3.83c.71 0 1.29.58 1.29 1.29 0 1.31.2 2.58.57 3.78.14.45.04.96-.3 1.3L6.23 9.68c1.66 3.02 4.28 5.64 7.3 7.3l1.11-1.11c.34-.34.85-.44 1.3-.3 1.2.38 2.47.57 3.78.57.71 0 1.29.58 1.29 1.29z\"\/>        \r\n                <\/sv\r\n<\/svg>        \r\n<\/a> \r\n<\/div>\r\n    <\/div\r\n<\/div>\r\n<!-- Script Crisp -->\r\n\r\n<script type=\"text\/javascript\">\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fb\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-e\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b92\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"scrip\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.cr\r\n\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n            s.async = 1; \r\n            d.getElementsByTagName(\"\r\n \r\n        window.$crisp = []; \r\n        window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n        (function(){ \r\n            d = document; \r\n            s = d.createElement(\"script\"); \r\n            s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n            s.async = 1; \r\n            d.getElementsByTagName(\"head\")[0].appendChild(s); \r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/\r\n<\/html>\n\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Bouton T\u00e9l\u00e9phone<\/title>\r\n\r\n    <style>\r\n        \/* Cache le bouton sur les \u00e9crans de moins de 768px (tablettes et t\u00e9l\u00e9phones) *\/\r\n        @media (max-width: 768px) {\r\n            .fixed-phone-button {\r\n                display: none !important; \/* Utilisation de !important pour forcer le masquage sur mobile *\/\r\n            }\r\n        }\r\n\r\n        .fixed-phone-button {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            background-color: #D86031;\r\n            color: #ffffff;\r\n            padding: 15px 20px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-size: 1.2em;\r\n            font-weight: bold;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n            z-index: 1000;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            transition: background-color 0.3s ease, color 0.3s ease;\r\n            text-align: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n        }\r\n\r\n        .fixed-phone-button img {\r\n            margin-right: 0px;\r\n            height: 20px;\r\n            width: 20px;\r\n            max-width: none;\r\n            max-height: none;\r\n            transition: content 0.3s ease;\r\n        }\r\n\r\n        .phone-number {\r\n            font-size: 1.0em;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .additional-text {\r\n            font-size: 0.7em;\r\n            color: #ffffff;\r\n            margin: 0;\r\n            font-weight: normal;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .fixed-phone-button:hover {\r\n            background-color: #ffffff;\r\n            color: #D86031;\r\n            border: 2px solid #D86031;\r\n        }\r\n\r\n        .fixed-phone-button:hover img {\r\n            content: url('https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png');\r\n        }\r\n\r\n        .fixed-phone-button:hover .additional-text {\r\n            color: #D86031;\r\n        }\r\n\r\n        .fixed-phone-button.show {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fixed-phone-button:focus,\r\n        .fixed-phone-button:active {\r\n            outline: none;\r\n            color: #ffffff;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <a href=\"tel:0185090101\" class=\"fixed-phone-button\" id=\"phoneButton\">\r\n        <div class=\"phone-number\">\r\n            <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"Ic\u00f4ne T\u00e9l\u00e9phone\">\r\n            01 85 09 01 01\r\n        <\/div>\r\n        <div class=\"additional-text\">Assistance Matuile 24\/7<\/div>\r\n    <\/a>\r\n\r\n    <script>\r\n        window.addEventListener('scroll', function() {\r\n            var button = document.getElementById('phoneButton');\r\n            if (window.scrollY > 100) {\r\n                button.classList.add('show');\r\n            } else {\r\n                button.classList.add('show'); \/\/ Le bouton reste visible en haut de la page\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>","protected":false},"excerpt":{"rendered":"<p>L&rsquo;importance des ventilateurs est cruciale pour assurer le bon fonctionnement des ordinateurs. Ces syst\u00e8mes de refroidissement jouent un r\u00f4le vital dans la&#8230;<\/p>\n","protected":false},"author":10,"featured_media":55354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[41,113],"tags":[310],"class_list":{"0":"post-55333","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guide-informatique","8":"category-composants-ordinateur","9":"tag-ventilateur-bruyant"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ventilateur du PC : C&#039;est quoi ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez l&#039;importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !\" \/>\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\/le-ventilateur-du-pc-cest-quoi\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ventilateur du PC : C&#039;est quoi ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez l&#039;importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-19T17:12:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-20T13:10:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1709\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\"},\"headline\":\"Le ventilateur du PC : C&rsquo;est quoi ?\",\"datePublished\":\"2024-05-19T17:12:53+00:00\",\"dateModified\":\"2024-10-20T13:10:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/\"},\"wordCount\":829,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/ventilateur-ordinateur-scaled.jpeg\",\"keywords\":[\"ventilateur bruyant\"],\"articleSection\":[\"Guide informatique\",\"Les composants d'un ordinateur\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/\",\"name\":\"Ventilateur du PC : C'est quoi ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/ventilateur-ordinateur-scaled.jpeg\",\"datePublished\":\"2024-05-19T17:12:53+00:00\",\"dateModified\":\"2024-10-20T13:10:57+00:00\",\"description\":\"D\u00e9couvrez l'importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/ventilateur-ordinateur-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/ventilateur-ordinateur-scaled.jpeg\",\"width\":2560,\"height\":1709},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/le-ventilateur-du-pc-cest-quoi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide informatique\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/category\\\/guide-informatique\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Le ventilateur du PC : C&rsquo;est quoi ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"name\":\"Matuile Blog\",\"description\":\"La solution \u00e0 votre urgence\",\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"alternateName\":\"Matuile\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/matuile.com\\\/media\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\",\"name\":\"Matuile\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"width\":700,\"height\":700,\"caption\":\"Matuile\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\",\"name\":\"Lucas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g\",\"caption\":\"Lucas\"},\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/author\\\/lucas\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ventilateur du PC : C'est quoi ?","description":"D\u00e9couvrez l'importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !","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\/le-ventilateur-du-pc-cest-quoi\/","og_locale":"fr_FR","og_type":"article","og_title":"Ventilateur du PC : C'est quoi ?","og_description":"D\u00e9couvrez l'importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !","og_url":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/","og_site_name":"Matuile","article_published_time":"2024-05-19T17:12:53+00:00","article_modified_time":"2024-10-20T13:10:57+00:00","og_image":[{"width":2560,"height":1709,"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg","type":"image\/jpeg"}],"author":"Lucas","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lucas","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#article","isPartOf":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/"},"author":{"name":"Lucas","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185"},"headline":"Le ventilateur du PC : C&rsquo;est quoi ?","datePublished":"2024-05-19T17:12:53+00:00","dateModified":"2024-10-20T13:10:57+00:00","mainEntityOfPage":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/"},"wordCount":829,"commentCount":0,"publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"image":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg","keywords":["ventilateur bruyant"],"articleSection":["Guide informatique","Les composants d'un ordinateur"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/","url":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/","name":"Ventilateur du PC : C'est quoi ?","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg","datePublished":"2024-05-19T17:12:53+00:00","dateModified":"2024-10-20T13:10:57+00:00","description":"D\u00e9couvrez l'importance cruciale du ventilateur dans le PC. Apprenez-en plus sur son r\u00f4le vital dans le refroidissement des composants !","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/ventilateur-ordinateur-scaled.jpeg","width":2560,"height":1709},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/le-ventilateur-du-pc-cest-quoi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"Guide informatique","item":"https:\/\/matuile.com\/media\/category\/guide-informatique\/"},{"@type":"ListItem","position":3,"name":"Le ventilateur du PC : C&rsquo;est quoi ?"}]},{"@type":"WebSite","@id":"https:\/\/matuile.com\/media\/#website","url":"https:\/\/matuile.com\/media\/","name":"Matuile Blog","description":"La solution \u00e0 votre urgence","publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"alternateName":"Matuile","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/matuile.com\/media\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/matuile.com\/media\/#organization","name":"Matuile","url":"https:\/\/matuile.com\/media\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","width":700,"height":700,"caption":"Matuile"},"image":{"@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185","name":"Lucas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/02da3bf4d72c8de1f2df5d59206028e6d74b68d5a2c4b911bbcc5605dea16c52?s=96&d=mm&r=g","caption":"Lucas"},"url":"https:\/\/matuile.com\/media\/author\/lucas\/"}]}},"_links":{"self":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55333","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=55333"}],"version-history":[{"count":21,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55333\/revisions"}],"predecessor-version":[{"id":79620,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55333\/revisions\/79620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media\/55354"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=55333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/categories?post=55333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/tags?post=55333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}