.elementor-14390 .elementor-element.elementor-element-0bef175{--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;}.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-14390 .elementor-element.elementor-element-45e3393 > .elementor-widget-container{margin:30px 0px 10px 0px;}.elementor-14390 .elementor-element.elementor-element-45e3393{text-align:center;}.elementor-14390 .elementor-element.elementor-element-45e3393 .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-14390 .elementor-element.elementor-element-0cbbde8{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-14390 .elementor-element.elementor-element-0cbbde8 .elementor-divider-separator{width:100%;}.elementor-14390 .elementor-element.elementor-element-0cbbde8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.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-14390 .elementor-element.elementor-element-763dec7 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-763dec7{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-14390 .elementor-element.elementor-element-13f0139{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:50;}.elementor-14390 .elementor-element.elementor-element-8e25a42 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#8A8A8A;border-radius:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-3c49479 > .elementor-widget-container{margin:50px 0px 0px 0px;padding:0px 40px 0px 40px;}.elementor-14390 .elementor-element.elementor-element-3c49479{text-align:center;}.elementor-14390 .elementor-element.elementor-element-3c49479 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-14390 .elementor-element.elementor-element-3c49479 .elementor-heading-title a:hover, .elementor-14390 .elementor-element.elementor-element-3c49479 .elementor-heading-title a:focus{color:#A40000;}.elementor-14390 .elementor-element.elementor-element-49d6dda{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-14390 .elementor-element.elementor-element-49d6dda > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-49d6dda .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-14390 .elementor-element.elementor-element-49d6dda .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-14390 .elementor-element.elementor-element-9d08b02{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14390 .elementor-element.elementor-element-22e19d3{text-align:center;}.elementor-14390 .elementor-element.elementor-element-22e19d3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-14390 .elementor-element.elementor-element-6c037ba > .elementor-widget-container{margin:16px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-14390 .elementor-element.elementor-element-6c037ba{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-14390 .elementor-element.elementor-element-d5ef45d{--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:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14390 .elementor-element.elementor-element-a50e3f4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14390 .elementor-element.elementor-element-6d3fae3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-6d3fae3.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-8918828{--display:flex;}.elementor-14390 .elementor-element.elementor-element-0c1a77d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-0c1a77d.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-4ce5139{--display:flex;}.elementor-14390 .elementor-element.elementor-element-a9f9c1b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-a9f9c1b.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-8d18ee3{--display:flex;}.elementor-14390 .elementor-element.elementor-element-bf15ad5 > .elementor-widget-container{margin:050px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-14390 .elementor-element.elementor-element-bf15ad5{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-14390 .elementor-element.elementor-element-14b4f6b{--display:flex;--min-height:94px;--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;--align-items:center;--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-14390 .elementor-element.elementor-element-2de7c51{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14390 .elementor-element.elementor-element-d45ca3d{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-14390 .elementor-element.elementor-element-d45ca3d.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-914196d{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-14390 .elementor-element.elementor-element-914196d.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-cdd10d1{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-14390 .elementor-element.elementor-element-cdd10d1.elementor-element{--align-self:center;}.elementor-14390 .elementor-element.elementor-element-1d7a2c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-1d7a2c8{text-align:center;}.elementor-14390 .elementor-element.elementor-element-1d7a2c8 .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-14390 .elementor-element.elementor-element-2a3fbff .elementor-button{background-color:#B1000000;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;}.elementor-14390 .elementor-element.elementor-element-2a3fbff .elementor-button:hover, .elementor-14390 .elementor-element.elementor-element-2a3fbff .elementor-button:focus{background-color:#B9000000;color:#A30000;}.elementor-14390 .elementor-element.elementor-element-2a3fbff > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-2a3fbff .elementor-button:hover svg, .elementor-14390 .elementor-element.elementor-element-2a3fbff .elementor-button:focus svg{fill:#A30000;}:root{--page-title-display:none;}body.elementor-page-14390{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1200px){.elementor-14390 .elementor-element.elementor-element-0cbbde8 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-14390 .elementor-element.elementor-element-0cbbde8 .elementor-divider{text-align:center;}.elementor-14390 .elementor-element.elementor-element-763dec7 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-14390 .elementor-element.elementor-element-3c49479{text-align:center;}.elementor-14390 .elementor-element.elementor-element-9d08b02{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14390 .elementor-element.elementor-element-22e19d3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-22e19d3{text-align:center;}.elementor-14390 .elementor-element.elementor-element-6c037ba > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-14390 .elementor-element.elementor-element-bf15ad5 > .elementor-widget-container{padding:0px 15px 0px 15px;}}@media(max-width:1024px){.elementor-14390 .elementor-element.elementor-element-bf15ad5 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-14390 .elementor-element.elementor-element-1d7a2c8 .elementor-heading-title{font-size:16px;}}@media(max-width:767px){.elementor-14390 .elementor-element.elementor-element-45e3393 .elementor-heading-title{font-size:18px;}.elementor-14390 .elementor-element.elementor-element-763dec7{text-align:center;font-size:14px;}.elementor-14390 .elementor-element.elementor-element-3c49479 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-14390 .elementor-element.elementor-element-3c49479 .elementor-heading-title{font-size:14px;}.elementor-14390 .elementor-element.elementor-element-22e19d3 .elementor-heading-title{font-size:18px;}.elementor-14390 .elementor-element.elementor-element-6c037ba{text-align:center;font-size:14px;}.elementor-14390 .elementor-element.elementor-element-bf15ad5{text-align:center;font-size:14px;}.elementor-14390 .elementor-element.elementor-element-2de7c51{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14390 .elementor-element.elementor-element-d45ca3d{--container-widget-width:75px;--container-widget-flex-grow:0;width:var( --container-widget-width, 75px );max-width:75px;}.elementor-14390 .elementor-element.elementor-element-914196d{--container-widget-width:75px;--container-widget-flex-grow:0;width:var( --container-widget-width, 75px );max-width:75px;}.elementor-14390 .elementor-element.elementor-element-cdd10d1{--container-widget-width:75px;--container-widget-flex-grow:0;width:var( --container-widget-width, 75px );max-width:75px;}.elementor-14390 .elementor-element.elementor-element-1d7a2c8 .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-14390 .elementor-element.elementor-element-9d08b02{--content-width:85%;}.elementor-14390 .elementor-element.elementor-element-a50e3f4{--width:35%;}.elementor-14390 .elementor-element.elementor-element-8918828{--width:35%;}.elementor-14390 .elementor-element.elementor-element-4ce5139{--width:35%;}.elementor-14390 .elementor-element.elementor-element-8d18ee3{--content-width:85%;}.elementor-14390 .elementor-element.elementor-element-2de7c51{--width:40%;}}/* Start custom CSS for html, class: .elementor-element-8e25a42 *//* ==================== STYLES FLIPBOOK - Préfixés pour éviter conflits ==================== */

/* Conteneur principal du flipbook */
.flipbook-container {
    width: 100%;                    /* Pleine largeur */
    height: 800px;                  /* Hauteur fixe du flipbook */
    background: linear-gradient(135deg, #1f1f1f, #3a3a3a, #5a5a5a); /* Dégradé de fond gris */
    display: flex;                  /* Flexbox pour organiser les enfants */
    flex-direction: column;         /* Empile les éléments verticalement */
    position: relative;             /* Positionnement relatif pour les enfants absolus */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Poppins, sans-serif; /* Police système */
}

/* Zone principale où s'affiche le magazine */
.flipbook-main-area {
    flex: 1;                        /* Prend tout l'espace disponible */
    display: flex;                  /* Flexbox pour centrer le contenu */
    align-items: center;            /* Centre verticalement */
    justify-content: center;        /* Centre horizontalement */
    overflow: hidden;               /* Cache le débordement */
    padding: 2rem;                  /* Espacement intérieur */
}

/* Wrapper du magazine (conteneur intermédiaire) */
.flipbook-magazine-wrapper {
    position: relative;             /* Pour positionner les flèches */
    margin: 0 auto;                 /* Centre horizontalement */
    width: 100%;                    /* Pleine largeur */
    overflow: visible;              /* Permet aux ombres de dépasser */
    display: flex !important;       /* Force le flexbox */
    justify-content: center !important; /* Centre le contenu */
    align-items: center !important; /* Aligne verticalement */
}

/* Le magazine Turn.js lui-même */
#flipbook-magazine {
    width: 100%;                    /* Pleine largeur du parent */
    height: 100%;                   /* Pleine hauteur du parent */
    position: relative !important;  /* Force le positionnement relatif */
    transform: translateX(-25%) !important; /* Décale de 25% à gauche (page seule) */
    margin: 0 !important;           /* Pas de marge */
    overflow: visible;              /* Permet aux ombres de dépasser */
}

/* Mode double page (pages 2-27) */
#flipbook-magazine.double-page-mode {
    left: 0 !important;             /* Pas de décalage gauche */
    transform: none !important;     /* Annule le translateX */
}

/* Dernière page seule (page 28) */
#flipbook-magazine.last-single-page {
    transform: translateX(25%) !important; /* Décale de 25% à droite */
}

