CARACTÉRISTIQUES

.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 la place.
*/
.aplus-v2 .apm-brand-story-carrousel-conteneur,
.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 automatiquement pour que toutes les cartes prennent la largeur de la plus grande.
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 : 0px ;
}

.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-bouton-image {
bordure : aucune ;
marge : 0px ;
}

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

.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 ;
}