.elementor-9 .elementor-element.elementor-element-bc6c01a{--display:flex;--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-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-c14e61c .elementor-repeater-item-cab5d16 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://003.monsitewordpress.online/wp-content/uploads/2026/04/dannie-jing-3GZlhROZIQg-unsplash-scaled.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-c14e61c .elementor-repeater-item-cab5d16 .elementor-background-overlay{background-color:#00000038;}.elementor-9 .elementor-element.elementor-element-c14e61c .elementor-repeater-item-c4776b7 .swiper-slide-bg{background-color:#4054b2;}.elementor-9 .elementor-element.elementor-element-c14e61c .elementor-repeater-item-2bf1bea .swiper-slide-bg{background-color:#1abc9c;}.elementor-9 .elementor-element.elementor-element-c14e61c .swiper-slide{transition-duration:calc(5000ms*1.2);height:550px;}.elementor-9 .elementor-element.elementor-element-c14e61c{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-c14e61c .swiper-slide-contents{max-width:66%;}.elementor-9 .elementor-element.elementor-element-c14e61c .swiper-slide-inner{text-align:center;}.elementor-9 .elementor-element.elementor-element-c14e61c .elementor-slide-heading{font-family:"octuple max", Sans-serif;font-weight:600;}.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-9 .elementor-element.elementor-element-942871d{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:435.063px;z-index:1000;}.elementor-9 .elementor-element.elementor-element-942871d.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-942871d{left:474px;}body.rtl .elementor-9 .elementor-element.elementor-element-942871d{right:474px;}.elementor-9 .elementor-element.elementor-element-942871d img{width:18%;}.elementor-9 .elementor-element.elementor-element-59d38bf{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:1227.701px;z-index:1000;}.elementor-9 .elementor-element.elementor-element-59d38bf.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-59d38bf{left:-566px;}body.rtl .elementor-9 .elementor-element.elementor-element-59d38bf{right:-566px;}.elementor-9 .elementor-element.elementor-element-59d38bf img{width:24%;}.elementor-9 .elementor-element.elementor-element-ac81d0a{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:2230.231px;z-index:1000;}.elementor-9 .elementor-element.elementor-element-ac81d0a.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-ac81d0a{left:187px;}body.rtl .elementor-9 .elementor-element.elementor-element-ac81d0a{right:187px;}.elementor-9 .elementor-element.elementor-element-ac81d0a img{width:15%;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{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-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-wrapper{max-width:53%;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 27px/2 );}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 27px/2 );}body.rtl .elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 27px/2 );}body.rtl .elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 27px/2 );}.elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-item{padding:10px 10px 10px 10px;background-color:#FE84E700;border-radius:40px 40px 40px 40px;}.elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-digits{color:#000000;font-family:"Space Mono", Sans-serif;font-weight:400;}.elementor-9 .elementor-element.elementor-element-7928ab2 .elementor-countdown-label{color:#000000;}.elementor-9 .elementor-element.elementor-element-dad2785{--spacer-size:50px;}.elementor-9 .elementor-element.elementor-element-aeb65f7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-bc40659{--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-9 .elementor-element.elementor-element-065e791 img{border-radius:34px 34px 34px 34px;}.elementor-9 .elementor-element.elementor-element-03186df{--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-9 .elementor-element.elementor-element-197a637{--spacer-size:50px;}.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-9 .elementor-element.elementor-element-5aca737{text-align:center;}.elementor-9 .elementor-element.elementor-element-5aca737 .elementor-heading-title{font-family:"octuple max", Sans-serif;font-size:47px;font-weight:500;letter-spacing:0.5px;color:#B2FCE5;}.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-9 .elementor-element.elementor-element-db5267d{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;color:#000000;}.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-9 .elementor-element.elementor-element-e596c34 .elementor-button{background-color:#FE84E7;font-family:"Space Mono", Sans-serif;font-size:20px;font-weight:500;text-decoration:none;fill:#020202;color:#020202;}.elementor-9 .elementor-element.elementor-element-8f303fb{--display:flex;}.elementor-9 .elementor-element.elementor-element-1af2b9b{--spacer-size:50px;}.elementor-9 .elementor-element.elementor-element-479820c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-479820c .elementor-heading-title{font-family:"octuple max", Sans-serif;font-size:47px;font-weight:500;letter-spacing:0.5px;color:#B2FCE5;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#0000001C;}.elementor-9 .elementor-element.elementor-element-13266f7{--image-border-width:0px;--image-border-radius:0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-9 .elementor-element.elementor-element-095dc21 .elementor-button{background-color:#FE84E7;font-family:"Space Mono", Sans-serif;font-size:20px;font-weight:500;text-decoration:none;fill:#020202;color:#020202;}.elementor-9 .elementor-element.elementor-element-ea3b5e0{--spacer-size:50px;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A199FB00;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-bc40659{--width:50%;}.elementor-9 .elementor-element.elementor-element-03186df{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-942871d */body, html { overflow-x: hidden; } /* Donne un nom à l'animation et la définit */ .elementor-9 .elementor-element.elementor-element-942871d { animation: y2kFloat 4s ease-in-out infinite; } /* Définit le mouvement (monte de 20px) */ @keyframes y2kFloat { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-59d38bf */body, html { overflow-x: hidden; } /* Donne un nom à l'animation et la définit */ .elementor-9 .elementor-element.elementor-element-59d38bf { animation: y2kFloat 4s ease-in-out infinite; } /* Définit le mouvement (monte de 20px) */ @keyframes y2kFloat { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ac81d0a */body, html { overflow-x: hidden; } /* Donne un nom à l'animation et la définit */ .elementor-9 .elementor-element.elementor-element-ac81d0a { animation: y2kFloat 4s ease-in-out infinite; } /* Définit le mouvement (monte de 20px) */ @keyframes y2kFloat { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for countdown, class: .elementor-element-7928ab2 *//* Conteneur principal Glassmorphism Rose */ .elementor-9 .elementor-element.elementor-element-7928ab2 { background: rgba(254, 132, 231, 0.2); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 10px; /* Ombre adoucie : opacité à 0.25 et flou à 25px */ box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.5); padding: 50px 20px 20px; margin: 20px auto; max-width: 90%; position: relative; overflow: hidden; } /* Barre de titre Y2K Rose */ .elementor-9 .elementor-element.elementor-element-7928ab2::before { content: "compteàrebourd.exe"; position: absolute; top: 0; left: 0; width: 100%; height: 35px; background: linear-gradient(180deg, rgba(254, 132, 231, 0.5) 0%, rgba(254, 132, 231, 0.2) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: flex; align-items: center; padding-left: 15px; font-family: 'Tahoma', sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } /* Boutons de fenêtre avec icônes Windows */ .elementor-9 .elementor-element.elementor-element-7928ab2::after { content: ""; position: absolute; top: 10px; right: 15px; width: 50px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='14' height='14' rx='3' fill='%2327C93F'/%3E%3Cline x1='3' y1='9' x2='11' y2='9' stroke='white' stroke-width='1.5'/%3E%3Crect x='18' y='0' width='14' height='14' rx='3' fill='%23FFBD2E'/%3E%3Crect x='21' y='3' width='8' height='8' fill='none' stroke='white' stroke-width='1.5'/%3E%3Crect x='36' y='0' width='14' height='14' rx='3' fill='%23FF605C'/%3E%3Cline x1='39' y1='3' x2='47' y2='11' stroke='white' stroke-width='1.5'/%3E%3Cline x1='47' y1='3' x2='39' y2='11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e596c34 *//* Bouton Premium Glass Y2K */ .elementor-9 .elementor-element.elementor-element-e596c34 .elementor-button { /* Fond en dégradé pour simuler la courbure du verre */ background: linear-gradient(135deg, rgba(254, 132, 231, 0.4) 0%, rgba(254, 132, 231, 0.1) 100%); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Bordure fine "éclat de diamant" */ border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; /* Plus carré = plus pro/rétro */ font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; /* Double ombre : une portée légère et un reflet blanc interne très net */ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 -1px 10px rgba(254, 132, 231, 0.2); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* Effet de brillance qui traverse le bouton au survol */ .elementor-9 .elementor-element.elementor-element-e596c34 .elementor-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: 0.5s; } .elementor-9 .elementor-element.elementor-element-e596c34 .elementor-button:hover::before { left: 100%; } /* Hover : Le bouton s'illumine sans devenir "pâteux" */ .elementor-9 .elementor-element.elementor-element-e596c34 .elementor-button:hover { background: linear-gradient(135deg, rgba(254, 132, 231, 0.6) 0%, rgba(254, 132, 231, 0.3) 100%); transform: translateY(-3px); box-shadow: 0 12px 25px rgba(254, 132, 231, 0.3), inset 0 1px 2px rgba(255, 255, 255, 1); color: #ffffff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aeb65f7 *//* 1. Effet Glassmorphism sur le conteneur principal */ .elementor-9 .elementor-element.elementor-element-aeb65f7 { background: rgba(255, 255, 255, 0.15); /* Transparence du fond */ backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); margin: 20px auto; /* 20px d'espace autour et centre le conteneur */ max-width: 95%; /* Laisse toujours un petit espace, même sur téléphone */ border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 8px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.5); padding-top: 40px; /* Espace laissé pour la barre de titre */ position: relative; overflow: hidden; } /* 2. Barre de titre style Y2K translucide */ .elementor-9 .elementor-element.elementor-element-aeb65f7::before { content: "apropos.exe"; /* Tu peux changer ou enlever ce texte */ position: absolute; top: 0; left: 0; width: 100%; height: 32px; background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; padding-left: 12px; font-family: 'Tahoma', 'Courier New', sans-serif; font-size: 12px; font-weight: bold; color: rgba(255, 255, 255, 0.8); /* Couleur du texte du titre */ text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } /* 3. Icônes Windows (Réduire, Agrandir, Fermer) en mode Glass */ /* Boutons de fenêtre avec icônes Windows (Réduire, Agrandir, Fermer) */ .elementor-9 .elementor-element.elementor-element-aeb65f7::after { content: ""; position: absolute; top: 10px; right: 15px; width: 50px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='14' height='14' rx='3' fill='%2327C93F'/%3E%3Cline x1='3' y1='9' x2='11' y2='9' stroke='white' stroke-width='1.5'/%3E%3Crect x='18' y='0' width='14' height='14' rx='3' fill='%23FFBD2E'/%3E%3Crect x='21' y='3' width='8' height='8' fill='none' stroke='white' stroke-width='1.5'/%3E%3Crect x='36' y='0' width='14' height='14' rx='3' fill='%23FF605C'/%3E%3Cline x1='39' y1='3' x2='47' y2='11' stroke='white' stroke-width='1.5'/%3E%3Cline x1='47' y1='3' x2='39' y2='11' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for gallery, class: .elementor-element-13266f7 *//* Conteneur de l'image (SANS margin ni padding pour sauver le Masonry) */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item { border-radius: 8px; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25); } /* Barre de titre Y2K posée par-dessus l'image avec effet Glass */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item::before { content: "image.exe"; position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(8px); /* Floute l'image juste derrière la barre */ -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: flex; align-items: center; padding-left: 10px; font-family: 'Tahoma', sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); z-index: 10; } /* Boutons de fenêtre avec icônes Windows SVG */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item::after { content: ""; position: absolute; top: 5px; right: 10px; width: 50px; height: 14px; background-repeat: no-repeat; z-index: 11; } /* 1. TITRES DIFFÉRENTS POUR CHAQUE FENÊTRE (Barre Y2K) */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(1)::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(1)::before { content: "autoportrait.exe"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(2)::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(2)::before { content: "ia.exe"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(3)::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(3)::before { content: "typographie.exe"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(4)::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(4)::before { content: "animal.exe"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(5)::before, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(5)::before { content: "voyage.exe"; } /* 2. CRÉATION DU TEXTE AU SURVOL (OVERLAY) */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-icon::after { content: ""; /* Le texte sera injecté plus bas */ position: absolute; top: 25px; /* Démarre juste sous la barre de titre Y2K */ left: 0; width: 100%; height: calc(100% - 25px); background: rgba(0, 0, 0, 0.6); /* Fond sombre */ backdrop-filter: blur(4px); /* Petit effet flou sur l'image */ -webkit-backdrop-filter: blur(4px); color: white; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; font-family: 'Octuple Max', sans-serif; font-size: 24px; opacity: 0; /* Invisible par défaut */ transition: opacity 0.3s ease; z-index: 5; pointer-events: none; /* Laisse le clic passer à travers si besoin */ } /* Fait apparaitre le texte quand la souris passe dessus */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:hover .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:hover .gallery-icon::after { opacity: 1; } /* 3. TEXTES DIFFÉRENTS AU SURVOL POUR CHAQUE IMAGE */ .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(1) .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(1) .gallery-icon::after { content: "Auto-Portrait"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(2) .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(2) .gallery-icon::after { content: "I.A."; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(3) .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(3) .gallery-icon::after { content: "Typographie"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(4) .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(4) .gallery-icon::after { content: "Animal Morphisme"; } .elementor-9 .elementor-element.elementor-element-13266f7 .e-gallery-item:nth-child(5) .e-gallery-image::after, .elementor-9 .elementor-element.elementor-element-13266f7 .gallery-item:nth-child(5) .gallery-icon::after { content: "Invitation au voyage"; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-095dc21 *//* Bouton Premium Glass Y2K */ .elementor-9 .elementor-element.elementor-element-095dc21 .elementor-button { /* Fond en dégradé pour simuler la courbure du verre */ background: linear-gradient(135deg, rgba(254, 132, 231, 0.4) 0%, rgba(254, 132, 231, 0.1) 100%); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Bordure fine "éclat de diamant" */ border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; /* Plus carré = plus pro/rétro */ font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; /* Double ombre : une portée légère et un reflet blanc interne très net */ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 -1px 10px rgba(254, 132, 231, 0.2); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* Effet de brillance qui traverse le bouton au survol */ .elementor-9 .elementor-element.elementor-element-095dc21 .elementor-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: 0.5s; } .elementor-9 .elementor-element.elementor-element-095dc21 .elementor-button:hover::before { left: 100%; } /* Hover : Le bouton s'illumine sans devenir "pâteux" */ .elementor-9 .elementor-element.elementor-element-095dc21 .elementor-button:hover { background: linear-gradient(135deg, rgba(254, 132, 231, 0.6) 0%, rgba(254, 132, 231, 0.3) 100%); transform: translateY(-3px); box-shadow: 0 12px 25px rgba(254, 132, 231, 0.3), inset 0 1px 2px rgba(255, 255, 255, 1); color: #ffffff; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'octuple max'; font-display: auto; src: url('https://003.monsitewordpress.online/wp-content/uploads/2026/04/Octuple-max-demo.ttf') format('truetype'); } /* End Custom Fonts CSS */