#flipbook-magazine,
#flipbook-magazine * {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Style de chaque page individuelle */
.flipbook-page {
    background-color: #ffffff;      /* Fond blanc */
    background-size: cover;         /* Image couvre toute la page */
    background-position: center;    /* Image centrée */
    background-repeat: no-repeat;   /* Pas de répétition */
    position: relative;             /* Pour positionner les ombres */
    overflow: hidden;               /* Cache le débordement */
    box-shadow: none !important;    /* Pas d'ombre par défaut */
}

/* Images dans les pages */
.flipbook-page img {
    width: 100%;                    /* Pleine largeur */
    height: 100%;                   /* Pleine hauteur */
    object-fit: cover;              /* Couvre sans déformer */
}

/* Vidéos intégrées dans les pages */
.flipbook-page video {
    pointer-events: auto;           /* Permet les clics sur les contrôles */
    display: block;                 /* Affichage en bloc */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3); /* Ombre portée */
    z-index: 5;                     /* Au-dessus des autres éléments */
}

/* ================== Ombres latérales sur chaque page ================== */

/* Pseudo-éléments pour les ombres gauche et droite */
#flipbook-magazine .flipbook-page::before,
#flipbook-magazine .flipbook-page::after {
    content: '';                    /* Contenu vide requis */
    position: absolute;             /* Positionnement absolu */
    top: 0;                         /* Aligne en haut */
    height: 100%;                   /* Toute la hauteur */
    width: 35px;                    /* Largeur de l'ombre */
    z-index: 1;                     /* Au-dessus de l'image */
    pointer-events: none;           /* N'intercepte pas les clics */
}

