{"id":55312,"date":"2024-05-19T19:23:16","date_gmt":"2024-05-19T17:23:16","guid":{"rendered":"https:\/\/matuile.com\/media\/?p=55312"},"modified":"2024-10-20T15:22:55","modified_gmt":"2024-10-20T13:22:55","slug":"cest-quoi-le-bios","status":"publish","type":"post","link":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/","title":{"rendered":"Le BIOS : C&rsquo;est quoi ?"},"content":{"rendered":"<p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le BIOS ou Basic Input\/Output System (Syst\u00e8me de base d&rsquo;entr\u00e9e\/sortie), est un logiciel int\u00e9gr\u00e9 dans la carte m\u00e8re d&rsquo;un ordinateur<\/strong>. Il s&rsquo;agit du premier programme qui se charge lorsque vous allumez votre ordinateur. Il joue un r\u00f4le crucial en initialisant et en testant le mat\u00e9riel de l&rsquo;ordinateur lors du processus de d\u00e9marrage, puis en chargeant le syst\u00e8me d&rsquo;exploitation.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Comment se pr\u00e9sente le BIOS ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le <strong>BIOS<\/strong> se trouve int\u00e9gr\u00e9 \u00e0 la carte m\u00e8re de l&rsquo;ordinateur. Il est stock\u00e9 dans une <strong>petite puce m\u00e9moire sp\u00e9ciale appel\u00e9e EEPROM<\/strong> (Electrically Erasable Programmable Read-Only Memory), \u00e9galement connue sous le nom de <strong>puce BIOS<\/strong>.<\/p><p style=\"font-size:16px;font-style:normal;font-weight:100\">Elle est situ\u00e9e pr\u00e8s de la <strong>batterie CMOS<\/strong> (<strong>dite batterie BIOS<\/strong>) car elle alimente la puce en permanence.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Quel est le r\u00f4le du BIOS ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Le <strong>BIOS<\/strong> remplit plusieurs fonctions essentielles pour l\u2019ordinateur :<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>L\u2019initialisation du mat\u00e9riel<\/strong> : lorsque vous allumez votre ordinateur, le BIOS est le premier logiciel \u00e0 s&rsquo;ex\u00e9cuter. Il v\u00e9rifie et initialise le mat\u00e9riel de base de l&rsquo;ordinateur, y compris le <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-processeur\/\">processeur<\/a><\/strong>, la <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-la-ram\/\">m\u00e9moire RAM<\/a><\/strong>, les <strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-un-disque-dur-hdd-ou-sdd\/\">disques durs<\/a><\/strong> ou les cartes d&rsquo;extension (<strong><a href=\"https:\/\/matuile.com\/media\/cest-quoi-une-carte-son\/\">carte audio<\/a><\/strong>, <strong><a href=\"https:\/\/matuile.com\/media\/la-carte-reseau-pc\/\">carte r\u00e9seau<\/a><\/strong>, etc.).<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le d\u00e9marrage du syst\u00e8me d&rsquo;exploitation<\/strong> : une fois que le mat\u00e9riel est initialis\u00e9 avec succ\u00e8s, le <strong>BIOS<\/strong> va sur le disque dur pour charger le syst\u00e8me d&rsquo;exploitation (comme Windows, Linux, etc.).<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>La gestion des p\u00e9riph\u00e9riques<\/strong> : le <strong>BIOS<\/strong> g\u00e8re les p\u00e9riph\u00e9riques mat\u00e9riels de l&rsquo;ordinateur, tels que les disques durs, les ports USB, etc. Il permet \u00e9galement de configurer certains param\u00e8tres de ces p\u00e9riph\u00e9riques, comme l&rsquo;ordre de d\u00e9marrage des disques.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Les fonctionnalit\u00e9s avanc\u00e9es<\/strong> : certains <strong>BIOS<\/strong> proposent des fonctionnalit\u00e9s avanc\u00e9es comme le param\u00e9trage du processeur, de l\u2019\u00e9nergie, de la temp\u00e9rature, etc\u2026<\/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 acc\u00e9der au BIOS ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Les \u00e9tapes pour acc\u00e9der au <strong>BIOS<\/strong> sont simples&nbsp;:<\/p><ol class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Allumez ou red\u00e9marrez votre ordinateur<\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Appuyez sur la touche appropri\u00e9e<\/strong> pour acc\u00e9der au <strong>BIOS<\/strong> d\u00e8s les premiers instants d&rsquo;ouverture. Cette touche peut varier en fonction de la marque de votre ordinateur. G\u00e9n\u00e9ralement, il s\u2019agit de la touche <strong>F2, F10, F12, Suppr ou Echap.<\/strong><\/li><\/ol><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Qu&rsquo;est-ce qu&rsquo;on peut faire dans le BIOS ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\">Plusieurs actions peuvent \u00eatre faites&nbsp;dans le <strong>BIOS<\/strong> :<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Modifier les param\u00e8tres du mat\u00e9riel<\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>G\u00e9rer l\u2019ordre de d\u00e9marrage<\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Activer ou d\u00e9sactiver des p\u00e9riph\u00e9riques<\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Mettre \u00e0 jour le BIOS<\/strong>.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Et bien d\u2019autres choses encore&nbsp;:<\/strong> restaurer les param\u00e8tres par d\u00e9faut, d\u00e9sactiver des fonctionnalit\u00e9s mat\u00e9rielles, etc\u2026<\/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\">Cela dit, intervenir dans le <strong>BIOS<\/strong> doit se faire avec <strong>prudence et en toute connaissance de cause<\/strong> car toute modification peut entra\u00eener des r\u00e9percussions sur les performances de l\u2019ordinateur.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Quel est le prix du BIOS ?<\/h2><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Le BIOS est une puce int\u00e9gr\u00e9e \u00e0 la carte m\u00e8re<\/strong>. Il n\u2019a donc pas de prix en soi ou plus exactement il est compris dans <strong>le prix de la carte m\u00e8re<\/strong>.<\/p><div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>En conclusion<\/strong>, le <strong>BIOS<\/strong> joue un r\u00f4le fondamental pour l\u2019ordinateur bien qu\u2019il soit souvent inconnu par beaucoup d\u2019utilisateurs. Pourtant, il garantit le bon fonctionnement du PC d\u00e8s sa mise sous tension.<\/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>Le BIOS ou Basic Input\/Output System (Syst\u00e8me de base d&rsquo;entr\u00e9e\/sortie), est un logiciel int\u00e9gr\u00e9 dans la carte m\u00e8re d&rsquo;un ordinateur. Il s&rsquo;agit&#8230;<\/p>\n","protected":false},"author":10,"featured_media":55326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[41,113],"tags":[307,285],"class_list":{"0":"post-55312","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-maintenance-informatique","10":"tag-pc"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Le BIOS : C&#039;est quoi ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez l&#039;essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques\" \/>\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\/cest-quoi-le-bios\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le BIOS : C&#039;est quoi ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez l&#039;essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-19T17:23:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-20T13:22:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/\"},\"author\":{\"name\":\"Lucas\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/person\\\/6df827225180b6f3870274908b543185\"},\"headline\":\"Le BIOS : C&rsquo;est quoi ?\",\"datePublished\":\"2024-05-19T17:23:16+00:00\",\"dateModified\":\"2024-10-20T13:22:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/\"},\"wordCount\":551,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/puce-bios-scaled.jpeg\",\"keywords\":[\"maintenance informatique\",\"PC\"],\"articleSection\":[\"Guide informatique\",\"Les composants d'un ordinateur\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/\",\"name\":\"Le BIOS : C'est quoi ?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/puce-bios-scaled.jpeg\",\"datePublished\":\"2024-05-19T17:23:16+00:00\",\"dateModified\":\"2024-10-20T13:22:55+00:00\",\"description\":\"D\u00e9couvrez l'essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/puce-bios-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/puce-bios-scaled.jpeg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/cest-quoi-le-bios\\\/#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 BIOS : 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":"Le BIOS : C'est quoi ?","description":"D\u00e9couvrez l'essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques","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\/cest-quoi-le-bios\/","og_locale":"fr_FR","og_type":"article","og_title":"Le BIOS : C'est quoi ?","og_description":"D\u00e9couvrez l'essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques","og_url":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/","og_site_name":"Matuile","article_published_time":"2024-05-19T17:23:16+00:00","article_modified_time":"2024-10-20T13:22:55+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-scaled.jpeg","type":"image\/jpeg"}],"author":"Lucas","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lucas","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#article","isPartOf":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/"},"author":{"name":"Lucas","@id":"https:\/\/matuile.com\/media\/#\/schema\/person\/6df827225180b6f3870274908b543185"},"headline":"Le BIOS : C&rsquo;est quoi ?","datePublished":"2024-05-19T17:23:16+00:00","dateModified":"2024-10-20T13:22:55+00:00","mainEntityOfPage":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/"},"wordCount":551,"commentCount":0,"publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"image":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-scaled.jpeg","keywords":["maintenance informatique","PC"],"articleSection":["Guide informatique","Les composants d'un ordinateur"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/","url":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/","name":"Le BIOS : C'est quoi ?","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-scaled.jpeg","datePublished":"2024-05-19T17:23:16+00:00","dateModified":"2024-10-20T13:22:55+00:00","description":"D\u00e9couvrez l'essentiel sur le BIOS. Comprenez son r\u00f4le cl\u00e9 dans le d\u00e9marrage et la configuration des syst\u00e8mes informatiques","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/cest-quoi-le-bios\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-scaled.jpeg","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/05\/puce-bios-scaled.jpeg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/cest-quoi-le-bios\/#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 BIOS : 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\/55312","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=55312"}],"version-history":[{"count":16,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55312\/revisions"}],"predecessor-version":[{"id":79626,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/posts\/55312\/revisions\/79626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media\/55326"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=55312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/categories?post=55312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/tags?post=55312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}