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

p {
  font-family: Montserrat;
}

.crl_cartecadeau_b1 a.link, .crl_cartecadeau_b2 a.link, .crl_cartecadeau_b3 a.link {
  z-index: 6;
}

/*  -------- BLOC 1 -------- */
.crl_cartecadeau_b1 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryCarollSFRA/default/content_asset/2025/LP/cartecadeau/crl_b1_mob.webp");
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_cartecadeau_b1 img, .crl_cartecadeau_b1 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_cartecadeau_b1 a:focus, .crl_cartecadeau_b1 a:active, .crl_cartecadeau_b1 a:link, .crl_cartecadeau_b1 a:visited {
  text-decoration: none;
}
.crl_cartecadeau_b1 p, .crl_cartecadeau_b1 h1, .crl_cartecadeau_b1 h2, .crl_cartecadeau_b1 h3, .crl_cartecadeau_b1 h4 {
  margin: 0;
}
.crl_cartecadeau_b1 .bold {
  font-weight: 600;
}
.crl_cartecadeau_b1 .semibold {
  font-weight: 500;
}
.crl_cartecadeau_b1 .light {
  font-weight: 400;
}
.crl_cartecadeau_b1 .upper {
  text-transform: uppercase;
}
.crl_cartecadeau_b1 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_cartecadeau_b1 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 .DispMob {
    display: none !important;
  }
}
.crl_cartecadeau_b1 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 .DispDesk {
    display: block !important;
  }
}
.crl_cartecadeau_b1 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_cartecadeau_b1 .DispTab {
    display: block !important;
  }
}
.crl_cartecadeau_b1 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_cartecadeau_b1 .TabOnly {
    display: block !important;
  }
}

.crl_cartecadeau_b1 .bloctxt {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 25%;
  top: 50%;
  display: flex;
  flex-flow: column;
  margin: auto;
  gap: clamp(1.5384615385rem, 1.015439026rem + 0.884173298vw, 2.3076923077rem);
  z-index: 6;
}

.crl_cartecadeau_b1 img, .crl_cartecadeau_b1 picture, .crl_cartecadeau_b2 img, .crl_cartecadeau_b2 picture {
  height: 100vh;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}

.crl_cartecadeau_b1 .bloctxt .part1 .title {
  font-size: clamp(1.5384615385rem, 1.2769502823rem + 0.442086649vw, 1.9230769231rem);
  font-weight: 700;
  color: #03112C;
  text-transform: uppercase;
}

.crl_cartecadeau_b1 .bloctxt .part2 {
  display: flex;
  flex-flow: column;
  gap: 0.7em;
}

.crl_cartecadeau_b1 .bloccta2 {
  z-index: 7;
  text-transform: uppercase;
  z-index: 6;
  box-sizing: border-box;
  background: #E6E7EA;
  border: 1px solid #03112C;
  /* border-radius: 10px; */
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  width: -moz-fit-content;
  width: fit-content;
  color: #03112C;
  padding: 1.2em 2.5em;
  border-radius: 8px;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 .bloccta2 {
    font-size: clamp(0.8461538462rem, 0.6813186813rem + 0.6696428571vw, 1.0769230769rem);
  }
}
.crl_cartecadeau_b1 .bloccta2 a {
  color: #03112C;
}
.crl_cartecadeau_b1 .bloccta2:hover {
  background: #03112C;
  color: #E6E7EA;
  border: 1px solid #E6E7EA;
}
.crl_cartecadeau_b1 .bloccta2:hover a {
  color: #E6E7EA;
}