/* Ombre côté gauche de chaque page */
#flipbook-magazine .flipbook-page::before {
    left: 0;                        /* Aligné à gauche */
    background: linear-gradient(to right, rgba(0,0,0,0.2), transparent); /* Dégradé vers la droite */
}

/* Ombre côté droit de chaque page */
#flipbook-magazine .flipbook-page::after {
    right: 0;                       /* Aligné à droite */
    background: linear-gradient(to left, rgba(0,0,0,0.2), transparent); /* Dégradé vers la gauche */
}

/* ================== Styles Turn.js ================== */

/* Pages générées par Turn.js */
.flipbook-magazine-wrapper .turn-page {
    background-color: #ffffff;      /* Fond blanc */
}

/* Wrapper de perspective 3D */
.flipbook-magazine-wrapper .page-wrapper {
    perspective: 2000px;            /* Profondeur de la perspective 3D */
}

/* Pages paires et impaires */
.flipbook-magazine-wrapper .even,
.flipbook-magazine-wrapper .odd {
    display: block;                 /* Affichage en bloc */
}

/* Ombres personnalisées de Turn.js */
.flipbook-magazine-wrapper .shadow {
    transition: box-shadow 0.5s;    /* Transition douce des ombres */
}

/* ================== Barre de contrôle en bas ================== */

.flipbook-controls {
    background-color: #171717;      /* Fond noir foncé */
    border-top: 2px solid #A40000;  /* Bordure supérieure rouge */
    padding: 1rem;                  /* Espacement intérieur */
    z-index: 100 !important;        /* Au-dessus de tout */
}

/* Conteneur interne des contrôles */
.flipbook-controls-inner {
    z-index: 25;                    /* Z-index pour superposition */
    max-width: 85rem;               /* Largeur maximale */
    margin: 0 auto;                 /* Centre horizontalement */
    display: flex;                  /* Flexbox pour aligner les éléments */
    align-items: center;            /* Centre verticalement */
    justify-content: space-between; /* Espace entre les groupes */
    gap: 2rem;                      /* Espacement entre les groupes */
    flex-wrap: nowrap;              /* Pas de retour à la ligne */
    height: 45px;                   /* Hauteur fixe */
}

/* ================== Barre de recherche ================== */

/* Conteneur de la recherche */
.flipbook-search-container {
    position: relative;             /* Pour positionner les résultats */
    display: flex;                  /* Flexbox */
    align-items: center;            /* Centre verticalement */
    margin-left: 1rem;              /* Marge à gauche */
}

