De la marque .aplus-v2 .container-with-background-image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } function logShoppableMetrics(moduleName, showsAddToCart) { if (window.ue && window.ue.count) { window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0); } } .aplus-v2 .apm-brand-story-carousel-container { position: relative; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { position: absolute; width: 100%; } /* S'assurer que le carrousel n'occupe que l'espace nécessaire. Les dimensions des éléments positionnés de manière absolue doivent être redéfinies afin qu'ils puissent occuper l'espace requis. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { height: 625px; width: 100%; max-width: 1464px; margin-left: auto; margin-right: auto; overflow: hidden; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container > div { height: 625px; .aplus-v2 .apm-brand-story-carousel.a-carousel-container { padding: 0px; } /* Centre verticalement le carrousel au-dessus du conteneur de l'image principale et après la zone du logo (125px). Marge supérieure = (hauteur_image principale - hauteur_carte - hauteur_zone_logo) / 2 + hauteur_zone_logo */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner { margin-top: 149px; } /* Les cartes doivent avoir une largeur définie, sinon elles ont une largeur par défaut d'environ 50px. Toutes les cartes doivent avoir la même largeur. Le carrousel s'adaptera automatiquement à la largeur de la carte la plus large. La marge gauche permet de laisser un espace entre chaque carte. .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362px; margin-left: 30px !important; } /* Style des boutons de navigation : plus hauts, alignés sur les côtés et avec un fond blanc épuré */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { padding: 0px; .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { border: none; margin: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { background: #fff; padding: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner { border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; }