@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 0 FOND BLEU TYPO BLANCHE -------- */
.crl_bfriday_b0 {
  position: relative;
  background-color: #03112C;
  color: #fff;
  padding: 10px;
}
.crl_bfriday_b0 span {
  font-weight: 600;
}
.crl_bfriday_b0 .mention {
  position: relative;
  text-align: center;
  font-size: clamp(0.6153846154rem, 0.5107801129rem + 0.1768346596vw, 0.7692307692rem);
  bottom: 1vw;
  line-height: clamp(0.6153846154rem, 0.5107801129rem + 0.1768346596vw, 0.7692307692rem);
}
.crl_bfriday_b0 .logo {
  display: none;
  width: clamp(2.3076923077rem, 1.7846697953rem + 0.884173298vw, 3.0769230769rem);
  height: clamp(2.3076923077rem, 1.7846697953rem + 0.884173298vw, 3.0769230769rem);
  margin: 0 30px 0 0;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b0 .logo {
    width: clamp(1.5384615385rem, 0.989010989rem + 2.2321428571vw, 2.3076923077rem);
    height: clamp(1.5384615385rem, 0.989010989rem + 2.2321428571vw, 2.3076923077rem);
    margin: 2px 15px 2px 0;
  }
}
.crl_bfriday_b0 .bloctxt {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
.crl_bfriday_b0 .titre {
  font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  line-height: 2em;
  text-align: center;
  margin: 0% 15px 0% 0%;
}
@media screen and (min-width: 768.98px) {
  .crl_bfriday_b0 .titre {
    font-size: clamp(1.3846153846rem, 1.2800108821rem + 0.1768346596vw, 1.5384615385rem);
  }
}
@media screen and (min-width: 768.98px) {
  .crl_bfriday_b0 .titre {
    margin: 0% 30px 0% 0%;
  }
}
.crl_bfriday_b0 .contour {
  padding: 5px;
  border: #fff solid 1px;
  border-color: #fff;
}
.crl_bfriday_b0 .bloccta {
  position: relative;
  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) {
  .crl_bfriday_b0 .bloccta {
    font-size: clamp(0.8461538462rem, 0.6813186813rem + 0.6696428571vw, 1.0769230769rem);
  }
}
.crl_bfriday_b0 .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_bfriday_b0 .bloccta a:hover, .crl_bfriday_b0 .bloccta a:active, .crl_bfriday_b0 .bloccta a:link, .crl_bfriday_b0 .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_bfriday_b0 .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);
  }
}

.crl_bfriday_b0 .bloccta {
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  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) {
  .crl_bfriday_b0 .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_bfriday_b0 .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_bfriday_b0 .bloccta a:hover, .crl_bfriday_b0 .bloccta a:active, .crl_bfriday_b0 .bloccta a:link, .crl_bfriday_b0 .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_bfriday_b0 .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);
  }
}

/*  -------- BLOC 0 FOND BLEU TYPO BLANCHE FIN-------- */
.crl_cont_bfriday {
  position: relative; /* 
 display: grid;
 grid-template-areas: "b1"
                      "b2"
                      "b3";
grid-template-columns: 100%;*/
}

[data-booster=on] .BoosterBloc {
  display: block;
  position: relative;
  background-color: #03112C;
  color: #fff;
  font-weight: 600;
  padding: 0.4em 0.6em;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.2307692308rem, 1.1208791209rem + 0.4464285714vw, 1.3846153846rem);
}
[data-booster=on] .BoosterBloc a {
  color: #fff;
}
@media screen and (min-width: 768px) {
  [data-booster=on] .BoosterBloc {
    font-size: clamp(1.2307692308rem, 1.1261647283rem + 0.1768346596vw, 1.3846153846rem);
  }
}

[data-booster=off] .BoosterBloc {
  display: none;
}

[data-bloc=bloc1-avp] .bloccta, [data-booster=on] .bloccta {
  margin-top: 1em !important;
}

.crl_bfriday_b1 .BoosterBloc {
  text-transform: uppercase;
  /* text-align: center; */
  position: relative;
  background-color: #000;
  color: #fff;
  font-weight: 600;
  padding: 0.4em 0.6em;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.2307692308rem, 1.1208791209rem + 0.4464285714vw, 1.3846153846rem);
}
.crl_bfriday_b1 .BoosterBloc a {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b1 .BoosterBloc {
    font-size: clamp(1.2307692308rem, 1.1261647283rem + 0.1768346596vw, 1.3846153846rem);
  }
}

