.aplus-v2 .container-with-background-image {
largeur : 100 % ;
hauteur : 100 % ;
background-repeat: no-repeat;
taille de fond : couverture ;
}.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 n'occupe que l'espace nécessaire.
Il faut redéfinir les dimensions des éléments positionnés de manière absolue afin qu'ils puissent occuper l'espace.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
hauteur : 625px ;
largeur : 100 % ;
largeur maximale : 1464 px ;
marge gauche : automatique ;
marge droite : automatique ;
débordement : caché ;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
hauteur : 625px ;
}.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
marge intérieure : 0 px ;
}

/*
Cela centre le carrousel verticalement au-dessus du conteneur de l'image principale et après la zone du logo (125px).
Marge supérieure = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {
marge supérieure : 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 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 ;
}

/* Mise en forme des boutons de navigation : ils sont plus hauts, alignés sur les côtés et ont un fond blanc uni */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
marge intérieure : 0 px ;
}

.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 ;
marge intérieure : 20px 6px ;
}

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

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