@charset "UTF-8";
.lienglobal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 5;
}

html {
  scroll-behavior: smooth;
  font-size: 76.92%;
  line-height: 1.38;
}

body {
  margin: 0;
}

/* Correction marge pays à l'inter MORGAN */
.container > .row > .col-12 .reset_margin {
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
}
@media screen and (max-width: 768.98px) {
  .container > .row > .col-12 .reset_margin {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}

/* Correction marge pays à l'inter MORGAN FIN */
/* pp + pole premium */
/* CTA soulignement CRL */
/* Booster CRL */
/* Cartouche CRL */
/**
 * Mixin pour créer un élément sticky avec un conteneur ayant un ratio d'aspect défini
 * 
 * Ce mixin génère une structure à 3 niveaux :
 * - Un conteneur principal avec ratio d'aspect
 * - Un élément de fond (background) positionné en absolu
 * - Un wrapper sticky qui reste collé lors du scroll
 * 
 *  $class - Nom de la classe CSS (sans le point) ex : 'hero-section'
 *  $aspect-ratio - Ratio largeur/hauteur du conteneur (défaut: 1900/1080)
 *  $top - Position depuis le haut où l'élément reste collé - la hauteur du wrapper (défaut: calc(100% - 4em))
 *  $height - Hauteur du wrapper sticky (défaut: auto)
 *  $padding - Padding interne du wrapper (défaut: 0.8em 2.5em)
 *  $width - Largeur du wrapper sticky (défaut: 100%)
 *
 * 
 * @example
 * // Avec paramètres personnalisés
 *    @include sticky_mixins.sticky('section', $aspect-ratio: 1900/ 1080, $top: calc(100% - 6em), $width: 100%, $height: auto, $padding:0.8em 2.5em);
 *



 * VU QUE LA MIXIN EST A 3 NIVEAUX, IL FAUT BIEN PENSER A AJOUTER LES 3 NIVEAUX DANS LE HTML
 *            1 : class
 *            2 : class + _bg
 *            3 : class + _wrapper

 Structure HTML attendue :
 * <div class="bloc1_hero ResetBloc">

        <div class="section"> ------------- 1er niveau

            <div class="section_bg"> ------------- 2em niveau

                <!-- Contenu de fond -->
                <img src="/img/b1_solo_img1_desk.webp" alt="Background">

            </div>

            <div class="section_wrapper"> ------------- 3em niveau
                <!-- Contenu sticky -->
                <h1>Titre sticky</h1>
                <p>Contenu qui reste collé en haut</p>
            </div>

        </div>

    </div>


*/
/* pp + pole premium */
/* Bandeau CRL - BLOC0 */
/* .crl_banner[data-color="blue"] {
   @include bandeau_promo.bandeau_promo(#fff, $bleucrl, $showlogo: none);
}

.crl_banner[data-color="beige"] {
   @include bandeau_promo.bandeau_promo($bleucrl, $beigecrl, $showlogo: none);
}

.crl_banner[data-color="red"] {
   @include bandeau_promo.bandeau_promo(#fff, $redcrl, $showlogo: none);
}

.crl_banner[data-color="beige_red"] {
   @include bandeau_promo.bandeau_promo($redcrl, $beigecrl, $showlogo: none);
} */
/*        
            <div class="crl_banner ResetBloc AllBloc" data-lang="fr_fr" data-bloc="bloc0" data-color="blue">      
                    <div class="bloctxt">
                        <div class="logo"><img src="images/C&V_BLANC.svg" alt="logoFID"></div>
                        <div><p class="titre AllTxt">&nbsp;</p></div>
                        <div class="bloccta"><a class="AllTxt" href="#" target="_self">&nbsp;</a></div>        
                    </div>
                    <!--<p class="mention">*offre valable pour les clientes ayant créé un compte avant le 11/10/24</p>-->
                    <a class="lienglobal" href="#" target="_self"></a>
            </div> 
*/
/*  -------- THEME COLOR VARIABLE -------- */
/* GLOBAL */
html {
  scroll-behavior: smooth;
}

/*  -------- BLOC BANNER -------- */
.banner_ideeskdo[data-claim=off] .claim {
  display: none;
}

.banner_ideeskdo[data-claim=on] .claim {
  display: block;
}

.banner_ideeskdo {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  width: 100% !important;
  margin: 0 !important;
  background-color: #6A121E;
  padding: clamp(1.5384615385rem, -1.7582417582rem + 13.3928571429vw, 6.1538461538rem) 0 clamp(1.5384615385rem, -5.6043956044rem + 29.0178571429vw, 11.5384615385rem) 0;
  overflow: hidden;
}
@media screen and (max-width: 768.98px) {
  .banner_ideeskdo {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.banner_ideeskdo img, .banner_ideeskdo picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.banner_ideeskdo a:focus, .banner_ideeskdo a:active, .banner_ideeskdo a:link, .banner_ideeskdo a:visited {
  text-decoration: none;
}
.banner_ideeskdo p, .banner_ideeskdo h1, .banner_ideeskdo h2, .banner_ideeskdo h3, .banner_ideeskdo h4 {
  margin: 0;
}
.banner_ideeskdo .bold {
  font-weight: 600;
}
.banner_ideeskdo .semibold {
  font-weight: 500;
}
.banner_ideeskdo .light {
  font-weight: 400;
}
.banner_ideeskdo .upper {
  text-transform: uppercase;
}
.banner_ideeskdo .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.banner_ideeskdo .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .banner_ideeskdo .DispMob {
    display: none !important;
  }
}
.banner_ideeskdo .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .banner_ideeskdo .DispDesk {
    display: block !important;
  }
}
.banner_ideeskdo .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .banner_ideeskdo .DispTab {
    display: block !important;
  }
}
.banner_ideeskdo .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .banner_ideeskdo .TabOnly {
    display: block !important;
  }
}
.banner_ideeskdo .banner_titre {
  display: flex;
  flex-flow: column;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: termina, sans-serif;
  line-height: 1;
  gap: clamp(0.7692307692rem, 0.507719513rem + 0.442086649vw, 1.1538461538rem);
  margin-bottom: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
}
.banner_ideeskdo .banner_titre p:nth-child(1) {
  font-size: clamp(1.9230769231rem, 1.6483516484rem + 1.1160714286vw, 2.3076923077rem);
}
@media screen and (min-width: 768px) {
  .banner_ideeskdo .banner_titre p:nth-child(1) {
    font-size: clamp(2.9230769231rem, 2.4000544107rem + 0.884173298vw, 3.6923076923rem);
  }
}
.banner_ideeskdo .banner_titre p:nth-child(2) {
  font-size: clamp(0.9230769231rem, 0.7032967033rem + 0.8928571429vw, 1.2307692308rem);
}
@media screen and (min-width: 768px) {
  .banner_ideeskdo .banner_titre p:nth-child(2) {
    font-size: clamp(1.0769230769rem, 0.9200163232rem + 0.2652519894vw, 1.3076923077rem);
  }
}
.banner_ideeskdo .swiper-slide {
  background-color: transparent;
}
.banner_ideeskdo .swiper-slide:nth-child(1) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_01.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(2) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_02.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(3) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_03.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(4) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_04.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(5) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_05.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(6) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_06.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(7) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_07.webp);
}
.banner_ideeskdo .swiper-slide:nth-child(8) .visuel {
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s50_decembre/pdt_08.webp);
}
.banner_ideeskdo .visuel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  aspect-ratio: 1/1;
  margin-bottom: clamp(0.7692307692rem, 0.2462082568rem + 0.884173298vw, 1.5384615385rem);
}
.banner_ideeskdo .bloccta {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 6;
  font-weight: 600;
  line-height: 1;
  font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .banner_ideeskdo .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.banner_ideeskdo .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.banner_ideeskdo .bloccta a:hover, .banner_ideeskdo .bloccta a:active, .banner_ideeskdo .bloccta a:link, .banner_ideeskdo .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.banner_ideeskdo .bloccta:hover::after {
  width: calc(100% - 0em);
  animation-name: soulignement;
  animation-timing-function: ease-in-out;
  animation-duration: 480ms;
}
@keyframes soulignement {
  0% {
    left: unset;
    right: 0;
    width: calc(100% - 1em);
  }
  33% {
    width: 0;
  }
  66% {
    right: unset;
    left: 0;
  }
  100% {
    width: calc(100% - 1em);
  }
}
.banner_ideeskdo .swiper-pagination {
  position: absolute;
  bottom: clamp(0.7692307692rem, 0.2197802198rem + 2.2321428571vw, 1.5384615385rem);
}
.banner_ideeskdo .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .banner_ideeskdo {
    padding: clamp(1.5384615385rem, -0.0306059988rem + 2.6525198939vw, 3.8461538462rem) clamp(3.8461538462rem, -3.99918384rem + 13.2625994695vw, 15.3846153846rem);
  }
  .banner_ideeskdo .banner_titre {
    margin-bottom: clamp(2.3076923077rem, 1.7846697953rem + 0.884173298vw, 3.0769230769rem);
  }
}/*# sourceMappingURL=style.css.map */