CINXE.COM
Beats聽by聽Dre - Casques, 茅couteurs, enceintes sans fil, etc.
<!doctype html> <meta charset="utf-8"/> <html class=" " lang="fr-CH"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Beats聽by聽Dre - Casques, 茅couteurs, enceintes sans fil, etc.</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"/> <!-- fallback incase media isn't supported --> <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"/> <meta property="og:image" content="/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta property="og:title" content="Beats聽by聽Dre"/> <meta property="og:description" content="Beats聽by聽Dre vous propose les meilleurs casques, 茅couteurs et enceintes Bluetooth. D茅couvrez nos derniers mod猫les qui allient style, confort et son embl茅matique."/> <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:image" content="https://www.beatsbydre.com/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats聽by聽Dre vous propose les meilleurs casques, 茅couteurs et enceintes Bluetooth. D茅couvrez nos derniers mod猫les qui allient style, confort et son embl茅matique."/> <meta name="analytics:s-pagetype" content="product"/> <meta name="keywords" content="Casque Bluetooth, Casque Bluetooth sans fil, 脡couteurs Bluetooth, 脡couteurs sans fil, 脡couteurs intra-auriculaires, 脡couteurs Bluetooth intra-auriculaires, 脡couteurs totalement sans fil, Haut-parleurs Bluetooth, Haut-parleurs Bluetooth sans fil, Haut-parleurs portables"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/ch-fr"/> <link rel="alternate" href="https://www.beatsbydre.com/in" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/ru" hreflang="ru-RU"/> <link rel="alternate" href="https://www.beatsbydre.com/de" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/mx" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/es" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/tw" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/se" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/sg" hreflang="en-SG"/> <link rel="alternate" href="https://www.beatsbydre.com/uk" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/ie" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/br" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/jp" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/hk" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/au" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/nl" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/fr" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/at" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/kr" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/ca" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/it" hreflang="it-IT"/> <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> <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/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.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"> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script> <!-- prehiding snippet for Adobe Target with asynchronous Launch deployment --> <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:home"}}; </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="navigation" 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="Logo Beats"/> </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 id="maincontent" role="main"> <div class="bs3" style="overflow: visible;"> <div id="bs3-pdp"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-a4d523ba-2b6a-33af-87cc-1e8a886e059b" data-desktop-bg-color="linear-gradient(to bottom, #161616 70%, #F0F0F0 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-22c10947-ae0a-3749-a27b-d4f0e3f68c33 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-22c10947-ae0a-3749-a27b-d4f0e3f68c33 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-22c10947-ae0a-3749-a27b-d4f0e3f68c33 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-22c10947-ae0a-3749-a27b-d4f0e3f68c33"></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-822458b6-cb91-3651-a0f8-9c93a7313242 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 45%; } } </style> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b { max-width: inherit; background: transparent; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .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-a4d523ba-2b6a-33af-87cc-1e8a886e059b .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: #F0F0F0; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .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-a4d523ba-2b6a-33af-87cc-1e8a886e059b { max-width: inherit; background: transparent; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .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-a4d523ba-2b6a-33af-87cc-1e8a886e059b .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: #F0F0F0; } .bbd-full-width-container.id-a4d523ba-2b6a-33af-87cc-1e8a886e059b .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-822458b6-cb91-3651-a0f8-9c93a7313242 " data-analytics-scroll data-full-module data-analytics-module="top_hero" data-analytics-region="beatspill_motion_hero" 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/home/hero/beats-pill/hp-hero-beatspill-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-fallback.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-fallback.jpg.large.2x.jpg" srcset="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-fallback.jpg.large.2x.jpg 2x" alt="Robotic hand holding the all new 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="false" data-analytics-link-type="siteClick" data-analytics-label="Beats Pill - BTD - HP"> <source data-desktop-mp4-src="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/home/hero/beats-pill/hp-hero-beatspill-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 bottom-left-wrapper"> <div class="hero-copy bottom-left"> <div class="show-desktop"><h1 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Pill</span></h1> <h2 style="margin: 0; font-size: 0;"><span class="headline-4">Le style en puissance</span></h2></div> <div class="show-tablet"><h1 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Pill</span></h1> <h2 style="margin: 0; font-size: 0;"><span class="headline-4">Le style en puissance</span></h2></div> <div class="show-mobile"><h1 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Pill</span></h1> <h2 style="margin: 0; font-size: 0;"><span class="headline-4">Le style en puissance</span></h2></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #FFFFFF !important; } } .beats-btn-mask.btn2-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407 { background-color: #C8102E !important; } a.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:after, button.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:after, a.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover:after, button.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:after, button.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:after, a.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover:after, button.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407:hover{ background-color: #C8102E !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn1-text-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #161616; } a.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407 { background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn2-text-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #FFFFFF; } a.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn2-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407{ border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn1-tablet-text-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #161616; } a.btn-light.btn1-tablet-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn1-tablet-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn2-tablet-text-color-11395df4-96b5-3203-9ec1-efb10de9f407 { color: #FFFFFF; } a.btn-light.btn2-tablet-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn2-tablet-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 { border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn1-mobile-text-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #161616; } a.btn-light.btn1-mobile-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn1-mobile-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light .beats-btn-inner.btn2-mobile-text-color-11395df4-96b5-3203-9ec1-efb10de9f407{ color: #FFFFFF; } a.btn-light.btn2-mobile-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407, button.btn-light.btn2-mobile-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 { border: 2px solid #FFFFFF; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-11395df4-96b5-3203-9ec1-efb10de9f407{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="top_hero" data-analytics-region="beatspill_motion_hero"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="shop" href="/ch-fr/speakers/beats-pill" id="11395df4-96b5-3203-9ec1-efb10de9f407" data-id="11395df4-96b5-3203-9ec1-efb10de9f407" aria-label="Shop Beats Pill" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-tablet-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-tablet-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-mobile-bg-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-mobile-outline-color-11395df4-96b5-3203-9ec1-efb10de9f407 " target="_self"> <span class="beats-btn-inner btn1-text-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-tablet-text-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-mobile-text-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-text-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-tablet-text-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407 btn1-mobile-text-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407">Acheter</span> <span class="beats-btn-mask btn1-bg-hover-color-11395df4-96b5-3203-9ec1-efb10de9f407"></span> </a> </div> </div> </div> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3b8cfcec-64ae-3e6a-a708-a705f8bf728c { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3b8cfcec-64ae-3e6a-a708-a705f8bf728c { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3b8cfcec-64ae-3e6a-a708-a705f8bf728c { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3b8cfcec-64ae-3e6a-a708-a705f8bf728c"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-205fe5cd-319b-3104-9090-6051b6404e15 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-205fe5cd-319b-3104-9090-6051b6404e15 .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-205fe5cd-319b-3104-9090-6051b6404e15" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8b30b0b3-89e7-386a-a160-f941cdfb81a2 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8b30b0b3-89e7-386a-a160-f941cdfb81a2 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8b30b0b3-89e7-386a-a160-f941cdfb81a2 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8b30b0b3-89e7-386a-a160-f941cdfb81a2"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-8badb26a-7ecb-35f1-b396-e5fc004187c9 beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Produits populaires</h2> </div> </div> <div class="rte-container-8badb26a-7ecb-35f1-b396-e5fc004187c9 beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.5rem, 8vw, 1.813rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Produits populaires</h2> </div> </div> <div class="rte-container-8badb26a-7ecb-35f1-b396-e5fc004187c9 beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.313rem, 11vw, 1.563rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Produits populaires</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3834e6ed-44ec-36e0-96ee-a1e7e4cb7d56 { padding-top: 48px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3834e6ed-44ec-36e0-96ee-a1e7e4cb7d56 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3834e6ed-44ec-36e0-96ee-a1e7e4cb7d56 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3834e6ed-44ec-36e0-96ee-a1e7e4cb7d56"></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-7fe40669-5e66-3733-8c47-1c15eb18bfe8 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7fe40669-5e66-3733-8c47-1c15eb18bfe8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7fe40669-5e66-3733-8c47-1c15eb18bfe8" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="cardCarousel section"> <style> .row-carousel.row-carousel-5db3e0ea-b831-3ac5-8bbc-01e797c266e9 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-5db3e0ea-b831-3ac5-8bbc-01e797c266e9 ul.dots .dot.active { } .row-carousel.row-carousel-5db3e0ea-b831-3ac5-8bbc-01e797c266e9 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-5db3e0ea-b831-3ac5-8bbc-01e797c266e9" data-analytics-module="card_carousel" data-analytics-region="product_card_carousel" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-fr/headphones/solo4-wireless/MUW23/solo4-matteblack" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Solo 4" aria-label="Shop Beats Solo 4" class="card card-b443b588-5ca8-3670-80d7-2dd19a72cb9c card--large card--large-b443b588-5ca8-3670-80d7-2dd19a72cb9c card--light "> <style> .card--custom-b443b588-5ca8-3670-80d7-2dd19a72cb9c{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Solo 4</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">CHF 199.95</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/headphones/solo4-wireless/plp/plp-solo4-matteblack.jpg" alt="Beats Solo 4 headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(3, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #6c8bab; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #f2e7ee; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-fr/earbuds/solo-buds/MUW03/solobuds-transparentred" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Solo Buds" aria-label="Shop Beats Solo Buds" class="card card-18d301df-dee2-3e92-bf99-bee3ad081afc card--large card--large-18d301df-dee2-3e92-bf99-bee3ad081afc card--light "> <style> .card--custom-18d301df-dee2-3e92-bf99-bee3ad081afc{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Solo Buds</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">CHF 79.95</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/earbuds/solo-buds/plp/plp-solobuds-transparentred.jpg" alt="A pair of Beats Solo Buds"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #bec1e4; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #a9182a; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #c7ccca; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-fr/headphones/studio-pro-wireless/MQTR3/sandstone" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Studio Pro" aria-label="Shop Beats Studio Pro" class="card card-dee17c1c-c635-3513-a7e9-413946407bbf card--large card--large-dee17c1c-c635-3513-a7e9-413946407bbf card--light "> <style> .card--custom-dee17c1c-c635-3513-a7e9-413946407bbf{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Studio Pro</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">CHF 351.20</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/promotions/product-assets/color/beats-studio-pro-sandstone.jpg" alt="Beats Studio Pro headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #2b2b2b; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #382925; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #26263D; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #D8CFC8; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="ghost section"> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d6e35cbc-4422-3a9d-bc9d-b85226ce1e6b { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d6e35cbc-4422-3a9d-bc9d-b85226ce1e6b { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d6e35cbc-4422-3a9d-bc9d-b85226ce1e6b { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d6e35cbc-4422-3a9d-bc9d-b85226ce1e6b"></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-bd98df55-373f-31d4-9849-8689e7025bf3 { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-bd98df55-373f-31d4-9849-8689e7025bf3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-bd98df55-373f-31d4-9849-8689e7025bf3" data-desktop-bg-color="linear-gradient(to bottom, #F0F0F0 50%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7ec9d654-bcb9-38c2-bb20-b2bbed57db51 { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7ec9d654-bcb9-38c2-bb20-b2bbed57db51 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7ec9d654-bcb9-38c2-bb20-b2bbed57db51 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7ec9d654-bcb9-38c2-bb20-b2bbed57db51"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="middle_hero" data-analytics-region="iphone-case_hero"> <div id="id-c408b165-5953-33c1-9e08-d660a10d12bb" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-f6bc5ceb-e16e-3661-94a7-695cc9fbf121 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-f6bc5ceb-e16e-3661-94a7-695cc9fbf121 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-f6bc5ceb-e16e-3661-94a7-695cc9fbf121 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-f6bc5ceb-e16e-3661-94a7-695cc9fbf121 picture:before { display: block; background: ; } </style> <div id="id-f6bc5ceb-e16e-3661-94a7-695cc9fbf121" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg 2x" alt="Close up of the front and back of Beats iPhone 16 Case with MagSafe " data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="iphone-case_image" data-link="/ch-fr/accessories/phone-cases/beats-iphone-16-magsafe-case"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-bdcb8824-4ed9-36f8-8a72-cb65e5e696bc .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-bdcb8824-4ed9-36f8-8a72-cb65e5e696bc .media-text__item__content { padding: 0 0 50px 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-bdcb8824-4ed9-36f8-8a72-cb65e5e696bc .media-text__item__content { padding: 0 0 0 60px; max-width: 80%; } } </style> <div id="id-bdcb8824-4ed9-36f8-8a72-cb65e5e696bc" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-bottom h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 style="margin: 50px 0 0 0;"><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <span class="headline-2">Coque Beats pour<br> iPhone 16 avec MagSafe</span></div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <h2 style="margin: 0; font-size: 0;"><span class="headline-3">Coque Beats pour<br> iPhone 16 avec MagSafe</span></h2> </div> </div> <div class="show-mobile"><div style="margin: -15px 0 0 0;"><h2><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <h2 style="margin: 0; font-size: 0;"><span class="headline-3">Coque Beats pour iPhone 16 avec MagSafe</span></h2> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { background-color: !important; } a.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:after, button.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:after, a.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover:after, button.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:after, button.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:after, a.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover:after, button.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn1-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: #FFFFFF; } a.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn2-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } a.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn2-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn1-tablet-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn1-tablet-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn2-tablet-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { color: ; } a.btn-light.btn2-tablet-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn2-tablet-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn1-mobile-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: #FFFFFF; } a.btn-light.btn1-mobile-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn1-mobile-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light .beats-btn-inner.btn2-mobile-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } a.btn-light.btn2-mobile-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925, button.btn-light.btn2-mobile-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-52c85aa0-9205-30dd-b81b-7622aacaa925{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="top_hero_cta" data-analytics-region="top_hero_cta"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="iphone-case_shop-cta" href="/ch-fr/accessories/phone-cases/beats-iphone-16-magsafe-case" id="52c85aa0-9205-30dd-b81b-7622aacaa925" data-id="52c85aa0-9205-30dd-b81b-7622aacaa925" aria-label="Shop Beats iPhone 16 Case with MagSafe" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-tablet-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-tablet-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-mobile-bg-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-mobile-outline-color-52c85aa0-9205-30dd-b81b-7622aacaa925 " target="_self"> <span class="beats-btn-inner btn1-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-tablet-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-mobile-text-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-text-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-tablet-text-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925 btn1-mobile-text-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925">Acheter</span> <span class="beats-btn-mask btn1-bg-hover-color-52c85aa0-9205-30dd-b81b-7622aacaa925"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2d95bed0-1792-398d-b426-1be6a80ce829 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2d95bed0-1792-398d-b426-1be6a80ce829 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2d95bed0-1792-398d-b426-1be6a80ce829 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2d95bed0-1792-398d-b426-1be6a80ce829"></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-da4aeb02-d255-3863-b9f2-868792764c70 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70 .outer-container { width: 91.66666%; max-width: 1170px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-da4aeb02-d255-3863-b9f2-868792764c70 .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-da4aeb02-d255-3863-b9f2-868792764c70" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/ch/fr_CH/experience-fragments/global-content/apple-value-props/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-d344d3f2-7546-3c52-92ef-35d4e130469b { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d344d3f2-7546-3c52-92ef-35d4e130469b { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d344d3f2-7546-3c52-92ef-35d4e130469b { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d344d3f2-7546-3c52-92ef-35d4e130469b"></section> </div> <div class="staticRCTileContainer parbase"> <div class="sm-12 content-item__header"> <div style="text-align: center;color: rgb(22,22,22);letter-spacing: -1.0px;"> <h2 style="color: inherit;text-align: center;font-size: 32.0px;line-height: 34.0px;font-weight: 700;margin: 0 0 35.0px;padding: 0;">Exp茅rience d'achat optimale avec Apple</h2> </div> </div> <div class="layout-flex justify-content-center row-gap-lg-0 row-gap-md-0 row-gap-sm-5 column-gap-lg-2 column-gap-md-0 column-gap-sm-0" data-analytics-scroll> <div class="content-item content-item-6adc0d25-479a-3c3e-bdd6-0adff2429b66 content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x" alt="Livraison rapide et gratuite" role="presentation"/> </picture> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Livraison rapide et gratuite</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Profitez de la livraison rapide gratuite sur tous les articles en stock.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Livraison rapide et gratuite</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Profitez de la livraison rapide gratuite sur tous les articles en stock.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Livraison rapide et gratuite</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Profitez de la livraison rapide gratuite sur tous les articles en stock.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Fast, Free Delivery" class="content-item__link TODO--dark" href="https://www.apple.com/ch-fr/shop/help/shipping_delivery" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">En savoir plus<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> <div class="content-item content-item-be4ad25f-73ba-3980-9d32-cab05751341f content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Easy Returns" class="TODO--dark content-item__visual__icon" href="https://www.apple.com/ch-fr/shop/help/returns_refund#policy" target="_blank"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/easy-returns-icon-hp-vp.png.large.2x.png 2x" alt="Retours faciles" role="presentation"/> </picture> </a> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Retours faciles</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Retournez les articles 茅ligibles 脿 Apple dans les 14 jours suivant la r茅ception.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Retours faciles</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Retournez les articles 茅ligibles 脿 Apple dans les 14 jours suivant la r茅ception.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Retours faciles</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Retournez les articles 茅ligibles 脿 Apple dans les 14 jours suivant la r茅ception.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Easy Returns" class="content-item__link TODO--dark" href="https://www.apple.com/ch-fr/shop/help/returns_refund#policy" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">En savoir plus<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> </div> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-7f380a96-c5d1-398d-aa77-a75e425b8b9c { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7f380a96-c5d1-398d-aa77-a75e425b8b9c { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7f380a96-c5d1-398d-aa77-a75e425b8b9c { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7f380a96-c5d1-398d-aa77-a75e425b8b9c"></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-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #F0F0F0 0%)"> <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-995f95bf-9470-3cdb-88f5-d2e318dfca12 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 45%; } } </style> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .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-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: #F0F0F0; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .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-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .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-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: #F0F0F0; } .bbd-full-width-container.id-6e3b7b4e-798c-333e-a8bf-ce841c8bace7 .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-995f95bf-9470-3cdb-88f5-d2e318dfca12 " data-analytics-scroll data-full-module data-analytics-module="secondary_hero" data-analytics-region="solobuds_jennie_hero" 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/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg.large.2x.jpg" srcset="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg.large.2x.jpg 2x" alt="Jennie wearing Red Beats Solo Buds" 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-analytics-label="Beats Solo Buds - Jennie - HP"> <source data-desktop-mp4-src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-motion.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-motion.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-motion-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-motion-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 bottom-left-wrapper"> <div class="hero-copy bottom-left"> <div class="show-desktop"><div style="margin-bottom: 8%;"> <h2 style="margin: 0; font-size: 0;"><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <h2 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Solo Buds</span></h2> <h3 style="margin: 0; font-size: 0;"><span class="headline-4">Petits. Puissants.</span></h3> </div></div> <div class="show-tablet"><div style="margin-bottom: 8%;"> <h2 style="margin: 0; font-size: 0;"><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <h2 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Solo Buds</span></h2> <h3 style="margin: 0; font-size: 0;"><span class="headline-4">Petits. Puissants.</span></h3> </div></div> <div class="show-mobile"><div style="margin-bottom: 8%;"> <h2 style="margin: 0; font-size: 0;"><span class="title-2" style="text-transform: uppercase;">NOUVEAUX</span></h2> <h2 style="margin: 0 0 1%; font-size: 0; text-indent: -1%;"><span class="headline-1">Beats Solo Buds</span></h2> <h3 style="margin: 0; font-size: 0;"><span class="headline-4">Petits. Puissants.</span></h3> </div></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #FFFFFF !important; } } .beats-btn-mask.btn2-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { background-color: #161616 !important; } a.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:after, button.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:after, a.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover:after, button.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:after, button.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:after, a.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover:after, button.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad:hover{ background-color: #161616 !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn1-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #161616; } a.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn2-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #FFFFFF; } a.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn1-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #161616; } a.btn-light.btn1-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn1-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn2-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { color: #FFFFFF; } a.btn-light.btn2-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn2-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn1-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #161616; } a.btn-light.btn1-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn1-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light .beats-btn-inner.btn2-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: #FFFFFF; } a.btn-light.btn2-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad, button.btn-light.btn2-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad { border: 2px solid #FFFFFF; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="secondary_hero" data-analytics-region="solobuds_jennie_hero"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop" href="/ch-fr/earbuds/solo-buds?sku=MUW03" id="2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad" data-id="2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad" aria-label="Shop Beats Solo Buds" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-tablet-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-mobile-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad " target="_self"> <span class="beats-btn-inner btn1-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-tablet-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn1-mobile-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad">Acheter</span> <span class="beats-btn-mask btn1-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad"></span> </a> </div> <div class="beats-button"> <a id="" href="javascript:void(0)" data-video-type="user-playback" data-fallback-image-src="/content/dam/beats/web/home/hero/jennie-solo-buds/hp-hero-solobuds-fallback.jpg" data-fallback-image-alt="Jennie wearing Red Beats Solo Buds" data-image-file-extension=".jpg" data-last-frame="asset" data-video-src="/content/dam/beats/web/home/hero/jennie-solo-buds/localized/solobuds-jennie_fr.mp4" data-btn-color="btn-color-light" data-analytics-video data-analytics-label="Beats Solo Buds - Jennie - HP" class="ctaPlayBack beats-btn btn-light beats-btn--button beats-btn--authored btn2-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-tablet-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-tablet-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-mobile-bg-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-mobile-outline-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad "> <span tabindex="-1" class="beats-btn-inner btn2-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-tablet-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-mobile-text-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-tablet-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad btn2-mobile-text-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad">Regarder la vid茅o</span> <span class="beats-btn-mask btn2-bg-hover-color-2cbdc39f-01b8-3cdf-8373-e6fb9afb19ad"></span> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/home/hero/jennie-solo-buds/captions/solobuds-jennie_fr.vtt" transcript-path="/content/dam/beats/web/home/hero/jennie-solo-buds/captions/solobuds-jennie_fr.txt" caption-lang-code="fr" auto-enable-caption="false" caption-label="Fran莽ais" transcript-label="T茅l茅charger la transcription"/> </a> </div> </div> </div> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fa2d7144-0543-3cd7-accc-150bda1a52f2 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fa2d7144-0543-3cd7-accc-150bda1a52f2 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fa2d7144-0543-3cd7-accc-150bda1a52f2 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fa2d7144-0543-3cd7-accc-150bda1a52f2"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cd938cfd-3bf8-3130-b1f0-cf7572e2c8d8" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-25c515a3-6a70-3fee-8c74-3c8468bc6305 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-25c515a3-6a70-3fee-8c74-3c8468bc6305 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-25c515a3-6a70-3fee-8c74-3c8468bc6305 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-25c515a3-6a70-3fee-8c74-3c8468bc6305"></section> </div> <div class="cardCarousel section"> <style> .row-carousel.row-carousel-55652f42-7185-3d40-8522-63811d71b31e { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-55652f42-7185-3d40-8522-63811d71b31e ul.dots .dot.active { } .row-carousel.row-carousel-55652f42-7185-3d40-8522-63811d71b31e ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-55652f42-7185-3d40-8522-63811d71b31e" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-fr/mobile-apps" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats App for Android" aria-label="Open mobile apps download page" class="card card-8bc6b1ef-d4c7-3ac7-a346-09bc773212f8 card--custom card--custom-8bc6b1ef-d4c7-3ac7-a346-09bc773212f8 card--light "> <style> .card--custom-8bc6b1ef-d4c7-3ac7-a346-09bc773212f8{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">App Beats pour Android</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">T茅l茅chargez l'app Beats pour profiter de fonctions suppl茅mentaires.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/beats-app-card-assets/hp-cc-features-beats-app-fr.png" alt="App Beats sur l'茅cran d'un t茅l茅phone portable"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://support.apple.com/fr-ch/HT210515" data-analytics-click="" data-analytics-link-type="supportExit" target="_blank" data-analytics-item="Find your Beats" aria-label="Apple Find My instructions | Opens in new window" class="card card-5230f3b9-6325-3321-9dc6-ab63db50d489 card--custom card--custom-5230f3b9-6325-3321-9dc6-ab63db50d489 card--light "> <style> .card--custom-5230f3b9-6325-3321-9dc6-ab63db50d489{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Localisez vos Beats</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Vous avez 茅gar茅 votre produit Beats ? Retrouvez-le avec l'application 芦 Localiser 禄.<sup>1</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2022/10/hp-cc-promos--find-your-beats.png" alt="App Localiser et Beats Flex sur fond blanc"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://offers.applemusic.apple/fr-ch/new-device-offer?itscg=10900&itsct=medusa_hwb_beats_home" data-analytics-click="" data-analytics-link-type="siteClick" target="_blank" data-analytics-item="Free Apple music" aria-label="Apple free music trial | Opens in new window" class="card card-83ca2a63-ace7-3107-bbe4-205badeed840 card--custom card--custom-83ca2a63-ace7-3107-bbe4-205badeed840 card--light "> <style> .card--custom-83ca2a63-ace7-3107-bbe4-205badeed840{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Apple Music gratuit</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Profitez gratuitement d鈥橝pple Music pendant 3 mois avec une s茅lection de produits Beats.<sup>2</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/feature-card-carousel/hp-cc-promos-apple-music-promo.jpg" alt="Apple Music logo and Beats Fit Pro on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/ch-fr/support" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Support" aria-label="Open Beats support website" class="card card-ee91af0a-6e0e-3063-b6e5-7f81ce4c489f card--custom card--custom-ee91af0a-6e0e-3063-b6e5-7f81ce4c489f card--light "> <style> .card--custom-ee91af0a-6e0e-3063-b6e5-7f81ce4c489f{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Assistance Beats</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Obtenez de l'aide sur vos produits en un seul endroit, ou contactez un expert.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/hp-cc-features-support.png" alt="Gros plan du logo Beats avec une paire d'茅couteurs Beats Studio聽Buds"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d57f7abb-b0fc-3ca3-8a3e-b8395f7c1de9 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d57f7abb-b0fc-3ca3-8a3e-b8395f7c1de9 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d57f7abb-b0fc-3ca3-8a3e-b8395f7c1de9 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d57f7abb-b0fc-3ca3-8a3e-b8395f7c1de9"></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-e542df6a-160f-35a9-8952-12391e991e77 { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-e542df6a-160f-35a9-8952-12391e991e77 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e542df6a-160f-35a9-8952-12391e991e77" data-desktop-bg-color="linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-940208ad-18d4-38f2-b522-6cb3be74244a { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-940208ad-18d4-38f2-b522-6cb3be74244a { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-940208ad-18d4-38f2-b522-6cb3be74244a { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-940208ad-18d4-38f2-b522-6cb3be74244a"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-b7aa5791-b4d3-396e-a46a-b033f9481078 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-b7aa5791-b4d3-396e-a46a-b033f9481078 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-b7aa5791-b4d3-396e-a46a-b033f9481078 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-b7aa5791-b4d3-396e-a46a-b033f9481078 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-b7aa5791-b4d3-396e-a46a-b033f9481078 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-1X-flip bbd-img-text-component id-b7aa5791-b4d3-396e-a46a-b033f9481078" data-analytics-scroll> <div class="content-wrapper desktop-side-by-side-config-1x tablet-side-by-side-config-1x"> <section class="bbd-1X-image bbd-1X-flip " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-6 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x" alt="Beats Fit Pro et Beats Studio3 sans fil"/> </picture> </div> </div> <div class="lg-6 md-6 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(3.188rem, 5vw, 4rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Enregistrez votre produit Beats</h2> </div> </div> <div class="show-tablet"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2.375rem, 8vw, 3rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Enregistrez votre produit Beats</h2> </div></div> <div class="show-mobile"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2rem, 11vw, 2.5rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Enregistrez votre produit Beats</h2> </div></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { background-color: !important; } a.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:after, button.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:after, a.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover:after, button.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:after, button.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:after, a.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover:after, button.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn1-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: #161616; } a.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn2-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } a.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn2-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn1-tablet-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: #161616; } a.btn-light.btn1-tablet-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn1-tablet-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn2-tablet-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { color: ; } a.btn-light.btn2-tablet-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn2-tablet-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn1-mobile-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: #161616; } a.btn-light.btn1-mobile-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn1-mobile-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light .beats-btn-inner.btn2-mobile-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } a.btn-light.btn2-mobile-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d, button.btn-light.btn2-mobile-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-a40e9b46-aec7-3e6f-be4d-4731c709be5d{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" href="/ch-fr/register" id="a40e9b46-aec7-3e6f-be4d-4731c709be5d" data-id="a40e9b46-aec7-3e6f-be4d-4731c709be5d" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-tablet-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-tablet-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-mobile-bg-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-mobile-outline-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d " target="_self"> <span class="beats-btn-inner btn1-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-tablet-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-mobile-text-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-text-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-tablet-text-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d btn1-mobile-text-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d">Enregistrer maintenant</span> <span class="beats-btn-mask btn1-bg-hover-color-a40e9b46-aec7-3e6f-be4d-4731c709be5d"></span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-da8ae1c3-d188-3d9f-9be1-f4732a65b586 { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-da8ae1c3-d188-3d9f-9be1-f4732a65b586 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-da8ae1c3-d188-3d9f-9be1-f4732a65b586 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-da8ae1c3-d188-3d9f-9be1-f4732a65b586"></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-392f7eba-d1c6-34cd-83b0-f62f36cc381b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b .outer-container { width: 83%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-392f7eba-d1c6-34cd-83b0-f62f36cc381b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-392f7eba-d1c6-34cd-83b0-f62f36cc381b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ba567102-a7d7-356c-b9d2-267aa3d6c35f { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ba567102-a7d7-356c-b9d2-267aa3d6c35f { padding-top: 59px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ba567102-a7d7-356c-b9d2-267aa3d6c35f { padding-top: 28px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ba567102-a7d7-356c-b9d2-267aa3d6c35f"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-b20aeb04-7f6f-3849-8f57-ae93119b00a8 component-section-spacing beatsRTE"> <div class="font-updated" style="background-color: rgb(255,255,255);"> <p id="footnote-1" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>1</sup> Fonctionne avec les casques Beats compatibles. L'app Localiser pour Beats n茅cessite un iPhone ou un iPod touch dot茅 d'iOS 14.5 ou version ult茅rieure, un iPad dot茅 d'iPadOS 14.5 ou version ult茅rieure, ou un Mac dot茅 de macOS Big Sur 11.3 ou version ult茅rieure. Les clients doivent poss茅der un identifiant Apple et 锚tre connect茅s 脿 leur compte iCloud avec la fonctionnalit茅 Localiser activ茅e.</p> <p id="footnote-2" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>2</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鈥檌OS 15 ou d鈥檌PadOS 15 (ou version ult茅rieure). Offre valable pendant trois mois apr猫s le jumelage de l鈥檃ppareil 茅ligible. Aucun achat de produit audio n鈥檈st 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 d'<a href="https://www.apple.com/chfr/promo" aria-label="Conditions de l'offre Apple Music | Ouverture dans une nouvelle fen锚tre" target="_blank" style="font-size: 0.75rem; text-decoration: underline;">autres conditions</a> s'appliquent.</p> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-38cd51d4-8443-3ce4-ac66-e1b26f7b6f0a { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-38cd51d4-8443-3ce4-ac66-e1b26f7b6f0a { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-38cd51d4-8443-3ce4-ac66-e1b26f7b6f0a { padding-top: 50px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-38cd51d4-8443-3ce4-ac66-e1b26f7b6f0a"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <!-- SDI include (path: /content/beatswebsite/ch/fr_CH/experience-fragments/Email/inline-email-signup/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <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"> <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"> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <!-- This is a column control component which can be used for dividing a div into no.of columns --> <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"> <h2 id="footer-Produits" class="hide-sm hide-md">Produits</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Produits-mobile">Produits</h2> <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|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"> <h2 id="footer-Assistance" class="hide-sm hide-md">Assistance</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Assistance-mobile">Assistance</h2> <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"> <h2 id="footer-Soci&eacute;t&eacute;" class="hide-sm hide-md">Soci茅t茅</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Soci&eacute;t&eacute;-mobile">Soci茅t茅</h2> <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"> <h2 id="footer-Mentions l&eacute;gales" class="hide-sm hide-md">Mentions l茅gales</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Mentions l&eacute;gales-mobile">Mentions l茅gales</h2> <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"> <h2 class="footerDirectoryTitle">Emplacement</h2> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <!-- Added analytics attr --> <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"> <h2 id="footerBeatsArmy" class="hide-sm hide-md">Suivez-nous</h2> <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聽漏聽2024 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\u002Dfeaturedetails'; 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'; var partNumbersList = ''; var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22home\x22,\x22siteSection\x22:\x22root\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DCH\x22,\x22pageType\x22:\x22home\x22,\x22contentType\x22:\x22navigation\x22,\x22language\x22:\x22fr\x22,\x22country\x22:\x22CH\x22,\x22contentCategories\x22:\x22\x22}}'; var articlePublishDate = ''; 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> <!--<script type="text/javascript">_satellite.pageBottom();</script>--> </body> </html>