/* Champ de saisie de recherche */
.flipbook-search-input {
    padding: 0.5rem 2.5rem 0.5rem 0.75rem; /* Espacement (droite pour l'icône) */
    border-radius: 0.375rem;        /* Coins arrondis */
    border: 1px solid #404040;      /* Bordure grise */
    background-color: #262626;      /* Fond gris foncé */
    color: #ffffff;                 /* Texte blanc */
    font-size: 0.875rem;            /* Taille de police */
    width: 225px;                   /* Largeur fixe */
    min-width: 225px;               /* Largeur minimum */
    max-width: 225px;               /* Largeur maximum */
    transition: all 0.2s;           /* Transition douce */
    outline: none;                  /* AJOUTÉ: Supprime le contour bleu au focus */
}

/* État focus de la recherche */
.flipbook-search-input:focus {
    outline: none;                  /* Pas de contour */
    border-color: #dc2626;          /* Bordure rouge au focus */
    background-color: #1a1a1a;      /* Fond plus foncé */
}

/* Texte placeholder de la recherche */
.flipbook-search-input::placeholder {
    color: #737373;                 /* Gris moyen */
}

/* Icône de loupe dans la recherche */
.flipbook-search-icon {
    position: absolute;             /* Positionnement absolu */
    right: 0.75rem;                 /* 12px du bord droit */
    width: 1rem;                    /* Largeur 16px */
    height: 1rem;                   /* Hauteur 16px */
    color: #737373;                 /* Gris moyen */
    pointer-events: none;           /* N'intercepte pas les clics */
}

/* Overlay des résultats de recherche */
.flipbook-search-results {
    position: absolute;             /* Positionnement absolu */
    bottom: calc(100% + 0.5rem);   /* Au-dessus de la barre */
    left: 0;                        /* Aligné à gauche */
    right: 0;                       /* Aligné à droite */
    background-color: white;        /* Fond blanc */
    border: 1px solid #404040;      /* Bordure grise */
    border-radius: 0.5rem;          /* Coins arrondis */
    max-height: 400px;              /* Hauteur max avec scroll */
    overflow-y: auto;               /* Scroll vertical si nécessaire */
    z-index: 1000;                  /* Au-dessus de tout */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); /* Ombre portée */
}

/* Item de résultat individuel */
.flipbook-search-result-item {
    padding: 0.75rem 1rem;          /* Espacement intérieur */
    cursor: pointer;                /* Curseur pointeur */
    border-bottom: 1px solid #262626; /* Bordure séparatrice */
    transition: background-color 0.2s; /* Transition du fond */
}

/* Survol d'un résultat */
.flipbook-search-result-item:hover {
    background-color: #ebebeb;      /* Fond gris clair au survol */
}

/* Dernier résultat sans bordure */
.flipbook-search-result-item:last-child {
    border-bottom: none;            /* Pas de bordure en bas */
}

/* Titre du service dans le résultat */
.flipbook-search-result-title {
    color: black;                   /* Texte noir */
    font-size: 0.875rem;            /* Taille de police */
    font-weight: 500;               /* Poids moyen */
    margin-bottom: 0.25rem;         /* Marge en bas */
}

/* Numéro de page dans le résultat */
.flipbook-search-result-page {
    color: grey;                    /* Texte gris */
    font-size: 0.75rem;             /* Plus petit */
    font-weight: 600;               /* Semi-gras */
}

/* Message "aucun résultat" */
.flipbook-search-no-results {
    padding: 1rem;                  /* Espacement */
    text-align: center;             /* Texte centré */
    color: #737373;                 /* Gris moyen */
    font-size: 0.875rem;            /* Taille de police */
}

/* En-tête de catégorie dans les résultats */
.flipbook-search-category {
    padding: 0.5rem 1rem;           /* Espacement */
    background-color: #A40000;      /* Fond rouge */
    color: white;                   /* Texte blanc */
    font-size: 0.75rem;             /* Petite taille */
    font-weight: 600;               /* Semi-gras */
    text-transform: uppercase;      /* Majuscules */
    letter-spacing: 0.05em;         /* Espacement des lettres */
    border-bottom: 1px solid #262626; /* Bordure en bas */
}

/* ================== Titre/Logo centré ================== */

