Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil

<!doctype html> <meta charset="utf-8"/> <html id="html" class=" " lang="fr-CH"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil </title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/>  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)"/> <script> function handleFontAwesomeError() { let faCss = document.createElement("link"); faCss.rel = "stylesheet"; faCss.type = "text/css"; faCss.href = "/etc.clientlibs/beats/clientlibs/site/fontAwesome.css"; document.head.appendChild(faCss); } </script> <script src="https://kit.fontawesome.com/0b8e87e866.js" onerror="handleFontAwesomeError()" crossorigin="anonymous"></script> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.beatsbydre.com/ch-fr/speakers/beats-pill"/> <meta property="og:image" content="/content/dam/beats/web/product/speakers/beats-pill/global/og/beats-pill-global-ogimage.jpg"/> <meta property="og:title" content="Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil"/> <meta property="og:description" content="L'enceinte Beats Pill fait son retour en 2024 dans une version portable Bluetooth dotée d'un son qui transcende sa taille. Résistante à l'eau, USB-C et jusqu'à 24 heures d'autonomie."/> <meta property="og:locale" content="fr_CH"/> <meta property="og:site_name" content="beatsbydre.com"/> <meta property="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@beatsbydre"/> <meta name="twitter:title" content="Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil"/> <meta name="twitter:description" content="L'enceinte Beats Pill fait son retour en 2024 dans une version portable Bluetooth dotée d'un son qui transcende sa taille. Résistante à l'eau, USB-C et jusqu'à 24 heures d'autonomie."/> <meta name="robots" content="follow,index"/> <meta name="description" content="L'enceinte Beats Pill fait son retour en 2024 dans une version portable Bluetooth dotée d'un son qui transcende sa taille. Résistante à l'eau, USB-C et jusqu'à 24 heures d'autonomie."/> <meta name="keywords" content="enceinte bluetooth, enceinte portable, enceinte sans fil"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/ch-fr/speakers/beats-pill"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh/speakers/beats-pill" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/hk/speakers/beats-pill" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/in/speakers/beats-pill" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/it/speakers/beats-pill" hreflang="it-IT"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr/speakers/beats-pill" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/speakers/beats-pill" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/at/speakers/beats-pill" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/nl/speakers/beats-pill" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/uk/speakers/beats-pill" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/de/speakers/beats-pill" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/ie/speakers/beats-pill" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/se/speakers/beats-pill" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com/br/speakers/beats-pill" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/tw/speakers/beats-pill" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr/speakers/beats-pill" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/jp/speakers/beats-pill" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/mx/speakers/beats-pill" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/ca/speakers/beats-pill" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr/speakers/beats-pill" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/es/speakers/beats-pill" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/speakers/beats-pill" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/au/speakers/beats-pill" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/kr/speakers/beats-pill" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/fr/speakers/beats-pill" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de/speakers/beats-pill" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl/speakers/beats-pill" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/sg/speakers/beats-pill" hreflang="en-SG"/> <script type="application/ld+json" id="product-structured-data"> { "@context": "http://schema.org/", "@type": "Product", "name": "Beats Pill", "image": "https://www.beatsbydre.com", "description": "L'enceinte Beats Pill fait son retour dans une version portable Bluetooth dotée d'un son qui transcende sa taille. Résistante à l'eau, USB-C et jusqu'à 24 heures d'autonomie.", "url": "https://www.beatsbydre.com/ch-fr/speakers/beats-pill", "mainEntityOfPage": "https://www.beatsbydre.com/ch-fr/speakers/beats-pill", "color": "", "mpn": "MW443ZM/A", "sku": "MW443ZM/A", "offers": { "@type": "offer", "priceCurrency": "CHF", "price": "149.95", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock", "url": "https://www.apple.com/ch-fr/shop/product/MW443ZM/A", "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "CHF" } } }, "brand": { "@id": "https://www.beatsbydre.com/ch-fr/speakers/beats-pill#organization", "@type": "Brand", "name": "Beats by Dre" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.beatsbydre.com/#organization", "@type": "Organization", "name": "Beats by Dre", "url": "https://www.beatsbydre.com/", "logo": "https://www.beatsbydre.com/content/dam/beats/global/logo.svg", "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-800-442-4000", "contactType": "customer service", "areaServed": [ "US" ] } ], "sameAs": [ "http://www.wikidata.org/entity/Q1961036", "https://www.youtube.com/user/Officialbeatsbydrdre", "https://twitter.com/beatsbydre", "https://www.facebook.com/beatsbydre/", "https://www.linkedin.com/company/beats-by-dr.-dre", "https://www.instagram.com/beatsbydre/" ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"name":"Beats by Dre","item":"https://www.beatsbydre.com/ch-fr"},{"@type":"ListItem","position":2,"name":"Enceintes","item":"https://www.beatsbydre.com/ch-fr/products#speakers"},{"@type":"ListItem","position":3,"name":"Beats Pill","item":"https://www.beatsbydre.com/ch-fr/speakers/beats-pill"}] } </script> <link rel="preload" href="https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/cde90e/0000000000000000000178a6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/d7bb7b/0000000000000000000178a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" type="font/woff" crossorigin/> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats_support/clientlibs/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/fr_CH.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.min.css" type="text/css"> <style type="text/css" id="page-background"> :root { --page-background: #EFEDE9; } </style> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script>  <script> (function(g,b,d,f){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e .innerHTML=d;a.appendChild(e)}})(b.getElementsByTagName("head")[0],"at-body-style",d) ;setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:fr:Beats Pill"}}; </script> <script src="/etc.clientlibs/beats/clientlibs/analytics-prod/resources/2f3b56537a5a/a62218abd162/launch-30681266d3ea.js" async></script> <noscript> <style type="text/css"> [data-skrollex] { opacity:1 !important; } .invisible { visibility: visible !important; } </style> </noscript> </head> <body class="no-js styles-loaded"> <div id="main"> <div class="pdp-header-section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="navigationV2"> <section class="main-header" data-analytics-module="primary-nav" data-analytics-region="global-navigation"> <div class="main-header__container"> <header class="main-header__content"> <nav role="navigation" aria-label="Global" class="main-nav"> <button aria-haspopup="true" aria-expanded="false" aria-controls="mobile-nav" aria-label="menu" class="hamburger hide-md hide-lg-up " data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Hamburger Menu - Close"> <span class="hamburger__top"></span> <span class="hamburger__middle"></span> <span class="hamburger__bottom"></span> </button> <ul id="mobile-nav" role="list" aria-label="Global" class="main-nav__mobile"> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Mobile)" class="nav-link" href="/ch-fr/products">Acheter</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Mobile)" class="nav-link" href="/ch-fr/support">Assistance</a> </li> </ul> <div class="main-nav__logo"> <a data-analytics-click data-resp-exclude data-analytics-link-type="siteClick" data-analytics-label="Beats Logo" class="beats-logo header-icon" aria-label="Beats by Dre" href="/ch-fr"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt=""/> </a> </div> <ul role="presentation" class="main-nav__list"> <li role="presentation" class="main-nav__item hide-sm"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Desktop)" class="nav-link" href="/ch-fr/products">Acheter</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/ch-fr/support">Assistance</a> </li> </ul> <div class="main-nav__search"> <button class="search__trigger__external" type="button" aria-label="Search" aria-haspopup="true"> <i class="fa-sharp fa-solid fa-magnifying-glass"></i> </button> </div> </nav> </header> <div id="search-el" data-trigger-visible="false"></div> </div> <div class="header-spacer" aria-hidden="true"></div> </section> <div> <style> .promobar { background-color: #161616; } </style> <section class="promobar promobar--light" data-analytics-module="promo-bar" data-analytics-region="promo-bar-primary"> <div class="promobar__single-container"> <div class='promo-item '> <div class="rte-container"> <div class='show-desktop'> <p><p><a href="https://www.apple.com/ch-fr/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Livraison rapide et gratuite">Livraison rapide et gratuite<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-tablet'> <p><p><a href="https://www.apple.com/ch-fr/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Livraison rapide et gratuite">Livraison rapide et gratuite<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-mobile'> <p><p><a href="https://www.apple.com/ch-fr/shop/campaigns/shipping-and-returns" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Livraison rapide et gratuite">Livraison rapide et gratuite<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> </div> </section> </div> </div> <div class="ghost"> </div> </div> </div>  <div class="bs3"> <div id="bs3-pdp" role="main"> <h1 class="a11y">Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil</h1> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-191f1e83-2beb-35e9-94f9-0cfc6ab505e6" data-desktop-bg-color="#fff" id="BGContainer-075b2dfa-d966-3b54-8f5b-16206f1a61ff"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-1ba6bfbf-ffd6-3f24-9f98-3160c19c8863" data-desktop-bg-color="transparent" id="product-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-41e79c1b-4f3c-3f12-b525-80ff61d79df3 { padding-top: 50px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-41e79c1b-4f3c-3f12-b525-80ff61d79df3 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-41e79c1b-4f3c-3f12-b525-80ff61d79df3 { padding-top: 10px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-41e79c1b-4f3c-3f12-b525-80ff61d79df3"></section> </div> <div class="experiencefragment section">  <div class="productCarouselV2"><style> .product-carousel .product-carousel__content ul { display: grid !important; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; margin: auto; } .product-carousel .cardComponent { display: flex; flex-direction: column; } .product-carousel .cardComponent li { height: 100%; } .product-carousel .product-carousel__content .cardComponent li .row-carousel--offset { transform: none !important; } .product-carousel ul>div { min-width: 250px; } </style> <script> var partNumbersList = '{\x22MW443ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dfr\/shop\/product\/MW443ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#000000\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Haut\u002Dparleurs\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Enceinte sans fil Bluetooth® – Noir mat\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dblack\x22,\x22variant\x22:\x22Noir mat\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW443ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/fr_CH?sku=MW443ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Vue inclinée de l\x27enceinte Beats Pill noir mat\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Vue inclinée de l\x27enceinte Beats Pill noir mat\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Black 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill noir mat\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill noir mat\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Un son puissant et enveloppant\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Jusqu\x27à 24 heures d\x27autonomie<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Résistance à l\x27eau et à la poussière (IP67)<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Conçue pour être portable\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Audio haute résolution au format Lossless via un câble USB\u002DC<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Compatibilité Apple et Android\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Contenu du coffret\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 8\x22}],\x22defaultSku\x22:true,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22AJOUTER AU PANIER <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MWQW3ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dfr\/shop\/product\/MWQW3ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#b91f26\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Haut\u002Dparleurs\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Enceinte sans fil Bluetooth® – Rouge flamboyant\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dred\x22,\x22variant\x22:\x22Rouge flamboyant\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MWQW3ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/fr_CH?sku=MWQW3ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Vue inclinée de l\x27enceinte Beats Pill rouge flamboyant\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Vue inclinée de l\x27enceinte Beats Pill rouge flamboyant\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Red 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill rouge flamboyant\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill rouge flamboyant\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Un son puissant et enveloppant\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Jusqu\x27à 24 heures d\x27autonomie<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Résistance à l\x27eau et à la poussière (IP67)<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Conçue pour être portable\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Audio haute résolution au format Lossless via un câble USB\u002DC<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Compatibilité Apple et Android\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Contenu du coffret\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22AJOUTER AU PANIER <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MW463ZM\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>CHF 149.95<\/span>\x22,\x22originalPrice\x22:\x22CHF 149.95\x22,\x22numericPrice\x22:\x22149.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ch\u002Dfr\/shop\/product\/MW463ZM\/A?cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22background\x22:\x22#d0c5c2\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Haut\u002Dparleurs\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Enceinte sans fil Bluetooth® – Champagne\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dgold\x22,\x22variant\x22:\x22Champagne\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW463ZM\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/fr_CH?sku=MW463ZM\/A\x26cid=beats_wb_pdp_evergreen_ch_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Vue inclinée de l\x27enceinte Beats Pill champagne\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Vue inclinée de l\x27enceinte Beats Pill champagne\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Gold 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D02\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill champagne\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D02\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Gros plan latéral de l\x27enceinte Beats Pill champagne\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Un son puissant et enveloppant\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Icône illustrant les 24 heures d\x27autonomie de la batterie de l\x27enceinte Beats Pill\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Jusqu\x27à 24 heures d\x27autonomie<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une table\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Résistance à l\x27eau et à la poussière (IP67)<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée sur une étagère\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Conçue pour être portable\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill connectée à un câble audio USB\u002DC\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Audio haute résolution au format Lossless via un câble USB\u002DC<sup><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill posée à côté d\x27un ordinateur\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Compatibilité Apple et Android\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabel\x22:\x22Prévisualiser l\x27image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Enceinte Beats Pill avec ses accessoires fournis\x22,\x22ariaLabelThumbnail\x22:\x22Sélectionner une vignette\x22,\x22textTitle\x22:\x22Contenu du coffret\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22AJOUTER AU PANIER <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}}}'; partNumbersList = JSON.parse(partNumbersList); </script> <input type="hidden" id="product-details" data-selected-sku="MW443ZM/A" data-selected-productname="Beats Pill – Enceinte sans fil Bluetooth® – Noir mat" data-selected-productfamily="Haut-parleurs" data-selected-subfamily="Beats Pill" data-selected-color="Noir mat" data-selected-price="CHF 149.95"/> <div data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" class="product-main"> <div class="product-main__visual"> <div class="product-carousel-el" data-id="MW443ZM/A" data-aria-label-next="Suivant" data-aria-label-previous="Précédent" data-aria-label-close="Fermer" data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" data-more-thumbnail-text="Plus" data-aria-label-more="Plus" data-disclaimer="Touchez l'image pour l'afficher en grand<i class="fa fa-expand" style="margin-left: 8px; vertical-align: middle;"></i>"></div> </div> <div class="product-main__head"> <span class="product-detail__eyebrow product-detail__eyebrow--minheight" data-dynamic-eyebrow data-id="MW443ZM/A"> </span> <h1 class="product-detail__title">Beats Pill</h1> <div class="product-detail__description"> <p>Le style en puissance</p> </div> </div> <div class="product-main__content"> <div class="product-detail"> <div class="product-detail__price" data-dynamic-price data-id="MW443ZM/A"> <span class="a11y price__discount">Prix de vente</span> <span class="price">CHF 149.95</span> <span class="a11y price__original">Prix initial</span> <s class="price"></s> <p class="price-description"></p> </div> <div class="product-selector-el" data-id="MW443ZM/A" data-color-legend="Couleur"></div> <div class="product-detail__cta"> <div class="buy-button-el" data-id="MW443ZM/A" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="fr_CH" data-selected-cta="AJOUTER AU PANIER <i class="fa fa-apple"></i>">AJOUTER AU PANIER <i class="fa fa-apple"></i></div> </div> <div class="product-bar-el" data-id="MW443ZM/A" data-aria-discount-price="Prix de vente" data-aria-original-price="Prix initial" data-title="Beats Pill" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="fr_CH" data-selected-cta="AJOUTER AU PANIER <i class="fa fa-apple"></i>"></div> <div class="product-detail__extra" data-value-props data-id="MW443ZM/A"> <ul class="value-props"> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon.png" alt="Icon to indicate Apple shipping"/> </span> <div> <h2 class="value-prop__title"> Livraison rapide et gratuite</h2> <p class="value-prop__description"> Profitez de la livraison rapide gratuite sur tous les articles en stock.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/returns_alt.png"/> </span> <div> <h2 class="value-prop__title"> Retours faciles</h2> <p class="value-prop__description"> Retournez les articles éligibles à Apple dans les 14 jours suivant la réception.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/apple-music-icon.png" alt="Icon to indicate Apple Music"/> </span> <div> <h2 class="value-prop__title"> Essai gratuit d'Apple Music</h2> <p class="value-prop__description"> Accédez à plus de 100 millions de morceaux pendant 3 mois, sans publicité.*</p> </div></li> </ul> </div> </div> </div> </div> </div> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-36fd7e67-2dfb-3a41-a9a3-b1196eb07e3d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-36fd7e67-2dfb-3a41-a9a3-b1196eb07e3d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-36fd7e67-2dfb-3a41-a9a3-b1196eb07e3d { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-36fd7e67-2dfb-3a41-a9a3-b1196eb07e3d"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4f4878da-be09-3745-b584-02abbaa45326 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4f4878da-be09-3745-b584-02abbaa45326 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4f4878da-be09-3745-b584-02abbaa45326" data-desktop-bg-color="transparent" id="BGContainer-2fd4270d-2d21-398d-bca4-19a338155ca3"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-30f2e1cd-db8a-3bfd-892d-8cfaf8442cc8" class="rte-container-00e787c4-e17e-3461-a237-a053709d17d7 "> <div style="text-align: center; color: #161616; margin: 0 auto; max-width: 800px;"> <h2 class="headline-3">Beats Pill – Enceinte portable Bluetooth<sup class="body-small" style="color: inherit; vertical-align: middle;">®</sup> sans fil et résistante à l'eau</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fe856791-72e2-3f5e-bdfd-717505d222a7 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fe856791-72e2-3f5e-bdfd-717505d222a7 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fe856791-72e2-3f5e-bdfd-717505d222a7 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fe856791-72e2-3f5e-bdfd-717505d222a7"></section> </div> <div class="staticRCTileContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0" data-analytics-scroll data-analytics-module="image_text_tiles" data-analytics-region="product_icons_and_features"> <div class="content-item content-item-1b25737c-c818-34be-bfdf-5cdb91e8faf0 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-speaker fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Un son puissant et enveloppant</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Un son puissant et enveloppant</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Un son puissant et enveloppant</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-4939ed0a-b448-33b3-bbd0-27f268e79975 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-battery fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h2 class="body-medium">Jusqu'à 24 heures d'autonomie⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠1</sup></h2></div> <div class="show-tablet content-item__description"><h2 class="body-medium">Jusqu'à 24 heures d'autonomie⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠1</sup></h2></div> <div class="show-mobile content-item__description"><h2 class="body-medium">Jusqu'à 24 heures d'autonomie⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠1</sup></h2></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-7648c563-301b-3a1a-8331-563c057ea3d5 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-water-resist fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Résistance à l'eau et à la poussière (IP67)⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠2</sup></h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Résistance à l'eau et à la poussière (IP67)⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠2</sup></h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Résistance à l'eau et à la poussière (IP67)⁠<sup><span class="visuallyhidden">note de bas de page</span>⁠2</sup></h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-730d5a10-299f-3428-a944-2a607731e8da content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-apple-android-compatibility-1 fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Compatible avec iOS et Android</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Compatible avec iOS et Android</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Compatible avec iOS et Android</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832 .outer-container { width: 91.66666%; max-width: 1306px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-04536a2e-f5d5-3e60-9ca5-4df7500a6832 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-04536a2e-f5d5-3e60-9ca5-4df7500a6832" data-desktop-bg-color="#fff" id="view-all-details"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ef9f3d7d-35a1-371e-8803-b0efbe40addb { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ef9f3d7d-35a1-371e-8803-b0efbe40addb { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ef9f3d7d-35a1-371e-8803-b0efbe40addb { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ef9f3d7d-35a1-371e-8803-b0efbe40addb"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="view_all_details" data-analytics-scroll> <div id="RTE-8b66d58e-04fe-345b-9d8a-d6aed5468cf5" class="rte-container-f4513fa1-90be-3514-8517-ca36451cc5eb component-section-spacing beatsRTE"> <div class="font-updated drawerExpand parsys section"> <section class="pdp-component pdp-details-drawer"> <h2 class="pdp-details-header" style="text-align: left; margin: 0px 0px 25px 0;"> <button aria-controls="pdp-details-body-desktop" aria-expanded="false" id="pdp-details-control-desktop" aria-flowto="pdp-detail-desktop-0" type="button" style="border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; border-radius: 0px; text-transform: none;" rel="me noopener noreferrer" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="shelf" data-aria-label-prefix="Click to read additional product details" alt="Click to read additional product details"> <div style="margin: 0; padding: 0;"> <h3 class="title-1" style="text-align: left;">Voir les caractéristiques techniques<i class="fa-solid fa-circle-chevron-down pdp-btn-chevron-svg" style="margin: 5px 10px 0 10px; position: relative; vertical-align: middle; width: inherit;" aria-label="appuyez pour afficher toutes les informations"></i></h3> </div></button></h2> <div class="pdp-details-body pdp-details-collapsed body-medium" aria-hidden="true" style="overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start;" id="pdp-details-body-desktop"> <div style="display: grid; grid-template-rows: auto; row-gap: 32px;"> <div style="order: 0; display: flex; flex-wrap: wrap; align-content: flex-start;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Son</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Un boomer plus grand et spécialement conçu pour offrir des basses plus riches et plus profondes<sup><span class="visuallyhidden">note de bas de page</span>3</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Un tweeter repensé pour des aigus clairs et des tonalités moyennes riches</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Un son puissant et enveloppant sur l'ensemble du spectre audio<sup><span class="visuallyhidden">note de bas de page</span>3</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Audio lossless haute résolution via câble USB-C<sup><span class="visuallyhidden">note de bas de page</span>4</sup></li> </ul> </div> </div> <div style="order: 1; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Format : enceinte portable</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Inclinaison de 20° vers le haut pour optimiser l'envoi du son dans vos oreilles</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Dragonne amovible et revêtement en silicone antidérapant pour une meilleure prise en main</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Caractéristiques techniques : <ul style="margin-left: 1em;"> <li>Longueur : 21,9 cm/8,6 po</li> <li>Largeur : 7,1 cm/2,8 po</li> <li>Hauteur : 7,0 cm/2,8 po</li> <li>Poids : 680 g</li> </ul></li> </ul> </div> </div> <div style="order: 2; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Connectivité</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Double compatibilité avec les appareils iOS et Android pour profiter du jumelage d'un seul geste, des fonctionnalités Localiser et Localiser mon appareil et plus encore<sup><span class="visuallyhidden">note de bas de page</span>5</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Bluetooth<sup>®</sup> de classe 1, la meilleure du marché</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Audio USB‑C</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Modes de lecture supplémentaires : <ul style="margin-left: 1em;"> <li>Mode Amplification : synchronisez deux enceintes Beats Pill pour une expérience deux fois plus intense</li> <li>Mode Stéréo : répartissez les sorties audio gauche et droite sur deux enceintes Beats Pill et laissez-vous envelopper par le son.</li> </ul></li> </ul> </div> </div> <div style="order: 3; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Puissance</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill (une charge) : jusqu'à 24 heures d'autonomie<sup><span class="visuallyhidden">note de bas de page</span>1</sup> <ul> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Avec la technologie Fast Fuel, une recharge de 10 minutes offre jusqu'à 2 heures d'écoute<sup><span class="visuallyhidden">note de bas de page</span>6</sup></li> </ul></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Recharge universelle via USB-C</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Recharge de votre téléphone directement à partir de la Beats Pill via un câble USB‑C</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Batterie lithium-ion rechargeable</li> </ul> </div> </div> <div style="order: 4; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Commandes</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Bouton central pour contrôler la musique et les appels</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Boutons de volume</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Bouton système pour l'alimentation, le jumelage et l'assistant vocal</li> </ul> </div> </div> <div style="order: 5; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Contenu du coffret</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Enceinte Beats Pill Bluetooth<sup>®</sup> sans fil</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Dragonne de transport amovible</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Câble USB-C vers USB-C pour la charge et le son</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Guide de démarrage rapide</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Carte de garantie</li> </ul> <p style="margin: 0 0 10px 6%;">(Adaptateur secteur USB‑C vendu séparément)</p> </div> </div> <div style="order: 6; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Emballage</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">L'emballage de l'enceinte Beats Pill est fabriqué à 100 % à partir de fibres issues de forêts gérées durablement<sup><span class="visuallyhidden">note de bas de page</span>7</sup></li> </ul> </div> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd;">   </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-cad22605-1066-3f4a-bb71-73d414069a53 { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53 .outer-container { width: 91.66666%; max-width: 1136px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-cad22605-1066-3f4a-bb71-73d414069a53 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cad22605-1066-3f4a-bb71-73d414069a53" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #EFEDE9 0%)" id="media-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-05c26505-92cc-3351-81a4-d45dbb6944d0 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-05c26505-92cc-3351-81a4-d45dbb6944d0 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-05c26505-92cc-3351-81a4-d45dbb6944d0 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-05c26505-92cc-3351-81a4-d45dbb6944d0"></section> </div> <div class="mediaCarousel section"> <style type="text/css"> .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .media-carousel__transcript-link { color: #161616; } @media screen and (max-width: 767px) { .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .dots .dot.active { } .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .dots .dot:not(.active) { } } .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 ul.dots .dot.active:before { } } .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5 .media-carousel__navigation__container { background-color: none; } } </style> <div class="bbd-component media-carousel media-carousel-31c4a290-cf01-333e-9c39-cfa72519d0f5" data-analytics-scroll data-analytics-module="media_carousel" data-analytics-region="beatspill_media_carousel"> <div class="media-carousel__navigation__container"> <nav class="media-carousel__navigation" aria-label="Media Carousel"> <button class="media-carousel__control media-carousel__control--previous" disabled type="button" aria-label="Previous Options" aria-hidden="true"> <i class="fa fa-chevron-left notranslate"></i> </button> <ul class="dots" role="tablist"> <li role="tab" class="dot" data-index="0" tabindex="0" aria-labelledby="31c4a290-cf01-333e-9c39-cfa72519d0f5_0"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="31c4a290-cf01-333e-9c39-cfa72519d0f5_0"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Derrière le design</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="1" tabindex="-1" aria-labelledby="31c4a290-cf01-333e-9c39-cfa72519d0f5_1"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="31c4a290-cf01-333e-9c39-cfa72519d0f5_1"> <span class="dot__title__text__bg"> Conseils d'utilisation</span> </span> </p> </li> <li role="tab" class="dot" data-index="2" tabindex="-1" aria-labelledby="31c4a290-cf01-333e-9c39-cfa72519d0f5_2"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="31c4a290-cf01-333e-9c39-cfa72519d0f5_2"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Aperçu</span></span> </span> </p> </li> </ul> <button class="media-carousel__control media-carousel__control--next" type="button" aria-label="Next Options" aria-hidden="true"> <i class="fa fa-chevron-right notranslate"></i> </button> </nav> </div> <div class="media-carousel__main" aria-label="Media Carousel"> <div class="media-carousel__container"> <div class="media-carousel__items"> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Behind the Design Video" aria-label="Beats Pill - Behind the Design Video"> <button type="button" aria-label="Play video - Beats Pill - Behind the Design Video, slide 1 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="0" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Behind the Design Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/behind-the-design/beatspill-behind-the-design-fr.mp4" data-transparent="false" data-video-length="167"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Derrière le design</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design-fr_fr.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design-fr_fr.txt" auto-enable-caption="true" caption-lang-code="fr" caption-label="Français" transcript-label="Télécharger la transcription"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - How To Use" aria-label="Beats Pill - How To Use"> <button type="button" aria-label="Play video - Beats Pill - How To Use, slide 2 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - How To Use" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/how-to-use/beatspill-howto-fr.mp4" data-transparent="false" data-video-length="121"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Conseils d'utilisation</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto-fr_fr.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto-fr_fr.txt" auto-enable-caption="false" caption-lang-code="fr" caption-label="Français" transcript-label="Télécharger la transcription"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Unboxing Video" aria-label="Beats Pill - Unboxing Video"> <button type="button" aria-label="Play video - Beats Pill - Unboxing Video, slide 3 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Unboxing Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/localized/unboxing/beatspill-unboxing-fr.mp4" data-transparent="false" data-video-length="113"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Aperçu</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing-fr_fr.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing-fr_fr.txt" auto-enable-caption="true" caption-lang-code="fr" caption-label="Français" transcript-label="Télécharger la transcription"/> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-d3cb998e-541a-318a-892f-8e882013a1af { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d3cb998e-541a-318a-892f-8e882013a1af .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d3cb998e-541a-318a-892f-8e882013a1af" data-desktop-bg-color="transparent" id="BGContainer-e28f98e8-4894-3c15-9010-f3db0b1e68c3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7b15d887-47ca-3a4a-a70b-8e193be3d849 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7b15d887-47ca-3a4a-a70b-8e193be3d849 { padding-top: 45px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7b15d887-47ca-3a4a-a70b-8e193be3d849 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7b15d887-47ca-3a4a-a70b-8e193be3d849"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-7c8892a5-be5e-397d-8d62-50af2d49da61 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x" alt="Gros plan sur la Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a71a2d66-c773-3908-9427-aba7ee5be5d2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn1-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn1-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn2-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn2-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn1-tablet-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn1-tablet-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn2-tablet-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn2-tablet-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn1-mobile-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn1-mobile-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, .btn-light.btn2-mobile-bg-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.btn-light.btn2-mobile-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:after, a.btn-light.btn2-mobile-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-a71a2d66-c773-3908-9427-aba7ee5be5d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-a71a2d66-c773-3908-9427-aba7ee5be5d2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976 .outer-container { width: 91.66666%; max-width: 922px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8aecfce6-0eb9-3907-be16-dc5d6f5f8976" data-desktop-bg-color="transparent" id="BGContainer-28101f05-7cd5-31c9-9867-485886379df7"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e1c79c87-ed78-3e4f-ba83-ad7a9f9cb26e { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e1c79c87-ed78-3e4f-ba83-ad7a9f9cb26e { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e1c79c87-ed78-3e4f-ba83-ad7a9f9cb26e { padding-top: 80px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e1c79c87-ed78-3e4f-ba83-ad7a9f9cb26e"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-9b0393ed-9a86-3e2a-a5c7-eda3e982d9f1 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">L'enceinte Beats Pill réinventée est meilleure que jamais<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Elle est <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus puissante,</i></span></li> <li><span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus légère</i>,</span></li> <li>et <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus compacte.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Elle offre jusqu'à <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 heures</i></span> d'autonomie<sup><span class="visuallyhidden">note de bas de page</span>1</sup>.</p> <p class="headline-3" style="font-weight: inherit;">Et elle produit un son et un design incroyables en intérieur comme en extérieur.</p> </div> </div> <div id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-9b0393ed-9a86-3e2a-a5c7-eda3e982d9f1 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">L'enceinte Beats Pill réinventée est meilleure que jamais<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Elle est <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus puissante,</i></span></li> <li><span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus légère</i>,</span></li> <li>et <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus compacte.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Elle offre jusqu'à <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 heures</i></span> d'autonomie<sup><span class="visuallyhidden">note de bas de page</span>1</sup>.</p> <p class="headline-3" style="font-weight: inherit;">Et elle produit un son et un design incroyables en intérieur comme en extérieur.</p> </div> </div> <div id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-9b0393ed-9a86-3e2a-a5c7-eda3e982d9f1 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 2rem; text-align: left; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">L'enceinte Beats Pill réinventée est meilleure que jamais<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>Elle est <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus puissante,</i></span></li> <li><span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus légère</i>,</span></li> <li>et <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>plus compacte.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">Elle offre jusqu'à <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 heures</i></span> d'autonomie<sup><span class="visuallyhidden">note de bas de page</span>1</sup>.</p> <p class="headline-3" style="font-weight: inherit;">Et elle produit un son et un design incroyables en intérieur comme en extérieur.</p> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-7ad11e93-973c-3f98-a301-4ea3d189c044 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ad11e93-973c-3f98-a301-4ea3d189c044 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7ad11e93-973c-3f98-a301-4ea3d189c044" data-desktop-bg-color="transparent" id="BGContainer-4828bf14-e401-3ea0-9043-d78cb6b48215"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-facdb1b2-b80c-3c3c-abfd-71f0d8c4a242 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-facdb1b2-b80c-3c3c-abfd-71f0d8c4a242 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-facdb1b2-b80c-3c3c-abfd-71f0d8c4a242 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-facdb1b2-b80c-3c3c-abfd-71f0d8c4a242"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-aea72141-f37f-3441-9709-1779b85d5ea1 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x" alt="Beats Pill posée sur une table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn1-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn1-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn2-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn2-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn1-tablet-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn1-tablet-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn2-tablet-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn2-tablet-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn1-mobile-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn1-mobile-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, .btn-light.btn2-mobile-bg-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.btn-light.btn2-mobile-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:after, a.btn-light.btn2-mobile-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-5dd67a54-5a02-3c47-b97d-876aa8d54ba2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-5dd67a54-5a02-3c47-b97d-876aa8d54ba2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ac59dc01-ee7c-3f33-92bf-cd28531fa541 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ac59dc01-ee7c-3f33-92bf-cd28531fa541" data-desktop-bg-color="transparent" id="BGContainer-5a4c0eae-b121-38bb-961c-df2369295f2c"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-840897f1-5fe9-390e-ab1a-e6c6ac97c8ad { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-840897f1-5fe9-390e-ab1a-e6c6ac97c8ad { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-840897f1-5fe9-390e-ab1a-e6c6ac97c8ad { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-840897f1-5fe9-390e-ab1a-e6c6ac97c8ad"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="powerful_sound" data-analytics-scroll> <div id="RTE-6962cca4-0f04-32f9-9e11-47f929cefa45" class="rte-container-c9663ada-e864-395e-a454-70e9da40d1ef "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; font-weight: normal; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>Son puissant</i></h2> <h2 class="headline-1" style="font-size: clamp(4.6875rem, 4.04rem + 3.2889vw, 7rem); line-height: 0.8; margin-bottom: 16px;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Un son qui vous fera</span> <span style="font-weight: 900;">vibrer.</span></h2> <p class="body-large" style="max-width: 824px; margin: 0 auto;">La Beats Pill améliorée est dotée d'un boomer ovale plus grand et conçu sur mesure pour vous faire vibrer au rythme des basses plus <span style="font-weight: 700;">profondes et intenses</span><sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> <p class="body-large" style="max-width: 824px; margin: 0 auto;">Les matériaux et la structure du boomer, y compris ses arêtes et ses contours innovants, permettent de réduire les distorsions, même à haut volume<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d8c1250e-3b3c-3973-b0e0-d3a3ada8c8cf" data-desktop-bg-color="transparent" id="BGContainer-8d63515e-9ad5-3ab6-8748-2495b0f56291"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-18a9cedc-1d9e-3bda-b037-dbcea2dff8ea { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-18a9cedc-1d9e-3bda-b037-dbcea2dff8ea { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-18a9cedc-1d9e-3bda-b037-dbcea2dff8ea { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-18a9cedc-1d9e-3bda-b037-dbcea2dff8ea"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-66d09cba-6c75-39a4-b777-0071b9fc5928 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x" alt="Enceinte Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-52bda1f0-a093-349a-a4f4-23a25588bb0d { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn1-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn1-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn2-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn2-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn1-tablet-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn1-tablet-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn2-tablet-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn2-tablet-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn1-mobile-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn1-mobile-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, .btn-light.btn2-mobile-bg-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.btn-light.btn2-mobile-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:after, a.btn-light.btn2-mobile-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-52bda1f0-a093-349a-a4f4-23a25588bb0d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-52bda1f0-a093-349a-a4f4-23a25588bb0d{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-e74354b6-c4ed-341a-8e56-b957f1819a07 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e74354b6-c4ed-341a-8e56-b957f1819a07 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e74354b6-c4ed-341a-8e56-b957f1819a07" data-desktop-bg-color="transparent" id="BGContainer-06553681-4173-3b4b-a52f-39b99cb5474d"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-392b23e9-d631-3fe7-b218-5bd47b2c363e { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-392b23e9-d631-3fe7-b218-5bd47b2c363e { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-392b23e9-d631-3fe7-b218-5bd47b2c363e { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-392b23e9-d631-3fe7-b218-5bd47b2c363e"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4c994ccb-5edd-3be6-a471-56a475c38c1b { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-4c994ccb-5edd-3be6-a471-56a475c38c1b .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4c994ccb-5edd-3be6-a471-56a475c38c1b" data-desktop-bg-color="#101010" id="BGContainer-61cd786e-15ee-3027-aaad-ffc37d85f5a3"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-6a536832-bbea-32ba-81f7-9857df02f401 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 100%; } } </style> <section class="bbd-component transition bbd-img-text-component id-6a536832-bbea-32ba-81f7-9857df02f401 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="90_percent_more_air" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="true" data-analytics-link-type="siteClick" data-video-length="3"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Le boomer ovale déplace</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">plus d'air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">pour un son plus puissant<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Le boomer ovale déplace</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">plus d'air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">pour un son plus puissant<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">Le boomer ovale déplace</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(8rem, 5.655rem + 11.9111vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90 %</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(3.5rem, 2.66rem + 4.2667vw, 6.5rem); line-height: 1; font-weight: 200; margin: -5% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">plus d'air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">pour un son plus puissant<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn1-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn1-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn2-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn2-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn1-tablet-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn1-tablet-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn2-tablet-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn2-tablet-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn1-mobile-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn1-mobile-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, .btn-light.btn2-mobile-bg-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.btn-light.btn2-mobile-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:after, a.btn-light.btn2-mobile-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-8ec4f9ab-58b4-3ec1-82fb-0f4c973017f4{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9092ae4a-363d-3289-9cd7-4e008ece188a { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a .outer-container { width: 91.66666%; max-width: 925px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-9092ae4a-363d-3289-9cd7-4e008ece188a .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9092ae4a-363d-3289-9cd7-4e008ece188a" data-desktop-bg-color="#101010" id="BGContainer-73d586d5-0978-36ce-a635-3719ae444784"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0cb54f13-3ed3-31ef-8a6d-fb9a8c40f199 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0cb54f13-3ed3-31ef-8a6d-fb9a8c40f199 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0cb54f13-3ed3-31ef-8a6d-fb9a8c40f199 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0cb54f13-3ed3-31ef-8a6d-fb9a8c40f199"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="upgraded_neodymium" data-analytics-scroll> <div id="RTE-13fb637b-a865-34e5-be73-775239c66650" class="rte-container-9b2685f2-1c52-36fa-b5e9-033913c150b6 "> <div class="headline-3" style="text-align: center; font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; color: #fff;"> <p style="margin: 0;">Les aimants néodymes réinventés augmentent le volume d'air déplacé pour fournir une force moteur <span style="color: #FF720B; font-weight: 700;">28 % supérieure</span><sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-3fb4f484-f67e-3559-a435-ede994384bc4 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4 .outer-container { width: 91.66666%; max-width: 1000px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fb4f484-f67e-3559-a435-ede994384bc4 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3fb4f484-f67e-3559-a435-ede994384bc4" data-desktop-bg-color="#101010" id="BGContainer-f32adece-9335-3906-9b72-0867a5d66b61"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8d4fd085-860f-35dd-8454-24a054317a67 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8d4fd085-860f-35dd-8454-24a054317a67 { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8d4fd085-860f-35dd-8454-24a054317a67 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8d4fd085-860f-35dd-8454-24a054317a67"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-8 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="updated_tweeter"> <div id="columnContainer_1acf3fca-8b27-3012-9cd4-594815f551be_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_db1b4b5a-3911-35e8-a039-33f98e3129c6" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-18fee839-988f-3bab-9750-5c1907f8df33 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x" alt="Tweeter de la Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-792255a4-229b-3e2d-ae28-5b3092615fb2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn1-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn1-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn2-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn2-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn1-tablet-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn1-tablet-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn2-tablet-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn2-tablet-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn1-mobile-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn1-mobile-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, .btn-light.btn2-mobile-bg-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.btn-light.btn2-mobile-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:after, a.btn-light.btn2-mobile-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-792255a4-229b-3e2d-ae28-5b3092615fb2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-792255a4-229b-3e2d-ae28-5b3092615fb2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_1acf3fca-8b27-3012-9cd4-594815f551be_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_011e37a5-8811-34a7-ab4a-6d1e568cc79d" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-dc88b30f-19aa-34aa-b5a3-8fe1972ed64f beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Des notes vertigineuses.</h2> <p class="body-large" style="margin: 0;">Sécurisé dans une coque dédiée pour augmenter sa stabilité et réduire les distorsions, le nouveau tweeter offre des aigus clairs et des tonalités moyennes riches.</p> <p class="body-large" style="margin: 0;">Cela permet au boomer de se concentrer sur sa mission première : émettre des basses profondes et des moyennes fréquences plus graves.</p> </div> </div> <div id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-dc88b30f-19aa-34aa-b5a3-8fe1972ed64f beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Des notes vertigineuses.</h2> <p class="body-large" style="margin: 0;">Sécurisé dans une coque dédiée pour augmenter sa stabilité et réduire les distorsions, le nouveau tweeter offre des aigus clairs et des tonalités moyennes riches.</p> <p class="body-large" style="margin: 0;">Cela permet au boomer de se concentrer sur sa mission première : émettre des basses profondes et des moyennes fréquences plus graves.</p> </div> </div> <div id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-dc88b30f-19aa-34aa-b5a3-8fe1972ed64f beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; color: #fff; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Des notes vertigineuses.</h2> <p class="body-large" style="margin: 0;">Sécurisé dans une coque dédiée pour augmenter sa stabilité et réduire les distorsions, le nouveau tweeter offre des aigus clairs et des tonalités moyennes riches.</p> <p class="body-large" style="margin: 0;">Cela permet au boomer de se concentrer sur sa mission première : émettre des basses profondes et des moyennes fréquences plus graves.</p> </div> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429" data-desktop-bg-color="linear-gradient(to bottom, #101010 59%, transparent 0%)" id="BGContainer-f77f2df5-e68e-30c3-b019-ea19ef805fbf"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f45d5a2b-3002-3ff8-bcb6-58a7d1db1db0 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f45d5a2b-3002-3ff8-bcb6-58a7d1db1db0 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f45d5a2b-3002-3ff8-bcb6-58a7d1db1db0 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f45d5a2b-3002-3ff8-bcb6-58a7d1db1db0"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: transparent; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <style type="text/css"> @media screen and (max-width: 767px) { .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: transparent; } .bbd-full-width-container.id-7dea8a8c-d1a8-3996-bdff-ad8bcc159429 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <section class="bbd-component transition bbd-img-text-component id-3eec835b-23e6-3e4d-9119-02d33082d06c " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x" alt="Enceinte Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-d25ba23b-bf94-3abf-b095-d224f77a21ff { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn1-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn1-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn2-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn2-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn1-tablet-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn1-tablet-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn2-tablet-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn2-tablet-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn1-mobile-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn1-mobile-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, .btn-light.btn2-mobile-bg-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.btn-light.btn2-mobile-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:after, a.btn-light.btn2-mobile-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-d25ba23b-bf94-3abf-b095-d224f77a21ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-d25ba23b-bf94-3abf-b095-d224f77a21ff{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-0b386079-d8b8-3b88-b13a-27321bf02db2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b386079-d8b8-3b88-b13a-27321bf02db2 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0b386079-d8b8-3b88-b13a-27321bf02db2" data-desktop-bg-color="transparent" id="BGContainer-b07a5cb6-0407-3878-b5e0-825cc75d35ae"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7540a85d-0805-332b-8d8f-0ec05123c386 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7540a85d-0805-332b-8d8f-0ec05123c386 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7540a85d-0805-332b-8d8f-0ec05123c386 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7540a85d-0805-332b-8d8f-0ec05123c386"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="power_precision_boom" data-analytics-scroll> <div id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-1b7a4b4c-c740-34d8-a383-638aa0840aa4 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">La puissance. La précision. Le son.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">Toutes ces améliorations internes se traduisent par un son plus puissant et enveloppant, des basses percutantes et une meilleure tonalité sur l'ensemble du spectre audio<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div> </div> </div> <div id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-1b7a4b4c-c740-34d8-a383-638aa0840aa4 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">La puissance. La précision. Le son.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">Toutes ces améliorations internes se traduisent par un son plus puissant et enveloppant, des basses percutantes et une meilleure tonalité sur l'ensemble du spectre audio<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div> </div> </div> <div id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-1b7a4b4c-c740-34d8-a383-638aa0840aa4 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: left;"> <div> <h2 class="headline-1" style="font-size: clamp(2.8rem, 0.7955rem + 10.1818vw, 3.5rem); line-height: 1;">La puissance. La précision. Le son.</h2> </div> <div> <p class="body-large">Toutes ces améliorations internes se traduisent par un son plus puissant et enveloppant, des basses percutantes et une meilleure tonalité sur l'ensemble du spectre audio<sup><span class="visuallyhidden">note de bas de page</span>3</sup>.</p> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-788055a6-cfdf-334c-892b-e955cafdea7d { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d .outer-container { width: 91.66666%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-788055a6-cfdf-334c-892b-e955cafdea7d .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-788055a6-cfdf-334c-892b-e955cafdea7d" data-desktop-bg-color="transparent" id="BGContainer-b95cab7d-e642-3359-9b3c-f99ada502c4e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9a79c00b-9378-3e76-9dac-86cf35a32e5c { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9a79c00b-9378-3e76-9dac-86cf35a32e5c { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9a79c00b-9378-3e76-9dac-86cf35a32e5c { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9a79c00b-9378-3e76-9dac-86cf35a32e5c"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-5752d5ea-d1a2-3426-83c4-3a83ab5fd784 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 80%; } } </style> <section class="bbd-component transition bbd-img-text-component id-5752d5ea-d1a2-3426-83c4-3a83ab5fd784 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="rugged_portability" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x" alt="Beats Pill posée sur une table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Portabilité à toute épreuve</span></i></h2> <p style="margin: 0;"><span class="headline-1">Conçue pour tout endurer, l'eau, le sable et les imprévus.</span></p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Portabilité à toute épreuve</span></i></h2> <p style="margin: 0;"><span class="headline-1">Conçue pour tout endurer, l'eau, le sable et les imprévus.</span></p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Portabilité à toute épreuve</span></i></h2> <p style="margin: 0;"><span class="headline-1">Conçue pour tout endurer, l'eau, le sable et les imprévus.</span></p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-41f4cac1-60ba-3f1c-8841-9032379f62af { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn1-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn1-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn2-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn2-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn1-tablet-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn1-tablet-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn2-tablet-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn2-tablet-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn1-mobile-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn1-mobile-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, .btn-light.btn2-mobile-bg-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.btn-light.btn2-mobile-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:after, a.btn-light.btn2-mobile-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-41f4cac1-60ba-3f1c-8841-9032379f62af:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-41f4cac1-60ba-3f1c-8841-9032379f62af{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-5d980a4c-1106-3b07-88e6-3a88560ce628 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628 .outer-container { width: 91.66666%; max-width: 908px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5d980a4c-1106-3b07-88e6-3a88560ce628 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5d980a4c-1106-3b07-88e6-3a88560ce628" data-desktop-bg-color="transparent" id="BGContainer-abc46fdb-2c93-3378-ad1b-a44a7225163f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-427d457c-c7ac-32de-8a8d-46c2cc309c06 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-427d457c-c7ac-32de-8a8d-46c2cc309c06 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-427d457c-c7ac-32de-8a8d-46c2cc309c06 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-427d457c-c7ac-32de-8a8d-46c2cc309c06"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="ip67_rated" data-analytics-scroll> <div id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5484d374-3dfa-3050-8292-cf9225a7dd58 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Indice de protection IP67 contre la poussière et l'eau.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">À la piscine, sur la plage ou sous la pluie, la Beats Pill est protégée par des joints internes améliorés qui empêchent la poussière, le sable et l'eau de s'infiltrer<sup><span class="visuallyhidden">note de bas de page</span>2</sup>.</p> </div> </div> <div id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5484d374-3dfa-3050-8292-cf9225a7dd58 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Indice de protection IP67 contre la poussière et l'eau.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">À la piscine, sur la plage ou sous la pluie, la Beats Pill est protégée par des joints internes améliorés qui empêchent la poussière, le sable et l'eau de s'infiltrer<sup><span class="visuallyhidden">note de bas de page</span>2</sup>.</p> </div> </div> <div id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5484d374-3dfa-3050-8292-cf9225a7dd58 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">Indice de protection IP67 contre la poussière et l'eau.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">À la piscine, sur la plage ou sous la pluie, la Beats Pill est protégée par des joints internes améliorés qui empêchent la poussière, le sable et l'eau de s'infiltrer<sup><span class="visuallyhidden">note de bas de page</span>2</sup>.</p> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-35b62e94-31db-3ff3-aba9-c7f7b2e47944 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-35b62e94-31db-3ff3-aba9-c7f7b2e47944" data-desktop-bg-color="transparent" id="BGContainer-8e8edd9c-eca8-3fee-8e04-f7bfd3f01f77"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c90dc778-bf0e-33c0-8d5d-09ab62f07df0 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c90dc778-bf0e-33c0-8d5d-09ab62f07df0 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c90dc778-bf0e-33c0-8d5d-09ab62f07df0 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c90dc778-bf0e-33c0-8d5d-09ab62f07df0"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-c285e9bf-4811-32ba-b570-3d81feacddf8 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-c285e9bf-4811-32ba-b570-3d81feacddf8 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-8e836dba-f7b0-323c-8bbb-454a89688819 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn1-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn1-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn2-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn2-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn1-tablet-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn1-tablet-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn2-tablet-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn2-tablet-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn1-mobile-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn1-mobile-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, .btn-light.btn2-mobile-bg-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.btn-light.btn2-mobile-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:after, a.btn-light.btn2-mobile-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-8e836dba-f7b0-323c-8bbb-454a89688819:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-8e836dba-f7b0-323c-8bbb-454a89688819{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2eb4c65e-02cc-3c31-86ef-0a9d0ee0c0a3" data-desktop-bg-color="transparent" id="BGContainer-cc6e5390-2e7e-3ae8-bf1c-176e953a8225"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-fee83022-049b-35ef-b1ef-c3113a75848e { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-fee83022-049b-35ef-b1ef-c3113a75848e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-fee83022-049b-35ef-b1ef-c3113a75848e" data-desktop-bg-color="linear-gradient(160deg, #3f565e, #76a29d 100%)" id="BGContainer-581b87f9-c1fc-3b78-affb-e1f1abd76eb3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a7d4eb54-3886-3d8a-985f-48d7938e7af3 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a7d4eb54-3886-3d8a-985f-48d7938e7af3 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a7d4eb54-3886-3d8a-985f-48d7938e7af3 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a7d4eb54-3886-3d8a-985f-48d7938e7af3"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d0c9c2e5-a0b6-307f-9f1f-ee7147790485" data-desktop-bg-color="transparent" id="BGContainer-c6109812-4b1a-3e64-9983-a1c483b0376e"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="design" data-analytics-scroll> <div id="RTE-d10fa263-9663-31a1-a66f-ae5ae6da4096" class="rte-container-b644a357-c7a3-33d6-9075-b0fd803f3bef "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Design</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3bc3395c-cb03-333f-9e05-31814297e5c0 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3bc3395c-cb03-333f-9e05-31814297e5c0 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3bc3395c-cb03-333f-9e05-31814297e5c0 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3bc3395c-cb03-333f-9e05-31814297e5c0"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-2 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_b13c4f7a-4f80-3f4d-88d5-1f3461bf7ffb_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_2ed6d0d8-9f31-372a-ac87-9c985821204e" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-1185db6c-1681-3a0f-ad70-639d4d790f3c" class="rte-container-07f351fd-6412-37d4-91bb-5144e880d449 "> <div style="color: #fff;"> <h2 class="headline-1" style="margin: 0;">Le style en puissance, version 2.0.</h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_b13c4f7a-4f80-3f4d-88d5-1f3461bf7ffb_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_c9c6c67e-d37d-3b20-96c2-f14b2348160e" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-24b84497-8a31-3096-9492-d812edfd300b" class="rte-container-28ea490a-8538-3c0c-8bd6-cb04b0f20826 "> <p class="body-large" style="color: #fff; margin: 0;">Le haut-parleur optimisé est orienté de 20 degrés vers le haut pour mieux diriger les ondes sonores vers votre tête et éviter les objets qui pourraient faire obstacle.</p> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-bffc0de0-c97d-3487-96cd-b5579918bab6 { padding-top: 40px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-bffc0de0-c97d-3487-96cd-b5579918bab6 { padding-top: 25px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-bffc0de0-c97d-3487-96cd-b5579918bab6 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-bffc0de0-c97d-3487-96cd-b5579918bab6"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-583ca1a3-9011-3c64-9579-b167a6f6bb51 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-583ca1a3-9011-3c64-9579-b167a6f6bb51 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x" alt="Gros plan sur la Beats Pill" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="true" data-analytics-link-type="siteClick" data-video-length="5"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10-mobile.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-3757d3b3-8257-3e66-a0d3-560494b46dbc { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn1-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn1-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn2-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn2-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn1-tablet-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn1-tablet-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn2-tablet-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn2-tablet-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn1-mobile-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn1-mobile-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, .btn-light.btn2-mobile-bg-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.btn-light.btn2-mobile-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:after, a.btn-light.btn2-mobile-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-3757d3b3-8257-3e66-a0d3-560494b46dbc:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-3757d3b3-8257-3e66-a0d3-560494b46dbc{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-72870ee1-1563-3915-82e9-5fbdba1759f3 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-72870ee1-1563-3915-82e9-5fbdba1759f3 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-72870ee1-1563-3915-82e9-5fbdba1759f3" data-desktop-bg-color="transparent" id="BGContainer-11171b93-506e-32cb-9a38-beb81afbfaec"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6507a923-ce4a-3263-aed5-979c1ee04a38 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6507a923-ce4a-3263-aed5-979c1ee04a38 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6507a923-ce4a-3263-aed5-979c1ee04a38 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6507a923-ce4a-3263-aed5-979c1ee04a38"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="removable_lanyard" data-analytics-scroll> <div id="RTE-3a22c89d-5490-33ca-b1eb-986b704469e0" class="rte-container-d1430c3c-71ad-3916-a614-1ba05563ddc0 "> <p class="headline-3" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">La dragonne amovible et le revêtement en silicone antidérapant permettent à la Beats Pill de vous accompagner absolument partout.</p> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f97926e2-f319-3213-9c6d-a1e1caf1a08f .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f97926e2-f319-3213-9c6d-a1e1caf1a08f" data-desktop-bg-color="transparent" id="BGContainer-578dab15-e3a3-38c1-9440-7aa59452abea"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-12c3a307-4d3c-3495-8017-71f3310c793d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-12c3a307-4d3c-3495-8017-71f3310c793d { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-12c3a307-4d3c-3495-8017-71f3310c793d { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-12c3a307-4d3c-3495-8017-71f3310c793d"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-2 row-gap-sm-2 column-gap-lg-4 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_3da67585-670e-33d3-84f6-e269b30c38ff_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_910907fa-077d-3ea3-ac60-8d6ad2aed56e" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-aeb63353-2c97-32a4-853b-698882af6fab " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x" alt="Personne tenant la Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn1-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn1-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn2-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn2-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn1-tablet-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn1-tablet-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn2-tablet-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn2-tablet-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn1-mobile-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn1-mobile-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, .btn-light.btn2-mobile-bg-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.btn-light.btn2-mobile-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:after, a.btn-light.btn2-mobile-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-f0735d87-1fcf-3c0a-878d-fecf94f846e9:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f0735d87-1fcf-3c0a-878d-fecf94f846e9{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-0a22a39d-9c2a-3d3a-95e9-b49d0d29300c { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0a22a39d-9c2a-3d3a-95e9-b49d0d29300c { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0a22a39d-9c2a-3d3a-95e9-b49d0d29300c { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0a22a39d-9c2a-3d3a-95e9-b49d0d29300c"></section> </div> </div> </div> <div id="columnContainer_3da67585-670e-33d3-84f6-e269b30c38ff_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_6e4023e7-adef-3cd4-a960-22bbd4d51b1d" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-4ae49c0a-c515-305f-adb5-331a58b66eed " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x" alt="Personne tenant la Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn1-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn1-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn2-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn2-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn1-tablet-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn1-tablet-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn2-tablet-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn2-tablet-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn1-mobile-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn1-mobile-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, .btn-light.btn2-mobile-bg-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.btn-light.btn2-mobile-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:after, a.btn-light.btn2-mobile-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-2b8f7204-7a39-32b1-8986-ab4c9f63c376:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-2b8f7204-7a39-32b1-8986-ab4c9f63c376{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-698f5801-5efd-3d4a-88f8-431b978911c1 { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-698f5801-5efd-3d4a-88f8-431b978911c1 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-698f5801-5efd-3d4a-88f8-431b978911c1 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-698f5801-5efd-3d4a-88f8-431b978911c1"></section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8360dac1-f6f7-39c1-af5e-29acb22a5f93 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8360dac1-f6f7-39c1-af5e-29acb22a5f93" data-desktop-bg-color="transparent" id="BGContainer-40415690-082e-3e59-91fc-0572f551853e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f73cc6fc-f506-3a42-b29f-d5a6c39af5d7 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f73cc6fc-f506-3a42-b29f-d5a6c39af5d7 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f73cc6fc-f506-3a42-b29f-d5a6c39af5d7 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f73cc6fc-f506-3a42-b29f-d5a6c39af5d7"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-a0306aec-c8d2-355d-8c16-27e6f15a61a5 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-a0306aec-c8d2-355d-8c16-27e6f15a61a5 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x" alt="Beats Pill qui se balance au bout de la dragonne" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="false" data-analytics-link-type="siteClick" data-video-length="8"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-4410efdd-8806-362b-8e7d-048e4a8c7215 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn1-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn1-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn2-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn2-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn1-tablet-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn1-tablet-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn2-tablet-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn2-tablet-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn1-mobile-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn1-mobile-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, .btn-light.btn2-mobile-bg-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.btn-light.btn2-mobile-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:after, a.btn-light.btn2-mobile-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-4410efdd-8806-362b-8e7d-048e4a8c7215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-4410efdd-8806-362b-8e7d-048e4a8c7215{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4736ad4b-134c-3796-9db2-68494cc0a76e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4736ad4b-134c-3796-9db2-68494cc0a76e .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4736ad4b-134c-3796-9db2-68494cc0a76e" data-desktop-bg-color="transparent" id="BGContainer-02f93368-ca8e-3c8f-832d-bf0e804b2e1b"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5456b3d6-653c-3167-b604-a7b0284821be { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5456b3d6-653c-3167-b604-a7b0284821be { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5456b3d6-653c-3167-b604-a7b0284821be { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5456b3d6-653c-3167-b604-a7b0284821be"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_70387cca-edda-3b17-9921-8c2616b7e6d3_0" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 1024px) { #columnWrapper_b6ad72a9-8127-30f4-8737-110291a4caa2{ padding: 0 5% 0 0;} } </style> <div id="columnWrapper_b6ad72a9-8127-30f4-8737-110291a4caa2" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="all_day_battery"> <div id="RTE-4621c94b-2eae-30f0-a976-54fcd219a468" class="rte-container-3a37f4be-ea00-3246-ae13-6a43ca7fbd24 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>Autonomie d'une journée</i></h2> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-409d0ebd-6193-3444-8329-4a60aa0e9b7c { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-409d0ebd-6193-3444-8329-4a60aa0e9b7c { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-409d0ebd-6193-3444-8329-4a60aa0e9b7c { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-409d0ebd-6193-3444-8329-4a60aa0e9b7c"></section> </div> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-53f214e2-17d4-3fbe-b47c-1f04966026b8" class="rte-container-55c22d57-9c90-324d-902d-cf41216e61f0 "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 2rem; color: #161616;"> <h2 class="headline-2" style="color: inherit; margin: 0; font-weight: 200;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Jusqu'à </span><b>24 heures</b><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;"> d'autonomie</span><sup class="body-large" style="color: inherit; vertical-align: middle;"><span class="visuallyhidden">note de bas de page</span>1</sup>.</h2> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; max-width: 563px;"> <p class="body-large" style="margin: 0; color: inherit;">Avec la technologie Fast Fuel, une recharge de 10 minutes offre jusqu'à 2 heures de lecture<sup style="color: inherit;"><span class="visuallyhidden">note de bas de page</span>6</sup>.</p> <p class="body-large" style="margin: 0; color: #161616;">Pendant vos déplacements, vous pouvez charger votre téléphone via le câble USB-C fourni.</p> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_70387cca-edda-3b17-9921-8c2616b7e6d3_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_53c8b1f0-40a0-3c6f-be11-034a6f832286" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-5e87d0eb-41f0-3eb5-8923-471941233310 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x" alt="Beats Pill posée sur une table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-dc77b724-6c6f-389e-9486-500bfb66bdd3 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn1-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn1-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn2-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn2-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn1-tablet-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn1-tablet-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn2-tablet-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn2-tablet-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn1-mobile-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn1-mobile-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, .btn-light.btn2-mobile-bg-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.btn-light.btn2-mobile-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:after, a.btn-light.btn2-mobile-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-dc77b724-6c6f-389e-9486-500bfb66bdd3:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-dc77b724-6c6f-389e-9486-500bfb66bdd3{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f40a10bd-2b52-3ca4-a4da-9f9637f0b45b" data-desktop-bg-color="transparent" id="BGContainer-4bf76836-9f04-355d-a776-c291648354a9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0c4d48a1-fd51-38a0-8de6-8cfab4a66b1e { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0c4d48a1-fd51-38a0-8de6-8cfab4a66b1e { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0c4d48a1-fd51-38a0-8de6-8cfab4a66b1e { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0c4d48a1-fd51-38a0-8de6-8cfab4a66b1e"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="USB-C Lossless Audio" data-analytics-scroll> <div id="RTE-1835a62c-06c1-35f2-8565-9842f73466a0" class="rte-container-66a4f6aa-8a99-32a7-b118-8e0b09b1f91d "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>Audio USB-C</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9d5c13f2-fd67-30f6-aa5e-5a649ffc37c9 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9d5c13f2-fd67-30f6-aa5e-5a649ffc37c9 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9d5c13f2-fd67-30f6-aa5e-5a649ffc37c9 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9d5c13f2-fd67-30f6-aa5e-5a649ffc37c9"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_c41afd92-03ba-3191-b165-266bdea6d901_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ffe7b1c5-863d-39c1-a509-d105c692dd0a" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-326d19c3-0691-33ae-9977-a1e416b1aad1" class="rte-container-30de399d-9dad-3319-8626-db3ec45e5bee "> <h2 class="headline-2" style="margin: 0;">Audio au format Lossless</h2> </div> </section> </div> </div> </div> <div id="columnContainer_c41afd92-03ba-3191-b165-266bdea6d901_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_aac620db-dcd1-3aab-84d8-8b60479be9b7" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-5ee880d6-475a-3ffa-af8e-ddacc79b3b73" class="rte-container-a3508619-9a3d-3dda-af9f-62f3cf3ff920 "> <p class="body-large" style="margin: 0;">Profitez de l'audio haute résolution au format Lossless en connectant votre Beats Pills à votre ordinateur ou autres appareils compatibles au moyen du câble USB‑C<sup><span class="visuallyhidden">note de bas de page</span>4</sup>.</p> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ea028a3f-5036-31bd-91d5-0d3c7f45d651 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ea028a3f-5036-31bd-91d5-0d3c7f45d651" data-desktop-bg-color="transparent" id="BGContainer-a836f4c3-43e4-3792-bfcf-43ceb13ddb50"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ed1e46ff-8359-3cdc-b3bc-d5e9e1e159a3 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ed1e46ff-8359-3cdc-b3bc-d5e9e1e159a3 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ed1e46ff-8359-3cdc-b3bc-d5e9e1e159a3 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ed1e46ff-8359-3cdc-b3bc-d5e9e1e159a3"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-9458edf4-299c-3454-864f-c0d48837222a .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-9458edf4-299c-3454-864f-c0d48837222a " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-924f732b-0e9a-3ef5-9c69-ab336593424d { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn1-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn1-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn2-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn2-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn1-tablet-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn1-tablet-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn2-tablet-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn2-tablet-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn1-mobile-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn1-mobile-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, .btn-light.btn2-mobile-bg-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.btn-light.btn2-mobile-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:after, a.btn-light.btn2-mobile-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-924f732b-0e9a-3ef5-9c69-ab336593424d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-924f732b-0e9a-3ef5-9c69-ab336593424d{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-e6b816a3-3448-3e04-94ad-a871017c964a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e6b816a3-3448-3e04-94ad-a871017c964a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e6b816a3-3448-3e04-94ad-a871017c964a" data-desktop-bg-color="transparent" id="BGContainer-7fbc1122-3ab2-3bb5-8441-898f70ee3500"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-45e00d65-3658-3e84-9c45-ba9d071170b1 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-45e00d65-3658-3e84-9c45-ba9d071170b1 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-45e00d65-3658-3e84-9c45-ba9d071170b1 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-45e00d65-3658-3e84-9c45-ba9d071170b1"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-45753447-d4c1-37be-89d2-387bee9ce6f4 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-45753447-d4c1-37be-89d2-387bee9ce6f4 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-45753447-d4c1-37be-89d2-387bee9ce6f4" data-desktop-bg-color="#101010" id="BGContainer-952a3f2d-634c-3c20-b693-4e8f6f1c881f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5075b3b3-df08-398f-83a8-da2eb059e2f5 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5075b3b3-df08-398f-83a8-da2eb059e2f5 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5075b3b3-df08-398f-83a8-da2eb059e2f5 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5075b3b3-df08-398f-83a8-da2eb059e2f5"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="instant_compatibility" data-analytics-scroll> <div id="RTE-63a2736c-e3d0-3b5d-b489-041de1b25020" class="rte-container-408b8349-ea38-3b42-9518-485e06acea9f "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Compatibilité instantanée</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-81a9de78-64e9-3130-b66d-f6ff49d5e69b { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-81a9de78-64e9-3130-b66d-f6ff49d5e69b { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-81a9de78-64e9-3130-b66d-f6ff49d5e69b { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-81a9de78-64e9-3130-b66d-f6ff49d5e69b"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_10d0d7e8-31f3-3a25-963a-da07931e721e_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_9f17b6af-c488-37de-9d82-d16e3013ea31" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-08822c7b-866c-3a05-9909-39870d779f14" class="rte-container-dcc31116-4e23-3769-b973-4ca83d9d3b67 "> <div style="color: #fff;"> <h2 class="headline-2" style="margin: 0;">Apple ou Android ? <span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Tout lui va.</span></h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_10d0d7e8-31f3-3a25-963a-da07931e721e_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_c9dbcc87-dd15-31f6-83e7-0d7001591b62" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-cd4b8ee5-0eb8-34c8-92f4-ccb52562821d" class="rte-container-93239aca-d6e3-38e4-ab22-997b31368c3c "> <div style="color: #fff;"> <p class="body-large">Que vous utilisiez un appareil iOS ou Android, la puce propriétaire de l'enceinte Beats Pill vous permet de profiter du jumelage d'un seul geste et des fonctionnalités Localiser et Localiser mon appareil<sup><span class="visuallyhidden">note de bas de page</span>5</sup>.</p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-44f172cf-3393-34c0-b1e6-4624adca4791 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-44f172cf-3393-34c0-b1e6-4624adca4791 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-44f172cf-3393-34c0-b1e6-4624adca4791 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-44f172cf-3393-34c0-b1e6-4624adca4791"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4c7ce1a6-acf4-3ea8-b462-a31a758101e7" data-desktop-bg-color="transparent" id="BGContainer-edb15edd-4dab-3b3a-b5c9-b650ab6ce9ce"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-cce63b42-5e7a-35a0-8fd1-3f922d8835ec .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-cce63b42-5e7a-35a0-8fd1-3f922d8835ec " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn1-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn1-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn2-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn2-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn1-tablet-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn1-tablet-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn2-tablet-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn2-tablet-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn1-mobile-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn1-mobile-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, .btn-light.btn2-mobile-bg-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.btn-light.btn2-mobile-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:after, a.btn-light.btn2-mobile-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-0d6f6afc-7f9b-3312-9a52-b5c644c8fd43{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-06be0a6c-fef3-3a56-9e97-739802e811ba { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-06be0a6c-fef3-3a56-9e97-739802e811ba { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-06be0a6c-fef3-3a56-9e97-739802e811ba { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-06be0a6c-fef3-3a56-9e97-739802e811ba"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-cd840b99-c4fa-3775-9238-2f10753bdbb7 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cd840b99-c4fa-3775-9238-2f10753bdbb7 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cd840b99-c4fa-3775-9238-2f10753bdbb7" data-desktop-bg-color="transparent" id="BGContainer-a084c9db-a985-39e9-9282-e7d9629c7afc"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f5d57a74-1fb1-3c60-84a1-3d76d6b1eb0e { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f5d57a74-1fb1-3c60-84a1-3d76d6b1eb0e { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f5d57a74-1fb1-3c60-84a1-3d76d6b1eb0e { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f5d57a74-1fb1-3c60-84a1-3d76d6b1eb0e"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="calls" data-analytics-scroll> <div id="RTE-ac21273d-208a-3438-83e9-56ebceb67fd0" class="rte-container-faf8c9cc-ee28-367d-8403-39382f6a52aa "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>Appels</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-59214ca0-c7f4-3c2e-b46b-d179c288369d { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-59214ca0-c7f4-3c2e-b46b-d179c288369d { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-59214ca0-c7f4-3c2e-b46b-d179c288369d { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-59214ca0-c7f4-3c2e-b46b-d179c288369d"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_3ac2ba7b-f91e-390d-9cd1-6e5c1bac5f9e_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_f957253a-cc3b-327d-90b9-d23075070d7c" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-cde8735b-e6d6-3fc8-8e02-0f4fd42f55d3" class="rte-container-073ba617-f640-39b0-aff1-a7b99e907b56 "> <h2 class="headline-2" style="margin: 0;">Besoin d'un haut-parleur ? Votre Beats Pill prend le relais.</h2> </div> </section> </div> </div> </div> <div id="columnContainer_3ac2ba7b-f91e-390d-9cd1-6e5c1bac5f9e_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ef62861d-a6aa-3b66-a06d-db125ac05f28" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-98f4bb80-099e-37aa-960f-90be57ab182b" class="rte-container-3d90c980-a6af-3430-8125-61a77d64f69d "> <p class="body-large" style="margin: 0;">Répondez à des appels et activez votre assistant vocal directement depuis votre Beats Pill jumelée en profitant d'une portée étendue et d'un taux réduit de déconnexions grâce à la connectivité Bluetooth<sup>®</sup> de classe 1.</p> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4a0889b8-069d-3190-92b0-0c5fd4cf3eaf" data-desktop-bg-color="transparent" id="BGContainer-973044d8-8cac-3c09-9414-0123a09158c9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-46343ed1-4ee6-3fc3-b64b-7aa63f01467e { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-46343ed1-4ee6-3fc3-b64b-7aa63f01467e { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-46343ed1-4ee6-3fc3-b64b-7aa63f01467e { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-46343ed1-4ee6-3fc3-b64b-7aa63f01467e"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-cec31264-336e-3662-8b99-9727dc4e21e3 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-cec31264-336e-3662-8b99-9727dc4e21e3 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-be16884c-f5fe-3bd5-8886-3cd0c5456785 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn1-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn1-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn2-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn2-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn1-tablet-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn1-tablet-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn2-tablet-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn2-tablet-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn1-mobile-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn1-mobile-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, .btn-light.btn2-mobile-bg-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.btn-light.btn2-mobile-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:after, a.btn-light.btn2-mobile-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-be16884c-f5fe-3bd5-8886-3cd0c5456785:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-be16884c-f5fe-3bd5-8886-3cd0c5456785{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-644ce9fc-2e33-34fc-843d-8f76ceb9bd8d" data-desktop-bg-color="transparent" id="BGContainer-5d8cae99-f223-3af7-8b63-a649443b9e79"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-63c7239d-8086-3aef-87a9-f270b3d90ba0 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-63c7239d-8086-3aef-87a9-f270b3d90ba0 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-63c7239d-8086-3aef-87a9-f270b3d90ba0 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-63c7239d-8086-3aef-87a9-f270b3d90ba0"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="play_modes" data-analytics-scroll> <div id="RTE-adc601ac-4207-3a33-a15a-108391b0f8fb" class="rte-container-3603d1e1-02d6-37d8-891b-008147fd201d "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; margin: 0; font-weight: normal;"><i>Modes de lecture</i></h2> <h2 class="headline-1">Encore plus de modes de lecture.</h2> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin: 0;">C'est l'heure de faire la fête ?</p> <p class="body-large" style="margin: 0;"><span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Avec le mode Amplification, synchronisez deux enceintes Beats Pill pour une expérience deux fois plus intense.</i></span></p> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-46ee5a89-5769-3087-b26e-a38cc235d7b2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2 .outer-container { width: 100%; max-width: 1600px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-46ee5a89-5769-3087-b26e-a38cc235d7b2 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-46ee5a89-5769-3087-b26e-a38cc235d7b2" data-desktop-bg-color="transparent" id="BGContainer-32316c08-ad28-3332-a836-8b29b9f568cd"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-67c3e90b-2df4-3cb5-8d5e-144b5615018a { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-67c3e90b-2df4-3cb5-8d5e-144b5615018a { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-67c3e90b-2df4-3cb5-8d5e-144b5615018a { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-67c3e90b-2df4-3cb5-8d5e-144b5615018a"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-a2d240b8-e069-3265-a9a4-dd3ccb7b0303 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-a2d240b8-e069-3265-a9a4-dd3ccb7b0303 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-d158236a-6983-3014-9f71-015187338782 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-d158236a-6983-3014-9f71-015187338782, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-d158236a-6983-3014-9f71-015187338782 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-d158236a-6983-3014-9f71-015187338782 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-d158236a-6983-3014-9f71-015187338782, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-d158236a-6983-3014-9f71-015187338782 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn1-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn1-outline-color-d158236a-6983-3014-9f71-015187338782:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn2-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn2-outline-color-d158236a-6983-3014-9f71-015187338782:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-d158236a-6983-3014-9f71-015187338782{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-d158236a-6983-3014-9f71-015187338782{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn1-tablet-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn1-tablet-outline-color-d158236a-6983-3014-9f71-015187338782:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn2-tablet-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn2-tablet-outline-color-d158236a-6983-3014-9f71-015187338782:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-d158236a-6983-3014-9f71-015187338782{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-d158236a-6983-3014-9f71-015187338782{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn1-mobile-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn1-mobile-outline-color-d158236a-6983-3014-9f71-015187338782:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-d158236a-6983-3014-9f71-015187338782:after, .btn-light.btn2-mobile-bg-color-d158236a-6983-3014-9f71-015187338782:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-d158236a-6983-3014-9f71-015187338782{ color: ; } a.btn-light.btn2-mobile-outline-color-d158236a-6983-3014-9f71-015187338782:after, a.btn-light.btn2-mobile-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-d158236a-6983-3014-9f71-015187338782:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-d158236a-6983-3014-9f71-015187338782{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-d158236a-6983-3014-9f71-015187338782{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-ec765ffa-2fb7-3982-b06a-178acaa010ee { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ec765ffa-2fb7-3982-b06a-178acaa010ee .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ec765ffa-2fb7-3982-b06a-178acaa010ee" data-desktop-bg-color="transparent" id="BGContainer-978b4eb2-7f0c-369b-84b7-d508237412b7"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-b09c1b53-4fe2-36f3-a0a6-961aafa8b727 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b09c1b53-4fe2-36f3-a0a6-961aafa8b727 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-b09c1b53-4fe2-36f3-a0a6-961aafa8b727 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-b09c1b53-4fe2-36f3-a0a6-961aafa8b727"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="surround_sound" data-analytics-scroll> <div id="RTE-f54bd4ca-1957-384a-8556-750dc1a7c5b5" class="rte-container-68d0d740-3dc5-3fd2-9c65-9f12bc72a7bf "> <div style="text-align: center;"> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin-bottom: 0;">Vous souhaitez un son enveloppant ?</p> <p class="body-large" style="margin-top: 0;"><span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Le mode Stéréo répartit les sorties audio gauche et droite sur deux enceintes Beats Pill.</i></span></p> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2a15e856-660e-3e0b-b73b-a6de7b231a40 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-2a15e856-660e-3e0b-b73b-a6de7b231a40 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2a15e856-660e-3e0b-b73b-a6de7b231a40" data-desktop-bg-color="transparent" id="BGContainer-df64a645-c0ff-39fd-ab1b-e7b4c6b19556"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7d0b6361-e0a1-3a08-a135-5d07d5303a6b { padding-top: 30px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7d0b6361-e0a1-3a08-a135-5d07d5303a6b { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7d0b6361-e0a1-3a08-a135-5d07d5303a6b { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7d0b6361-e0a1-3a08-a135-5d07d5303a6b"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-42f97d39-404d-3306-9ded-62839fc0414d .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-42f97d39-404d-3306-9ded-62839fc0414d " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn1-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn1-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn2-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn2-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn1-tablet-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn1-tablet-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn2-tablet-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn2-tablet-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn1-mobile-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn1-mobile-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, .btn-light.btn2-mobile-bg-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.btn-light.btn2-mobile-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:after, a.btn-light.btn2-mobile-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-bfa1a267-1448-3fcd-bc66-b7b8c4603d23:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-bfa1a267-1448-3fcd-bc66-b7b8c4603d23{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4e93fb7f-73aa-3341-9b8c-519e10bb922f .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4e93fb7f-73aa-3341-9b8c-519e10bb922f" data-analytics-module="bg_container" data-analytics-region="in_the_box" data-desktop-bg-color="transparent" id="BGContainer-1d400799-7f6f-3f34-94e0-8456300254e3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4e4c08d1-b61b-39bb-8690-a6e445dccf41 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4e4c08d1-b61b-39bb-8690-a6e445dccf41 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4e4c08d1-b61b-39bb-8690-a6e445dccf41 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4e4c08d1-b61b-39bb-8690-a6e445dccf41"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_4cf1d0e9-0101-34c2-9e09-42999f081e86_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_d2945699-2903-30c5-aa24-4b6dd1d534b4" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="in_the_box"> <div id="RTE-775459bf-95df-35bf-8d7d-c28e12236b17" class="rte-container-5efa1b6a-d080-3352-a879-5325f7e8338d "> <div class="body-large" style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem;"> <h2 class="headline-1">Contenu du coffret</h2> <ul style="list-style-position: inside; margin: 0;"> <li style="margin: 4px;">Enceinte Beats Pill Bluetooth<sup style="font-size: 50%;">®</sup> sans fil</li> <li style="margin: 4px;">Dragonne de transport amovible</li> <li style="margin: 4px;">Câble USB-C vers USB-C</li> <li style="margin: 4px;">Guide de démarrage rapide</li> <li style="margin: 4px;">Carte de garantie</li> </ul> (Adaptateur secteur USB‑C vendu séparément) </div> </div> </section> </div> </div> </div> <div id="columnContainer_4cf1d0e9-0101-34c2-9e09-42999f081e86_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_87b28027-762b-3298-82d9-9b19ee1c819a" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-ea70e1d5-e1fa-36a3-900f-4ba5e4e07b0a .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-ea70e1d5-e1fa-36a3-900f-4ba5e4e07b0a " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="in_the_box" data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-bfb61182-ef80-31dc-861a-46a6af779f66 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn1-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn1-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn2-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn2-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn1-tablet-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn1-tablet-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn2-tablet-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn2-tablet-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn1-mobile-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn1-mobile-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, .btn-light.btn2-mobile-bg-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.btn-light.btn2-mobile-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:after, a.btn-light.btn2-mobile-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-bfb61182-ef80-31dc-861a-46a6af779f66:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-bfb61182-ef80-31dc-861a-46a6af779f66{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1060615d-2903-3a3d-9788-acbbfa189d96 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1060615d-2903-3a3d-9788-acbbfa189d96 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1060615d-2903-3a3d-9788-acbbfa189d96 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1060615d-2903-3a3d-9788-acbbfa189d96"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-c016df6e-723d-3790-b243-420f820bc825 { background: EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-c016df6e-723d-3790-b243-420f820bc825 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c016df6e-723d-3790-b243-420f820bc825" data-desktop-bg-color="EFEDE9" id="BGContainer-65f97a14-5b20-3187-b84f-9a62a8f6773a"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-bf7637a2-c36d-3202-aea6-c320edf8c056 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-bf7637a2-c36d-3202-aea6-c320edf8c056 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-bf7637a2-c36d-3202-aea6-c320edf8c056 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-bf7637a2-c36d-3202-aea6-c320edf8c056"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-1c90dda0-0859-3652-a687-2e9293ebe055 { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-1c90dda0-0859-3652-a687-2e9293ebe055 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-1c90dda0-0859-3652-a687-2e9293ebe055" data-desktop-bg-color="#FAFAFA" id="BGContainer-6484307d-10cc-324a-9033-734022ad512c"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-59561fc4-168d-3c91-a13c-9ecf4642ff9d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-59561fc4-168d-3c91-a13c-9ecf4642ff9d { padding-top: 50px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-59561fc4-168d-3c91-a13c-9ecf4642ff9d { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-59561fc4-168d-3c91-a13c-9ecf4642ff9d"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-9 column-gap-md-0 column-gap-sm-0 row-reverse-md row-reverse-sm" data-analytics-scroll> <div id="columnContainer_1a14198f-0a47-34e5-80de-b97fa022618f_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_f85bdc4e-957d-353c-93b3-e76177b319b3" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-53f4ea3b-61d2-3d55-889a-897f536b58f8 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 55%; } } </style> <section class="bbd-component transition bbd-img-text-component id-53f4ea3b-61d2-3d55-889a-897f536b58f8 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="apple_music" data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x" alt="Apple Music" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-16351424-0a5f-368c-843f-0ccef7f2d27b { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn1-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn1-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn2-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn2-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn1-tablet-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn1-tablet-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn2-tablet-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn2-tablet-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn1-mobile-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn1-mobile-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, .btn-light.btn2-mobile-bg-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.btn-light.btn2-mobile-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:after, a.btn-light.btn2-mobile-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-16351424-0a5f-368c-843f-0ccef7f2d27b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-16351424-0a5f-368c-843f-0ccef7f2d27b{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_1a14198f-0a47-34e5-80de-b97fa022618f_1" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { #columnWrapper_aab985b5-53a1-3f68-8efc-dff235547636{ padding: 0 8.33333%; } } @media screen and (max-width: 767px) { #columnWrapper_aab985b5-53a1-3f68-8efc-dff235547636{ padding: 0 8.33333%; } } </style> <div id="columnWrapper_aab985b5-53a1-3f68-8efc-dff235547636" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="apple_music"> <div id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-678a748d-9086-3b4a-9d4a-6ec8fd28c8e1 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">Profitez de 3 mois de musique gratuite avec votre produit Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats et Apple Music – Ils sont faits l'un pour l'autre.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Les nouveaux abonnés peuvent profiter d'une offre de 3 mois pour écouter plus de 100 millions de morceaux sans publicité.</span></p> </div> </div> <div id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-678a748d-9086-3b4a-9d4a-6ec8fd28c8e1 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">Profitez de 3 mois de musique gratuite avec votre produit Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats et Apple Music – Ils sont faits l'un pour l'autre.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Les nouveaux abonnés peuvent profiter d'une offre de 3 mois pour écouter plus de 100 millions de morceaux sans publicité.</span></p> </div> </div> <div id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-678a748d-9086-3b4a-9d4a-6ec8fd28c8e1 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">Profitez de 3 mois de musique gratuite avec votre produit Beats*</span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats et Apple Music – Ils sont faits l'un pour l'autre.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Les nouveaux abonnés peuvent profiter d'une offre de 3 mois pour écouter plus de 100 millions de morceaux sans publicité.</span></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4cfe0aa4-b96e-3621-86d9-87cf3376b270 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4cfe0aa4-b96e-3621-86d9-87cf3376b270 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4cfe0aa4-b96e-3621-86d9-87cf3376b270 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4cfe0aa4-b96e-3621-86d9-87cf3376b270"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-297e639d-9151-30e3-8821-8c681f7fd1b3 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-297e639d-9151-30e3-8821-8c681f7fd1b3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-297e639d-9151-30e3-8821-8c681f7fd1b3" data-desktop-bg-color="transparent" id="BGContainer-ddefa56d-6214-3bdd-939e-cf0b65a15144"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f7096b87-fbd6-368c-ad35-4f46e7bb8647 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f7096b87-fbd6-368c-ad35-4f46e7bb8647 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f7096b87-fbd6-368c-ad35-4f46e7bb8647 { padding-top: 15px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f7096b87-fbd6-368c-ad35-4f46e7bb8647"></section> </div> <div class="experiencefragment section">  <div class="faqComponentContainer"> <section class="faq"> <div class="faq-content" id="additional-product-details" data-analytics-scroll=""> <div class="faq-content-item layout-grid-sm-1 layout-grid-lg-1"> <h2 class='title-1'></h2> <div class="faq__section"> <button id="gpsr" aria-controls="gpsr" class="accordion__toggle" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse-gpsr" aria-label="Toggle FAQ" aria-expanded="false"> <div class="show-desktop"><p class="title-2">Informations relatives à la sécurité du produit</p> </div> <div class="show-tablet"><p class="title-2">Informations relatives à la sécurité du produit</p> </div> <div class="show-mobile"><p class="title-2">Informations relatives à la sécurité du produit</p> </div> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <div role="region" id="gpsr-detail" aria-labelledby="gpsr-detail" class="faq__content accordion__content"> <div class="show-desktop"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Les informations relatives à la sécurité et aux avertissements liés à ce produit peuvent être consultés à cette adresse :</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Fabricant :</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Représentant agréé :</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Adresse électronique :</b> <a href="https://www.apple.com/chfr/" style="text-decoration: underline;">www.apple.com</a></p> </div> <div class="show-tablet"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Les informations relatives à la sécurité et aux avertissements liés à ce produit peuvent être consultés à cette adresse :</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Fabricant :</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Représentant agréé :</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Adresse électronique :</b> <a href="https://www.apple.com/chfr/" style="text-decoration: underline;">www.apple.com</a></p> </div> <div class="show-mobile"><div style="margin-bottom: 16.0px;"><p class="body-small"><b>Les informations relatives à la sécurité et aux avertissements liés à ce produit peuvent être consultés à cette adresse :</b> <a href="https://www.beatsbydre.com/support/product-safety-and-handling" style="text-decoration: underline;" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="product-safety-handling">https://www.beatsbydre.com/support/product-safety-and-handling</a></p> </div> <p class="body-small"><b>Fabricant :</b> Apple Inc., One Apple Park Way, Cupertino, CA, 95014, U.S.A.<br /> <b>Représentant agréé :</b> Apple Distribution International Limited, Hollyhill Industrial Estate, Hollyhill, Cork, Ireland <br /> <b>Adresse électronique :</b> <a href="https://www.apple.com/chfr/" style="text-decoration: underline;">www.apple.com</a></p> </div> </div> </div> </div> </div> </section></div> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-31873df1-c01a-3f3b-80f5-741376b653c8 { background: #EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-31873df1-c01a-3f3b-80f5-741376b653c8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-31873df1-c01a-3f3b-80f5-741376b653c8" data-desktop-bg-color="#EFEDE9" id="footnotes"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c2d0ae00-7ba5-34a8-bb00-af3995994c5f { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c2d0ae00-7ba5-34a8-bb00-af3995994c5f { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c2d0ae00-7ba5-34a8-bb00-af3995994c5f { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c2d0ae00-7ba5-34a8-bb00-af3995994c5f"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="footnotes" data-analytics-scroll> <div id="RTE-c78cfaf2-bedf-3597-a46d-6f30cb6d5c4b" class="rte-container-fbff310a-5f14-3539-ab6b-1667209c83f9 component-section-spacing beatsRTE"> <ul style="font-size: 12px; color: #484848; list-style-type: none;"> <li id="footnote-1" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">1</sup> Tests réalisés par Apple en avril 2024 sur des prototypes de Beats Pill avec version préliminaire du logiciel, jumelés à des iPhone 15 Pro avec version préliminaire du logiciel. La liste de lecture comprenait 358 pistes audio achetées sur l'iTunes Store (encodage AAC 256 kbit/s). Le volume était réglé sur 50 %. Les tests consistaient à décharger complètement la batterie de l'enceinte Beats Pill en lisant du contenu audio jusqu'à l'arrêt de cette dernière. L'autonomie de la batterie dépend des réglages de l'appareil, de son environnement, de l'utilisation qui en est faite et de nombreux autres facteurs.</li> <li id="footnote-2" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">2</sup> L'enceinte Beats Pill est résistante à l'eau et à la poussière, ce qui la protège du sable, de l'eau et d'autres sources d'impuretés, en intérieur comme en extérieur. L'enceinte Beats Pill a été testée en laboratoire dans des conditions contrôlées et a obtenu l'indice de protection IP67 défini par la norme 60529 de la Commission électrotechnique internationale (CEI). Dans le cadre d'une usure normale, la résistance à l'eau et à la poussière peut diminuer au fil du temps. N'essayez pas de charger votre Beats Pill si elle est mouillée. Consultez l'<a href="https://support.apple.com/fr-ch/119981" target="_blank" style="text-decoration: underline; color: #484848;">assistance Apple</a> pour obtenir des instructions de nettoyage et de séchage.</li> <li id="footnote-3" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">3</sup> En comparaison avec l'enceinte Beats Pill+.</li> <li id="footnote-4" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">4</sup> Fonctionne uniquement avec le contenu au format Lossless compatible sur les app/services pris en charge. Tous les contenus ne sont pas disponibles au format Lossless.</li> <li id="footnote-5" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">5</sup> Nécessite un compte iCloud et un appareil Apple compatible doté de la dernière version du système d'exploitation ou un appareil compatible Android doté de la dernière version du système d'exploitation, avec les services Google Play activés.</li> <li id="footnote-6" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">6</sup> Tests réalisés par Apple en avril 2024 sur des prototypes de Beats Pill avec version préliminaire du logiciel, jumelés à des iPhone 15 Pro avec version préliminaire du logiciel. La liste de lecture comprenait 358 pistes audio achetées sur l'iTunes Store (encodage AAC 256 kbit/s). Le volume était réglé sur 50 %. Les tests de 10 minutes de charge ont été réalisés en rechargeant pendant 10 minutes des enceintes Beats Pill déchargées, puis en lisant du contenu audio jusqu'à l'arrêt de ces dernières. L'autonomie de la batterie dépend des réglages de l'appareil, de son environnement, de l'utilisation qui en est faite et de nombreux autres facteurs.</li> <li id="footnote-7" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">7</sup> Chiffre basé sur le poids par matériau des emballages dans le commerce aux États‑Unis. Les adhésifs, encres et revêtements sont exclus de nos calculs portant sur la teneur en plastique et le poids des emballages. </li> <li id="footnote-8" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">*</sup> Nouveaux abonnés uniquement. Offre disponible pour une durée limitée pour les nouveaux abonnés qui connectent un appareil éligible à un appareil Apple équipé d'iOS 15 ou d'iPadOS 15 (ou version ultérieure). Offre valable pendant 3 mois après le jumelage de l'appareil éligible. Aucun achat de produit audio n'est nécessaire pour les personnes possédant des appareils éligibles. S'il n'est pas résilié, l'abonnement sera renouvelé automatiquement tous les mois au tarif indiqué pour votre région. Des restrictions et <a href="https://www.apple.com/chfr/promo" target="_blank"><u>d'autres conditions</u> s'appliquent.</a></li> </ul> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8aad1405-1366-3f81-80dc-a06bf20f4ad7 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8aad1405-1366-3f81-80dc-a06bf20f4ad7 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8aad1405-1366-3f81-80dc-a06bf20f4ad7 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8aad1405-1366-3f81-80dc-a06bf20f4ad7"></section> </div> </div> </div> </div> </section> </div> </div>  </div> </div> </div>  <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-929c2d82-f51c-3441-b77b-fcae0fbbb9ac { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-929c2d82-f51c-3441-b77b-fcae0fbbb9ac { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-929c2d82-f51c-3441-b77b-fcae0fbbb9ac { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-929c2d82-f51c-3441-b77b-fcae0fbbb9ac"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-22a5aeea-65e7-341d-8a19-841a66fc0e67 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67 .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-22a5aeea-65e7-341d-8a19-841a66fc0e67 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-22a5aeea-65e7-341d-8a19-841a66fc0e67" data-desktop-bg-color="#161616" id="BGContainer-2029292b-4113-33d6-b842-0024600050f4"> <div class="outer-container"> <div class="content-container"> <div><div class="InlineEmailSignUp section"> <div id="newsletter" class="inline-form inline-form--dark inline-form--dark-d8b0841f-6982-3740-bb41-fb9d289033ba" data-analytics-scroll="" data-analytics-event="newsletterSignUp"> <form action="#newsletter" class="b-form" data-error-inline="" novalidate=""> <div class="inline-form__head"> <i class="fa-solid fa-envelope"></i> <br/> <h2><h2 style="margin-bottom: 0;">Rejoignez notre liste</h2></h2> </div> <div class="inline-form__copy"> <div class="show-desktop">Restez dans le beat. Recevez des nouvelles sur les tout derniers produits, les collabs et plus encore.</div> <div class="show-tablet">Restez dans le beat. Recevez des nouvelles sur les tout derniers produits, les collabs et plus encore.</div> <div class="show-mobile">Restez dans le beat. Recevez des nouvelles sur les tout derniers produits, les collabs et plus encore.</div> </div> <div class="b-form-el form--center"> <input id="newsletter-email" class="b-input inline-form__reveal__trigger" type="email" maxlength="255" name="newsletter--emailId" autocomplete="on" placeholder=" " aria-required="true" required="true" aria-describedby="newsletter-email-error"/> <label class="b-label" for="newsletter-email">Saisissez votre adresse e-mail</label> <span class="b-error b-error--visible" id="newsletter-email-error">Veuillez saisir une adresse e-mail valide.</span> </div> <br/> <div class="inline-form__reveal__content"> <div> <div> <div class="b-form-el"> <input class="b-checkbox" type="checkbox" id="newsletter-item__email-opt-in-d8b0841f-6982-3740-bb41-fb9d289033ba" name="newsletter--emailOptIn" aria-required="true" aria-describedby="newsletter-optin-error" required="true" value="true"/> <label class="b-label" for="newsletter-item__email-opt-in-d8b0841f-6982-3740-bb41-fb9d289033ba"> <span class="b-touch-area"></span> Je veux recevoir des e-mails sur les nouveautés Beats, des offres spéciales et des enquêtes occasionnelles. </label> <span class="visuallyhidden">Error:</span> <span class="b-error" id="newsletter-optin-error"> Veuillez cocher cette case obligatoire. </span> </div> <input type="hidden" name="newsletter--optinId" value="2"/> </div> <div class="b-form-el form--center"> <button class="b-button" type="submit"> S'INSCRIRE </button> </div> <div class="form-error b-error b-error--visible"> <div class="form--center"> Erreur d'envoi : veuillez renvoyer votre adresse e-mail ou réessayer plus tard </div> </div> </div> </div> </form> <div class="inline-form__success" tabindex="-1"> <i class="fa-thin fa-hand-peace fa-shake" style="--fa-animation-duration: 3s;"></i> <br/> <div class="inline-form__success__copy"> <div class="show-desktop"><p style="margin: 0;">C'est fait.</p> <p style="margin: 0;">Vous allez bientôt recevoir un e-mail.</p></div> <div class="show-tablet"><p style="margin: 0;">C'est fait.</p> <p style="margin: 0;">Vous allez bientôt recevoir un e-mail.</p></div> <div class="show-mobile"><p style="margin: 0;">C'est fait.</p> <p style="margin: 0;">Vous allez bientôt recevoir un e-mail.</p></div> </div> </div> <div class="inline-form__error"> <p>Erreur d'envoi : veuillez renvoyer votre adresse e-mail ou réessayer plus tard</p> </div> </div></div> </div> </div> </div> </section> </div> <div id="footercontent"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footerColumn"> <footer class="footer" role="contentinfo"> <h2 class="visuallyhidden">Beats Footer</h2> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <nav class='breadcrumbs' aria-label='breadcrumbs' role='navigation' data-analytics-module="breadcrumb" data-analytics-region="footer"> <ol class='breadcrumbs-list'> <li class='breadcrumbs-item first-item'><a class="home breadcrumbs-home body-small" aria-label="Beats Home" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="home" href="/ch-fr"> <img data-lazy="" data-src="/content/dam/beats/global/logos/beats-logo-161616.png" alt="Beats Home" aria-hidden="true" src="/content/dam/beats/global/logos/beats-logo-161616.png"/> </a><i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><a class="body-small" data-analytics-click="" data-analytics-label="Speakers" data-analytics-link-type="siteClick" href="/ch-fr/products#speakers">Enceintes</a> <i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><span class="body-small">Beats Pill</span></li> </ol> </nav>  <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <h3 id="footer-Produits" class="hide-sm hide-md">Produits</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Produits-mobile">Produits</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Produits" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|View All" href="/ch-fr/products" class="footer-link">Tout afficher </a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Powerbeats Pro 2" href="/ch-fr/earbuds/powerbeats-pro-2" class="footer-link">Powerbeats Pro 2</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/ch-fr/accessories/phone-cases/beats-iphone-16-magsafe-case" class="footer-link">Coques Beats pour iPhone</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Pill" href="/ch-fr/speakers/beats-pill" class="footer-link">Beats Pill</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo 4" href="/ch-fr/headphones/solo4-wireless" class="footer-link">Beats Solo 4</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo Buds" href="/ch-fr/earbuds/solo-buds" class="footer-link">Beats Solo Buds</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Pro" href="/ch-fr/headphones/studio-pro-wireless" class="footer-link">Beats Studio Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Buds +" href="/ch-fr/earbuds/studio-buds-plus-wireless-noise-cancelling" class="footer-link">Beats Studio Buds +</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Fit Pro" href="/ch-fr/earbuds/beats-fit-pro" class="footer-link">Beats Fit Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Flex" href="/ch-fr/earbuds/beats-flex" class="footer-link">Beats Flex </a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-support"> <h3 id="footer-Assistance" class="hide-sm hide-md">Assistance</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Assistance-mobile">Assistance</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Assistance" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Downloads" href="/ch-fr/mobile-apps" class="footer-link">Téléchargements</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Support Home" href="/ch-fr/support" class="footer-link">Aide pour les produits</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Service and Warranty|SFAQ" href="https://support.apple.com/fr-ch/beats/repair" class="footer-link">Service et garantie</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Register" href="/ch-fr/register" class="footer-link">Enregistrez votre produit Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Update" href="https://support.apple.com/fr-ch/102368" class="footer-link">Mise à jour de votre produit Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Retailers" href="/ch-fr/company/authorized-retailers" class="footer-link">Revendeurs agréés</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Contact Support|PFC6007" href="https://getsupport.apple.com/GetproductgroupList.action?caller=bbd&PFC=PFC6007" class="footer-link">Contacter l'assistance</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|International Numbers" href="/ch-fr/support/international-numbers" class="footer-link">Numéros internationaux</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-company"> <h3 id="footer-Soci&eacute;t&eacute;" class="hide-sm hide-md">Société</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Soci&eacute;t&eacute;-mobile">Société</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Soci&eacute;t&eacute;" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" href="/ch-fr/company/aboutus" class="footer-link">À propos</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="appleExit" href="https://jobs.apple.com/search?sort=relevance&search=beats" class="footer-link">Emplois</a></li> </ul> </nav> </div> </div> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-legal"> <h3 id="footer-Mentions l&eacute;gales" class="hide-sm hide-md">Mentions légales</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Mentions l&eacute;gales-mobile">Mentions légales</h3> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Mentions l&eacute;gales" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Terms of Use" href="/ch-fr/company/legal" class="footer-link">Conditions d'utilisation</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Privacy" href="/ch-fr/company/legal" class="footer-link">Confidentialité</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Trademark" href="/ch-fr/company/trademark" class="footer-link">Marques déposées</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Promotion Terms" href="/ch-fr/company/promotion-terms" class="footer-link">Conditions des promotions</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h3 class="footerDirectoryTitle">Emplacement</h3> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector">  <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">Suisse</span> <span class="separator" aria-hidden="true">|</span> Changer <span class="a11y">your country or region</span> </a> </li> </ul> </div> <div class="footer__social"> <h3 id="footerBeatsArmy" class="hide-sm hide-md">Suivez-nous</h3> <nav class="bbd-component" role="navigation" aria-labelledby="footerBeatsArmy" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <ul role="presentation" class="social social--spaced-row" id="footer-social-army"> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|twitter" href="https://www.twitter.com/beatsbydre" target="_blank"> <i class="fa-brands fa-x-twitter"></i> <span class="a11y">Twitter (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|facebook" href="https://www.facebook.com/beatsbydre" target="_blank"> <i class="fa fa-facebook"></i> <span class="a11y">Facebook (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|youtube" href="https://www.youtube.com/beatsbydre" target="_blank"> <i class="fa fa-youtube"></i> <span class="a11y">YouTube (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|instagram" href="https://www.instagram.com/beatsbydre" target="_blank"> <i class="fa fa-instagram"></i> <span class="a11y">Instagram (Opens in a new window)</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="copyright"> <p> Copyright © 2025 Apple Inc. Tous droits réservés. </p> </div> </footer> <span class="a11y" id="status" aria-live="polite"></span> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-a5247ce3-8f53-3091-8de5-9d8d7b619a0d { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a5247ce3-8f53-3091-8de5-9d8d7b619a0d { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-a5247ce3-8f53-3091-8de5-9d8d7b619a0d { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-a5247ce3-8f53-3091-8de5-9d8d7b619a0d"></section> </div> <div class="cookiebar"> <div class="bbd-component cookie-bar hide" id="cookie-bar" role="banner"> <div class="container"> <div class="text"> <h4>Notre site utilise des cookies.</h4> <p>En continuant à utiliser notre site, vous acceptez notre politique à l'égard de nos <a href="/ch-fr/company/legal" target="_blank" style="text-decoration: underline;color: rgb(0,0,0);">Conditions d'utilisation</a> et de notre <a href="/ch-fr/company/legal" target="_blank" style="text-decoration: underline;color: rgb(0,0,0);">Engagement de confidentialité</a>. </p> </div> <div class="button-wrapper beats-button beats-btn-std beats-btn--outline-grey cookie-bar-cta"> <button class="cookie-btn--accept beats-btn beats-btn--button"> <span tabindex="-1" class="beats-btn-inner">Accepter et fermer</span> <span class="beats-btn-mask"></span> </button> </div> </div> </div></div> </div> </div> <div id="beatsArmyConfirmation-container"></div> <div id="countrySelection-container"> </div> <script> var isExploreEnabled = 'false'; var nameValuePairs = '{}'; var articlePage = 'false'; var isShieldOn = 'true'; var locale = 'fr_CH'; var explore_exploreTagUrl = '\/ch\u002Dfr\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dpdp_v2'; var homepageUrl = '\/ch\u002Dfr'; var countryCode = 'ch'; var beatsSearchJsonPath = '\/ch\u002Dfr\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/ch\u002Dfr\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/ch\u002Dfr\/search.beatssuggestions.json?q=REPLACEME\x26locale=fr_CH'; var searchConfig = '\/ch\u002Dfr\/search.config.json%20'; window.productPathname = '/ch-fr/speakers/beats-pill' var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22beatsbydre|fr|speakers|beats\u002Dpill\x22,\x22siteSection\x22:\x22\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DCH\x22,\x22pageType\x22:\x22\x22,\x22contentType\x22:\x22\x22,\x22language\x22:\x22fr\x22,\x22country\x22:\x22CH\x22,\x22contentCategories\x22:\x22\x22}}'; var basePageTitle = 'Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil'; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script>  </body> </html>

CINXE.COM

Toute dernière Beats Pill – Enceinte portable Bluetooth sans fil