/*  -------- BLOC 1 -------- */
.crl_bfriday_b1 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  grid-area: b1;
  display: flex;
  flex-flow: nowrap;
  height: unset;
  max-height: 850px;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b1 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_bfriday_b1 img, .crl_bfriday_b1 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_bfriday_b1 a:focus, .crl_bfriday_b1 a:active, .crl_bfriday_b1 a:link, .crl_bfriday_b1 a:visited {
  text-decoration: none;
}
.crl_bfriday_b1 p, .crl_bfriday_b1 h1, .crl_bfriday_b1 h2, .crl_bfriday_b1 h3, .crl_bfriday_b1 h4 {
  margin: 0;
}
.crl_bfriday_b1 .bold {
  font-weight: 600;
}
.crl_bfriday_b1 .semibold {
  font-weight: 500;
}
.crl_bfriday_b1 .light {
  font-weight: 400;
}
.crl_bfriday_b1 .upper {
  text-transform: uppercase;
}
.crl_bfriday_b1 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_bfriday_b1 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b1 .DispMob {
    display: none !important;
  }
}
.crl_bfriday_b1 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b1 .DispDesk {
    display: block !important;
  }
}
.crl_bfriday_b1 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_bfriday_b1 .DispTab {
    display: block !important;
  }
}
.crl_bfriday_b1 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_bfriday_b1 .TabOnly {
    display: block !important;
  }
}
.crl_bfriday_b1 .left {
  position: relative;
  width: 0%;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.crl_bfriday_b1 .right {
  position: relative;
  aspect-ratio: 668/831;
  width: 100%;
  height: 90vh;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s47_novembre/crl_b1_mob.webp");
}
.crl_bfriday_b1 .bloctxt {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: flex;
  align-items: flex-start;
  text-align: left;
  flex-flow: column;
  margin: auto;
  gap: clamp(1.5384615385rem, 1.015439026rem + 0.884173298vw, 2.3076923077rem);
  z-index: 6;
  white-space: nowrap;
}
.crl_bfriday_b1 .bloctxt .titre {
  font-weight: 900;
  font-size: clamp(4.6153846154rem, 2.1428571429rem + 10.0446428571vw, 8.0769230769rem);
  letter-spacing: -2px;
  color: #000;
  line-height: 0.9;
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b1 .bloctxt .titre {
    font-size: clamp(3.0769230769rem, -0.3227232538rem + 5.7471264368vw, 8.0769230769rem);
  }
}
.crl_bfriday_b1 .bloctxt .txtcourant {
  margin-left: 2%;
  font-weight: 400;
  font-size: clamp(1.3846153846rem, 0.6153846154rem + 3.125vw, 2.4615384615rem);
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b1 .bloctxt .txtcourant {
    font-size: clamp(1.0769230769rem, 0.1354825546rem + 1.5915119363vw, 2.4615384615rem);
  }
}
.crl_bfriday_b1 .bloctxt .txtcourant span {
  font-weight: 700;
  font-size: clamp(2.3076923077rem, 2.1978021978rem + 0.4464285714vw, 2.4615384615rem);
}
.crl_bfriday_b1 .bloctxt .bloccta {
  margin-top: 3em;
  z-index: 7;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  left: 30%;
  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: #000;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b1 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_bfriday_b1 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #000;
}
.crl_bfriday_b1 .bloctxt .bloccta a:hover, .crl_bfriday_b1 .bloctxt .bloccta a:active, .crl_bfriday_b1 .bloctxt .bloccta a:link, .crl_bfriday_b1 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #000;
}
.crl_bfriday_b1 .bloctxt .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);
  }
}

