Audew 2PCS 26W 4800LM 6000K H4 Phare LED de voiture en ligne étanche pour le camping en plein air


Spécifications de base:Consommation d'énergie (côté unique)25W±10%Lumen9600LMTensionUniquement DC 12V (non adapté aux voitures 24V)CouleurBlanc (6500K)MatièreAlliage d'aluminium 6063Espérance de vieenviron 50000 heures ou plusIndice d'étanchéitéIP67Température de fonctionnement-40℃ à 80℃Poids210g/ensembleLié Pages d'événements CLIQUEZ.Caractéristiques:1. Haute luminosité et derniers produitsÉquipé de la puce Lumileds ZES de haute qualité, performances stables, longue durée de vie, bonne dissipation de chaleur, bonnes économies d'énergie et luminosité supérieure.La nouvelle source de lumière LED fournit une luminescence stable et une dissipation de chaleur pour soutenir la conduite de nuit. La teinte blanche (6500K) ajoute à l'effet de dressing et de luxe de la voiture.2.Installation super facile et réglage libre de l'axe de lumière gratuitLa taille compacte de cette lumière n'est pas très différente de la lumière halogène d'origine, avec un onduleur intégré et un ventilateur pour 99% des voitures.Les nouveaux phares à LED reproduisent parfaitement les feux halogènes d'origine! Les connecteurs et le câblage complexes ont été simplifiés, rendant le processus de remplacement très facile et rapide.L'ampoule H4 est une ampoule universelle qui reproduit le plus fidèlement possible l'ampoule halogène et, comme la H4 n'a pas d'arbre de lumière, l'installation dépend du véhicule spécifique.3. Le H4 est un arbre léger sans arbre, donc l'installation dépend du véhiculeLa répartition de

32.76EUR :

+ D'INFOS COMMANDER

Offres similaires :

