.elementor-2371 .elementor-element.elementor-element-1baa2e3b{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-3831921{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-119d1d18{--display:flex;--min-height:70vh;--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2371 .elementor-element.elementor-element-b2895ad{--display:flex;--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:14px 14px 14px 14px;--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-2371 .elementor-element.elementor-element-b2895ad:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-b2895ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2371 .elementor-element.elementor-element-168b8626{--display:flex;--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--overlay-mix-blend-mode:color;--border-radius:14px 14px 14px 14px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2371 .elementor-element.elementor-element-168b8626:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-168b8626 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://melissapoilane.fr/wp-content/uploads/2025/12/Pattern-01.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-2371 .elementor-element.elementor-element-168b8626::before, .elementor-2371 .elementor-element.elementor-element-168b8626 > .elementor-background-video-container::before, .elementor-2371 .elementor-element.elementor-element-168b8626 > .e-con-inner > .elementor-background-video-container::before, .elementor-2371 .elementor-element.elementor-element-168b8626 > .elementor-background-slideshow::before, .elementor-2371 .elementor-element.elementor-element-168b8626 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2371 .elementor-element.elementor-element-168b8626 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2371 .elementor-element.elementor-element-168b8626::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2371 .elementor-element.elementor-element-3c055661{--display:flex;--min-height:70vh;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:8px 8px 8px 8px;--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-2371 .elementor-element.elementor-element-3c055661:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-3c055661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#09090B5C;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2371 .elementor-element.elementor-element-278bea90{--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:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2371 .elementor-element.elementor-element-3681230b{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:14px 14px 14px 14px;--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-2371 .elementor-element.elementor-element-8cef585{width:100%;max-width:100%;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-icon{width:14px;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-icon i{font-size:14px;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-text, .elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-text a{color:var( --e-global-color-b3e8a17 );}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-item{font-family:var( --e-global-typography-d6f00a4-font-family ), Chivo;font-size:var( --e-global-typography-d6f00a4-font-size );font-weight:var( --e-global-typography-d6f00a4-font-weight );}.elementor-2371 .elementor-element.elementor-element-99b0410{width:100%;max-width:100%;}.elementor-2371 .elementor-element.elementor-element-99b0410 .elementor-heading-title{font-family:var( --e-global-typography-f18eb67-font-family ), Chivo;font-size:var( --e-global-typography-f18eb67-font-size );}.elementor-2371 .elementor-element.elementor-element-7880e5d3{--display:flex;}.elementor-2371 .elementor-element.elementor-element-5cccfcad{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-2371 .elementor-element.elementor-element-727fd61c{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-2371 .elementor-element.elementor-element-73d140a0{--display:flex;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:30px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-2371 .elementor-element.elementor-element-76ae7ef{width:100%;max-width:100%;}.elementor-2371 .elementor-element.elementor-element-76ae7ef .elementor-heading-title{font-family:"Zyzol", Chivo;font-size:26px;text-transform:uppercase;}.elementor-2371 .elementor-element.elementor-element-7dac1db7{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2371 .elementor-element.elementor-element-7dac1db7 .elementor-divider-separator{width:100%;}.elementor-2371 .elementor-element.elementor-element-7dac1db7 .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-2371 .elementor-element.elementor-element-eeb3c9e{--display:flex;}.elementor-2371 .elementor-element.elementor-element-cb6b67d img{border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-45b4383 img{border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-7ebfa74c{--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:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2371 .elementor-element.elementor-element-1316fa8{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-2371 .elementor-element.elementor-element-ae83e36{--display:flex;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:30px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;}.elementor-2371 .elementor-element.elementor-element-10a8bf1{width:100%;max-width:100%;}.elementor-2371 .elementor-element.elementor-element-10a8bf1 .elementor-heading-title{font-family:"Zyzol", Chivo;font-size:26px;text-transform:uppercase;}.elementor-2371 .elementor-element.elementor-element-1f2285b{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2371 .elementor-element.elementor-element-1f2285b .elementor-divider-separator{width:100%;}.elementor-2371 .elementor-element.elementor-element-1f2285b .elementor-divider{padding-block-start:1px;padding-block-end:1px;}.elementor-2371 .elementor-element.elementor-element-d78dd25{--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:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-2371 .elementor-element.elementor-element-cfc3506 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-7e70ee7 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-36d0aaf{--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:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-2371 .elementor-element.elementor-element-992b1e0 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-f2062f0 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-2371 .elementor-element.elementor-element-3af2e631{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 060px) 0px;padding:10px 0px 10px 0px;}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--label:hover{color:#F5F5F400;}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--label:hover{color:#F5F5F400;}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--label, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--label{font-family:var( --e-global-typography-9738e6f-font-family ), Chivo;font-size:var( --e-global-typography-9738e6f-font-size );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--title, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--title{color:#F5F5F4;font-family:var( --e-global-typography-9738e6f-font-family ), Chivo;font-size:var( --e-global-typography-9738e6f-font-size );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--title:hover, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--title:hover{color:#F5F5F400;}.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-wrapper{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );font-size:30px;}.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link a {gap:12px;}@media(min-width:768px){.elementor-2371 .elementor-element.elementor-element-1baa2e3b{--content-width:85vw;}.elementor-2371 .elementor-element.elementor-element-119d1d18{--width:70%;}.elementor-2371 .elementor-element.elementor-element-7880e5d3{--width:100%;}.elementor-2371 .elementor-element.elementor-element-73d140a0{--width:170px;}.elementor-2371 .elementor-element.elementor-element-ae83e36{--width:155px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2371 .elementor-element.elementor-element-119d1d18{--width:100%;}.elementor-2371 .elementor-element.elementor-element-7880e5d3{--width:100%;}.elementor-2371 .elementor-element.elementor-element-727fd61c{--width:100%;}.elementor-2371 .elementor-element.elementor-element-1316fa8{--width:100%;}.elementor-2371 .elementor-element.elementor-element-ae83e36{--width:150px;}}@media(max-width:1024px){.elementor-2371 .elementor-element.elementor-element-3831921{--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-2371 .elementor-element.elementor-element-119d1d18{--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-b2895ad{--min-height:40vh;}.elementor-2371 .elementor-element.elementor-element-168b8626{--min-height:40vh;}.elementor-2371 .elementor-element.elementor-element-3c055661{--min-height:70vh;--border-radius:0px 0px 0px 0px;}.elementor-2371 .elementor-element.elementor-element-3c055661:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-3c055661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -124px;background-size:600px auto;}.elementor-2371 .elementor-element.elementor-element-278bea90{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-item{font-size:var( --e-global-typography-d6f00a4-font-size );}.elementor-2371 .elementor-element.elementor-element-99b0410 .elementor-heading-title{font-size:var( --e-global-typography-f18eb67-font-size );}.elementor-2371 .elementor-element.elementor-element-7880e5d3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-727fd61c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-73d140a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-eeb3c9e{--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:12px 12px;--row-gap:12px;--column-gap:12px;--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-2371 .elementor-element.elementor-element-7ebfa74c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-1316fa8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-ae83e36{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-d78dd25{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-36d0aaf{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-2371 .elementor-element.elementor-element-3af2e631{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--label, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--label{font-size:var( --e-global-typography-9738e6f-font-size );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--title, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--title{font-size:var( --e-global-typography-9738e6f-font-size );}}@media(max-width:767px){.elementor-2371 .elementor-element.elementor-element-1baa2e3b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-168b8626:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-168b8626 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-2371 .elementor-element.elementor-element-168b8626{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-2371 .elementor-element.elementor-element-3c055661{--min-height:60vh;}.elementor-2371 .elementor-element.elementor-element-3c055661:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-3c055661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:cover;}.elementor-2371 .elementor-element.elementor-element-8cef585 .elementor-icon-list-item{font-size:var( --e-global-typography-d6f00a4-font-size );}.elementor-2371 .elementor-element.elementor-element-99b0410 .elementor-heading-title{font-size:var( --e-global-typography-f18eb67-font-size );}.elementor-2371 .elementor-element.elementor-element-73d140a0{--width:130px;}.elementor-2371 .elementor-element.elementor-element-76ae7ef .elementor-heading-title{font-size:20px;}.elementor-2371 .elementor-element.elementor-element-eeb3c9e{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-2371 .elementor-element.elementor-element-1316fa8{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-2371 .elementor-element.elementor-element-ae83e36{--width:120px;}.elementor-2371 .elementor-element.elementor-element-10a8bf1 .elementor-heading-title{font-size:20px;}.elementor-2371 .elementor-element.elementor-element-d78dd25{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-2371 .elementor-element.elementor-element-36d0aaf{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-2371 .elementor-element.elementor-element-3af2e631{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--label, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--label{font-size:var( --e-global-typography-9738e6f-font-size );}.elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__prev--title, .elementor-2371 .elementor-element.elementor-element-3af2e631 span.post-navigation__next--title{font-size:var( --e-global-typography-9738e6f-font-size );}.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-wrapper{font-size:300px;}}/* Start custom CSS for container, class: .elementor-element-b2895ad */.elementor-2371 .elementor-element.elementor-element-b2895ad {
position: sticky;
top: 120px; /* distance du haut */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-119d1d18 */.elementor-2371 .elementor-element.elementor-element-119d1d18 {
position: relative;
overflow: visible; /* important */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cccfcad */.elementor-2371 .elementor-element.elementor-element-5cccfcad strong{
color: var(--couleur-dominante-2) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cfc3506 */.elementor-2371 .elementor-element.elementor-element-cfc3506 {
flex: 0 0 calc(50% - 6px);
max-width: calc(50% - 6px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7e70ee7 */.elementor-2371 .elementor-element.elementor-element-7e70ee7 {
flex: 0 0 calc(50% - 6px);
max-width: calc(50% - 6px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-992b1e0 */.elementor-2371 .elementor-element.elementor-element-992b1e0 {
flex: 0 0 calc(50% - 6px);
max-width: calc(50% - 6px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f2062f0 */.elementor-2371 .elementor-element.elementor-element-f2062f0 {
flex: 0 0 calc(50% - 6px);
max-width: calc(50% - 6px);
}/* End custom CSS */
/* Start custom CSS for post-navigation, class: .elementor-element-3af2e631 *//* =========================================
VARIABLES (ton dégradé)
========================================= */
.elementor-2371 .elementor-element.elementor-element-3af2e631 {
--grad-start: #DA27B3; /* magenta */
--grad-end: #FE5E54; /* corail */
}
/* =========================================
BASE LINK ALIGNMENT (fix centrage)
========================================= */
/* Précédent à gauche */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link__prev {
justify-content: flex-start;
}
/* Suivant à droite */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link__next {
justify-content: flex-end;
}
/* =========================================
FLEX SAFETY (évite que flex casse la width)
========================================= */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-next,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-prev {
flex: 0 0 auto;
max-width: none;
min-width: 40px;
}
/* =========================================
ARROW NEXT (pointe visible à droite)
========================================= */
/* Wrapper NEXT */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-next {
width: 40px;
overflow: hidden;
transition: width 0.3s ease;
display: inline-block;
vertical-align: middle;
will-change: width;
}
/* SVG NEXT */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-next svg {
width: 120px;
max-width: none;
height: auto;
display: block;
transform: translateX(-80px); /* 120 - 40 */
transition: transform 0.3s ease;
will-change: transform;
}
/* Hover NEXT Desktop & Tablet
-> IMPORTANT: on couvre plusieurs wrappers qui peuvent recevoir le hover
*/
@media (min-width: 768px) {
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__next, .elementor-post-navigation__link__next):hover .post-navigation__arrow-next {
width: 90px !important;
}
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__next, .elementor-post-navigation__link__next):hover .post-navigation__arrow-next svg {
transform: translateX(-30px) !important; /* 120 - 90 */
}
}
/* Hover NEXT Mobile */
@media (max-width: 767px) {
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__next, .elementor-post-navigation__link__next):hover .post-navigation__arrow-next {
width: 75px !important;
}
/* FIX: tu avais ".elementor-2371 .elementor-element.elementor-element-3af2e631:hover ..." ce qui ne match pas forcément le bon hover */
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__next, .elementor-post-navigation__link__next):hover .post-navigation__arrow-next svg {
transform: translateX(-45px) !important; /* 120 - 75 */
}
}
/* =========================================
ARROW PREVIOUS (pointe visible à gauche)
========================================= */
/* Wrapper PREVIOUS */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-prev {
width: 40px;
overflow: hidden;
transition: width 0.3s ease;
display: inline-block;
vertical-align: middle;
will-change: width;
}
/* SVG PREVIOUS */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-prev svg {
width: 120px;
max-width: none;
height: auto;
display: block;
transform: translateX(0);
transition: transform 0.3s ease;
will-change: transform;
}
/* Hover PREVIOUS Desktop & Tablet */
@media (min-width: 768px) {
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__prev, .elementor-post-navigation__link__prev):hover .post-navigation__arrow-prev {
width: 90px !important;
}
}
/* Hover PREVIOUS Mobile */
@media (max-width: 767px) {
.elementor-2371 .elementor-element.elementor-element-3af2e631 :is(.elementor-post-navigation__prev, .elementor-post-navigation__link__prev):hover .post-navigation__arrow-prev {
width: 75px !important;
}
}
/* =========================================
GRADIENT ON ARROWS (hover)
========================================= */
/* Etat normal : flèches grises */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-next svg :is(path, line, polyline, polygon),
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__arrow-prev svg :is(path, line, polyline, polygon) {
fill: #71717A;
stroke: #71717A; /* au cas où ta flèche est en stroke */
transition: fill .3s ease, stroke .3s ease;
}
/* FIX: ton code appliquait le dégradé tout le temps (mêmes sélecteurs, pas de :hover)
-> on le met UNIQUEMENT au hover du lien
*/
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__arrow-next svg :is(path, line, polyline, polygon),
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__arrow-prev svg :is(path, line, polyline, polygon) {
fill: url("data:image/svg+xml;utf8,#g");
stroke: url("data:image/svg+xml;utf8,#g");
}
/* =========================================
TEXT LOGIC (label <-> title)
========================================= */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__next--label,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__prev--label {
text-transform: none;
}
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__next--title,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__prev--title {
display: none;
}
/* Hover : on montre le titre, on cache le label */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__next--title,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__prev--title {
display: inline;
}
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__next--label,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__prev--label {
display: none;
}
/* =========================================
GRADIENT ON TITLE (hover)
========================================= */
/* Etat normal : titre en couleur classique (si jamais il s'affiche) */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__next--title,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .post-navigation__prev--title {
color: inherit;
}
/* Hover : titre en dégradé (CSS background-clip) */
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__next--title,
.elementor-2371 .elementor-element.elementor-element-3af2e631 .elementor-post-navigation__link:hover .post-navigation__prev--title {
background: radial-gradient(159.38% 141.42% at 100% 0%, #FE5E54 0%, #DA27B3 130%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1baa2e3b */.elementor-2371 .elementor-element.elementor-element-1baa2e3b {
max-width: 1000px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Zyzol';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://melissapoilane.fr/wp-content/uploads/2025/09/zyzol-alobp-webfont-1.woff2') format('woff2'),
url('https://melissapoilane.fr/wp-content/uploads/2025/09/zyzol-alobp-webfont.woff') format('woff'),
url('https://melissapoilane.fr/wp-content/uploads/2025/09/Zyzol-ALoBp.ttf') format('truetype');
}
/* End Custom Fonts CSS */