.crl_cartecadeau_b1 .bloccta, .crl_cartecadeau_b2 .cont_txt .bloccta {
  z-index: 7;
  text-transform: uppercase;
  z-index: 6;
  box-sizing: border-box;
  background: #03112C;
  border: 1px solid #fff;
  /* border-radius: 10px; */
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  padding: 1.2em 2.5em;
  border-radius: 8px;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 .bloccta, .crl_cartecadeau_b2 .cont_txt .bloccta {
    font-size: clamp(0.8461538462rem, 0.6813186813rem + 0.6696428571vw, 1.0769230769rem);
  }
}
.crl_cartecadeau_b1 .bloccta a, .crl_cartecadeau_b2 .cont_txt .bloccta a {
  color: #fff;
}
.crl_cartecadeau_b1 .bloccta:hover, .crl_cartecadeau_b2 .cont_txt .bloccta:hover {
  background: #fff;
  color: #03112C;
  border: 1px solid #03112C;
}
.crl_cartecadeau_b1 .bloccta:hover a, .crl_cartecadeau_b2 .cont_txt .bloccta:hover a {
  color: #03112C;
}

.crl_cartecadeau_b1 .bloccta, .crl_cartecadeau_b2 .cont_txt .bloccta {
  z-index: 7;
  text-transform: uppercase;
  z-index: 6;
  box-sizing: border-box;
  background: #03112C;
  border: 1px solid #fff;
  /* border-radius: 10px; */
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  padding: 1.2em 2.5em;
  border-radius: 8px;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b1 .bloccta, .crl_cartecadeau_b2 .cont_txt .bloccta {
    font-size: clamp(0.8461538462rem, 0.6813186813rem + 0.6696428571vw, 1.0769230769rem);
  }
}
.crl_cartecadeau_b1 .bloccta a, .crl_cartecadeau_b2 .cont_txt .bloccta a {
  color: #fff;
}
.crl_cartecadeau_b1 .bloccta:hover, .crl_cartecadeau_b2 .cont_txt .bloccta:hover {
  background: #fff;
  color: #03112C;
  border: 1px solid #03112C;
}
.crl_cartecadeau_b1 .bloccta:hover a, .crl_cartecadeau_b2 .cont_txt .bloccta:hover a {
  color: #03112C;
}

/*  -------- BLOC 2 -------- */
.crl_cartecadeau_b2 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b2 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_cartecadeau_b2 img, .crl_cartecadeau_b2 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_cartecadeau_b2 a:focus, .crl_cartecadeau_b2 a:active, .crl_cartecadeau_b2 a:link, .crl_cartecadeau_b2 a:visited {
  text-decoration: none;
}
.crl_cartecadeau_b2 p, .crl_cartecadeau_b2 h1, .crl_cartecadeau_b2 h2, .crl_cartecadeau_b2 h3, .crl_cartecadeau_b2 h4 {
  margin: 0;
}
.crl_cartecadeau_b2 .bold {
  font-weight: 600;
}
.crl_cartecadeau_b2 .semibold {
  font-weight: 500;
}
.crl_cartecadeau_b2 .light {
  font-weight: 400;
}
.crl_cartecadeau_b2 .upper {
  text-transform: uppercase;
}
.crl_cartecadeau_b2 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_cartecadeau_b2 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b2 .DispMob {
    display: none !important;
  }
}
.crl_cartecadeau_b2 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b2 .DispDesk {
    display: block !important;
  }
}
.crl_cartecadeau_b2 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_cartecadeau_b2 .DispTab {
    display: block !important;
  }
}
.crl_cartecadeau_b2 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_cartecadeau_b2 .TabOnly {
    display: block !important;
  }
}