logo Kingston Kvr26s19s6 1x4gb Ddr4 2666mhz Ram Memory Vert image 21.99€
logo Delta Series carnet rembordé rigide 26F A4 270g - Ivoire - Lot de 2 image 44.34€
logo >fr.royalcdkeys.com\n /* Copyright 2017 The Chromium Authors\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file. */\n\na {\n color: var(--link-color);\n}\n\nbody {\n --background-color: #fff;\n --error-code-color: var(--google-gray-700);\n --google-blue-100: rgb(210, 227, 252);\n --google-blue-300: rgb(138, 180, 248);\n --google-blue-600: rgb(26, 115, 232);\n --google-blue-700: rgb(25, 103, 210);\n --google-gray-100: rgb(241, 243, 244);\n --google-gray-300: rgb(218, 220, 224);\n --google-gray-500: rgb(154, 160, 166);\n --google-gray-50: rgb(248, 249, 250);\n --google-gray-600: rgb(128, 134, 139);\n --google-gray-700: rgb(95, 99, 104);\n --google-gray-800: rgb(60, 64, 67);\n --google-gray-900: rgb(32, 33, 36);\n --heading-color: var(--google-gray-900);\n --link-color: rgb(88, 88, 88);\n --popup-container-background-color: rgba(0,0,0,.65);\n --primary-button-fill-color-active: var(--google-blue-700);\n --primary-button-fill-color: var(--google-blue-600);\n --primary-button-text-color: #fff;\n --quiet-background-color: rgb(247, 247, 247);\n --secondary-button-border-color: var(--google-gray-500);\n --secondary-button-fill-color: #fff;\n --secondary-button-hover-border-color: var(--google-gray-600);\n --secondary-button-hover-fill-color: var(--google-gray-50);\n --secondary-button-text-color: var(--google-gray-700);\n --small-link-color: var(--google-gray-700);\n --text-color: var(--google-gray-700);\n background: var(--background-color);\n color: var(--text-color);\n word-wrap: break-word;\n}\n\n.nav-wrapper .secondary-button {\n background: var(--secondary-button-fill-color);\n border: 1px solid var(--secondary-button-border-color);\n color: var(--secondary-button-text-color);\n float: none;\n margin: 0;\n padding: 8px 16px;\n}\n\n.hidden {\n display: none;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n font-size: 125%;\n}\n\n.icon {\n background-repeat: no-repeat;\n background-size: 100%;\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n --background-color: var(--google-gray-900);\n --error-code-color: var(--google-gray-500);\n --heading-color: var(--google-gray-500);\n --link-color: var(--google-blue-300);\n --primary-button-fill-color-active: rgb(129, 162, 208);\n --primary-button-fill-color: var(--google-blue-300);\n --primary-button-text-color: var(--google-gray-900);\n --quiet-background-color: var(--background-color);\n --secondary-button-border-color: var(--google-gray-700);\n --secondary-button-fill-color: var(--google-gray-900);\n --secondary-button-hover-fill-color: rgb(48, 51, 57);\n --secondary-button-text-color: var(--google-blue-300);\n --small-link-color: var(--google-blue-300);\n --text-color: var(--google-gray-500);\n }\n}\n\n /* Copyright 2014 The Chromium Authors\n Use of this source code is governed by a BSD-style license that can be\n found in the LICENSE file. */\n\nbutton {\n border: 0;\n border-radius: 4px;\n box-sizing: border-box;\n color: var(--primary-button-text-color);\n cursor: pointer;\n float: right;\n font-size: .875em;\n margin: 0;\n padding: 8px 16px;\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);\n user-select: none;\n}\n\n[dir='rtl'] button {\n float: left;\n}\n\n.bad-clock button,\n.captive-portal button,\n.https-only button,\n.insecure-form button,\n.lookalike-url button,\n.main-frame-blocked button,\n.neterror button,\n.pdf button,\n.ssl button,\n.enterprise-block button,\n.enterprise-warn button,\n.safe-browsing-billing button {\n background: var(--primary-button-fill-color);\n}\n\nbutton:active {\n background: var(--primary-button-fill-color-active);\n outline: 0;\n}\n\n#debugging {\n display: inline;\n overflow: auto;\n}\n\n.debugging-content {\n line-height: 1em;\n margin-bottom: 0;\n margin-top: 1em;\n}\n\n.debugging-content-fixed-width {\n display: block;\n font-family: monospace;\n font-size: 1.2em;\n margin-top: 0.5em;\n}\n\n.debugging-title {\n font-weight: bold;\n}\n\n#details {\n margin: 0 0 50px;\n}\n\n#details p:not(:first-of-type) {\n margin-top: 20px;\n}\n\n.secondary-button:active {\n border-color: white;\n box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3),\n 0 2px 6px 2px rgba(60, 64, 67, .15);\n}\n\n.secondary-button:hover {\n background: var(--secondary-button-hover-fill-color);\n border-color: var(--secondary-button-hover-border-color);\n text-decoration: none;\n}\n\n.error-code {\n color: var(--error-code-color);\n font-size: .8em;\n margin-top: 12px;\n text-transform: uppercase;\n}\n\n#error-debugging-info {\n font-size: 0.8em;\n}\n\nh1 {\n color: var(--heading-color);\n font-size: 1.6em;\n font-weight: normal;\n line-height: 1.25em;\n margin-bottom: 16px;\n}\n\nh2 {\n font-size: 1.2em;\n font-weight: normal;\n}\n\n.icon {\n height: 72px;\n margin: 0 0 40px;\n width: 72px;\n}\n\ninput[type=checkbox] {\n opacity: 0;\n}\n\ninput[type=checkbox]:focus ~ .checkbox::after {\n outline: -webkit-focus-ring-color auto 5px;\n}\n\n.interstitial-wrapper {\n box-sizing: border-box;\n font-size: 1em;\n line-height: 1.6em;\n margin: 14vh auto 0;\n max-width: 600px;\n width: 100%;\n}\n\n#main-message > p {\n display: inline;\n}\n\n#extended-reporting-opt-in {\n font-size: .875em;\n margin-top: 32px;\n}\n\n#extended-reporting-opt-in label {\n display: grid;\n grid-template-columns: 1.8em 1fr;\n position: relative;\n}\n\n#enhanced-protection-message {\n border-radius: 4px;\n font-size: 1em;\n margin-top: 32px;\n padding: 10px 5px;\n}\n\n#enhanced-protection-message label {\n display: grid;\n grid-template-columns: 2.5em 1fr;\n position: relative;\n}\n\n#enhanced-protection-message div {\n margin: 0.5em;\n}\n\n#enhanced-protection-message .icon {\n height: 1.5em;\n vertical-align: middle;\n width: 1.5em;\n}\n\n.nav-wrapper {\n margin-top: 51px;\n}\n\n.nav-wrapper::after {\n clear: both;\n content: '';\n display: table;\n width: 100%;\n}\n\n.small-link {\n color: var(--small-link-color);\n font-size: .875em;\n}\n\n.checkboxes {\n flex: 0 0 24px;\n}\n\n.checkbox {\n --padding: .9em;\n background: transparent;\n display: block;\n height: 1em;\n left: -1em;\n padding-inline-start: var(--padding);\n position: absolute;\n right: 0;\n top: -.5em;\n width: 1em;\n}\n\n.checkbox::after {\n border: 1px solid white;\n border-radius: 2px;\n content: '';\n height: 1em;\n left: var(--padding);\n position: absolute;\n top: var(--padding);\n width: 1em;\n}\n\n.checkbox::before {\n background: transparent;\n border: 2px solid white;\n border-inline-end-width: 0;\n border-top-width: 0;\n content: '';\n height: .2em;\n left: calc(.3em + var(--padding));\n opacity: 0;\n position: absolute;\n top: calc(.3em + var(--padding));\n transform: rotate(-45deg);\n width: .5em;\n}\n\ninput[type=checkbox]:checked ~ .checkbox::before {\n opacity: 1;\n}\n\n#recurrent-error-message {\n background: #ededed;\n border-radius: 4px;\n margin-bottom: 16px;\n margin-top: 12px;\n padding: 12px 16px;\n}\n\n.showing-recurrent-error-message #extended-reporting-opt-in {\n margin-top: 16px;\n}\n\n.showing-recurrent-error-message #enhanced-protection-message {\n margin-top: 16px;\n}\n\n@media (max-width: 700px) {\n .interstitial-wrapper {\n padding: 0 10%;\n }\n\n #error-debugging-info {\n overflow: auto;\n }\n}\n\n@media (max-width: 420px) {\n button,\n [dir='rtl'] button,\n .small-link {\n float: none;\n font-size: .825em;\n font-weight: 500;\n margin: 0;\n width: 100%;\n }\n\n button {\n padding: 16px 24px;\n }\n\n #details {\n margin: 20px 0 20px 0;\n }\n\n #details p:not(:first-of-type) {\n margin-top: 10px;\n }\n\n .secondary-button:not(.hidden) {\n display: block;\n margin-top: 20px;\n text-align: center;\n width: 100%;\n }\n\n .interstitial-wrapper {\n padding: 0 5%;\n }\n\n #extended-reporting-opt-in {\n margin-top: 24px;\n }\n\n #enhanced-protection-message {\n margin-top: 24px;\n }\n\n .nav-wrapper {\n margin-top: 30px;\n }\n}\n\n/**\n * Mobile specific styling.\n * Navigation buttons are anchored to the bottom of the screen.\n * Details message replaces the top content in its own scrollable area.\n */\n\n@media (max-width: 420px) {\n .nav-wrapper .secondary-button {\n border: 0;\n margin: 16px 0 0;\n margin-inline-end: 0;\n padding-bottom: 16px;\n padding-top: 16px;\n }\n}\n\n/* Fixed nav. */\n@media (min-width: 240px) and (max-width: 420px) and\n (min-height: 401px),\n (min-width: 421px) and (min-height: 240px) and\n (max-height: 560px) {\n body .nav-wrapper {\n background: var(--background-color);\n bottom: 0;\n box-shadow: 0 -12px 24px var(--background-color);\n left: 0;\n margin: 0 auto;\n max-width: 736px;\n padding-inline-end: 24px;\n padding-inline-start: 24px;\n position: fixed;\n right: 0;\n width: 100%;\n z-index: 2;\n }\n\n .interstitial-wrapper {\n max-width: 736px;\n }\n\n #details,\n #main-content {\n padding-bottom: 40px;\n }\n\n #details {\n padding-top: 5.5vh;\n }\n\n button.small-link {\n color: var(--google-blue-600);\n }\n}\n\n@media (max-width: 420px) and (orientation: portrait),\n (max-height: 560px) {\n body {\n margin: 0 auto;\n }\n\n button,\n [dir='rtl'] button,\n button.small-link,\n .nav-wrapper .secondary-button {\n font-family: Roboto-Regular,Helvetica;\n font-size: .933em;\n margin: 6px 0;\n transform: translatez(0);\n }\n\n .nav-wrapper {\n box-sizing: border-box;\n padding-bottom: 8px;\n width: 100%;\n }\n\n #details {\n box-sizing: border-box;\n height: auto;\n margin: 0;\n opacity: 1;\n transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #details.hidden,\n #main-content.hidden {\n height: 0;\n opacity: 0;\n overflow: hidden;\n padding-bottom: 0;\n transition: none;\n }\n\n h1 {\n font-size: 1.5em;\n margin-bottom: 8px;\n }\n\n .icon {\n margin-bottom: 5.69vh;\n }\n\n .interstitial-wrapper {\n box-sizing: border-box;\n margin: 7vh auto 12px;\n padding: 0 24px;\n position: relative;\n }\n\n .interstitial-wrapper p {\n font-size: .95em;\n line-height: 1.61em;\n margin-top: 8px;\n }\n\n #main-content {\n margin: 0;\n transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .small-link {\n border: 0;\n }\n\n .suggested-left > #control-buttons,\n .suggested-right > #control-buttons {\n float: none;\n margin: 0;\n }\n}\n\n@media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) {\n .interstitial-wrapper {\n margin-top: 10vh;\n }\n}\n\n@media (min-height: 400px) and (orientation:portrait) {\n .interstitial-wrapper {\n margin-bottom: 145px;\n }\n}\n\n@media (min-height: 299px) {\n .nav-wrapper {\n padding-bottom: 16px;\n }\n}\n\n@media (max-height: 560px) and (min-height: 240px) and (orientation:landscape) {\n .extended-reporting-has-checkbox #details {\n padding-bottom: 80px;\n }\n}\n\n@media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and\n (orientation: portrait) {\n .interstitial-wrapper {\n margin-top: 7vh;\n }\n}\n\n@media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) {\n .interstitial-wrapper {\n margin-top: 10vh;\n }\n}\n\n/* Small mobile screens. No fixed nav. */\n@media (max-height: 400px) and (orientation: portrait),\n (max-height: 239px) and (orientation: landscape),\n (max-width: 419px) and (max-height: 399px) {\n .interstitial-wrapper {\n display: flex;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n #details {\n flex: 1 1 auto;\n order: 0;\n }\n\n #main-content {\n flex: 1 1 auto;\n order: 0;\n }\n\n .nav-wrapper {\n flex: 0 1 auto;\n margin-top: 8px;\n order: 1;\n padding-inline-end: 0;\n padding-inline-start: 0;\n position: relative;\n width: 100%;\n }\n\n button,\n .nav-wrapper .secondary-button {\n padding: 16px 24px;\n }\n\n button.small-link {\n color: var(--google-blue-600);\n }\n}\n\n@media (max-width: 239px) and (orientation: portrait) {\n .nav-wrapper {\n padding-inline-end: 0;\n padding-inline-start: 0;\n }\n}\n\n /* Copyright 2013 The Chromium Authors\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file. */\n\n/* Don't use the main frame div when the error is in a subframe. */\nhtml[subframe] #main-frame-error {\n display: none;\n}\n\n/* Don't use the subframe error div when the error is in a main frame. */\nhtml:not([subframe]) #sub-frame-error {\n display: none;\n}\n\nh1 {\n margin-top: 0;\n word-wrap: break-word;\n}\n\nh1 span {\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n}\n\n.icon {\n -webkit-user-select: none;\n display: inline-block;\n}\n\n.icon-generic {\n /* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted\n * renderer process, so embed the resource manually. */\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=) 2x);\n}\n\n.icon-offline {\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=) 2x);\n position: relative;\n}\n\n.icon-disabled {\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=) 2x);\n width: 112px;\n}\n\n.hidden {\n display: none;\n}\n\n#suggestions-list a {\n color: var(--google-blue-600);\n}\n\n#suggestions-list p {\n margin-block-end: 0;\n}\n\n#suggestions-list ul {\n margin-top: 0;\n}\n\n.single-suggestion {\n list-style-type: none;\n padding-inline-start: 0;\n}\n\n#error-information-button {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+);\n height: 24px;\n vertical-align: -.15em;\n width: 24px;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup {\n align-items: center;\n background-color: var(--popup-container-background-color);\n display: flex;\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 100;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup-content > p {\n margin-bottom: 11px;\n margin-inline-start: 20px;\n}\n\n.use-popup-container#error-information-popup-container #suggestions-list ul {\n margin-inline-start: 15px;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup-box {\n background-color: var(--background-color);\n left: 5%;\n padding-bottom: 15px;\n padding-top: 15px;\n position: fixed;\n width: 90%;\n z-index: 101;\n}\n\n.use-popup-container#error-information-popup-container div.error-code {\n margin-inline-start: 20px;\n}\n\n.use-popup-container#error-information-popup-container #suggestions-list p {\n margin-inline-start: 20px;\n}\n\n:not(.use-popup-container)#error-information-popup-container\n #error-information-popup-close {\n display: none;\n}\n\n#error-information-popup-close {\n margin-bottom: 0;\n margin-inline-end: 35px;\n margin-top: 15px;\n text-align: end;\n}\n\n.link-button {\n color: rgb(66, 133, 244);\n display: inline-block;\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#sub-frame-error-details {\n\n color: #8F8F8F;\n\n /* Not done on mobile for performance reasons. */\n text-shadow: 0 1px 0 rgba(255,255,255,0.3);\n\n}\n\n[jscontent=hostName],\n[jscontent=failedUrl] {\n overflow-wrap: break-word;\n}\n\n.secondary-button {\n background: #d9d9d9;\n color: #696969;\n margin-inline-end: 16px;\n}\n\n.snackbar {\n background: #323232;\n border-radius: 2px;\n bottom: 24px;\n box-sizing: border-box;\n color: #fff;\n font-size: .87em;\n left: 24px;\n max-width: 568px;\n min-width: 288px;\n opacity: 0;\n padding: 16px 24px 12px;\n position: fixed;\n transform: translateY(90px);\n will-change: opacity, transform;\n z-index: 999;\n}\n\n.snackbar-show {\n -webkit-animation:\n show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards,\n hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s;\n}\n\n@-webkit-keyframes show-snackbar {\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes hide-snackbar {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(90px);\n }\n}\n\n.suggestions {\n margin-top: 18px;\n}\n\n.suggestion-header {\n font-weight: bold;\n margin-bottom: 4px;\n}\n\n.suggestion-body {\n color: #777;\n}\n\n/* Decrease padding at low sizes. */\n@media (max-width: 640px), (max-height: 640px) {\n h1 {\n margin: 0 0 15px;\n }\n .suggestions {\n margin-top: 10px;\n }\n .suggestion-header {\n margin-bottom: 0;\n }\n}\n\n#download-link,\n#download-link-clicked {\n margin-bottom: 30px;\n margin-top: 30px;\n}\n\n#download-link-clicked {\n color: #BBB;\n}\n\n#download-link::before,\n#download-link-clicked::before {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);\n display: inline-block;\n margin-inline-end: 4px;\n vertical-align: -webkit-baseline-middle;\n}\n\n#download-link-clicked::before {\n opacity: 0;\n width: 0;\n}\n\n#offline-content-list-visibility-card {\n border: 1px solid white;\n border-radius: 8px;\n display: flex;\n font-size: .8em;\n justify-content: space-between;\n line-height: 1;\n}\n\n#offline-content-list.list-hidden #offline-content-list-visibility-card {\n border-color: rgb(218, 220, 224);\n}\n\n#offline-content-list-visibility-card > div {\n padding: 1em;\n}\n\n#offline-content-list-title {\n color: var(--google-gray-700);\n}\n\n#offline-content-list-show-text,\n#offline-content-list-hide-text {\n color: rgb(66, 133, 244);\n}\n\n/* Hides the \hide\ text div when the offline content list is collapsed/hidden\n * and, alternatively, hides the \show\ text div when the offline content list\n * is expanded/shown.\n */\n#offline-content-list.list-hidden #offline-content-list-hide-text,\n#offline-content-list:not(.list-hidden) #offline-content-list-show-text {\n display: none;\n}\n\n/* Controls the animation of the offline content list when it is expanded/shown.\n */\n#offline-content-suggestions {\n /* Max-height has to be set for the height animation to work. The chosen value\n * is a little greater than the maximum height the list will have, when all\n * suggestions have images, so that it is never clamped. This makes so that\n * when the actual height is smaller then the animation is not as smooth.\n */\n max-height: 27em;\n transition: max-height 200ms ease-in, visibility 0s 200ms,\n opacity 200ms 200ms linear;\n}\n\n/* Controls the animation of the offline content list when it is\n * collapsed/hidden.\n */\n#offline-content-list.list-hidden #offline-content-suggestions {\n max-height: 0;\n opacity: 0;\n transition: opacity 200ms linear, visibility 0s 200ms,\n max-height 200ms 200ms ease-out;\n visibility: hidden;\n}\n\n#offline-content-list {\n margin-inline-start: -5%;\n width: 110%;\n}\n\n/* The selectors below adjust the \overflow\ of the suggestion cards contents\n * based on the same screen size based strategy used for the main frame, which\n * is applied by the `interstitial-wrapper` class. */\n@media (max-width: 420px) {\n #offline-content-list {\n margin-inline-start: -2.5%;\n width: 105%;\n }\n}\n@media (max-width: 420px) and (orientation: portrait),\n (max-height: 560px) {\n #offline-content-list {\n margin-inline-start: -12px;\n width: calc(100% + 24px);\n }\n}\n\n.suggestion-with-image .offline-content-suggestion-thumbnail {\n flex-basis: 8.2em;\n flex-shrink: 0;\n}\n\n.suggestion-with-image .offline-content-suggestion-thumbnail > img {\n height: 100%;\n width: 100%;\n}\n\n.suggestion-with-image #offline-content-list:not(.is-rtl)\n.offline-content-suggestion-thumbnail > img {\n border-bottom-right-radius: 7px;\n border-top-right-radius: 7px;\n}\n\n.suggestion-with-image #offline-content-list.is-rtl\n.offline-content-suggestion-thumbnail > img {\n border-bottom-left-radius: 7px;\n border-top-left-radius: 7px;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail {\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 4.2em;\n min-width: 4.2em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail > div {\n align-items: center;\n background-color: rgb(241, 243, 244);\n border-radius: 50%;\n display: flex;\n height: 2.3em;\n justify-content: center;\n width: 2.3em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail > div > img {\n height: 1.45em;\n width: 1.45em;\n}\n\n.offline-content-suggestion-favicon {\n height: 1em;\n margin-inline-end: 0.4em;\n width: 1.4em;\n}\n\n.offline-content-suggestion-favicon > img {\n height: 1.4em;\n width: 1.4em;\n}\n\n.no-favicon .offline-content-suggestion-favicon {\n display: none;\n}\n\n.image-video {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcgMTAuNVY3YTEgMSAwIDAgMC0xLTFINGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiIGZpbGw9IiMzQzQwNDMiLz48L3N2Zz4=);\n}\n\n.image-music-note {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgM3Y5LjI2Yy0uNS0uMTctMS0uMjYtMS41LS4yNkM4IDEyIDYgMTQgNiAxNi41UzggMjEgMTAuNSAyMXM0LjUtMiA0LjUtNC41VjZoNFYzaC03eiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==);\n}\n\n.image-earth {\n content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMmM1LjUyIDAgMTAgNC40OCAxMCAxMHMtNC40OCAxMC0xMCAxMFMyIDE3LjUyIDIgMTIgNi40OCAyIDEyIDJ6TTQgMTJoNC40YzMuNDA3LjAyMiA0LjkyMiAxLjczIDQuNTQzIDUuMTI3SDkuNDg4djIuNDdhOC4wMDQgOC4wMDQgMCAwIDAgMTAuNDk4LTguMDgzQzE5LjMyNyAxMi41MDQgMTguMzMyIDEzIDE3IDEzYy0yLjEzNyAwLTMuMjA2LS45MTYtMy4yMDYtMi43NWgtMy43NDhjLS4yNzQtMi43MjguNjgzLTQuMDkyIDIuODctNC4wOTIgMC0uOTc1LjMyNy0xLjU5Ny44MTEtMS45N0E4LjAwNCA4LjAwNCAwIDAgMCA0IDEyeiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==);\n}\n\n.image-file {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgOVYzLjVMMTguNSA5TTYgMmMtMS4xMSAwLTIgLjg5LTIgMnYxNmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWOGwtNi02SDZ6IiBmaWxsPSIjM0M0MDQzIi8+PC9zdmc+);\n}\n\n.offline-content-suggestion-texts {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n line-height: 1.3;\n padding: .9em;\n width: 100%;\n}\n\n.offline-content-suggestion-title {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n color: rgb(32, 33, 36);\n display: -webkit-box;\n font-size: 1.1em;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\ndiv.offline-content-suggestion {\n align-items: stretch;\n border: 1px solid rgb(218, 220, 224);\n border-radius: 8px;\n display: flex;\n justify-content: space-between;\n margin-bottom: .8em;\n}\n\n.suggestion-with-image {\n flex-direction: row;\n height: 8.2em;\n max-height: 8.2em;\n}\n\n.suggestion-with-icon {\n flex-direction: row-reverse;\n height: 4.2em;\n max-height: 4.2em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-title {\n -webkit-line-clamp: 1;\n word-break: break-all;\n}\n\n.suggestion-with-icon .offline-content-suggestion-texts {\n padding-inline-start: 0;\n}\n\n.offline-content-suggestion-attribution-freshness {\n color: rgb(95, 99, 104);\n display: flex;\n font-size: .8em;\n line-height: 1.7em;\n}\n\n.offline-content-suggestion-attribution {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n display: -webkit-box;\n flex-shrink: 1;\n margin-inline-end: 0.3em;\n overflow: hidden;\n overflow-wrap: break-word;\n text-overflow: ellipsis;\n word-break: break-all;\n}\n\n.no-attribution .offline-content-suggestion-attribution {\n display: none;\n}\n\n.offline-content-suggestion-freshness::before {\n content: '-';\n display: inline-block;\n flex-shrink: 0;\n margin-inline-end: .1em;\n margin-inline-start: .1em;\n}\n\n.no-attribution .offline-content-suggestion-freshness::before {\n display: none;\n}\n\n.offline-content-suggestion-freshness {\n flex-shrink: 0;\n}\n\n.suggestion-with-image .offline-content-suggestion-pin-spacer {\n flex-grow: 100;\n flex-shrink: 1;\n}\n\n.suggestion-with-image .offline-content-suggestion-pin {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9zdmc+);\n flex-shrink: 0;\n height: 1.4em;\n margin-inline-start: .4em;\n width: 1.4em;\n}\n\n/* Controls the animation (and a bit more) of the launch-downloads-home action\n * button when the offline content list is expanded/shown.\n */\n#offline-content-list-action {\n text-align: center;\n transition: visibility 0s 200ms, opacity 200ms 200ms linear;\n}\n\n/* Controls the animation of the launch-downloads-home action button when the\n * offline content list is collapsed/hidden.\n */\n#offline-content-list.list-hidden #offline-content-list-action {\n opacity: 0;\n transition: opacity 200ms linear, visibility 0s 200ms;\n visibility: hidden;\n}\n\n#cancel-save-page-button {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+);\n background-position: right 27px center;\n background-repeat: no-repeat;\n border: 1px solid var(--google-gray-300);\n border-radius: 5px;\n color: var(--google-gray-700);\n margin-bottom: 26px;\n padding-bottom: 16px;\n padding-inline-end: 88px;\n padding-inline-start: 16px;\n padding-top: 16px;\n text-align: start;\n}\n\nhtml[dir='rtl'] #cancel-save-page-button {\n background-position: left 27px center;\n}\n\n#save-page-for-later-button {\n display: flex;\n justify-content: start;\n}\n\n#save-page-for-later-button a::before {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);\n display: inline-block;\n margin-inline-end: 4px;\n vertical-align: -webkit-baseline-middle;\n}\n\n.hidden#save-page-for-later-button {\n display: none;\n}\n\n/* Don't allow overflow when in a subframe. */\nhtml[subframe] body {\n overflow: hidden;\n}\n\n#sub-frame-error {\n -webkit-align-items: center;\n -webkit-flex-flow: column;\n -webkit-justify-content: center;\n background-color: #DDD;\n display: -webkit-flex;\n height: 100%;\n left: 0;\n position: absolute;\n text-align: center;\n top: 0;\n transition: background-color 200ms ease-in-out;\n width: 100%;\n}\n\n#sub-frame-error:hover {\n background-color: #EEE;\n}\n\n#sub-frame-error .icon-generic {\n margin: 0 0 16px;\n}\n\n#sub-frame-error-details {\n margin: 0 10px;\n text-align: center;\n visibility: hidden;\n}\n\n/* Show details only when hovering. */\n#sub-frame-error:hover #sub-frame-error-details {\n visibility: visible;\n}\n\n/* If the iframe is too small, always hide the error code. */\n/* TODO(mmenke): See if overflow: no-display works better, once supported. */\n@media (max-width: 200px), (max-height: 95px) {\n #sub-frame-error-details {\n display: none;\n }\n}\n\n/* Adjust icon for small embedded frames in apps. */\n@media (max-height: 100px) {\n #sub-frame-error .icon-generic {\n height: auto;\n margin: 0;\n image 1.49€
logo Walther Fun 33x33.5 Cm 50 Pages Self-adhesive Photo Album Vert image 27.49€
logo Herlitz Cahier piqûre GREENline, A4, réglure 26 / quadrillé - Lot de 11 image 2.27€
logo >fr.royalcdkeys.com\n /* Copyright 2017 The Chromium Authors\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file. */\n\na {\n color: var(--link-color);\n}\n\nbody {\n --background-color: #fff;\n --error-code-color: var(--google-gray-700);\n --google-blue-100: rgb(210, 227, 252);\n --google-blue-300: rgb(138, 180, 248);\n --google-blue-600: rgb(26, 115, 232);\n --google-blue-700: rgb(25, 103, 210);\n --google-gray-100: rgb(241, 243, 244);\n --google-gray-300: rgb(218, 220, 224);\n --google-gray-500: rgb(154, 160, 166);\n --google-gray-50: rgb(248, 249, 250);\n --google-gray-600: rgb(128, 134, 139);\n --google-gray-700: rgb(95, 99, 104);\n --google-gray-800: rgb(60, 64, 67);\n --google-gray-900: rgb(32, 33, 36);\n --heading-color: var(--google-gray-900);\n --link-color: rgb(88, 88, 88);\n --popup-container-background-color: rgba(0,0,0,.65);\n --primary-button-fill-color-active: var(--google-blue-700);\n --primary-button-fill-color: var(--google-blue-600);\n --primary-button-text-color: #fff;\n --quiet-background-color: rgb(247, 247, 247);\n --secondary-button-border-color: var(--google-gray-500);\n --secondary-button-fill-color: #fff;\n --secondary-button-hover-border-color: var(--google-gray-600);\n --secondary-button-hover-fill-color: var(--google-gray-50);\n --secondary-button-text-color: var(--google-gray-700);\n --small-link-color: var(--google-gray-700);\n --text-color: var(--google-gray-700);\n background: var(--background-color);\n color: var(--text-color);\n word-wrap: break-word;\n}\n\n.nav-wrapper .secondary-button {\n background: var(--secondary-button-fill-color);\n border: 1px solid var(--secondary-button-border-color);\n color: var(--secondary-button-text-color);\n float: none;\n margin: 0;\n padding: 8px 16px;\n}\n\n.hidden {\n display: none;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n font-size: 125%;\n}\n\n.icon {\n background-repeat: no-repeat;\n background-size: 100%;\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n --background-color: var(--google-gray-900);\n --error-code-color: var(--google-gray-500);\n --heading-color: var(--google-gray-500);\n --link-color: var(--google-blue-300);\n --primary-button-fill-color-active: rgb(129, 162, 208);\n --primary-button-fill-color: var(--google-blue-300);\n --primary-button-text-color: var(--google-gray-900);\n --quiet-background-color: var(--background-color);\n --secondary-button-border-color: var(--google-gray-700);\n --secondary-button-fill-color: var(--google-gray-900);\n --secondary-button-hover-fill-color: rgb(48, 51, 57);\n --secondary-button-text-color: var(--google-blue-300);\n --small-link-color: var(--google-blue-300);\n --text-color: var(--google-gray-500);\n }\n}\n\n /* Copyright 2014 The Chromium Authors\n Use of this source code is governed by a BSD-style license that can be\n found in the LICENSE file. */\n\nbutton {\n border: 0;\n border-radius: 4px;\n box-sizing: border-box;\n color: var(--primary-button-text-color);\n cursor: pointer;\n float: right;\n font-size: .875em;\n margin: 0;\n padding: 8px 16px;\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);\n user-select: none;\n}\n\n[dir='rtl'] button {\n float: left;\n}\n\n.bad-clock button,\n.captive-portal button,\n.https-only button,\n.insecure-form button,\n.lookalike-url button,\n.main-frame-blocked button,\n.neterror button,\n.pdf button,\n.ssl button,\n.enterprise-block button,\n.enterprise-warn button,\n.safe-browsing-billing button {\n background: var(--primary-button-fill-color);\n}\n\nbutton:active {\n background: var(--primary-button-fill-color-active);\n outline: 0;\n}\n\n#debugging {\n display: inline;\n overflow: auto;\n}\n\n.debugging-content {\n line-height: 1em;\n margin-bottom: 0;\n margin-top: 1em;\n}\n\n.debugging-content-fixed-width {\n display: block;\n font-family: monospace;\n font-size: 1.2em;\n margin-top: 0.5em;\n}\n\n.debugging-title {\n font-weight: bold;\n}\n\n#details {\n margin: 0 0 50px;\n}\n\n#details p:not(:first-of-type) {\n margin-top: 20px;\n}\n\n.secondary-button:active {\n border-color: white;\n box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3),\n 0 2px 6px 2px rgba(60, 64, 67, .15);\n}\n\n.secondary-button:hover {\n background: var(--secondary-button-hover-fill-color);\n border-color: var(--secondary-button-hover-border-color);\n text-decoration: none;\n}\n\n.error-code {\n color: var(--error-code-color);\n font-size: .8em;\n margin-top: 12px;\n text-transform: uppercase;\n}\n\n#error-debugging-info {\n font-size: 0.8em;\n}\n\nh1 {\n color: var(--heading-color);\n font-size: 1.6em;\n font-weight: normal;\n line-height: 1.25em;\n margin-bottom: 16px;\n}\n\nh2 {\n font-size: 1.2em;\n font-weight: normal;\n}\n\n.icon {\n height: 72px;\n margin: 0 0 40px;\n width: 72px;\n}\n\ninput[type=checkbox] {\n opacity: 0;\n}\n\ninput[type=checkbox]:focus ~ .checkbox::after {\n outline: -webkit-focus-ring-color auto 5px;\n}\n\n.interstitial-wrapper {\n box-sizing: border-box;\n font-size: 1em;\n line-height: 1.6em;\n margin: 14vh auto 0;\n max-width: 600px;\n width: 100%;\n}\n\n#main-message > p {\n display: inline;\n}\n\n#extended-reporting-opt-in {\n font-size: .875em;\n margin-top: 32px;\n}\n\n#extended-reporting-opt-in label {\n display: grid;\n grid-template-columns: 1.8em 1fr;\n position: relative;\n}\n\n#enhanced-protection-message {\n border-radius: 4px;\n font-size: 1em;\n margin-top: 32px;\n padding: 10px 5px;\n}\n\n#enhanced-protection-message label {\n display: grid;\n grid-template-columns: 2.5em 1fr;\n position: relative;\n}\n\n#enhanced-protection-message div {\n margin: 0.5em;\n}\n\n#enhanced-protection-message .icon {\n height: 1.5em;\n vertical-align: middle;\n width: 1.5em;\n}\n\n.nav-wrapper {\n margin-top: 51px;\n}\n\n.nav-wrapper::after {\n clear: both;\n content: '';\n display: table;\n width: 100%;\n}\n\n.small-link {\n color: var(--small-link-color);\n font-size: .875em;\n}\n\n.checkboxes {\n flex: 0 0 24px;\n}\n\n.checkbox {\n --padding: .9em;\n background: transparent;\n display: block;\n height: 1em;\n left: -1em;\n padding-inline-start: var(--padding);\n position: absolute;\n right: 0;\n top: -.5em;\n width: 1em;\n}\n\n.checkbox::after {\n border: 1px solid white;\n border-radius: 2px;\n content: '';\n height: 1em;\n left: var(--padding);\n position: absolute;\n top: var(--padding);\n width: 1em;\n}\n\n.checkbox::before {\n background: transparent;\n border: 2px solid white;\n border-inline-end-width: 0;\n border-top-width: 0;\n content: '';\n height: .2em;\n left: calc(.3em + var(--padding));\n opacity: 0;\n position: absolute;\n top: calc(.3em + var(--padding));\n transform: rotate(-45deg);\n width: .5em;\n}\n\ninput[type=checkbox]:checked ~ .checkbox::before {\n opacity: 1;\n}\n\n#recurrent-error-message {\n background: #ededed;\n border-radius: 4px;\n margin-bottom: 16px;\n margin-top: 12px;\n padding: 12px 16px;\n}\n\n.showing-recurrent-error-message #extended-reporting-opt-in {\n margin-top: 16px;\n}\n\n.showing-recurrent-error-message #enhanced-protection-message {\n margin-top: 16px;\n}\n\n@media (max-width: 700px) {\n .interstitial-wrapper {\n padding: 0 10%;\n }\n\n #error-debugging-info {\n overflow: auto;\n }\n}\n\n@media (max-width: 420px) {\n button,\n [dir='rtl'] button,\n .small-link {\n float: none;\n font-size: .825em;\n font-weight: 500;\n margin: 0;\n width: 100%;\n }\n\n button {\n padding: 16px 24px;\n }\n\n #details {\n margin: 20px 0 20px 0;\n }\n\n #details p:not(:first-of-type) {\n margin-top: 10px;\n }\n\n .secondary-button:not(.hidden) {\n display: block;\n margin-top: 20px;\n text-align: center;\n width: 100%;\n }\n\n .interstitial-wrapper {\n padding: 0 5%;\n }\n\n #extended-reporting-opt-in {\n margin-top: 24px;\n }\n\n #enhanced-protection-message {\n margin-top: 24px;\n }\n\n .nav-wrapper {\n margin-top: 30px;\n }\n}\n\n/**\n * Mobile specific styling.\n * Navigation buttons are anchored to the bottom of the screen.\n * Details message replaces the top content in its own scrollable area.\n */\n\n@media (max-width: 420px) {\n .nav-wrapper .secondary-button {\n border: 0;\n margin: 16px 0 0;\n margin-inline-end: 0;\n padding-bottom: 16px;\n padding-top: 16px;\n }\n}\n\n/* Fixed nav. */\n@media (min-width: 240px) and (max-width: 420px) and\n (min-height: 401px),\n (min-width: 421px) and (min-height: 240px) and\n (max-height: 560px) {\n body .nav-wrapper {\n background: var(--background-color);\n bottom: 0;\n box-shadow: 0 -12px 24px var(--background-color);\n left: 0;\n margin: 0 auto;\n max-width: 736px;\n padding-inline-end: 24px;\n padding-inline-start: 24px;\n position: fixed;\n right: 0;\n width: 100%;\n z-index: 2;\n }\n\n .interstitial-wrapper {\n max-width: 736px;\n }\n\n #details,\n #main-content {\n padding-bottom: 40px;\n }\n\n #details {\n padding-top: 5.5vh;\n }\n\n button.small-link {\n color: var(--google-blue-600);\n }\n}\n\n@media (max-width: 420px) and (orientation: portrait),\n (max-height: 560px) {\n body {\n margin: 0 auto;\n }\n\n button,\n [dir='rtl'] button,\n button.small-link,\n .nav-wrapper .secondary-button {\n font-family: Roboto-Regular,Helvetica;\n font-size: .933em;\n margin: 6px 0;\n transform: translatez(0);\n }\n\n .nav-wrapper {\n box-sizing: border-box;\n padding-bottom: 8px;\n width: 100%;\n }\n\n #details {\n box-sizing: border-box;\n height: auto;\n margin: 0;\n opacity: 1;\n transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #details.hidden,\n #main-content.hidden {\n height: 0;\n opacity: 0;\n overflow: hidden;\n padding-bottom: 0;\n transition: none;\n }\n\n h1 {\n font-size: 1.5em;\n margin-bottom: 8px;\n }\n\n .icon {\n margin-bottom: 5.69vh;\n }\n\n .interstitial-wrapper {\n box-sizing: border-box;\n margin: 7vh auto 12px;\n padding: 0 24px;\n position: relative;\n }\n\n .interstitial-wrapper p {\n font-size: .95em;\n line-height: 1.61em;\n margin-top: 8px;\n }\n\n #main-content {\n margin: 0;\n transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .small-link {\n border: 0;\n }\n\n .suggested-left > #control-buttons,\n .suggested-right > #control-buttons {\n float: none;\n margin: 0;\n }\n}\n\n@media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) {\n .interstitial-wrapper {\n margin-top: 10vh;\n }\n}\n\n@media (min-height: 400px) and (orientation:portrait) {\n .interstitial-wrapper {\n margin-bottom: 145px;\n }\n}\n\n@media (min-height: 299px) {\n .nav-wrapper {\n padding-bottom: 16px;\n }\n}\n\n@media (max-height: 560px) and (min-height: 240px) and (orientation:landscape) {\n .extended-reporting-has-checkbox #details {\n padding-bottom: 80px;\n }\n}\n\n@media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and\n (orientation: portrait) {\n .interstitial-wrapper {\n margin-top: 7vh;\n }\n}\n\n@media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) {\n .interstitial-wrapper {\n margin-top: 10vh;\n }\n}\n\n/* Small mobile screens. No fixed nav. */\n@media (max-height: 400px) and (orientation: portrait),\n (max-height: 239px) and (orientation: landscape),\n (max-width: 419px) and (max-height: 399px) {\n .interstitial-wrapper {\n display: flex;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n #details {\n flex: 1 1 auto;\n order: 0;\n }\n\n #main-content {\n flex: 1 1 auto;\n order: 0;\n }\n\n .nav-wrapper {\n flex: 0 1 auto;\n margin-top: 8px;\n order: 1;\n padding-inline-end: 0;\n padding-inline-start: 0;\n position: relative;\n width: 100%;\n }\n\n button,\n .nav-wrapper .secondary-button {\n padding: 16px 24px;\n }\n\n button.small-link {\n color: var(--google-blue-600);\n }\n}\n\n@media (max-width: 239px) and (orientation: portrait) {\n .nav-wrapper {\n padding-inline-end: 0;\n padding-inline-start: 0;\n }\n}\n\n /* Copyright 2013 The Chromium Authors\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file. */\n\n/* Don't use the main frame div when the error is in a subframe. */\nhtml[subframe] #main-frame-error {\n display: none;\n}\n\n/* Don't use the subframe error div when the error is in a main frame. */\nhtml:not([subframe]) #sub-frame-error {\n display: none;\n}\n\nh1 {\n margin-top: 0;\n word-wrap: break-word;\n}\n\nh1 span {\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n}\n\n.icon {\n -webkit-user-select: none;\n display: inline-block;\n}\n\n.icon-generic {\n /* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted\n * renderer process, so embed the resource manually. */\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=) 2x);\n}\n\n.icon-offline {\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=) 2x);\n position: relative;\n}\n\n.icon-disabled {\n content: -webkit-image-set(\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==) 1x,\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=) 2x);\n width: 112px;\n}\n\n.hidden {\n display: none;\n}\n\n#suggestions-list a {\n color: var(--google-blue-600);\n}\n\n#suggestions-list p {\n margin-block-end: 0;\n}\n\n#suggestions-list ul {\n margin-top: 0;\n}\n\n.single-suggestion {\n list-style-type: none;\n padding-inline-start: 0;\n}\n\n#error-information-button {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+);\n height: 24px;\n vertical-align: -.15em;\n width: 24px;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup {\n align-items: center;\n background-color: var(--popup-container-background-color);\n display: flex;\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 100;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup-content > p {\n margin-bottom: 11px;\n margin-inline-start: 20px;\n}\n\n.use-popup-container#error-information-popup-container #suggestions-list ul {\n margin-inline-start: 15px;\n}\n\n.use-popup-container#error-information-popup-container\n #error-information-popup-box {\n background-color: var(--background-color);\n left: 5%;\n padding-bottom: 15px;\n padding-top: 15px;\n position: fixed;\n width: 90%;\n z-index: 101;\n}\n\n.use-popup-container#error-information-popup-container div.error-code {\n margin-inline-start: 20px;\n}\n\n.use-popup-container#error-information-popup-container #suggestions-list p {\n margin-inline-start: 20px;\n}\n\n:not(.use-popup-container)#error-information-popup-container\n #error-information-popup-close {\n display: none;\n}\n\n#error-information-popup-close {\n margin-bottom: 0;\n margin-inline-end: 35px;\n margin-top: 15px;\n text-align: end;\n}\n\n.link-button {\n color: rgb(66, 133, 244);\n display: inline-block;\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#sub-frame-error-details {\n\n color: #8F8F8F;\n\n /* Not done on mobile for performance reasons. */\n text-shadow: 0 1px 0 rgba(255,255,255,0.3);\n\n}\n\n[jscontent=hostName],\n[jscontent=failedUrl] {\n overflow-wrap: break-word;\n}\n\n.secondary-button {\n background: #d9d9d9;\n color: #696969;\n margin-inline-end: 16px;\n}\n\n.snackbar {\n background: #323232;\n border-radius: 2px;\n bottom: 24px;\n box-sizing: border-box;\n color: #fff;\n font-size: .87em;\n left: 24px;\n max-width: 568px;\n min-width: 288px;\n opacity: 0;\n padding: 16px 24px 12px;\n position: fixed;\n transform: translateY(90px);\n will-change: opacity, transform;\n z-index: 999;\n}\n\n.snackbar-show {\n -webkit-animation:\n show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards,\n hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s;\n}\n\n@-webkit-keyframes show-snackbar {\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@-webkit-keyframes hide-snackbar {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(90px);\n }\n}\n\n.suggestions {\n margin-top: 18px;\n}\n\n.suggestion-header {\n font-weight: bold;\n margin-bottom: 4px;\n}\n\n.suggestion-body {\n color: #777;\n}\n\n/* Decrease padding at low sizes. */\n@media (max-width: 640px), (max-height: 640px) {\n h1 {\n margin: 0 0 15px;\n }\n .suggestions {\n margin-top: 10px;\n }\n .suggestion-header {\n margin-bottom: 0;\n }\n}\n\n#download-link,\n#download-link-clicked {\n margin-bottom: 30px;\n margin-top: 30px;\n}\n\n#download-link-clicked {\n color: #BBB;\n}\n\n#download-link::before,\n#download-link-clicked::before {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);\n display: inline-block;\n margin-inline-end: 4px;\n vertical-align: -webkit-baseline-middle;\n}\n\n#download-link-clicked::before {\n opacity: 0;\n width: 0;\n}\n\n#offline-content-list-visibility-card {\n border: 1px solid white;\n border-radius: 8px;\n display: flex;\n font-size: .8em;\n justify-content: space-between;\n line-height: 1;\n}\n\n#offline-content-list.list-hidden #offline-content-list-visibility-card {\n border-color: rgb(218, 220, 224);\n}\n\n#offline-content-list-visibility-card > div {\n padding: 1em;\n}\n\n#offline-content-list-title {\n color: var(--google-gray-700);\n}\n\n#offline-content-list-show-text,\n#offline-content-list-hide-text {\n color: rgb(66, 133, 244);\n}\n\n/* Hides the \hide\ text div when the offline content list is collapsed/hidden\n * and, alternatively, hides the \show\ text div when the offline content list\n * is expanded/shown.\n */\n#offline-content-list.list-hidden #offline-content-list-hide-text,\n#offline-content-list:not(.list-hidden) #offline-content-list-show-text {\n display: none;\n}\n\n/* Controls the animation of the offline content list when it is expanded/shown.\n */\n#offline-content-suggestions {\n /* Max-height has to be set for the height animation to work. The chosen value\n * is a little greater than the maximum height the list will have, when all\n * suggestions have images, so that it is never clamped. This makes so that\n * when the actual height is smaller then the animation is not as smooth.\n */\n max-height: 27em;\n transition: max-height 200ms ease-in, visibility 0s 200ms,\n opacity 200ms 200ms linear;\n}\n\n/* Controls the animation of the offline content list when it is\n * collapsed/hidden.\n */\n#offline-content-list.list-hidden #offline-content-suggestions {\n max-height: 0;\n opacity: 0;\n transition: opacity 200ms linear, visibility 0s 200ms,\n max-height 200ms 200ms ease-out;\n visibility: hidden;\n}\n\n#offline-content-list {\n margin-inline-start: -5%;\n width: 110%;\n}\n\n/* The selectors below adjust the \overflow\ of the suggestion cards contents\n * based on the same screen size based strategy used for the main frame, which\n * is applied by the `interstitial-wrapper` class. */\n@media (max-width: 420px) {\n #offline-content-list {\n margin-inline-start: -2.5%;\n width: 105%;\n }\n}\n@media (max-width: 420px) and (orientation: portrait),\n (max-height: 560px) {\n #offline-content-list {\n margin-inline-start: -12px;\n width: calc(100% + 24px);\n }\n}\n\n.suggestion-with-image .offline-content-suggestion-thumbnail {\n flex-basis: 8.2em;\n flex-shrink: 0;\n}\n\n.suggestion-with-image .offline-content-suggestion-thumbnail > img {\n height: 100%;\n width: 100%;\n}\n\n.suggestion-with-image #offline-content-list:not(.is-rtl)\n.offline-content-suggestion-thumbnail > img {\n border-bottom-right-radius: 7px;\n border-top-right-radius: 7px;\n}\n\n.suggestion-with-image #offline-content-list.is-rtl\n.offline-content-suggestion-thumbnail > img {\n border-bottom-left-radius: 7px;\n border-top-left-radius: 7px;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail {\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 4.2em;\n min-width: 4.2em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail > div {\n align-items: center;\n background-color: rgb(241, 243, 244);\n border-radius: 50%;\n display: flex;\n height: 2.3em;\n justify-content: center;\n width: 2.3em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-thumbnail > div > img {\n height: 1.45em;\n width: 1.45em;\n}\n\n.offline-content-suggestion-favicon {\n height: 1em;\n margin-inline-end: 0.4em;\n width: 1.4em;\n}\n\n.offline-content-suggestion-favicon > img {\n height: 1.4em;\n width: 1.4em;\n}\n\n.no-favicon .offline-content-suggestion-favicon {\n display: none;\n}\n\n.image-video {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcgMTAuNVY3YTEgMSAwIDAgMC0xLTFINGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiIGZpbGw9IiMzQzQwNDMiLz48L3N2Zz4=);\n}\n\n.image-music-note {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgM3Y5LjI2Yy0uNS0uMTctMS0uMjYtMS41LS4yNkM4IDEyIDYgMTQgNiAxNi41UzggMjEgMTAuNSAyMXM0LjUtMiA0LjUtNC41VjZoNFYzaC03eiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==);\n}\n\n.image-earth {\n content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMmM1LjUyIDAgMTAgNC40OCAxMCAxMHMtNC40OCAxMC0xMCAxMFMyIDE3LjUyIDIgMTIgNi40OCAyIDEyIDJ6TTQgMTJoNC40YzMuNDA3LjAyMiA0LjkyMiAxLjczIDQuNTQzIDUuMTI3SDkuNDg4djIuNDdhOC4wMDQgOC4wMDQgMCAwIDAgMTAuNDk4LTguMDgzQzE5LjMyNyAxMi41MDQgMTguMzMyIDEzIDE3IDEzYy0yLjEzNyAwLTMuMjA2LS45MTYtMy4yMDYtMi43NWgtMy43NDhjLS4yNzQtMi43MjguNjgzLTQuMDkyIDIuODctNC4wOTIgMC0uOTc1LjMyNy0xLjU5Ny44MTEtMS45N0E4LjAwNCA4LjAwNCAwIDAgMCA0IDEyeiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==);\n}\n\n.image-file {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgOVYzLjVMMTguNSA5TTYgMmMtMS4xMSAwLTIgLjg5LTIgMnYxNmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWOGwtNi02SDZ6IiBmaWxsPSIjM0M0MDQzIi8+PC9zdmc+);\n}\n\n.offline-content-suggestion-texts {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n line-height: 1.3;\n padding: .9em;\n width: 100%;\n}\n\n.offline-content-suggestion-title {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n color: rgb(32, 33, 36);\n display: -webkit-box;\n font-size: 1.1em;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\ndiv.offline-content-suggestion {\n align-items: stretch;\n border: 1px solid rgb(218, 220, 224);\n border-radius: 8px;\n display: flex;\n justify-content: space-between;\n margin-bottom: .8em;\n}\n\n.suggestion-with-image {\n flex-direction: row;\n height: 8.2em;\n max-height: 8.2em;\n}\n\n.suggestion-with-icon {\n flex-direction: row-reverse;\n height: 4.2em;\n max-height: 4.2em;\n}\n\n.suggestion-with-icon .offline-content-suggestion-title {\n -webkit-line-clamp: 1;\n word-break: break-all;\n}\n\n.suggestion-with-icon .offline-content-suggestion-texts {\n padding-inline-start: 0;\n}\n\n.offline-content-suggestion-attribution-freshness {\n color: rgb(95, 99, 104);\n display: flex;\n font-size: .8em;\n line-height: 1.7em;\n}\n\n.offline-content-suggestion-attribution {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n display: -webkit-box;\n flex-shrink: 1;\n margin-inline-end: 0.3em;\n overflow: hidden;\n overflow-wrap: break-word;\n text-overflow: ellipsis;\n word-break: break-all;\n}\n\n.no-attribution .offline-content-suggestion-attribution {\n display: none;\n}\n\n.offline-content-suggestion-freshness::before {\n content: '-';\n display: inline-block;\n flex-shrink: 0;\n margin-inline-end: .1em;\n margin-inline-start: .1em;\n}\n\n.no-attribution .offline-content-suggestion-freshness::before {\n display: none;\n}\n\n.offline-content-suggestion-freshness {\n flex-shrink: 0;\n}\n\n.suggestion-with-image .offline-content-suggestion-pin-spacer {\n flex-grow: 100;\n flex-shrink: 1;\n}\n\n.suggestion-with-image .offline-content-suggestion-pin {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9zdmc+);\n flex-shrink: 0;\n height: 1.4em;\n margin-inline-start: .4em;\n width: 1.4em;\n}\n\n/* Controls the animation (and a bit more) of the launch-downloads-home action\n * button when the offline content list is expanded/shown.\n */\n#offline-content-list-action {\n text-align: center;\n transition: visibility 0s 200ms, opacity 200ms 200ms linear;\n}\n\n/* Controls the animation of the launch-downloads-home action button when the\n * offline content list is collapsed/hidden.\n */\n#offline-content-list.list-hidden #offline-content-list-action {\n opacity: 0;\n transition: opacity 200ms linear, visibility 0s 200ms;\n visibility: hidden;\n}\n\n#cancel-save-page-button {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+);\n background-position: right 27px center;\n background-repeat: no-repeat;\n border: 1px solid var(--google-gray-300);\n border-radius: 5px;\n color: var(--google-gray-700);\n margin-bottom: 26px;\n padding-bottom: 16px;\n padding-inline-end: 88px;\n padding-inline-start: 16px;\n padding-top: 16px;\n text-align: start;\n}\n\nhtml[dir='rtl'] #cancel-save-page-button {\n background-position: left 27px center;\n}\n\n#save-page-for-later-button {\n display: flex;\n justify-content: start;\n}\n\n#save-page-for-later-button a::before {\n content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);\n display: inline-block;\n margin-inline-end: 4px;\n vertical-align: -webkit-baseline-middle;\n}\n\n.hidden#save-page-for-later-button {\n display: none;\n}\n\n/* Don't allow overflow when in a subframe. */\nhtml[subframe] body {\n overflow: hidden;\n}\n\n#sub-frame-error {\n -webkit-align-items: center;\n -webkit-flex-flow: column;\n -webkit-justify-content: center;\n background-color: #DDD;\n display: -webkit-flex;\n height: 100%;\n left: 0;\n position: absolute;\n text-align: center;\n top: 0;\n transition: background-color 200ms ease-in-out;\n width: 100%;\n}\n\n#sub-frame-error:hover {\n background-color: #EEE;\n}\n\n#sub-frame-error .icon-generic {\n margin: 0 0 16px;\n}\n\n#sub-frame-error-details {\n margin: 0 10px;\n text-align: center;\n visibility: hidden;\n}\n\n/* Show details only when hovering. */\n#sub-frame-error:hover #sub-frame-error-details {\n visibility: visible;\n}\n\n/* If the iframe is too small, always hide the error code. */\n/* TODO(mmenke): See if overflow: no-display works better, once supported. */\n@media (max-width: 200px), (max-height: 95px) {\n #sub-frame-error-details {\n display: none;\n }\n}\n\n/* Adjust icon for small embedded frames in apps. */\n@media (max-height: 100px) {\n #sub-frame-error .icon-generic {\n height: auto;\n margin: 0;\n image 18.11€
logo Walther Fun 26x25 Cm 40 Pages Wire-o Photo Album Beige image 11.99€
logo Oxford Cahier, A4, linéature 26 / quadrillé, 32 pages - Lot de 15 image 1.74€
logo LANDRÉ cahier '' A4, linéature 26 / quadrillé 5 mm - Lot de 18 image 1.38€
RECHERCHE
NEWSLETTER PROMO

    Je veux recevoir les offres et promos des partenaires