.elementor-34 .elementor-element.elementor-element-06d21da{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.5;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-06d21da:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/08/1747928742089-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-06d21da::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-06d21da > .e-con-inner > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-06d21da > .e-con-inner > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-34 .elementor-element.elementor-element-24db2c6 .elementor-heading-title{font-family:"Neue", Sans-serif;font-size:113.72px;font-weight:400;line-height:130px;color:#F0EFE6;}.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-34 .elementor-element.elementor-element-6d8876e{font-family:"NeueHaas", Sans-serif;font-size:18px;font-weight:500;color:#F0EFE6;}.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-34 .elementor-element.elementor-element-731ee11 .elementor-button{background-color:#1F1E15C7;font-family:"Neue Roman", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:12%;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-34 .elementor-element.elementor-element-731ee11 .elementor-button:hover, .elementor-34 .elementor-element.elementor-element-731ee11 .elementor-button:focus{background-color:#CBA84D;}.elementor-34 .elementor-element.elementor-element-731ee11.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-731ee11 .elementor-button-content-wrapper{flex-direction:row;}.elementor-34 .elementor-element.elementor-element-731ee11 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-34 .elementor-element.elementor-element-284d4e9{--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;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-284d4e9:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-284d4e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EFE6;}.elementor-34 .elementor-element.elementor-element-191d9d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-34 .elementor-element.elementor-element-3fb2edf{--display:flex;}.elementor-34 .elementor-element.elementor-element-e2d1725 .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:64px;font-weight:300;line-height:84px;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-9ec44d8{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:-4%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-16277d5{--display:flex;}.elementor-34 .elementor-element.elementor-element-3e42987{--display:flex;--min-height:500px;--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;--justify-content:space-around;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-3e42987:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-3e42987 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-3e42987:hover{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles-hover.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.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-34 .elementor-element.elementor-element-fee0085{text-align:start;}.elementor-34 .elementor-element.elementor-element-8962ffb{text-align:start;}.elementor-34 .elementor-element.elementor-element-5bcce3e{--display:flex;}.elementor-34 .elementor-element.elementor-element-f40627c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-f40627c .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:36px;font-weight:500;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-8e9fa4c{width:100%;max-width:100%;text-align:start;font-family:"Neue Roman", Sans-serif;font-size:15px;font-weight:400;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-bf6b0db{--display:flex;}.elementor-34 .elementor-element.elementor-element-cc17901{--display:flex;--min-height:500px;--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;--justify-content:space-around;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-cc17901:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-cc17901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-cc17901:hover{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles-hover.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-eebbe21{text-align:start;}.elementor-34 .elementor-element.elementor-element-ef339d2{text-align:start;}.elementor-34 .elementor-element.elementor-element-f7bf09f{--display:flex;}.elementor-34 .elementor-element.elementor-element-73d528e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-73d528e .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:36px;font-weight:500;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-77e7323{width:100%;max-width:100%;text-align:start;font-family:"Neue Roman", Sans-serif;font-size:15px;font-weight:400;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-90247c3{--display:flex;}.elementor-34 .elementor-element.elementor-element-f84536d{--display:flex;--min-height:500px;--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;--justify-content:space-around;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-f84536d:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-f84536d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-f84536d:hover{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles-hover.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-8caa8b7{text-align:start;}.elementor-34 .elementor-element.elementor-element-398bc3a{text-align:start;}.elementor-34 .elementor-element.elementor-element-aa29bbc{--display:flex;}.elementor-34 .elementor-element.elementor-element-a666ef9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-a666ef9 .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:36px;font-weight:500;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-6228e74{width:100%;max-width:100%;text-align:start;font-family:"Neue Roman", Sans-serif;font-size:15px;font-weight:400;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-88d946d{--display:flex;}.elementor-34 .elementor-element.elementor-element-82a340d{--display:flex;--min-height:500px;--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;--justify-content:space-around;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-82a340d:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-82a340d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-82a340d:hover{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/card-chiffre-cles-hover.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-34 .elementor-element.elementor-element-8b4d187{text-align:start;}.elementor-34 .elementor-element.elementor-element-810a785{text-align:start;}.elementor-34 .elementor-element.elementor-element-b1801cc{--display:flex;}.elementor-34 .elementor-element.elementor-element-1e0532e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-1e0532e .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:36px;font-weight:500;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-c8e7e5d{width:100%;max-width:100%;text-align:start;color:#7D7B5A;}.elementor-34 .elementor-element.elementor-element-0aef6f5{--e-n-carousel-swiper-slides-gap:50px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-34 .elementor-element.elementor-element-bd98da6{--display:flex;--min-height:50vh;--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;--padding-top:180px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-bd98da6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-bd98da6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EFE6;}.elementor-34 .elementor-element.elementor-element-5cba44a{--display:flex;}.elementor-34 .elementor-element.elementor-element-b09f239 .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:50px;font-weight:400;line-height:65px;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-a1c64a2{color:#393624;}.elementor-34 .elementor-element.elementor-element-a1c64a2 a{color:#020101;}.elementor-34 .elementor-element.elementor-element-2a0296a{--display:flex;}.elementor-34 .elementor-element.elementor-element-94b7ac8{--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;--z-index:2;}.elementor-34 .elementor-element.elementor-element-5cf8b2a{--display:flex;--justify-content:center;}.elementor-34 .elementor-element.elementor-element-ff21f9d .elementor-heading-title{font-family:"test", Sans-serif;font-size:24px;font-weight:500;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-4def19a{font-family:"Roboto", Sans-serif;font-weight:400;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-c6c8238{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-0df4038.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-0df4038{text-align:center;}.elementor-34 .elementor-element.elementor-element-0df4038 img{width:50%;}.elementor-34 .elementor-element.elementor-element-5cb5610.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5cb5610{text-align:center;}.elementor-34 .elementor-element.elementor-element-5cb5610 img{width:50%;}.elementor-34 .elementor-element.elementor-element-8fc7b3d{--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;--z-index:2;}.elementor-34 .elementor-element.elementor-element-aff09f3{--display:flex;--justify-content:center;}.elementor-34 .elementor-element.elementor-element-140ea0a .elementor-heading-title{font-family:"test", Sans-serif;font-size:24px;font-weight:500;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-823a3b9{font-family:"Roboto", Sans-serif;font-weight:400;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-178bcd7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-a543484.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-a543484{text-align:center;}.elementor-34 .elementor-element.elementor-element-a543484 img{width:50%;}.elementor-34 .elementor-element.elementor-element-e7df11a.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-e7df11a{text-align:center;}.elementor-34 .elementor-element.elementor-element-e7df11a img{width:50%;}.elementor-34 .elementor-element.elementor-element-63c5be0{--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;--z-index:2;}.elementor-34 .elementor-element.elementor-element-9ec423c{--display:flex;--justify-content:center;}.elementor-34 .elementor-element.elementor-element-00689af .elementor-heading-title{font-family:"test", Sans-serif;font-size:24px;font-weight:500;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-7eb9fa3{font-family:"Roboto", Sans-serif;font-weight:400;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-0694a03{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-5b32021.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5b32021{text-align:center;}.elementor-34 .elementor-element.elementor-element-5b32021 img{width:50%;}.elementor-34 .elementor-element.elementor-element-7e69b34.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-7e69b34{text-align:center;}.elementor-34 .elementor-element.elementor-element-7e69b34 img{width:50%;}.elementor-34 .elementor-element.elementor-element-2d686eb{--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;--z-index:2;}.elementor-34 .elementor-element.elementor-element-02a9aee{--display:flex;--justify-content:center;}.elementor-34 .elementor-element.elementor-element-7685299 .elementor-heading-title{font-family:"test", Sans-serif;font-size:24px;font-weight:500;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-deaa68c{font-family:"Roboto", Sans-serif;font-weight:400;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-57feb23{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-e77e614.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-e77e614{text-align:center;}.elementor-34 .elementor-element.elementor-element-e77e614 img{width:50%;}.elementor-34 .elementor-element.elementor-element-2be16ab.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-2be16ab{text-align:center;}.elementor-34 .elementor-element.elementor-element-2be16ab img{width:50%;}.elementor-34 .elementor-element.elementor-element-2879ca9{--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;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-2879ca9:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-2879ca9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EFE6;}.elementor-34 .elementor-element.elementor-element-ff42329 .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:50px;font-weight:400;line-height:71.32px;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-8a4d0a7{--display:flex;}.elementor-34 .elementor-element.elementor-element-2e9706a{--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;--align-items:center;}.elementor-34 .elementor-element.elementor-element-6ffc13b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-34 .elementor-element.elementor-element-6ffc13b.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4135256{--display:flex;--min-height:80px;--justify-content:space-between;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-8cf3563 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-db094b8{--display:flex;}.elementor-34 .elementor-element.elementor-element-f4ba4b7{text-align:end;}.elementor-34 .elementor-element.elementor-element-f4ba4b7 img{width:20px;}.elementor-34 .elementor-element.elementor-element-d5628f0{--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;}.elementor-34 .elementor-element.elementor-element-cfd148a{--display:flex;}.elementor-34 .elementor-element.elementor-element-cfd148a.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-4440fba{--display:flex;--min-height:80px;--justify-content:space-between;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e9c74ff{--display:flex;}.elementor-34 .elementor-element.elementor-element-e586bea{text-align:end;}.elementor-34 .elementor-element.elementor-element-e586bea img{width:20px;}.elementor-34 .elementor-element.elementor-element-f1fa9a2{--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;}.elementor-34 .elementor-element.elementor-element-bf68a61{--display:flex;}.elementor-34 .elementor-element.elementor-element-bf68a61.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-ffb2bee{--display:flex;--min-height:80px;--justify-content:space-between;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e10d5b0{--display:flex;}.elementor-34 .elementor-element.elementor-element-be77ce4{text-align:end;}.elementor-34 .elementor-element.elementor-element-be77ce4 img{width:20px;}.elementor-34 .elementor-element.elementor-element-d6f4367{--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;}.elementor-34 .elementor-element.elementor-element-3d61ebf{--display:flex;}.elementor-34 .elementor-element.elementor-element-3d61ebf.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-9f55e7e{--display:flex;--min-height:80px;--justify-content:space-between;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-c0008a3{--display:flex;}.elementor-34 .elementor-element.elementor-element-db5c7f9{text-align:end;}.elementor-34 .elementor-element.elementor-element-db5c7f9 img{width:20px;}.elementor-34 .elementor-element.elementor-element-b21192d{--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;--padding-top:180px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-b21192d:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-b21192d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EFE6;}.elementor-34 .elementor-element.elementor-element-0f031da{--display:flex;}.elementor-34 .elementor-element.elementor-element-0f031da.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-117cc75 .elementor-heading-title{font-family:"Neue Roman", Sans-serif;font-size:64px;font-weight:400;line-height:84px;color:#393624C9;}.elementor-34 .elementor-element.elementor-element-494e77a{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-34 .elementor-element.elementor-element-a9d59c6 .elementor-button{background-color:#1F1E15C7;font-family:"Neue Roman", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:12%;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-34 .elementor-element.elementor-element-a9d59c6 .elementor-button:hover, .elementor-34 .elementor-element.elementor-element-a9d59c6 .elementor-button:focus{background-color:#CBA84D;}.elementor-34 .elementor-element.elementor-element-a9d59c6.elementor-element{--align-self:flex-start;}.elementor-34 .elementor-element.elementor-element-a9d59c6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-34 .elementor-element.elementor-element-a9d59c6 .elementor-button .elementor-button-content-wrapper{gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-06d21da{--content-width:95%;}.elementor-34 .elementor-element.elementor-element-284d4e9{--content-width:95%;}.elementor-34 .elementor-element.elementor-element-9ec44d8{--width:100vw;}.elementor-34 .elementor-element.elementor-element-5bcce3e{--width:80%;}.elementor-34 .elementor-element.elementor-element-f7bf09f{--width:80%;}.elementor-34 .elementor-element.elementor-element-aa29bbc{--width:80%;}.elementor-34 .elementor-element.elementor-element-b1801cc{--width:80%;}.elementor-34 .elementor-element.elementor-element-bd98da6{--content-width:95%;}.elementor-34 .elementor-element.elementor-element-c6c8238{--width:30%;}.elementor-34 .elementor-element.elementor-element-178bcd7{--width:30%;}.elementor-34 .elementor-element.elementor-element-0694a03{--width:30%;}.elementor-34 .elementor-element.elementor-element-57feb23{--width:30%;}.elementor-34 .elementor-element.elementor-element-2879ca9{--content-width:95%;}.elementor-34 .elementor-element.elementor-element-6ffc13b{--width:100%;}.elementor-34 .elementor-element.elementor-element-cfd148a{--width:20%;}.elementor-34 .elementor-element.elementor-element-bf68a61{--width:20%;}.elementor-34 .elementor-element.elementor-element-3d61ebf{--width:20%;}.elementor-34 .elementor-element.elementor-element-b21192d{--content-width:95%;}.elementor-34 .elementor-element.elementor-element-0f031da{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-34 .elementor-element.elementor-element-0f031da{--width:80%;}}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-24db2c6 .elementor-heading-title{font-size:60px;line-height:60px;}.elementor-34 .elementor-element.elementor-element-e2d1725 .elementor-heading-title{font-size:45px;line-height:45px;}.elementor-34 .elementor-element.elementor-element-0aef6f5{--e-n-carousel-swiper-slides-to-display:2;}.elementor-34 .elementor-element.elementor-element-bd98da6{--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-34 .elementor-element.elementor-element-ff42329 .elementor-heading-title{font-size:40px;line-height:40px;}.elementor-34 .elementor-element.elementor-element-117cc75{z-index:3;}.elementor-34 .elementor-element.elementor-element-117cc75 .elementor-heading-title{font-size:58px;}.elementor-34 .elementor-element.elementor-element-494e77a{z-index:3;}.elementor-34 .elementor-element.elementor-element-a9d59c6{z-index:3;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-06d21da::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-06d21da > .e-con-inner > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-06d21da > .e-con-inner > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-06d21da > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://factory.perroquet.eu/wp-content/uploads/2026/07/patern-up.svg");}.elementor-34 .elementor-element.elementor-element-06d21da{--padding-top:0%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-34 .elementor-element.elementor-element-24db2c6 .elementor-heading-title{font-size:48px;line-height:50px;}.elementor-34 .elementor-element.elementor-element-6d8876e{font-size:15px;}.elementor-34 .elementor-element.elementor-element-284d4e9{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-e2d1725 .elementor-heading-title{font-size:48px;line-height:115%;}.elementor-34 .elementor-element.elementor-element-9ec44d8.e-con{--align-self:center;}.elementor-34 .elementor-element.elementor-element-3e42987{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-cc17901{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-f84536d{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-82a340d{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-0aef6f5{--e-n-carousel-swiper-slides-to-display:1;}.elementor-34 .elementor-element.elementor-element-bd98da6{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-b09f239 .elementor-heading-title{font-size:45px;line-height:115%;}.elementor-34 .elementor-element.elementor-element-2a0296a{--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-34 .elementor-element.elementor-element-94b7ac8{--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;}.elementor-34 .elementor-element.elementor-element-5cf8b2a{--width:73%;}.elementor-34 .elementor-element.elementor-element-ff21f9d .elementor-heading-title{font-size:20px;}.elementor-34 .elementor-element.elementor-element-4def19a{font-size:15px;}.elementor-34 .elementor-element.elementor-element-c6c8238{--width:27%;--min-height:125px;}.elementor-34 .elementor-element.elementor-element-0df4038 img{width:100%;}.elementor-34 .elementor-element.elementor-element-5cb5610 img{width:100%;}.elementor-34 .elementor-element.elementor-element-8fc7b3d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34 .elementor-element.elementor-element-aff09f3{--width:73%;}.elementor-34 .elementor-element.elementor-element-140ea0a .elementor-heading-title{font-size:20px;}.elementor-34 .elementor-element.elementor-element-823a3b9{font-size:15px;}.elementor-34 .elementor-element.elementor-element-178bcd7{--width:27%;--min-height:125px;}.elementor-34 .elementor-element.elementor-element-a543484 img{width:100%;}.elementor-34 .elementor-element.elementor-element-e7df11a img{width:100%;}.elementor-34 .elementor-element.elementor-element-63c5be0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34 .elementor-element.elementor-element-9ec423c{--width:73%;}.elementor-34 .elementor-element.elementor-element-00689af .elementor-heading-title{font-size:20px;}.elementor-34 .elementor-element.elementor-element-7eb9fa3{font-size:15px;}.elementor-34 .elementor-element.elementor-element-0694a03{--width:27%;--min-height:125px;}.elementor-34 .elementor-element.elementor-element-5b32021 img{width:100%;}.elementor-34 .elementor-element.elementor-element-7e69b34 img{width:100%;}.elementor-34 .elementor-element.elementor-element-2d686eb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34 .elementor-element.elementor-element-02a9aee{--width:73%;}.elementor-34 .elementor-element.elementor-element-7685299 .elementor-heading-title{font-size:20px;}.elementor-34 .elementor-element.elementor-element-deaa68c{font-size:15px;}.elementor-34 .elementor-element.elementor-element-57feb23{--width:27%;--min-height:125px;}.elementor-34 .elementor-element.elementor-element-e77e614 img{width:100%;}.elementor-34 .elementor-element.elementor-element-2be16ab img{width:100%;}.elementor-34 .elementor-element.elementor-element-2879ca9{--padding-top:30%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34 .elementor-element.elementor-element-ff42329{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-ff42329.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-ff42329 .elementor-heading-title{font-size:40px;line-height:115%;}.elementor-34 .elementor-element.elementor-element-8a4d0a7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-8cf3563 .elementor-heading-title{font-size:24px;}.elementor-34 .elementor-element.elementor-element-117cc75{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-117cc75 .elementor-heading-title{font-size:42px;line-height:115%;}.elementor-34 .elementor-element.elementor-element-494e77a{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-3e42987 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc17901 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f84536d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82a340d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3e42987 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc17901 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f84536d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82a340d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3e42987 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc17901 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f84536d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82a340d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3e42987 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc17901 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f84536d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82a340d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3e42987 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-3e42987:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cc17901 *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901 .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901 .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-cc17901:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f84536d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-f84536d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-f84536d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82a340d *//* ================================================== CARTE STATISTIQUE — CONFIGURATION GÉNÉRALE ================================================== */ .stat-card { --stat-color-default: #393624c9; --stat-hover-start: #e2e0d4; --stat-hover-end: #e2e0d44d; --stat-gradient: linear-gradient( 90deg, var(--stat-color-default) 0%, var(--stat-color-default) 50%, var(--stat-hover-start) 50%, var(--stat-hover-end) 100% ); --stat-background-position: 0%; position: relative; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* ================================================== SURVOL ET FOCUS ================================================== */ .stat-card:hover, .stat-card:focus-within { --stat-background-position: 100%; } .stat-card:hover { transform: translateY(-4px); } /* ================================================== DÉGRADÉ UNIQUE SUR TOUT LE COMPTEUR ================================================== */ /* * Le dégradé est appliqué uniquement ici. * * Il couvre : * - le nombre ; * - le préfixe ; * - le suffixe ; * - le sous-suffixe m² ; * - le titre. */ .stat-card .elementor-counter { color: transparent !important; background-image: var(--stat-gradient) !important; background-size: 200% 100% !important; background-position: var(--stat-background-position) 50% !important; background-repeat: no-repeat !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-align: center !important; overflow: visible !important; transition: background-position 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ================================================== ÉLÉMENTS INTERNES ================================================== */ /* * Les enfants héritent de la transparence du parent. * Aucun enfant ne possède son propre dégradé. */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix, .stat-card .elementor-counter-title, .stat-card .elementor-counter-number-suffix::after { color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; -webkit-text-fill-color: inherit !important; transition: none !important; } /* ================================================== WRAPPER DU NOMBRE ================================================== */ /* * Important : * ne pas utiliser display:flex ici. * * inline-block permet au dégradé du parent de couvrir * le nombre, le suffixe et le pseudo-élément m². */ .stat-card .elementor-counter-number-wrapper { display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; } /* Les éléments restent côte à côte */ .stat-card .elementor-counter-number, .stat-card .elementor-counter-number-prefix, .stat-card .elementor-counter-number-suffix { display: inline-block !important; width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; position: static !important; transform: none !important; vertical-align: baseline; white-space: nowrap !important; overflow: visible !important; } /* Masque uniquement le préfixe vide */ .stat-card .elementor-counter-number-prefix:empty { display: none !important; } /* ================================================== TITRE SOUS LE COMPTEUR ================================================== */ .stat-card .elementor-counter-title { display: block !important; width: 100% !important; text-align: center !important; overflow: visible !important; } /* ================================================== SUFFIXE CLASSIQUE Exemple : 15 Ans ================================================== */ .stat-card .elementor-counter-number-suffix { font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; /* * vertical-align remplace position/top. * Le suffixe reste inclus dans le dégradé du parent. */ vertical-align: 0.55em !important; position: static !important; top: auto !important; } /* ================================================== COMPTEUR SPÉCIAL : 80k m² ================================================== */ /* * Configuration Elementor : * * Nombre : 80 * Suffixe : k * Classe : stat-card suffix-k-m2 */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix, .stat-card .suffix-k-m2 .elementor-counter-number-suffix { display: inline-block !important; font-size: 1em !important; font-weight: inherit !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: baseline !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== AJOUT DE m² ================================================== */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { content: "m²" !important; display: inline-block !important; margin-left: 0em !important; padding: 0 !important; font-size: 0.32em !important; font-weight: 400 !important; line-height: 1 !important; /* * Important : * ne pas utiliser position: relative ni top. * vertical-align garde m² dans la zone du dégradé. */ position: static !important; top: auto !important; vertical-align: super !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-color: transparent !important; background-image: none !important; transition: none !important; } /* ================================================== SUFFIXE « Ans » ================================================== */ /* * Configuration Elementor : * * Suffixe : Ans * Classe : stat-card suffix-ans */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { display: inline-block !important; font-size: 0.35em !important; font-weight: inherit !important; line-height: 1 !important; margin-left: 0em !important; padding: 0 !important; position: static !important; top: auto !important; vertical-align: 0.55em !important; transform: none !important; white-space: nowrap !important; overflow: visible !important; color: inherit !important; -webkit-text-fill-color: inherit !important; background: none !important; background-image: none !important; } /* ================================================== ACCESSIBILITÉ ================================================== */ @media (prefers-reduced-motion: reduce) { .stat-card, .stat-card .elementor-counter { transition: none !important; } .stat-card:hover { transform: none !important; } } /* ================================================== AJUSTEMENTS D’ESPACEMENT ================================================== */ /* Rapproche le préfixe du nombre : +300 */ .stat-card .elementor-counter-number-prefix { margin-right: -0em !important; } /* Rapproche les suffixes classiques du nombre */ .stat-card .elementor-counter-number-suffix { margin-left: 0em !important; } /* ================================================== AJUSTEMENTS FINAUX DES SUFFIXES ================================================== */ /* m² : plus proche du k et nettement plus bas */ .stat-card.suffix-k-m2 .elementor-counter-number-suffix::after, .stat-card .suffix-k-m2 .elementor-counter-number-suffix::after { margin-left: 0.08em !important; vertical-align: -0em !important; } /* Ans : plus proche du nombre et légèrement plus bas */ .stat-card.suffix-ans .elementor-counter-number-suffix, .stat-card .suffix-ans .elementor-counter-number-suffix { margin-left: 0em !important; vertical-align: 0.25em !important; } /* ---- CARTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item { background-color: #EDEDE7; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover { background-color: #5F5D4C; } /* Titre + texte */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover p { color: #EDEDE7 !important; } /* ---- CARRÉ DE L'ICÔNE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .card-item .icone-wrap { position: relative; background-color: #DDDDD5; transition: background-color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d .card-item:hover .icone-wrap { background-color: #3E3D30; } /* ---- SWAP DES 2 LOGOS ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .icone-hover { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-normal { display: none !important; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .icone-hover { display: block !important; } /* ---- TITRE + TEXTE ---- */ .elementor-34 .elementor-element.elementor-element-82a340d .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d .elementor-widget-text-editor p { transition: color .35s ease; } .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-heading-title, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor, .elementor-34 .elementor-element.elementor-element-82a340d:hover .elementor-widget-text-editor p { color: #EDEDE7 !important; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-0aef6f5 *//* Espace sous les cartes pour placer les flèches */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper { padding-bottom: 60px; } /* Style général des deux flèches */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next { top: auto !important; bottom: 12px !important; width: 32px !important; height: 24px !important; margin: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; color: transparent !important; box-shadow: none !important; transform: none !important; z-index: 10; } /* Masque les icônes Elementor d’origine */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button i, .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button svg { display: none !important; } /* Position en bas à gauche */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev { left: 0 !important; right: auto !important; } .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next { left: 68px !important; right: auto !important; } /* Trait horizontal */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev::before, .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next::before, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev::before, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next::before { content: "" !important; display: block !important; position: absolute; top: 50%; width: 24px; height: 1.5px; background-color: #77755F; transform: translateY(-50%); } /* Trait de la flèche gauche */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev::before, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev::before { left: 4px; } /* Trait de la flèche droite */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next::before, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next::before { right: 4px; } /* Pointe des flèches */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev::after, .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next::after, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev::after, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next::after { content: "" !important; display: block !important; position: absolute; top: 50%; width: 9px; height: 9px; border: solid #77755F; border-width: 0 1.5px 1.5px 0; } /* Pointe gauche */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev::after, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev::after { left: 4px; transform: translateY(-50%) rotate(135deg); } /* Pointe droite */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next::after, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next::after { right: 4px; transform: translateY(-50%) rotate(-45deg); } /* Animation au survol */ .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev, .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next { transition: opacity 0.25s ease !important; } .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev:hover, .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next:hover, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev:hover, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next:hover { opacity: 0.55; } /* ---- MOBILE ---- */ @media (max-width: 767px) { .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-prev, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-prev { left: 10% !important; right: auto !important; } .elementor-34 .elementor-element.elementor-element-0aef6f5 .elementor-swiper-button-next, .elementor-34 .elementor-element.elementor-element-0aef6f5 .swiper-button-next { left: 80% !important; right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9ec44d8 */.stats-carousel-wrapper { overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94b7ac8 *//* Carte */ .carte-certification { --fond-normal: transparent; --fond-hover: #dedbd0; --logo-normal: #F0EFE6; --logo-hover: #D9D8CD; background-color: var(--fond-normal); transition: background-color 0.35s ease; cursor: pointer; } /* Changement du fond */ .carte-certification:hover, .carte-certification:focus-within { background-color: var(--fond-hover); } /* Couleur normale du logo SVG */ .carte-certification .logo-certification { color: var(--logo-normal); transition: color 0.35s ease; } /* Rend les couleurs internes du SVG modifiables */ .carte-certification .logo-certification svg [fill]:not([fill="none"]) { fill: currentColor !important; } .carte-certification .logo-certification svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* Couleur du logo au survol de toute la carte */ .carte-certification:hover .logo-certification, .carte-certification:focus-within .logo-certification { color: var(--logo-hover); } .carte-certification .zone-logo { position: relative; } .carte-certification .zone-logo .logo-normal, .carte-certification .zone-logo .logo-hover { position: absolute; inset: 0; width: 100%; transition: opacity 0.35s ease; } .carte-certification .zone-logo .logo-normal { opacity: 1; } .carte-certification .zone-logo .logo-hover { opacity: 0; } .carte-certification:hover .zone-logo .logo-normal { opacity: 0; } .carte-certification:hover .zone-logo .logo-hover { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a4d0a7 *//* ================================= CONTENEUR GLOBAL ================================= */ .services-links { --number-color: #7D7B5A; --text-color: rgba(57, 54, 36, 0.79); --border-color: rgba(57, 54, 36, 0.08); --inactive-opacity: 0.16; width: 100%; } /* ================================= LIGNE CLIQUABLE ================================= */ .services-links > .service-link { display: grid !important; grid-template-columns: 90px minmax(0, 1fr) 56px; align-items: start; column-gap: 0; width: 100%; min-height: 96px; background: transparent !important; border-bottom: 1px solid var(--border-color); text-decoration: none !important; cursor: pointer; } /* ================================= DIMENSIONS DES ÉLÉMENTS ================================= */ .services-links .service-number, .services-links .service-copy { width: auto !important; max-width: none !important; } /* ================================= GESTION DES ÉTATS ================================= */ /* Tous les éléments sont pâles par défaut. */ .services-links > .service-link .service-number, .services-links > .service-link .service-copy, .services-links > .service-link > .elementor-element:last-child img { opacity: var(--inactive-opacity) !important; transition: opacity 0.35s ease, transform 0.35s ease; } /* La ligne "service-default" est active tant qu’aucune autre ligne n’est survolée. */ .services-links:not( :has(> .service-link:not(.service-default):hover) ):not( :has(> .service-link:not(.service-default):focus-within) ) > .service-link.service-default .service-number, .services-links:not( :has(> .service-link:not(.service-default):hover) ):not( :has(> .service-link:not(.service-default):focus-within) ) > .service-link.service-default .service-copy, .services-links:not( :has(> .service-link:not(.service-default):hover) ):not( :has(> .service-link:not(.service-default):focus-within) ) > .service-link.service-default > .elementor-element:last-child img { opacity: 1 !important; } /* La ligne réellement survolée devient active. Cela fonctionne aussi pour la première ligne. */ .services-links > .service-link:hover .service-number, .services-links > .service-link:hover .service-copy, .services-links > .service-link:hover > .elementor-element:last-child img, .services-links > .service-link:focus-within .service-number, .services-links > .service-link:focus-within .service-copy, .services-links > .service-link:focus-within > .elementor-element:last-child img { opacity: 1 !important; } /* ================================= ACCESSIBILITÉ CLAVIER ================================= */ .services-links > .service-link:focus-visible { outline: 1px solid var(--number-color); outline-offset: 4px; } /* ================================= NUMÉRO ================================= */ .services-links .service-number { grid-column: 1; align-self: start; margin: 0 !important; padding-top: 5px; } .services-links .service-number, .services-links .service-number p, .services-links .service-number .elementor-heading-title, .services-links .service-number .elementor-widget-container { margin: 0 !important; color: var(--number-color) !important; font-family: "PP Fragment", Georgia, serif !important; font-size: 24px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; } /* ================================= CONTENEUR TITRE + DESCRIPTION ================================= */ .services-links .service-copy { grid-column: 2; display: flex !important; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 0; } .services-links .service-title, .services-links .service-description, .services-links .service-title .elementor-widget-container, .services-links .service-description .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* ================================= TITRE ================================= */ .services-links .service-title, .services-links .service-title p, .services-links .service-title .elementor-heading-title { margin: 0 !important; color: var(--text-color) !important; font-family: "PP Fragment", Georgia, serif !important; font-size: 36px !important; font-style: italic !important; font-weight: 300 !important; line-height: 1 !important; letter-spacing: 0 !important; } /* ================================= DESCRIPTION ================================= */ .services-links .service-description, .services-links .service-description p { margin: 0 !important; color: var(--text-color) !important; font-family: "Neue Montreal", Arial, sans-serif !important; font-size: 15px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; } /* ================================= FLÈCHE ================================= */ /* HTML utilisé : */ .services-links .service-arrow { position: relative; grid-column: 3; justify-self: end; align-self: start; display: block; width: 21px; height: 21px; margin-top: 3px; color: var(--number-color); } /* Angle supérieur droit */ .services-links .service-arrow::before { content: ""; position: absolute; top: 0; right: 0; width: 21px; height: 21px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; } /* Trait diagonal */ .services-links .service-arrow::after { content: ""; position: absolute; top: 1px; right: 0; width: 18px; height: 1px; background: currentColor; transform: rotate(-45deg); transform-origin: right center; } /* ================================= RESPONSIVE ================================= */ @media (max-width: 767px) { .services-links > .service-link { grid-template-columns: 48px minmax(0, 1fr) 36px; min-height: 82px; } .services-links .service-title, .services-links .service-title p, .services-links .service-title .elementor-heading-title { font-size: 28px !important; } .services-links .service-number, .services-links .service-number p, .services-links .service-number .elementor-heading-title { font-size: 20px !important; } .services-links .service-description, .services-links .service-description p { font-size: 14px !important; line-height: 1.15 !important; } } /* ================================= SÉPARATEURS ENTRE LES LIGNES ================================= */ .services-links .service-link { position: relative; border-bottom: none !important; } .services-links .service-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(57, 54, 36, 0.10); pointer-events: none; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Neue'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://factory.perroquet.eu/wp-content/uploads/2026/07/NeueHaasDisplayThin.woff2') format('woff2'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Neue Roman'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://factory.perroquet.eu/wp-content/uploads/2026/07/NeueHaasDisplayRoman.woff2') format('woff2'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'test'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://factory.perroquet.eu/wp-content/uploads/2026/07/PPFragment-SerifLight.woff2') format('woff2'); } /* End Custom Fonts CSS */