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

/* 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 BEIGE TYPO BLEU-------- */
.crl_oppalier_b0_beige {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  position: relative;
  background-color: #F5F4EF;
  color: #03112C;
  padding: 10px;
  cursor: pointer;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0_beige {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_oppalier_b0_beige img, .crl_oppalier_b0_beige picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_oppalier_b0_beige a:focus, .crl_oppalier_b0_beige a:active, .crl_oppalier_b0_beige a:link, .crl_oppalier_b0_beige a:visited {
  text-decoration: none;
}
.crl_oppalier_b0_beige p, .crl_oppalier_b0_beige h1, .crl_oppalier_b0_beige h2, .crl_oppalier_b0_beige h3, .crl_oppalier_b0_beige h4 {
  margin: 0;
}
.crl_oppalier_b0_beige .bold {
  font-weight: 600;
}
.crl_oppalier_b0_beige .semibold {
  font-weight: 500;
}
.crl_oppalier_b0_beige .light {
  font-weight: 400;
}
.crl_oppalier_b0_beige .upper {
  text-transform: uppercase;
}
.crl_oppalier_b0_beige .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_oppalier_b0_beige .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0_beige .DispMob {
    display: none !important;
  }
}
.crl_oppalier_b0_beige .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0_beige .DispDesk {
    display: block !important;
  }
}
.crl_oppalier_b0_beige .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_oppalier_b0_beige .DispTab {
    display: block !important;
  }
}
.crl_oppalier_b0_beige .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_oppalier_b0_beige .TabOnly {
    display: block !important;
  }
}
.crl_oppalier_b0_beige span {
  font-weight: 600;
}
.crl_oppalier_b0_beige .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_oppalier_b0_beige .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_oppalier_b0_beige .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_oppalier_b0_beige .bloctxt {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
.crl_oppalier_b0_beige .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_oppalier_b0_beige .titre {
    font-size: clamp(1.3846153846rem, 1.2800108821rem + 0.1768346596vw, 1.5384615385rem);
  }
}
@media screen and (min-width: 768.98px) {
  .crl_oppalier_b0_beige .titre {
    margin: 0% 30px 0% 0%;
  }
}
.crl_oppalier_b0_beige .contour {
  padding: 5px;
  border: #03112C solid 1px;
  border-color: #03112C;
}
.crl_oppalier_b0_beige .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: #03112C;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0_beige .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b0_beige .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #03112C;
}
.crl_oppalier_b0_beige .bloccta a:hover, .crl_oppalier_b0_beige .bloccta a:active, .crl_oppalier_b0_beige .bloccta a:link, .crl_oppalier_b0_beige .bloccta a:visited {
  text-decoration: none;
  color: #03112C;
}
.crl_oppalier_b0_beige .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_oppalier_b0_beige .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: #03112C;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0_beige .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b0_beige .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #03112C;
}
.crl_oppalier_b0_beige .bloccta a:hover, .crl_oppalier_b0_beige .bloccta a:active, .crl_oppalier_b0_beige .bloccta a:link, .crl_oppalier_b0_beige .bloccta a:visited {
  text-decoration: none;
  color: #03112C;
}
.crl_oppalier_b0_beige .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 -------- */
.crl_oppalier_b0 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  position: relative;
  background-color: #03112C;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_oppalier_b0 img, .crl_oppalier_b0 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_oppalier_b0 a:focus, .crl_oppalier_b0 a:active, .crl_oppalier_b0 a:link, .crl_oppalier_b0 a:visited {
  text-decoration: none;
}
.crl_oppalier_b0 p, .crl_oppalier_b0 h1, .crl_oppalier_b0 h2, .crl_oppalier_b0 h3, .crl_oppalier_b0 h4 {
  margin: 0;
}
.crl_oppalier_b0 .bold {
  font-weight: 600;
}
.crl_oppalier_b0 .semibold {
  font-weight: 500;
}
.crl_oppalier_b0 .light {
  font-weight: 400;
}
.crl_oppalier_b0 .upper {
  text-transform: uppercase;
}
.crl_oppalier_b0 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_oppalier_b0 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0 .DispMob {
    display: none !important;
  }
}
.crl_oppalier_b0 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b0 .DispDesk {
    display: block !important;
  }
}
.crl_oppalier_b0 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_oppalier_b0 .DispTab {
    display: block !important;
  }
}
.crl_oppalier_b0 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_oppalier_b0 .TabOnly {
    display: block !important;
  }
}
.crl_oppalier_b0 span {
  font-weight: 600;
}
.crl_oppalier_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_oppalier_b0 .logo {
  display: block;
  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_oppalier_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_oppalier_b0 .bloctxt {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
.crl_oppalier_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_oppalier_b0 .titre {
    font-size: clamp(1.3846153846rem, 1.2800108821rem + 0.1768346596vw, 1.5384615385rem);
  }
}
@media screen and (min-width: 768.98px) {
  .crl_oppalier_b0 .titre {
    margin: 0% 30px 0% 0%;
  }
}
.crl_oppalier_b0 .contour {
  padding: 5px;
  border: #fff solid 1px;
  border-color: #fff;
}
.crl_oppalier_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_oppalier_b0 .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b0 .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_oppalier_b0 .bloccta a:hover, .crl_oppalier_b0 .bloccta a:active, .crl_oppalier_b0 .bloccta a:link, .crl_oppalier_b0 .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_oppalier_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_oppalier_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_oppalier_b0 .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b0 .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_oppalier_b0 .bloccta a:hover, .crl_oppalier_b0 .bloccta a:active, .crl_oppalier_b0 .bloccta a:link, .crl_oppalier_b0 .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_oppalier_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 1 -------- */
.crl_oppalier_b1 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  display: grid;
  grid-template-areas: "blocmailles blocmailles" "blocchaussures blocacessoires" "blocechapes blocceintures" "blocsacs blocmanteaux" "blocpantalons blocgants";
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b1 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_oppalier_b1 img, .crl_oppalier_b1 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_oppalier_b1 a:focus, .crl_oppalier_b1 a:active, .crl_oppalier_b1 a:link, .crl_oppalier_b1 a:visited {
  text-decoration: none;
}
.crl_oppalier_b1 p, .crl_oppalier_b1 h1, .crl_oppalier_b1 h2, .crl_oppalier_b1 h3, .crl_oppalier_b1 h4 {
  margin: 0;
}
.crl_oppalier_b1 .bold {
  font-weight: 600;
}
.crl_oppalier_b1 .semibold {
  font-weight: 500;
}
.crl_oppalier_b1 .light {
  font-weight: 400;
}
.crl_oppalier_b1 .upper {
  text-transform: uppercase;
}
.crl_oppalier_b1 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_oppalier_b1 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b1 .DispMob {
    display: none !important;
  }
}
.crl_oppalier_b1 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b1 .DispDesk {
    display: block !important;
  }
}
.crl_oppalier_b1 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_oppalier_b1 .DispTab {
    display: block !important;
  }
}
.crl_oppalier_b1 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_oppalier_b1 .TabOnly {
    display: block !important;
  }
}
.crl_oppalier_b1 .cont1 {
  position: relative;
  aspect-ratio: 668/566;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.crl_oppalier_b1 .cont1.blocmailles {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_01_mob.webp");
  grid-area: blocmailles;
}
.crl_oppalier_b1 .cont {
  position: relative;
  aspect-ratio: 333/400;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.crl_oppalier_b1 .cont.blocchaussures {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_02_mob.webp");
  grid-area: blocchaussures;
}
.crl_oppalier_b1 .cont.blocaccessoires {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_03_mob.webp");
  grid-area: blocacessoires;
}
.crl_oppalier_b1 .cont.blocceintures {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_05_mob.webp");
  grid-area: blocceintures;
}
.crl_oppalier_b1 .cont.blocecharpes {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_04_mob.webp");
  grid-area: blocechapes;
}
.crl_oppalier_b1 .cont.blocsacs {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_06_mob.webp");
  grid-area: blocsacs;
}
.crl_oppalier_b1 .cont.blocmanteaux {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_07_mob.webp");
  grid-area: blocmanteaux;
}
.crl_oppalier_b1 .cont.blocgants {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_09_mob.webp");
  grid-area: blocgants;
}
.crl_oppalier_b1 .cont.blocpantalons {
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_08_mob.webp");
  grid-area: blocpantalons;
}
.crl_oppalier_b1 .bloctxt {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 6;
}
.crl_oppalier_b1 .bloctxt .bloccta {
  position: relative;
  z-index: 6;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  filter: drop-shadow(0em 0.5em 0.8em rgba(0, 0, 0, 0.8));
  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_oppalier_b1 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b1 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_oppalier_b1 .bloctxt .bloccta a:hover, .crl_oppalier_b1 .bloctxt .bloccta a:active, .crl_oppalier_b1 .bloctxt .bloccta a:link, .crl_oppalier_b1 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_oppalier_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_oppalier_b2 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b2 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_oppalier_b2 img, .crl_oppalier_b2 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_oppalier_b2 a:focus, .crl_oppalier_b2 a:active, .crl_oppalier_b2 a:link, .crl_oppalier_b2 a:visited {
  text-decoration: none;
}
.crl_oppalier_b2 p, .crl_oppalier_b2 h1, .crl_oppalier_b2 h2, .crl_oppalier_b2 h3, .crl_oppalier_b2 h4 {
  margin: 0;
}
.crl_oppalier_b2 .bold {
  font-weight: 600;
}
.crl_oppalier_b2 .semibold {
  font-weight: 500;
}
.crl_oppalier_b2 .light {
  font-weight: 400;
}
.crl_oppalier_b2 .upper {
  text-transform: uppercase;
}
.crl_oppalier_b2 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_oppalier_b2 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b2 .DispMob {
    display: none !important;
  }
}
.crl_oppalier_b2 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_oppalier_b2 .DispDesk {
    display: block !important;
  }
}
.crl_oppalier_b2 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_oppalier_b2 .DispTab {
    display: block !important;
  }
}
.crl_oppalier_b2 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_oppalier_b2 .TabOnly {
    display: block !important;
  }
}
.crl_oppalier_b2 .cont {
  position: relative;
  aspect-ratio: 668/697;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b2_mob.webp");
}
.crl_oppalier_b2 .bloctxt {
  position: absolute;
  bottom: 15%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5em;
  color: #fff;
  width: 100%;
}
.crl_oppalier_b2 .bloctxt .titre {
  font-size: clamp(2.3076923077rem, -1.3186813187rem + 14.7321428571vw, 7.3846153846rem);
  font-family: "neulis-sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .crl_oppalier_b2 .bloctxt .titre {
    font-size: clamp(2.3076923077rem, -0.3074202544rem + 4.4208664898vw, 6.1538461538rem);
  }
}
.crl_oppalier_b2 .bloctxt .txtcourant {
  font-size: clamp(0.8461538462rem, 0.7912087912rem + 0.2232142857vw, 0.9230769231rem);
  font-weight: 300;
  line-height: 1.3;
  width: 90%;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .crl_oppalier_b2 .bloctxt .txtcourant {
    font-size: clamp(1.0769230769rem, 0.658505067rem + 0.7073386384vw, 1.6923076923rem);
  }
}
.crl_oppalier_b2 .bloctxt .bloccta {
  position: relative;
  z-index: 6;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  filter: drop-shadow(0em 0.5em 0.8em rgba(0, 0, 0, 0.5));
  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_oppalier_b2 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_oppalier_b2 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #fff;
}
.crl_oppalier_b2 .bloctxt .bloccta a:hover, .crl_oppalier_b2 .bloctxt .bloccta a:active, .crl_oppalier_b2 .bloctxt .bloccta a:link, .crl_oppalier_b2 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #fff;
}
.crl_oppalier_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);
  }
}