/*  -------- BLOC 2 -------- */
.crl_bfriday_b2 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  grid-area: b3;
  overflow: hidden;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b2 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_bfriday_b2 img, .crl_bfriday_b2 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_bfriday_b2 a:focus, .crl_bfriday_b2 a:active, .crl_bfriday_b2 a:link, .crl_bfriday_b2 a:visited {
  text-decoration: none;
}
.crl_bfriday_b2 p, .crl_bfriday_b2 h1, .crl_bfriday_b2 h2, .crl_bfriday_b2 h3, .crl_bfriday_b2 h4 {
  margin: 0;
}
.crl_bfriday_b2 .bold {
  font-weight: 600;
}
.crl_bfriday_b2 .semibold {
  font-weight: 500;
}
.crl_bfriday_b2 .light {
  font-weight: 400;
}
.crl_bfriday_b2 .upper {
  text-transform: uppercase;
}
.crl_bfriday_b2 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_bfriday_b2 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b2 .DispMob {
    display: none !important;
  }
}
.crl_bfriday_b2 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b2 .DispDesk {
    display: block !important;
  }
}
.crl_bfriday_b2 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_bfriday_b2 .DispTab {
    display: block !important;
  }
}
.crl_bfriday_b2 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_bfriday_b2 .TabOnly {
    display: block !important;
  }
}
.crl_bfriday_b2 .bloctxt {
  overflow: hidden;
  position: absolute;
  width: 70%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  left: 1em;
  bottom: 1em;
  text-align: left;
  color: #fff;
  z-index: 6;
  gap: 0.5em;
}
.crl_bfriday_b2 a.promo {
  font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  font-weight: 600;
  color: #000;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.5) !important;
  /* background-color: #fff;
  padding: 0.5em 0.8em;
  width: fit-content; */
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b2 a.promo {
    font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  }
}

.crl_bfriday_b2 .crl_cont_bfriday_b2 {
  position: relative;
  width: 100%;
  height: auto;
  margin: 5px 0;
}

.crl_bfriday_b2 .bloctxt .bloccta {
  z-index: 7;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  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: #000;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b2 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_bfriday_b2 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #000;
}
.crl_bfriday_b2 .bloctxt .bloccta a:hover, .crl_bfriday_b2 .bloctxt .bloccta a:active, .crl_bfriday_b2 .bloctxt .bloccta a:link, .crl_bfriday_b2 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #000;
}
.crl_bfriday_b2 .bloctxt .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);
  }
}

.crl_bfriday_b2 .bloctxt .bloccta a {
  color: #fff;
}

.crl_bfriday_b2 .spe {
  justify-content: center;
}

.crl_bfriday_b2 .guide {
  color: #000;
}

.crl_bfriday_b2 .bloctxt.guide .bloccta a {
  color: #000;
}

.crl_bfriday_b2 .bloctxt.guide .bloccta::after {
  background-color: #000;
}

.crl_bfriday_b2 .bloctxt.guide {
  justify-content: center;
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
  align-items: center;
}

/*  -------- BLOC Categ -------- */
.crl_bloccateg {
  grid-area: b2;
  position: sticky;
  bottom: 0;
  overflow: hidden;
  width: calc(100% + 36px);
  margin: 0px -18px 0px;
  max-width: 800px;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 7;
  padding: 2em;
}
.crl_bloccateg a {
  width: 100%;
}
.crl_bloccateg a:focus, .crl_bloccateg a:active, .crl_bloccateg a:link, .crl_bloccateg a:visited {
  text-decoration: none;
}
.crl_bloccateg .bloctxt {
  text-transform: uppercase;
  padding: 0.8em 0.9em;
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  color: #03112C;
  border: solid 1px #000;
  transition: all 0.5s ease;
  font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .crl_bloccateg .bloctxt {
    font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  }
}
.crl_bloccateg a:hover .bloctxt {
  background-color: rgb(0, 0, 0);
  color: #fff;
  border: solid 1px #fff;
}
.crl_bloccateg .swiper-slide {
  background: transparent;
}

/*  -------- BLOC 3 -------- */
.crl_bfriday_b3 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  aspect-ratio: 667/993;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s47_novembre/crl_b3_mob.webp");
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b3 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_bfriday_b3 img, .crl_bfriday_b3 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_bfriday_b3 a:focus, .crl_bfriday_b3 a:active, .crl_bfriday_b3 a:link, .crl_bfriday_b3 a:visited {
  text-decoration: none;
}
.crl_bfriday_b3 p, .crl_bfriday_b3 h1, .crl_bfriday_b3 h2, .crl_bfriday_b3 h3, .crl_bfriday_b3 h4 {
  margin: 0;
}
.crl_bfriday_b3 .bold {
  font-weight: 600;
}
.crl_bfriday_b3 .semibold {
  font-weight: 500;
}
.crl_bfriday_b3 .light {
  font-weight: 400;
}
.crl_bfriday_b3 .upper {
  text-transform: uppercase;
}
.crl_bfriday_b3 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_bfriday_b3 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b3 .DispMob {
    display: none !important;
  }
}
.crl_bfriday_b3 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b3 .DispDesk {
    display: block !important;
  }
}
.crl_bfriday_b3 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_bfriday_b3 .DispTab {
    display: block !important;
  }
}
.crl_bfriday_b3 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_bfriday_b3 .TabOnly {
    display: block !important;
  }
}
.crl_bfriday_b3 .bloctxt {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 45%;
  display: flex;
  justify-content: space-between;
  width: 87%;
  flex-flow: column;
  margin: auto;
  gap: clamp(0.7692307692rem, 0.2462082568rem + 0.884173298vw, 1.5384615385rem);
  z-index: 6;
  color: #64081A;
  gap: clamp(19.2307692308rem, 14.8351648352rem + 17.8571428571vw, 25.3846153846rem);
}
.crl_bfriday_b3 .bloctxt .titre {
  font-size: clamp(1.8461538462rem, 1.1868131868rem + 2.6785714286vw, 2.7692307692rem);
  font-family: termina, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b3 .bloctxt .titre {
    font-size: clamp(1.3846153846rem, 0.4431748623rem + 1.5915119363vw, 2.7692307692rem);
  }
}
.crl_bfriday_b3 .bloctxt .bloccta {
  margin-top: 3em;
  z-index: 7;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  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: #64081A;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl_bfriday_b3 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_bfriday_b3 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #64081A;
}
.crl_bfriday_b3 .bloctxt .bloccta a:hover, .crl_bfriday_b3 .bloctxt .bloccta a:active, .crl_bfriday_b3 .bloctxt .bloccta a:link, .crl_bfriday_b3 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #64081A;
}
.crl_bfriday_b3 .bloctxt .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);
  }
}