/* Conteneur du titre */
.flipbook-controls-title {
    position: absolute;             /* Positionnement absolu */
    left: 50%;                      /* Au milieu */
    transform: translateX(-50%);    /* Centre parfaitement */
    white-space: nowrap;            /* Pas de retour à la ligne */
}

/* Logo image */
.flipbook-title-logo {
    height: 152px;                  /* Hauteur fixe */
    width: 152px;                   /* Largeur fixe (carré) */
    display: block;                 /* Affichage en bloc */
    padding-bottom: 5px;            /* Espace en bas */
    transition: transform 0.25s ease, opacity 0.25s ease; /* Transition douce */
}

/* Survol du logo */
.flipbook-title-logo:hover {
    transform: translateY(-2px) scale(1.03); /* Légère élévation et zoom */
    opacity: 0.9;                   /* Légère transparence */
}

/* ================== Groupes de navigation ================== */

/* Groupe de boutons */
.flipbook-nav-group {
    display: flex;                  /* Flexbox */
    align-items: center;            /* Centre verticalement */
    gap: 0.5rem;                    /* Espacement entre boutons */
}

/* ================== Boutons ================== */

/* Bouton de téléchargement avec label */
#flipbook-btn-download {
    display: flex;                  /* Flexbox pour aligner icône + texte */
    align-items: center;            /* Centre verticalement */
    justify-content: center;        /* AJOUTÉ: Centre horizontalement */
    gap: 2px;                       /* Petit espace entre icône et texte */
}

/* Survol du bouton téléchargement */
#flipbook-btn-download:hover {
    background-color: green;        /* Fond vert au survol */
    scale: 0.95;                    /* Légère réduction */
}

/* Style de base de tous les boutons */
.flipbook-btn {
    padding: 0.5rem;                /* Espacement intérieur */
    border-radius: 0.375rem;        /* Coins arrondis */
    border: none;                   /* Pas de bordure */
    cursor: pointer;                /* Curseur pointeur */
    transition: all 0.2s;           /* Transition douce */
    background-color: #262626;      /* Fond gris foncé */
    display: flex;                  /* AJOUTÉ: Flexbox pour centrer le contenu */
    align-items: center;            /* AJOUTÉ: Centre verticalement */
    justify-content: center;        /* AJOUTÉ: Centre horizontalement */
    color: #ffffff;                 /* Texte blanc */
    outline: none;                  /* AJOUTÉ: Supprime le contour au focus */
    -webkit-tap-highlight-color: transparent; /* AJOUTÉ: Supprime le rose mobile */
    user-select: none;              /* AJOUTÉ: Empêche la sélection du texte */
}

/* Forcer la suppression complète du rose sur tous les états */
.flipbook-btn:focus,
.flipbook-btn:active,
.flipbook-btn:focus-visible,
.flipbook-btn:focus-within {
    outline: none !important;
    background-color: #262626 !important; /* Force le fond gris */
    box-shadow: none !important;
}

/* Idem pour le bouton primaire */
.flipbook-btn-primary:focus,
.flipbook-btn-primary:active,
.flipbook-btn-primary:focus-visible {
    background-color: #A40000 !important; /* Force le fond rouge */
}

/* Suppression sur les boutons de partage */
.flipbook-share-btn:focus,
.flipbook-share-btn:active {
    background-color: transparent !important;
}

/* Suppression sur les miniatures */
.flipbook-thumbnail-btn:focus,
.flipbook-thumbnail-btn:active {
    background-color: transparent !important;
}

/* AJOUTÉ: Supprime le contour bleu/rose au focus et au clic */
.flipbook-btn:focus,
.flipbook-btn:active {
    outline: none;                  /* Pas de contour */
    box-shadow: none;               /* Pas d'ombre */
}

/* Label textuel dans les boutons */
.flipbook-btn-label {
    font-size: 0.85rem;             /* Taille de police */
    white-space: nowrap;            /* Pas de retour à la ligne */
}

/* Survol des boutons (sauf désactivés) */
.flipbook-btn:hover:not(:disabled) {
    background-color: #404040;      /* Fond gris plus clair */
}

/* Boutons désactivés */
.flipbook-btn:disabled {
    opacity: 0.3;                   /* Transparence */
    cursor: not-allowed;            /* Curseur interdit */
}

/* Bouton primaire (téléchargement) */
.flipbook-btn-primary {
    background-color: #A40000;      /* Fond rouge */
}

/* Survol du bouton primaire */
.flipbook-btn-primary:hover {
    background-color: green;        /* Fond vert */
}

