.elementor-11917 .elementor-element.elementor-element-88d4c36{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-9973927 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11917 .elementor-element.elementor-element-7b995e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11917 .elementor-element.elementor-element-c8cd0b5{text-align:center;}.elementor-11917 .elementor-element.elementor-element-c8cd0b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11917 .elementor-element.elementor-element-8350fe6{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-11917 .elementor-element.elementor-element-8350fe6 .elementor-divider-separator{width:100%;}.elementor-11917 .elementor-element.elementor-element-8350fe6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11917 .elementor-element.elementor-element-454139b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:15px;}.elementor-11917 .elementor-element.elementor-element-38a49cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-11917 .elementor-element.elementor-element-cc916b6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11917 .elementor-element.elementor-element-5e00595{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-11917 .elementor-element.elementor-element-3bcfe6f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-b371836{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-b371836:not(.elementor-motion-effects-element-type-background), .elementor-11917 .elementor-element.elementor-element-b371836 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11917 .elementor-element.elementor-element-30b9d74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 100px;--row-gap:0px;--column-gap:100px;}.elementor-11917 .elementor-element.elementor-element-c61f723 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11917 .elementor-element.elementor-element-c61f723.elementor-element{--align-self:center;}.elementor-11917 .elementor-element.elementor-element-3107fbd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11917 .elementor-element.elementor-element-3107fbd.elementor-element{--align-self:center;}.elementor-11917 .elementor-element.elementor-element-a0b3954 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11917 .elementor-element.elementor-element-a0b3954.elementor-element{--align-self:center;}.elementor-11917 .elementor-element.elementor-element-d9cc25e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11917 .elementor-element.elementor-element-d9cc25e.elementor-element{--align-self:center;}.elementor-11917 .elementor-element.elementor-element-dc339ad{--display:flex;--min-height:25vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-b48ec98{--display:flex;--min-height:15vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-11917 .elementor-element.elementor-element-fcc2b34{text-align:center;}.elementor-11917 .elementor-element.elementor-element-fcc2b34 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11917 .elementor-element.elementor-element-3bb34ae .elementor-button{background-color:#B1000000;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;}.elementor-11917 .elementor-element.elementor-element-3bb34ae .elementor-button:hover, .elementor-11917 .elementor-element.elementor-element-3bb34ae .elementor-button:focus{background-color:#B9000000;color:#A30000;}.elementor-11917 .elementor-element.elementor-element-3bb34ae .elementor-button:hover svg, .elementor-11917 .elementor-element.elementor-element-3bb34ae .elementor-button:focus svg{fill:#A30000;}:root{--page-title-display:none;}body.elementor-page-11917{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1200px){.elementor-11917 .elementor-element.elementor-element-b371836{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:080px 15px;--row-gap:080px;--column-gap:15px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-30b9d74{--gap:0px 33px;--row-gap:0px;--column-gap:33px;}}@media(min-width:768px){.elementor-11917 .elementor-element.elementor-element-38a49cc{--width:90%;}.elementor-11917 .elementor-element.elementor-element-b371836{--content-width:100%;}.elementor-11917 .elementor-element.elementor-element-dc339ad{--content-width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-11917 .elementor-element.elementor-element-b371836{--content-width:100%;}}@media(max-width:1024px){.elementor-11917 .elementor-element.elementor-element-3bcfe6f{--min-height:80vh;}.elementor-11917 .elementor-element.elementor-element-b371836{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:80px 8px;--row-gap:80px;--column-gap:8px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-30b9d74{--gap:75px 100px;--row-gap:75px;--column-gap:100px;--flex-wrap:wrap;}.elementor-11917 .elementor-element.elementor-element-fcc2b34 .elementor-heading-title{font-size:16px;}}@media(max-width:950px){.elementor-11917 .elementor-element.elementor-element-b371836{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-11917 .elementor-element.elementor-element-dc339ad{--min-height:0vh;}}@media(max-width:767px){.elementor-11917 .elementor-element.elementor-element-88d4c36{--min-height:0vh;}.elementor-11917 .elementor-element.elementor-element-c8cd0b5 .elementor-heading-title{font-size:18px;}.elementor-11917 .elementor-element.elementor-element-454139b{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-11917 .elementor-element.elementor-element-38a49cc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11917 .elementor-element.elementor-element-cc916b6{text-align:center;}.elementor-11917 .elementor-element.elementor-element-cc916b6 .elementor-heading-title{font-size:18px;}.elementor-11917 .elementor-element.elementor-element-5e00595{text-align:center;font-size:14px;}.elementor-11917 .elementor-element.elementor-element-3bcfe6f{--min-height:65vh;}.elementor-11917 .elementor-element.elementor-element-b371836{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--flex-wrap:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11917 .elementor-element.elementor-element-30b9d74{--gap:30px 25px;--row-gap:30px;--column-gap:25px;}.elementor-11917 .elementor-element.elementor-element-dc339ad{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11917 .elementor-element.elementor-element-fcc2b34 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-e295870 */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.rose-slider {
  position: relative;
  width: 100%;
  max-width: 1600px;
  height: 100vh; /* hauteur plein écran */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  overflow: hidden;
  background: #0f0f0f;
  color: white;
  font-family: "Poppins", sans-serif;
}

/* ---------- BACKGROUNDS DES SLIDES ---------- */
.rose-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease, filter 1.2s ease;
  z-index: 0;
  filter: brightness(0.9) saturate(1.1);
}

.rose-slide-bg.rose-active {
  opacity: 1;
  filter: brightness(1) saturate(1.3);
}

.rose-content {
  position: relative; /* au-dessus des backgrounds */
  z-index: 5;
  margin-top: 40px;
  transition: opacity 0.6s ease; /* fondu */
  opacity: 1;
}

.rose-content.rose-fade-out {
  opacity: 0; /* disparaît doucement */
}

.rose-slider-title {
  font-size: 2.5rem;
  font-weight: 600;
}

.rose-slider-desc {
  font-size: 1rem;
  opacity: 0.8;
  margin: 1rem auto 2rem;
  max-width: 500px;         /* largeur max du bloc */
  min-width: 300px;         /* optionnel : largeur min si écran large */
  line-height: 1.6;         /* espace entre les lignes pour meilleure lisibilité */
  text-align: center;       /* centrer le texte */
  word-wrap: break-word;    /* permet de casser les mots si nécessaire */
}

.rose-slider-btn {
  background: none;
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  border: none;
  background: none;
  display: inline-flex;        /* pour aligner texte + flèche */
  align-items: center;         /* aligne verticalement */
  gap: 8px;                    /* espace entre le texte et la flèche */
  transition: 0.3s ease;
}

.rose-slider-btn .rose-arrow {
  font-size: 1.3rem;
  transition: transform 0.3s ease;
}

.rose-slider-btn:hover .rose-arrow {
  transform: translateX(5px);
  background: none;
}

/* classes de couleurs selon la slide */
.rose-btn-slide0:hover { color: #A40000; background: none; }       /* rouge */
.rose-btn-slide1:hover { color: #000eff; background: none; }       /* bleu */
.rose-btn-slide2:hover { color: #c5a100; background: none; }       /* jaune */
.rose-btn-slide3:hover { color: #7500de; background: none; }       /* violet */

.rose-slider-btn:active {
  background: none; /* pas de background au clic */
}

.rose-slider-btn:focus {
  outline: none; /* supprime l'outline lors du focus */
  background: none; /* pas de background au focus */
}

.rose-arrow-btn:active {
  background: none; /* pas de background au clic */
}

.rose-arrow-btn:focus {
  outline: none; /* supprime l'outline lors du focus */
  background: none; /* pas de background au focus */
}

/* ---------- TITRES SUR ARC ---------- */
.rose-arc-title {
  cursor: pointer; 
  user-select: none; 
  fill: rgba(255, 255, 255, 0.6); /* couleur par défaut gris clair */
  transition: fill 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}

.rose-arc-title:hover {
  fill: #ffffff; /* plus lumineux */
  transform: translateY(-6px); /* léger déplacement vers le haut */
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6)); /* effet glow */
}

.rose-arc-title.rose-active {
  fill: #ffffff; /* titre actif en blanc */
}

/* ----- SVG ARC ----- */
.rose-arc-svg {
  position: absolute;
  bottom: -44px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 450px;
  overflow: visible;
}

.rose-arc-svg text {
  fill: white;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

#rose-arcIndicator {
  fill: #fff;
  width: 12px;
  height: 12px;
  rx: 2;
  ry: 2;
  pointer-events: none;
}

.rose-arc-svg textPath {
  cursor: pointer;
  user-select: none;
}

/* ---------- FLECHES NAVIGATION ---------- */
.rose-arrow-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 5rem;
  color: grey;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  transition: color 0.3s;
}

.rose-arrow-btn:hover {
  color: #fff;
  background: none;
}

.rose-arrow-btn.rose-prev { left: 50px; }
.rose-arrow-btn.rose-next { right: 50px; }

/* Animation "slot machine" 3D pour chaque lettre */
@keyframes roseLetterFlip {
  0% {
    transform: rotateX(90deg);
    opacity: 0;
  }
  50% {
    transform: rotateX(-20deg);
    opacity: 0.7;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}

.rose-letter-flip {
  display: inline-block;
  animation: roseLetterFlip 0.6s ease forwards;
  transform-origin: center;
}

/* ---------- TABLETTE ---------- */
@media screen and (max-width: 1024px) {
  .rose-slider {
    height: 85vh;
  }

  .rose-content {
    margin-top: 20px;
  }

  .rose-arc-svg {
    width: 85%;
    bottom: -40px;
  }

  .rose-arrow-btn {
    display: none; /* cache les flèches sur tablette */
  }
}

/* ---------- MOBILE ---------- */
@media screen and (max-width: 767px) {
  .rose-slider {
    height: 65vh;
  }

  .rose-content {
    position: relative;
    margin-top: 30px;
    z-index: 5;
  }

  .rose-arrow-btn {
    display: none; /* cache les flèches sur mobile */
  }

  .rose-slider-title {
    font-size: 20px;
  }

  .rose-slider-desc {
    font-size: 14px;
    max-width: 90%;
  }

  .rose-slider-btn {
    font-size: 0.95rem;
    padding-right: 0.8rem;
  }

  .rose-arc-svg {
    width: 90%;
    height: auto;
    bottom: -10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c61f723 *//* Conteneur local */
.card-containeralpha {
  width: fit-content;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.cardalpha {
  position: relative;
  width: 220px;
  height: 280px;
  color: black;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 300px 0 50px rgba(0, 0, 0, 0.4);
  transform: perspective(2000px) rotateZ(0);
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.cardalpha::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: inherit;
  background: linear-gradient(45deg, #ffffff, #e0e0e0, #ffffff);
  background-size: 400%;
  filter: blur(6px);
  opacity: 0.7;
  z-index: -1;
  animation: neonGlow 6s linear infinite;
}

@keyframes neonGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.coveralpha {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.coveralpha img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}

.coveralpha img:nth-child(1) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.coveralpha img:nth-child(2) {
  transform: rotateY(180deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.cardalpha:hover {
  transform: perspective(2000px) rotateZ(-10deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 20px 0 50px rgba(0, 0, 0, 0.4);
}

.cardalpha:hover .coveralpha {
  transform: rotateY(-135deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4);
}

.contentalpha {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.contentalpha h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  /* Conteneur : centré et responsive */
  .card-containeralpha {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* plusieurs cartes sur plusieurs lignes si besoin */
    gap: 10px;       /* espace entre cartes */
  }

  /* Carte */
  .cardalpha {
    width: 150px;   /* largeur réduite */
    height: 190px;  /* hauteur proportionnelle */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 20px 0 25px rgba(0,0,0,0.3);
    transition: all 0.8s ease;
  }

  .cardalpha::before {
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    filter: blur(4px);
  }

  /* Couverture */
  .coveralpha {
    transform-origin: left;
    transition: all 0.8s ease;
  }

  .coveralpha img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .coveralpha img:nth-child(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .coveralpha img:nth-child(2) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* Hover simplifié sur mobile (pas de rotation extrême) */
  .cardalpha:hover {
    transform: perspective(2000px) rotateZ(-5deg);
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 10px 0 25px rgba(0,0,0,0.3);
  }

  .cardalpha:hover .coveralpha {
    transform: rotateY(-90deg);
  }

  /* Contenu texte */
  .contentalpha {
    font-size: 8px;
    padding: 0.5rem;
  }

  .contentalpha h2 {
    font-size: 9px;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3107fbd *//* Conteneur local */
.card-containerbravo {
  width: fit-content;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.cardbravo {
  position: relative;
  width: 220px;
  height: 280px;
  color: black;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 300px 0 50px rgba(0, 0, 0, 0.4);
  transform: perspective(2000px) rotateZ(0);
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.cardbravo::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: inherit;
  background: linear-gradient(45deg, #ffffff, #e0e0e0, #ffffff);
  background-size: 400%;
  filter: blur(6px);
  opacity: 0.7;
  z-index: -1;
  animation: neonGlow 6s linear infinite;
}

@keyframes neonGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.coverbravo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.coverbravo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}

.coverbravo img:nth-child(1) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.coverbravo img:nth-child(2) {
  transform: rotateY(180deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.cardbravo:hover {
  transform: perspective(2000px) rotateZ(-10deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 20px 0 50px rgba(0, 0, 0, 0.4);
}

.cardbravo:hover .coverbravo {
  transform: rotateY(-135deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4);
}

.contentbravo {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.contentbravo h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  /* Conteneur : centré et responsive */
  .card-containerbravo {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* plusieurs cartes sur plusieurs lignes si besoin */
    gap: 10px;       /* espace entre cartes */
  }

  /* Carte */
  .cardbravo {
    width: 150px;   /* largeur réduite */
    height: 190px;  /* hauteur proportionnelle */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 20px 0 25px rgba(0,0,0,0.3);
    transition: all 0.8s ease;
  }

  .cardbravo::before {
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    filter: blur(4px);
  }

  /* Couverture */
  .coverbravo {
    transform-origin: left;
    transition: all 0.8s ease;
  }

  .coverbravo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .coverbravo img:nth-child(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .coverbravo img:nth-child(2) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* Hover simplifié sur mobile (pas de rotation extrême) */
  .cardbravo:hover {
    transform: perspective(2000px) rotateZ(-5deg);
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 10px 0 25px rgba(0,0,0,0.3);
  }

  .cardbravo:hover .coveralpha {
    transform: rotateY(-90deg);
  }

  /* Contenu texte */
  .contentbravo {
    font-size: 8px;
    padding: 0.5rem;
  }

  .contentbravo h2 {
    font-size: 9px;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0b3954 *//* Conteneur local */
.card-containercharlie {
  width: fit-content;
  margin: auto,
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.cardcharlie {
  position: relative;
  width: 220px;
  height: 280px;
  color: black;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 300px 0 50px rgba(0, 0, 0, 0.4);
  transform: perspective(2000px) rotateZ(0);
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.cardcharlie::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: inherit;
  background: linear-gradient(45deg, #ffffff, #e0e0e0, #ffffff);
  background-size: 400%;
  filter: blur(6px);
  opacity: 0.7;
  z-index: -1;
  animation: neonGlow 6s linear infinite;
}

@keyframes neonGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.covercharlie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.covercharlie img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}

.covercharlie img:nth-child(1) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.covercharlie img:nth-child(2) {
  transform: rotateY(180deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.cardcharlie:hover {
  transform: perspective(2000px) rotateZ(-10deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 20px 0 50px rgba(0, 0, 0, 0.4);
}

.cardcharlie:hover .covercharlie {
  transform: rotateY(-135deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4);
}

.contentcharlie {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.contentcharlie h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  /* Conteneur : centré et responsive */
  .card-containercharlie {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* plusieurs cartes sur plusieurs lignes si besoin */
    gap: 10px;       /* espace entre cartes */
  }

  /* Carte */
  .cardcharlie {
    width: 150px;   /* largeur réduite */
    height: 190px;  /* hauteur proportionnelle */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 20px 0 25px rgba(0,0,0,0.3);
    transition: all 0.8s ease;
  }

  .cardcharlie::before {
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    filter: blur(4px);
  }

  /* Couverture */
  .covercharlie {
    transform-origin: left;
    transition: all 0.8s ease;
  }

  .covercharlie img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .covercharlie img:nth-child(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .covercharlie img:nth-child(2) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* Hover simplifié sur mobile (pas de rotation extrême) */
  .cardcharlie:hover {
    transform: perspective(2000px) rotateZ(-5deg);
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 10px 0 25px rgba(0,0,0,0.3);
  }

  .cardcharlie:hover .coveralpha {
    transform: rotateY(-90deg);
  }

  /* Contenu texte */
  .contentcharlie {
    font-size: 8px;
    padding: 0.5rem;
  }

  .contentcharlie h2 {
    font-size: 7px;
    margin-bottom: 0.4rem;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9cc25e *//* Conteneur local */
.card-containerdelta {
  width: fit-content;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.carddelta {
  position: relative;
  width: 220px;
  height: 280px;
  color: black;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 300px 0 50px rgba(0, 0, 0, 0.4);
  transform: perspective(2000px) rotateZ(0);
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.carddelta::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: inherit;
  background: linear-gradient(45deg, #ffffff, #e0e0e0, #ffffff);
  background-size: 400%;
  filter: blur(6px);
  opacity: 0.7;
  z-index: -1;
  animation: neonGlow 6s linear infinite;
}

@keyframes neonGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.coverdelta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 1s ease;
}

.coverdelta img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}

.coverdelta img:nth-child(1) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.coverdelta img:nth-child(2) {
  transform: rotateY(180deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.carddelta:hover {
  transform: perspective(2000px) rotateZ(-10deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4),
              inset 20px 0 50px rgba(0, 0, 0, 0.4);
}

.carddelta:hover .coverdelta {
  transform: rotateY(-135deg);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.4);
}

.contentdelta {
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.contentdelta h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  /* Conteneur : centré et responsive */
  .card-containerdelta {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* plusieurs cartes sur plusieurs lignes si besoin */
    gap: 10px;       /* espace entre cartes */
  }

  /* Carte */
  .carddelta {
    width: 150px;   /* largeur réduite */
    height: 190px;  /* hauteur proportionnelle */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 20px 0 25px rgba(0,0,0,0.3);
    transition: all 0.8s ease;
  }

  .carddelta::before {
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    filter: blur(4px);
  }

  /* Couverture */
  .coverdelta {
    transform-origin: left;
    transition: all 0.8s ease;
  }

  .coverdelta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .coverdelta img:nth-child(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .coverdelta img:nth-child(2) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* Hover simplifié sur mobile (pas de rotation extrême) */
  .carddelta:hover {
    transform: perspective(2000px) rotateZ(-5deg);
    box-shadow: 5px 0 10px rgba(0,0,0,0.3), inset 10px 0 25px rgba(0,0,0,0.3);
  }

  .carddelta:hover .coveralpha {
    transform: rotateY(-90deg);
  }

  /* Contenu texte */
  .contentdelta {
    font-size: 8px;
    padding: 0.5rem;
  }

  .contentdelta h2 {
    font-size: 9px;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b371836 */@media screen and (min-width: 481px) and (max-width: 1024px) {
  .card-container {
    padding: 10px;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .card {
    margin-left: -36px;
    width: 150px;
    height: 200px;
    border-radius: 6px;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3),
                inset 150px 0 30px rgba(0, 0, 0, 0.3);
  }

  .card::before {
    filter: blur(4px);
    opacity: 0.5;
  }

  .cover {
    border-radius: 6px;
  }

  .cover img:nth-child(1),
  .cover img:nth-child(2) {
    border-radius: 6px;
  }

  .content {
    font-size: 7px;
    padding: 0.5rem;
  }

  .content h2 {
    font-size: 8px;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 360px) {
  .card-container {
    padding: 2px;
    gap: 2px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100vw;
    display: flex;
  }

  .card {
    width: 120px;
    height: 150px;
    border-radius: 4px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3),
                inset 80px 0 15px rgba(0, 0, 0, 0.25);
    transition: all 0.4s ease;
  }

  .card::before {
    filter: blur(2px);
    opacity: 0.3;
  }

  .cover {
    border-radius: 4px;
  }

  .cover img:nth-child(1),
  .cover img:nth-child(2) {
    border-radius: 4px;
  }

  .content {
    font-size: 4px;
    padding: 0.2rem;
  }

  .content h2 {
    font-size: 5px;
    margin-bottom: 0.2rem;
  }
}/* End custom CSS */