ensemble de couleurs pastel à l’huile douce, 24/36/60/72, couleurs vives, dessin

.aplus-v2.apm-marque-story-carrousel-héros-conteneur,

.aplus-v2.apm-brand-story-carrousel-hero-container > div {

position : absolu ;

largeur : 100 % ;

}/*

S’assurer que le carrousel ne prend que l’espace dont il a besoin.

Les tailles doivent être à nouveau réglées sur les éléments absolument positionnés afin qu’elles puissent prendre de la place.

*/

.aplus-v2.apm-brand-story-carousel-conteneur,

.aplus-v2.apm-brand-story-carousel-hero-container {

hauteur : 625 px ;

largeur : 100 % ;

largeur maximale : 1464 px ;

marge-gauche : automatique ;

marge-droite : automatique ;

débordement : caché ;

}

.aplus-v2.apm-marque-story-carrousel-héros-conteneur,

.aplus-v2.apm-brand-story-carrousel-hero-container > div {

hauteur : 625 px ;

}.aplus-v2.apm-brand-story-carousel.a-carousel-container {

rembourrage : 0px ;

}

/*

Cela centre le carrousel verticalement au-dessus du conteneur d’image héros et après la zone du logo (125px).

Margin-top = (hérosHauteur – carteHauteur – logoAreaHauteur) / 2 + logoAreaHauteur

*/

.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 donc toutes les cartes prennent la largeur de la plus grande carte.

La marge gauche sert à laisser un espace entre chaque carte.

*/

.aplus-v2.apm-brand-story-carousel.a-carousel-card {

largeur : 362 px ;

marge-gauche : 30px!important ;

}

/* coiffez les boutons de navigation pour qu’ils soient plus hauts, affleurants sur les côtés et disposent d’un fond 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-right {

rembourrage : 0px ;

}

.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-gauche.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-gauche.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 ;

rembourrage : 20px 6px ;

}

.aplus-v2.apm-brand-story-carousel.a-carousel-col.a-carousel-gauche.a-button-image.a-button-inner {

rayon bordure : 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 4px ;

}