/* Compteur de pages */
.flipbook-page-counter {
    padding: 0.25rem 0.75rem;       /* Espacement intérieur */
    background-color: #262626;      /* Fond gris foncé */
    border-radius: 0.375rem;        /* Coins arrondis */
    color: #ffffff;                 /* Texte blanc */
    font-size: 0.875rem;            /* Taille de police */
    white-space: nowrap;            /* Pas de retour à la ligne */
}

/* Icônes SVG dans les boutons */
.flipbook-icon {
    width: 1.25rem;                 /* Largeur 20px */
    height: 1.25rem;                /* Hauteur 20px */
    flex-shrink: 0;                 /* AJOUTÉ: Empêche le rétrécissement */
}

/* ================== Menu de partage ================== */

/* Overlay du menu de partage */
.flipbook-share-menu {
    position: absolute;             /* Positionnement absolu */
    bottom: 100%;                   /* Au-dessus du bouton */
    right: 0;                       /* Aligné à droite */
    margin-bottom: 0.5rem;          /* Espace avec le bouton */
    background-color: #262626;      /* Fond gris foncé */
    border-radius: 0.5rem;          /* Coins arrondis */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); /* Ombre portée */
    padding: 0.5rem;                /* Espacement intérieur */
    min-width: 200px;               /* Largeur minimum */
    z-index: 50;                    /* Au-dessus des autres éléments */
}

/* Bouton dans le menu de partage */
.flipbook-share-btn {
    width: 100%;                    /* Pleine largeur */
    text-align: left;               /* Texte aligné à gauche */
    padding: 0.5rem 1rem;           /* Espacement */
    border-radius: 0.375rem;        /* Coins arrondis */
    border: none;                   /* Pas de bordure */
    background: transparent;        /* Fond transparent */
    color: #ffffff;                 /* Texte blanc */
    font-size: 0.875rem;            /* Taille de police */
    cursor: pointer;                /* Curseur pointeur */
    transition: background-color 0.2s; /* Transition du fond */
    outline: none;                  /* AJOUTÉ: Supprime le contour */
    -webkit-tap-highlight-color: transparent; /* AJOUTÉ: Supprime le rose mobile */
}

/* AJOUTÉ: Supprime le contour au focus */
.flipbook-share-btn:focus,
.flipbook-share-btn:active {
    outline: none;
    box-shadow: none;
}

/* Survol des boutons de partage */
.flipbook-share-btn:hover {
    background-color: #404040;      /* Fond gris au survol */
}

/* ================== Overlay des miniatures ================== */

/* Overlay plein écran des miniatures */
.flipbook-thumbnails-overlay {
    position: fixed;                /* Fixé sur l'écran */
    inset: 0;                       /* Couvre tout l'écran */
    background-color: rgba(0, 0, 0, 0.95); /* Fond noir semi-transparent */
    z-index: 100;                   /* Au-dessus de tout */
    display: flex;                  /* Flexbox */
    flex-direction: column;         /* Empile verticalement */
    animation: flipbook-fade-in 0.2s; /* Animation d'apparition */
}

/* Animation d'apparition */
@keyframes flipbook-fade-in {
    from { opacity: 0; }            /* Commence invisible */
    to { opacity: 1; }              /* Termine visible */
}

/* En-tête des miniatures */
.flipbook-thumbnails-header {
    display: flex;                  /* Flexbox */
    align-items: center;            /* Centre verticalement */
    justify-content: space-between; /* Espace entre titre et bouton */
    padding: 1rem;                  /* Espacement */
    border-bottom: 1px solid #dc2626; /* Bordure rouge en bas */
}

/* Titre "Toutes les pages" */
.flipbook-thumbnails-title {
    color: #ffffff;                 /* Texte blanc */
    font-size: 1.25rem;             /* Taille de police */
    font-weight: 600;               /* Semi-gras */
    margin: 0;                      /* Pas de marge */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Poppins, sans-serif; /* Police */
}

/* Zone de contenu scrollable */
.flipbook-thumbnails-content {
    flex: 1;                        /* Prend l'espace disponible */
    overflow-y: auto;               /* Scroll vertical */
    padding: 1rem;                  /* Espacement */
}

/* Grille des miniatures */
.flipbook-thumbnails-grid {
    display: grid;                  /* Grille CSS */
    grid-template-columns: repeat(2, 1fr); /* 2 colonnes par défaut (mobile) */
    gap: 1rem;                      /* Espacement entre les items */
    max-width: 80rem;               /* Largeur max */
    margin: 0 auto;                 /* Centre horizontalement */
}