@media screen and (min-width: 768px) {
  /*  -------- BLOC 1 -------- */
  .crl_oppalier_b1 {
    grid-template-areas: "blocmailles blocchaussures blocacessoires" "blocceintures blocechapes blocsacs" "blocmanteaux blocgants blocpantalons";
  }
  .crl_oppalier_b1 .cont1 {
    aspect-ratio: 5/6;
  }
  .crl_oppalier_b1 .cont1.blocmailles {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_01.webp");
  }
  .crl_oppalier_b1 .cont {
    aspect-ratio: 5/6;
  }
  .crl_oppalier_b1 .cont.blocchaussures {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_02.webp");
  }
  .crl_oppalier_b1 .cont.blocaccessoires {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_03.webp");
  }
  .crl_oppalier_b1 .cont.blocceintures {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_04.webp");
  }
  .crl_oppalier_b1 .cont.blocecharpes {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_05.webp");
  }
  .crl_oppalier_b1 .cont.blocsacs {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_06.webp");
  }
  .crl_oppalier_b1 .cont.blocmanteaux {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_07.webp");
  }
  .crl_oppalier_b1 .cont.blocgants {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_08.webp");
  }
  .crl_oppalier_b1 .cont.blocpantalons {
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b1_09.webp");
  }
  /*  -------- BLOC 2 -------- */
  .crl_oppalier_b2 .cont {
    aspect-ratio: 1920/993;
    background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/s46_novembre/crl_b2.webp");
  }
  .crl_oppalier_b2 .bloctxt .txtcourant {
    width: 95%;
  }
}/*# sourceMappingURL=style.css.map */