Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 3D 225/55 R17 97H


Pneu Hiver Dunlop SP WINTER SPORT 3D 225 55 17 97 H Pneumatique hautes performances conçu pour toutes les conditions de conduite en hiver Performances quelles que soient les conditions météorologiques Excellente tenue de route sur le sec Amélioration de l'adhérence sur route sèche et mouillée Résistance à l'aquaplaning PRINCIPAUX AVANTAGES Performances quelles que soient les conditions météorologiques Grâce à trois types de lamelles différents positionnées sur des parties spécifiques du pneu, le Winter Sport 3D est optimisé pour gérer toutes les conditions de conduite en hiver. Excellente adhérence sur route sèche et mouillée Le mélange de gomme silice spécial reste souple à basse température, ce qui garantit une excellente adhérence sur route sèche comme sur route mouillée. La distribution uniforme de la pression sur toute l'empreinte au sol permet de conserver une bonne adhérence. Tenue de route exceptionnelle sur le sec Résistance à l'aquaplaning Grâce aux rainures directionnelles, l'eau est évacuée rapidement et sans turbulence, ce qui augmente la résistance à l'aquaplaning. TECHNOLOGIES SYSTÈME MULTI-LAMELLES Les conditions de conduite en hiver peuvent varier considérablement. Du froid et sec à la neige ou à la neige fondue, les contraintes imposées aux pneus sont énormes. Le système multi-lamelles de Dunlop utilise différents types de lamelles selon les conditions de conduite hivernales. Avantages Des performances homogènes en toutes conditions de conduite en hiver. TECHNOLOGIE MRT La construction MRT se caractérise par des rayons de courbure multiples (dix). Cela se traduit par une répartition plus homogène de la pression sur toute l'empreinte au sol. La forme du pneu change plus graduellement de la ligne droite au virage. La conduite devient plus précise Avantages Un contrôle très supérieur de l'évolution de l'empreinte dans toutes les conditions de conduite réactivité sur route sèche comme sur route mouillée meilleur contrôle en virage. SYSTÈME SPÉCIFIQUE D'APPUI DU TALON Renforce le lien entre le pneu et la jante pour une conduite plus précise. Ce nouveau système d'appui du talon sur la jante améliore le contrôle et le ressenti de la route. Avantages Meilleur ressenti de la route plus grande stabilité et plus grande précision de conduite MAXIMUM FLANGE SHIELD (MFS) Système de protection du rebord de jante. Le système MFS se caractérise par un bourrelet de caoutchouc autour du pneu, au-dessus du rebord de jante. Ceci crée une zone tampon de protection. Avantages Protège les jantes alliage prix des coups de trottoirs. BANDAGE SANS JOINT (JLB) Une nappe sommet hybride qui réduit les déformations circonférentielles à haute vitesse. Avantages Excellente stabilité à haute vitesse usure homogène. Type véhicule: Tourisme Roulage à plat: Non Flancs renforcés: Non Saison: Hiver Freinage sur routes mouillées: E Bruit de roulement: 68 dB Economies de carburant: E Nombre d'ondes: 1

131.28EUR :

+ D'INFOS COMMANDER

Offres similaires :

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 Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 3D 255/45 R20 101V image 290.6€
logo Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 3D 215/60 R17 96H image 190.5€
logo Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 3D 215/40 R17 87V image 165.56€
logo Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 3D 265/50 R19 110V image 192.57€
logo Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 4D 205/55 R16 91H image 93.81€
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 Dunlop Pneu Hiver DUNLOP SP WINTER SPORT 4D 195/55 R16 87T image 156.79€
logo Blancheporte Bottines fourrées - BlancheporteAnimées par une suédine toute douce et une patte avec grand oeillet fantaisie sur le côté, ces bottes d’hiver relèvent haut la main le défi d'associer confort et chaleur sans négliger la féminité.36Noir image 59.99€
RECHERCHE
NEWSLETTER PROMO

    Je veux recevoir les offres et promos des partenaires

Copyright © 2013 peccadilles.fr.