. Aplus-v2. Apm-marque-histoire-carrousel-conteneur {

Position: relative;

}

. Aplus-v2. Apm-marque-histoire-carrousel-héros-conteneur,

. Aplus-v2. Apm-brand-story-carrousel-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 réglées à nouveau sur les éléments absolument positionnés afin qu’ils puissent prendre de la place.

*/

. Aplus-v2. Apm-marque-histoire-carrousel-conteneur,

. Aplus-v2. Apm-marque-histoire-carrousel-héros-conteneur {

Hauteur: 625px;

Largeur: 100%;

Largeur maximale: 1464px;

Marge-gauche: auto;

Marge-droite: auto;

Débordement: caché;

}

/*

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

Marge-top = (heroHeight-cardHeight-logoAreaHeight) / 2 + logoAreaHeight

*/

. Aplus-v2. Apm-brand-story-carrousel. A-carrousel-rangée intérieure {

Marge-top: 149px;

}

/*

Les cartes doivent avoir une largeur définie, sinon elles sont par défaut à 50px ou plus.

Toutes les cartes doivent avoir la même largeur. Le carrousel va se redimensionner pour que toutes les cartes prennent la largeur de la plus grande carte.

La marge de gauche permet de laisser un espace entre chaque carte.

*/

. Aplus-v2. Apm-brand-story-carrousel. A-carte carrousel {

Largeur: 362px;

Marge gauche: 30px! Important;

}

/* Styliser les boutons de navigation pour qu’ils soient plus hauts, affleurants avec les côtés, et avoir un fond blanc propre */

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-left,

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-right {

Rembourrage: 0px;

}

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-left. Un bouton-image,

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-right. A-bouton-image {

Frontière: aucune;

Marge: 0px;

}

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-left. Bouton-une image. Un bouton-intérieur,

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-right. Bouton-une image. A-bouton-intérieur {

Arrière-plan: # fff;

Rembourrage: 20px 6px;

}

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-left. Bouton-une image. A-bouton-intérieur {

Bordure-rayon: 0px 4px 4px 0px;

}

. Aplus-v2. Apm-brand-story-carrousel. A-carousel-col.a-carousel-right. Bouton-une image. A-bouton-intérieur {

Rayon de bordure: 4px 0px 0px 4px;

}