/*  -------- PROPRIETES MENU AFFICHAGE -------- */
.crl-blocmenu {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  display: flex;
  flex-flow: wrap;
  padding: 3em;
  gap: clamp(1.5384615385rem, 0.989010989rem + 2.2321428571vw, 2.3076923077rem);
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768.98px) {
  .crl-blocmenu {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl-blocmenu img, .crl-blocmenu picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl-blocmenu a:focus, .crl-blocmenu a:active, .crl-blocmenu a:link, .crl-blocmenu a:visited {
  text-decoration: none;
}
.crl-blocmenu p, .crl-blocmenu h1, .crl-blocmenu h2, .crl-blocmenu h3, .crl-blocmenu h4 {
  margin: 0;
}
.crl-blocmenu .bold {
  font-weight: 600;
}
.crl-blocmenu .semibold {
  font-weight: 500;
}
.crl-blocmenu .light {
  font-weight: 400;
}
.crl-blocmenu .upper {
  text-transform: uppercase;
}
.crl-blocmenu .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl-blocmenu .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl-blocmenu .DispMob {
    display: none !important;
  }
}
.crl-blocmenu .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl-blocmenu .DispDesk {
    display: block !important;
  }
}
.crl-blocmenu .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl-blocmenu .DispTab {
    display: block !important;
  }
}
.crl-blocmenu .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl-blocmenu .TabOnly {
    display: block !important;
  }
}

