.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 dimensions doivent être redéfinies sur les éléments positionnés de manière absolue afin qu'ils puissent prendre de la place.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
hauteur : 625 px ;
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 d'environ 50 px.
Toutes les cartes doivent avoir la même largeur. Le carrousel se redimensionnera 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 : 362 px ;
marge gauche : 30px !important ;
}

/* styliser les boutons de navigation pour qu'ils soient plus hauts, affleurants sur les côtés et aient un fond blanc propre */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
remplissage : 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 {
bordure : aucune ;
marge : 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 {
arrière-plan : #fff ;
remplissage : 20px 6px ;
}

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

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