/* ================== Flèches de navigation latérales ================== */

/* Flèches gauche et droite */
.flipbook-side-arrows {
    position: absolute;             /* Positionnement absolu */
    bottom: 10px;                   /* 10px du bas */
    width: 50px;                    /* Largeur */
    height: 50px;                   /* Hauteur */
    display: flex;                  /* Flexbox */
    align-items: center;            /* Centre verticalement */
    justify-content: center;        /* Centre horizontalement */
    cursor: pointer;                /* Curseur pointeur */
    transition: all 0.3s;           /* Transition douce */
    z-index: 10;                    /* Au-dessus des pages */
}

/* Survol des flèches */
.flipbook-side-arrows:hover {
    transform: scale(1.1);          /* Zoom de 110% */
}

/* Images des flèches */
.flipbook-side-arrows img {
    width: 50px;                    /* Largeur */
    height: 50px;                   /* Hauteur */
    filter: brightness(0) invert(1); /* Convertit en blanc */
}

/* Survol des images de flèches */
.flipbook-side-arrows img:hover {
    width: 50px;                    /* Garde la taille */
    height: 50px;                   /* Garde la taille */
    filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(4841%) hue-rotate(354deg) brightness(88%) contrast(93%); /* Convertit en rouge */
}

/* Rotation de la flèche droite */
.flipbook-side-arrows.right img {
    transform: rotate(180deg);      /* Rotation de 180° */
}

/* ================== Media Queries - Responsive ================== */