.crl-blocmenu .menufirst.activeeffect {
  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: #03112C;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768.98px) {
  .crl-blocmenu .menufirst.activeeffect {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl-blocmenu .menufirst.activeeffect::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #03112C;
}
.crl-blocmenu .menufirst.activeeffect a:hover, .crl-blocmenu .menufirst.activeeffect a:active, .crl-blocmenu .menufirst.activeeffect a:link, .crl-blocmenu .menufirst.activeeffect a:visited {
  text-decoration: none;
  color: #03112C;
}
.crl-blocmenu .menufirst.activeeffect: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-blocmenu .menufirst {
  cursor: pointer;
  text-transform: uppercase;
}

.crl_cartecadeau_b2 .bloc_wrapper {
  position: relative;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.crl_cartecadeau_b2 .volet1 {
  position: relative;
  width: 100%;
}

.crl_cartecadeau_b2 .volet2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.crl_cartecadeau_b2 .volet3 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.crl_cartecadeau_b2 .blocAffiche {
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.crl_cartecadeau_b2 .blocAffiche.active {
  opacity: 1;
  z-index: 5;
}

.crl_cartecadeau_b2 .container {
  z-index: 7;
  padding: 0 !important;
}

.crl_cartecadeau_b2 .container .btn {
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
}

.crl_cartecadeau_b2 .container.product-detail {
  margin-top: 0 !important;
}

/*  -------- PROPRIETES MENU AFFICHAGE FIN -------- */
.crl_cartecadeau_b2 .cont_cartecadeau {
  display: flex;
  flex-flow: column-reverse;
}

.crl_cartecadeau_b2 .cont_txt .title {
  font-size: clamp(1.2307692308rem, 0.8123512208rem + 0.7073386384vw, 1.8461538462rem);
  font-weight: 600;
  color: #03112C;
  text-transform: uppercase;
}

.crl_cartecadeau_b2 .cont_cartecadeau .cont_img {
  position: relative;
  width: 100%;
}

.crl_cartecadeau_b2 .cont_cartecadeau .cont_txt {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.crl_cartecadeau_b2 .cont_cartecadeau .bloctxt {
  display: flex;
  flex-flow: column;
  gap: 1.5em;
  align-items: flex-start;
  justify-content: center;
  color: #000;
  width: 85%;
  margin: 2em auto 2em auto;
  z-index: 6;
}

/*  -------- BLOC 3 -------- */
.crl_cartecadeau_b3 {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
  overflow: hidden;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b3 {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.crl_cartecadeau_b3 img, .crl_cartecadeau_b3 picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.crl_cartecadeau_b3 a:focus, .crl_cartecadeau_b3 a:active, .crl_cartecadeau_b3 a:link, .crl_cartecadeau_b3 a:visited {
  text-decoration: none;
}
.crl_cartecadeau_b3 p, .crl_cartecadeau_b3 h1, .crl_cartecadeau_b3 h2, .crl_cartecadeau_b3 h3, .crl_cartecadeau_b3 h4 {
  margin: 0;
}
.crl_cartecadeau_b3 .bold {
  font-weight: 600;
}
.crl_cartecadeau_b3 .semibold {
  font-weight: 500;
}
.crl_cartecadeau_b3 .light {
  font-weight: 400;
}
.crl_cartecadeau_b3 .upper {
  text-transform: uppercase;
}
.crl_cartecadeau_b3 .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.crl_cartecadeau_b3 .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b3 .DispMob {
    display: none !important;
  }
}
.crl_cartecadeau_b3 .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .crl_cartecadeau_b3 .DispDesk {
    display: block !important;
  }
}
.crl_cartecadeau_b3 .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .crl_cartecadeau_b3 .DispTab {
    display: block !important;
  }
}
.crl_cartecadeau_b3 .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .crl_cartecadeau_b3 .TabOnly {
    display: block !important;
  }
}

.crl_cont_cartecadeau_b3 {
  overflow: hidden;
}

.crl_cartecadeau_b3 .title {
  font-size: clamp(1.2307692308rem, 1.010989011rem + 0.8928571429vw, 1.5384615385rem);
  text-align: center;
  margin: 1.5em 0;
  color: #03112C;
}
@media screen and (min-width: 768.98px) {
  .crl_cartecadeau_b3 .title {
    font-size: clamp(1.5384615385rem, 1.2769502823rem + 0.442086649vw, 1.9230769231rem);
  }
}

.crl_cartecadeau_b3 .cont_img {
  position: relative;
}

.crl_cartecadeau_b3 .cont_picto {
  position: relative;
  max-width: 160px;
  margin: auto;
  width: 80%;
}

.crl_cartecadeau_b3 .bloctxt {
  overflow: hidden;
  position: absolute;
  display: flex;
  flex-flow: column;
  transform: translateX(-50%);
  left: 50%;
  top: 8vw;
  color: #000;
  z-index: 6;
  gap: 3vw;
  width: 90%;
}

.crl_cartecadeau_b3 .bloctxt p {
  color: #000;
  font-size: clamp(1rem, 0.8901098901rem + 0.4464285714vw, 1.1538461538rem);
}
@media screen and (min-width: 768.98px) {
  .crl_cartecadeau_b3 .bloctxt p {
    font-size: clamp(1rem, 0.8953954975rem + 0.1768346596vw, 1.1538461538rem);
  }
}

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

.crl_cartecadeau_b3 .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_cartecadeau_b3 .bloctxt .bloccta {
    font-size: clamp(1rem, 0.8351648352rem + 0.6696428571vw, 1.2307692308rem);
  }
}
.crl_cartecadeau_b3 .bloctxt .bloccta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  width: calc(100% - 0em);
  height: 1px;
  background-color: #000;
}
.crl_cartecadeau_b3 .bloctxt .bloccta a:hover, .crl_cartecadeau_b3 .bloctxt .bloccta a:active, .crl_cartecadeau_b3 .bloctxt .bloccta a:link, .crl_cartecadeau_b3 .bloctxt .bloccta a:visited {
  text-decoration: none;
  color: #000;
}
.crl_cartecadeau_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) {
  /*  -------- BLOC 2 -------- */
  .crl_cartecadeau_b2 .cont_cartecadeau {
    display: flex;
    flex-flow: nowrap;
  }
  .crl_cartecadeau_b2 .cont_cartecadeau .bloctxt {
    width: 70%;
    max-width: 400px;
  }
  .crl_cartecadeau_b2 .cont_cartecadeau .cont_img {
    width: 50%;
  }
  .crl_cartecadeau_b2 .cont_cartecadeau .cont_txt {
    width: 50%;
  }
  /*  -------- BLOC 3 -------- */
  .crl_cartecadeau_b3 .bloctxt {
    top: 4vw;
    gap: 1.5vw;
  }
}/*# sourceMappingURL=style.css.map */