\

.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 : absolue ;
largeur : 100 % ;
}/*
S'assurer que le carrousel ne prend que l'espace dont il a besoin.
Les tailles doivent être à nouveau définies sur les éléments positionnés de manière absolue afin qu'ils puissent occuper de l'espace.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
hauteur : 625px ;
largeur : 100 % ;
largeur maximale : 1 464 px ;
marge gauche : auto ;
marge droite : auto ;
débordement : caché ;
}

/*
Cela centre le carrousel verticalement au-dessus du conteneur d'image du héros et après la zone du logo (125 px).
Marge supérieure = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
marge supérieure : 149 px ;
}

/*
Les cartes doivent avoir une largeur définie, sinon elles sont par défaut de 50 px environ.
Toutes les cartes doivent avoir la même largeur. Le carrousel se redimensionnera de lui-même pour que toutes les cartes prennent la largeur de la plus grande carte.
La marge de gauche sert à laisser un espace entre chaque carte.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
largeur: 362px;
marge gauche : 30px !important;
}

/* styliser les boutons de navigation afin qu'ils soient plus hauts, alignés avec les côtés et aient un arrière-plan blanc propre */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-gauche,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-droite {
remplissage : 0 px ;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-gauche .a-bouton-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-droite .a-button-image {
bordure : aucune ;
marge: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-gauche .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-droite .a-bouton-image .a-bouton-intérieur {
arrière-plan : #fff ;
rembourrage : 20 px 6 px ;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-gauche .a-button-image .a-button-inner {
rayon de la bordure : 0 px 4 px 4 px 0 px ;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-droite .a-bouton-image .a-bouton-intérieur {
rayon de la bordure : 4 px 0 px 0 px 4 px ;
}