/* Tablette et plus (3 colonnes) */
@media (min-width: 640px) {
    .flipbook-thumbnails-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop petit (4 colonnes) */
@media (min-width: 768px) {
    .flipbook-thumbnails-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Desktop moyen (5 colonnes) */
@media (min-width: 1024px) {
    .flipbook-thumbnails-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Desktop large (6 colonnes) */
@media (min-width: 1280px) {
    .flipbook-thumbnails-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* ================== Styles des miniatures ================== */

/* Bouton de miniature */
.flipbook-thumbnail-btn {
    position: relative;             /* Pour positionner le label */
    background: transparent;        /* Fond transparent */
    border: none;                   /* Pas de bordure */
    cursor: pointer;                /* Curseur pointeur */
    padding: 0;                     /* Pas d'espacement */
    transition: transform 0.2s;     /* Transition douce */
    outline: none;                  /* AJOUTÉ: Supprime le contour */
    -webkit-tap-highlight-color: transparent; /* AJOUTÉ: Supprime le rose mobile */
}

/* AJOUTÉ: Supprime le contour au focus */
.flipbook-thumbnail-btn:focus,
.flipbook-thumbnail-btn:active {
    outline: none;
    box-shadow: none;
}

/* Miniature active (page courante) */
.flipbook-thumbnail-btn.active {
    transform: scale(1.05);         /* Zoom de 105% */
}

/* Wrapper de la miniature */
.flipbook-thumbnail-wrapper {
    aspect-ratio: 210 / 297;        /* Ratio A4 */
    background-color: #ffffff;      /* Fond blanc */
    border-radius: 0.5rem;          /* Coins arrondis */
    overflow: hidden;               /* Cache le débordement */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5); /* Ombre portée */
    transition: all 0.2s;           /* Transition douce */
}

/* Miniature active avec bordure rouge */
.flipbook-thumbnail-btn.active .flipbook-thumbnail-wrapper {
    box-shadow: 0 0 0 4px #dc2626, 0 0 20px rgba(220, 38, 38, 0.5); /* Bordure + halo rouge */
}

/* Survol des miniatures (non actives) */
.flipbook-thumbnail-btn:hover:not(.active) .flipbook-thumbnail-wrapper {
    box-shadow: 0 0 0 2px #a3a3a3, 0 20px 25px -5px rgba(0, 0, 0, 0.5); /* Bordure grise + ombre */
}

/* Zoom de l'image au survol */
.flipbook-thumbnail-btn:hover .flipbook-thumbnail-wrapper img {
    transform: scale(1.05);         /* Zoom de 105% */
}

/* Image dans la miniature */
.flipbook-thumbnail-wrapper img {
    width: 100%;                    /* Pleine largeur */
    height: 100%;                   /* Pleine hauteur */
    object-fit: cover;              /* Couvre sans déformer */
    transition: transform 0.2s;     /* Transition du zoom */
}

/* Label du numéro de page */
.flipbook-thumbnail-label {
    position: absolute;             /* Positionnement absolu */
    bottom: 0.5rem;                 /* 8px du bas */
    left: 50%;                      /* Au milieu */
    transform: translateX(-50%);    /* Centre parfaitement */
    padding: 0.25rem 0.75rem;       /* Espacement */
    border-radius: 9999px;          /* Complètement arrondi */
    font-size: 0.75rem;             /* Petite taille */
    font-weight: 600;               /* Semi-gras */
    transition: all 0.2s;           /* Transition douce */
}

/* Label de la page active (rouge) */
.flipbook-thumbnail-btn.active .flipbook-thumbnail-label {
    background-color: #dc2626;      /* Fond rouge */
    color: #ffffff;                 /* Texte blanc */
    transform: translateX(-50%) scale(1.1); /* Centre + zoom */
}

/* Label des pages non actives (noir) */
.flipbook-thumbnail-btn:not(.active) .flipbook-thumbnail-label {
    background-color: rgba(0, 0, 0, 0.8); /* Fond noir semi-transparent */
    color: #ffffff;                 /* Texte blanc */
}

/* Label au survol (non actif) */
.flipbook-thumbnail-btn:hover:not(.active) .flipbook-thumbnail-label {
    background-color: rgba(0, 0, 0, 1); /* Fond noir opaque */
    transform: translateX(-50%) scale(1.05); /* Centre + léger zoom */
}

/* ================== Media Query - Écrans moyens ================== */

/* Masquer les flèches sur écrans < 1200px */
@media (max-width: 1200px) {
    .flipbook-side-arrows {
        display: none;              /* Cache les flèches */
    }
    
    .flipbook-side-arrows img {
        display: none;              /* Cache les images */
    }
}

        /* Mobile adaptations */
/* Mobile adaptations */
@media (max-width: 767px) {
    
    /* AJOUTEZ cette règle pour réduire la hauteur du conteneur */
    .flipbook-container {
        height: 100vh !important;    /* Prend toute la hauteur de l'écran */
        min-height: 600px;         /* Hauteur minimum */
        max-height: 700px;
    }

    .flipbook-main-area {
        padding: 0.5rem;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    #flipbook-magazine {
        transform: none !important;
        overflow: visible !important;
    }

    #flipbook-magazine.last-single-page {
        transform: none !important;
    }
    
    .flipbook-page video {
    
    }

    .flipbook-page-counter {
        font-size: 0.75rem;
    }

    .flipbook-controls-title,
    .flipbook-side-arrows,
    .flipbook-side-arrows img {
        display: none;
    }

    /* MODIFIEZ/AJOUTEZ CES RÈGLES */
    .flipbook-page {
        background-color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    }

    /* Forcer la visibilité des pages Turn.js en mobile */
    #flipbook-magazine .turn-page,
    #flipbook-magazine .turn-page-wrapper,
    #flipbook-magazine .page {
        opacity: 1 !important;
        visibility: visible !important;
        background-color: #ffffff !important;
    }

    /* Animation flip mobile - pages solides */
    .turn-page-wrapper {
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }
    
    /* Pages pendant l'animation */
    .turn-page.hard {
        opacity: 1 !important;
    }

    .flipbook-magazine-wrapper {
        overflow: visible !important;
    }

    .flipbook-btn-label {
        display: none;
    }

    .flipbook-search-container {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d3fae3 */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

/* Le body est clean */
body {
  background-color: #000000;
  overflow-x: hidden;
}

/* Conteneur local */
.card-container {
  width: fit-content;
  margin: auto,
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.card {
  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;
}

.card::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%; }
}

.cover {
  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;
}

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

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

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

.card: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);
}

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

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

.content h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c1a77d */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

/* Le body est clean */
body {
  background-color: #000000;
  overflow-x: hidden;
}

/* Conteneur local */
.card-container {
  width: fit-content;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Composant carte */
.card {
  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;
}

.card::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%; }
}

.cover {
  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;
}

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

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

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

.card: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);
}

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

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

.content h2 {
  font-size: 11px;
  margin-bottom: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9f9c1b *//* 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: 8px;
}

.contentalpha h2 {
  font-size: 12px;
  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 {
    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: 5px;
    padding: 0.5rem;
  }

  .contentalpha h2 {
    font-size: 9px;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}/* End custom CSS */