@media screen and (min-width: 768px) {
  .crl_bfriday_b1 .BoosterBloc {
    position: relative;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    padding: 0.4em 0.6em;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(1.2307692308rem, 1.1208791209rem + 0.4464285714vw, 1.3846153846rem);
  }
  .crl_bfriday_b1 .BoosterBloc a {
    color: #000;
  }
  /*  -------- BLOC 1 -------- */
  /*  -------- BLOC 2 -------- */
  /*  -------- BLOC Categ -------- */
  /*  -------- BLOC 3 -------- */
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .crl_bfriday_b1 .BoosterBloc {
    font-size: clamp(1.2307692308rem, 1.1261647283rem + 0.1768346596vw, 1.3846153846rem);
  }
}
@media screen and (min-width: 768px) {
  .crl_cont_bfriday {
    display: unset;
  }
  .crl_bfriday_b1 {
    grid-area: b1;
    height: 90vh;
  }
  .crl_bfriday_b1 .left {
    width: 50%;
    aspect-ratio: 972/799;
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s47_novembre/crl_b1.webp");
  }
  .crl_bfriday_b1 .right {
    width: 50%;
    height: unset;
    aspect-ratio: 972/799;
    background-image: none;
  }
  .crl_bfriday_b1 .bloctxt .titre {
    color: #fff;
  }
  .crl_bfriday_b1 .bloctxt .txtcourant {
    font-weight: 600;
    color: #fff;
  }
  .crl_bfriday_b1 .bloctxt .txtcourant span {
    font-weight: 600;
    font-size: clamp(1.0769230769rem, 0.1354825546rem + 1.5915119363vw, 2.4615384615rem);
  }
  .crl_bfriday_b1 .bloctxt .bloccta {
    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 (min-width: 768px) and (max-width: 768.98px) {
  .crl_bfriday_b1 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
@media screen and (min-width: 768px) {
  .crl_bfriday_b1 .bloctxt .bloccta::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0em;
    width: calc(100% - 0em);
    height: 1px;
    background-color: #fff;
  }
  .crl_bfriday_b1 .bloctxt .bloccta a:hover, .crl_bfriday_b1 .bloctxt .bloccta a:active, .crl_bfriday_b1 .bloctxt .bloccta a:link, .crl_bfriday_b1 .bloctxt .bloccta a:visited {
    text-decoration: none;
    color: #fff;
  }
  .crl_bfriday_b1 .bloctxt .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);
    }
  }
  .crl_bfriday_b2 {
    grid-area: b2;
  }
  .crl_bfriday_b2 .bloctxt {
    font-size: clamp(1.3846153846rem, 1.0184996259rem + 0.6189213086vw, 1.9230769231rem);
    color: #fff;
  }
  .crl_bloccateg {
    width: 100%;
    margin: auto;
  }
  .crl_bfriday_b3 {
    grid-area: b3;
    aspect-ratio: 1917/993;
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s47_novembre/crl_b3.webp");
  }
  .crl_bfriday_b3 .bloctxt {
    width: 95%;
    top: 55%;
    flex-flow: nowrap;
    gap: 0;
  }
}/*# sourceMappingURL=style.css.map */