.elementor-9 .elementor-element.elementor-element-11f8b4e{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-11f8b4e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-11f8b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dg-paysage-piscine.fr/wp-content/uploads/2025/10/vue-de-l-exterieur-d-une-belle-maison-moderne.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-11f8b4e::before, .elementor-9 .elementor-element.elementor-element-11f8b4e > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-11f8b4e > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-11f8b4e > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-11f8b4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-11f8b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-368c213{padding:0% 0% 0% 0%;}.elementor-9 .elementor-element.elementor-element-368c213 .elementor-heading-title{font-size:clamp(1.2rem, 2vw, 1.625rem);font-weight:400;color:var( --e-global-color-0bf7b23 );}.elementor-9 .elementor-element.elementor-element-927a07c{--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;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-927a07c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-927a07c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dg-paysage-piscine.fr/wp-content/uploads/2025/10/element-flottant-dg-paysage-et-piscine-dinan.png");background-position:100% 257px;background-repeat:no-repeat;background-size:9% auto;}.elementor-9 .elementor-element.elementor-element-3700c14{--display:flex;--justify-content:center;}.elementor-9 .elementor-element.elementor-element-bb46e52{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:left;}.elementor-9 .elementor-element.elementor-element-266c6bd{--display:flex;}.elementor-9 .elementor-element.elementor-element-21fe1fa{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7b117f3{--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:flex-start;--gap:0px 90px;--row-gap:0px;--column-gap:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-866f8b0{--display:flex;}.elementor-9 .elementor-element.elementor-element-a7e487d .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 3vw, 2.5rem);}.elementor-9 .elementor-element.elementor-element-69290c0{--display:flex;}.elementor-9 .elementor-element.elementor-element-629d3f2 .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 3vw, 2.5rem);}.elementor-9 .elementor-element.elementor-element-85b4b32{--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:flex-start;--gap:0px 90px;--row-gap:0px;--column-gap:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-09622ba{--display:flex;}.elementor-9 .elementor-element.elementor-element-97403b3 .elementor-counter-number-wrapper{font-size:clamp(1.8rem, 3vw, 2.5rem);}.elementor-9 .elementor-element.elementor-element-1950376{--display:flex;}.elementor-9 .elementor-element.elementor-element-cece0fc .elementor-counter-number-wrapper{gap:14px;font-size:clamp(1.8rem, 3vw, 2.5rem);}.elementor-9 .elementor-element.elementor-element-7228b99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-ace9328{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 80px;--row-gap:0px;--column-gap:80px;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-ace9328:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ace9328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6d46b8d );}.elementor-9 .elementor-element.elementor-element-0840d42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-9 .elementor-element.elementor-element-2e11987{padding:0% 0% 0% 0%;}.elementor-9 .elementor-element.elementor-element-2e11987 img{width:80px;}.elementor-9 .elementor-element.elementor-element-05d4d8a{text-align:center;}.elementor-9 .elementor-element.elementor-element-224afd9{text-align:center;}.elementor-9 .elementor-element.elementor-element-9d1d854.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-bb50b23{--display:flex;--justify-content:space-between;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-9 .elementor-element.elementor-element-000c700{padding:0% 0% 0% 0%;}.elementor-9 .elementor-element.elementor-element-000c700 img{width:80px;}.elementor-9 .elementor-element.elementor-element-8d5b740{text-align:center;}.elementor-9 .elementor-element.elementor-element-f419f5d{text-align:center;}.elementor-9 .elementor-element.elementor-global-572.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d7a1929{--display:flex;--justify-content:space-between;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-9 .elementor-element.elementor-element-91653fb{padding:0% 0% 0% 0%;}.elementor-9 .elementor-element.elementor-element-91653fb img{width:80px;}.elementor-9 .elementor-element.elementor-element-03db8c0{text-align:center;}.elementor-9 .elementor-element.elementor-element-c96d45f{text-align:center;}.elementor-9 .elementor-element.elementor-element-0f50998.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-3cdd7fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-3cdd7fe:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3cdd7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dg-paysage-piscine.fr/wp-content/uploads/2025/10/element-flottant-gauche-dg-paysage-et-piscine-dinan.png");background-position:4% 58px;background-repeat:no-repeat;background-size:15% auto;}.elementor-9 .elementor-element.elementor-element-9132267{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 80px;--row-gap:0px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-6f4c7b8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-9 .elementor-element.elementor-element-342e0f8{padding:0px 0px 20px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-8fb7dc2{text-align:center;}.elementor-9 .elementor-element.elementor-element-b16ab45.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-a46f159{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-7b6d060{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-b0b8683{--display:flex;--border-radius:40px 0px 0px 040px;}.elementor-9 .elementor-element.elementor-element-b0b8683:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-b0b8683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dg-paysage-piscine.fr/wp-content/uploads/2025/10/chemin-en-bois-vers-terrasse-dans-le-jardin-avec-mobilier-de-jardin-tendance.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-20acbae{--display:flex;--border-radius:0px 40px 40px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6%;--padding-bottom:4%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-20acbae:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-20acbae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6d46b8d );}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-65ce512{left:-30%;}body.rtl .elementor-9 .elementor-element.elementor-element-65ce512{right:-30%;}.elementor-9 .elementor-element.elementor-element-65ce512{top:0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-65ce512 img{width:76%;}.elementor-9 .elementor-element.elementor-element-80a0b13{padding:0px 0px 20px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-fae9ee1{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-52edb17{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:5% 10% 0% 10%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group{padding-right:calc( 39px/2 );padding-left:calc( 39px/2 );margin-bottom:24px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-form-fields-wrapper{margin-left:calc( -39px/2 );margin-right:calc( -39px/2 );margin-bottom:-24px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group > label, .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group .elementor-field, .elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-subgroup label{font-size:clamp(16px, 2.5vw, 18px);}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#221C1E96;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group .elementor-select-wrapper select{border-color:#221C1E96;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-field-group .elementor-select-wrapper::before{color:#221C1E96;}.elementor-9 .elementor-element.elementor-element-52edb17 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-52edb17 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-11f8b4e{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-9 .elementor-element.elementor-element-927a07c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-927a07c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-927a07c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-9 .elementor-element.elementor-element-ace9328{--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:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-bb50b23{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3cdd7fe:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3cdd7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-9 .elementor-element.elementor-element-3cdd7fe{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-a46f159{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-7b6d060{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-837efc4{text-align:center;}.elementor-9 .elementor-element.elementor-element-837efc4 img{width:80%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-11f8b4e{--width:93%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-368c213{text-align:center;}.elementor-9 .elementor-element.elementor-element-927a07c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-927a07c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-100% 0px;}.elementor-9 .elementor-element.elementor-element-927a07c{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-69290c0{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1950376{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7228b99{--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-0840d42{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-bb50b23{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:14%;--padding-bottom:14%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-d7a1929{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-3cdd7fe:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3cdd7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-100% 0px;}.elementor-9 .elementor-element.elementor-element-3cdd7fe{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-b16ab45{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-a46f159{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-9 .elementor-element.elementor-element-b0b8683{--min-height:305px;--border-radius:40px 40px 40px 40px;}.elementor-9 .elementor-element.elementor-element-20acbae{--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:16%;--padding-bottom:10%;--padding-left:5%;--padding-right:05%;}.elementor-9 .elementor-element.elementor-element-837efc4{padding:10px 0px 10px 0px;}.elementor-9 .elementor-element.elementor-element-837efc4 img{border-radius:40px 40px 40px 40px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-11f8b4e{--width:97%;}.elementor-9 .elementor-element.elementor-element-927a07c{--content-width:81%;}.elementor-9 .elementor-element.elementor-element-266c6bd{--width:83%;}.elementor-9 .elementor-element.elementor-element-7b117f3{--width:81%;}.elementor-9 .elementor-element.elementor-element-85b4b32{--width:81%;}.elementor-9 .elementor-element.elementor-element-7228b99{--content-width:85%;}.elementor-9 .elementor-element.elementor-element-3cdd7fe{--content-width:78%;}.elementor-9 .elementor-element.elementor-element-a46f159{--content-width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-11f8b4e{--width:94%;}.elementor-9 .elementor-element.elementor-element-266c6bd{--width:100%;}}@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-11f8b4e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-11f8b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-9 .elementor-element.elementor-element-927a07c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-927a07c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-7da3658 *//* Animation Letters Slide Up */
h1.letters-slide-up {
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--e-global-color-0bf7b23);
  text-align: center;

}


.letters-slide-up span {
  display: inline-block;
  opacity: 0;
    transform: translateY(80px) scale(0.8);
}

.letters-slide-up.animate span {
  animation: slideUpLetter 0.9s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}

.letters-slide-up .split {
  display: inline-block;
  width: 0.2em;
  height: 0.1em;
  opacity: 0;
}


@keyframes slideUpLetter {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-368c213 */#transformez {
    transition: opacity 0.3s ease;
    opacity: 0;
}

#transformez.animate {
    opacity: 1
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11f8b4e */.elementor-9 .elementor-element.elementor-element-11f8b4e {
    position: relative;
    margin-top: -1.5%;
}

@media screen and (max-width: 1024px) {
    .elementor-9 .elementor-element.elementor-element-11f8b4e {
    margin: -1.5% 5%; 
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b117f3 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .elementor-9 .elementor-element.elementor-element-7b117f3 {
        width: 104%
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b4b32 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    .elementor-9 .elementor-element.elementor-element-85b4b32 {
        width: 104%
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d1d854 *//* Bouton En savoir plus personnalisé */
.elementor-9 .elementor-element.elementor-element-9d1d854 .en-savoir-plus {
	background: transparent;
	border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 5px 35px;
	border-radius: 40px;
	cursor: pointer;
	position: relative;
	transition: color 0.3s, border-color 0.3s, padding 0.3s, background 0.3s;
	display: inline-flex;
	align-items: center;
	outline: none;
	text-decoration: none;
}

.en-savoir-plus .fleche {
	width: 18px;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.3s, transform 0.3s;
	margin-left: 0;
	pointer-events: none;
	position: absolute;
	right: 20px;
	/* On retire la place de la flèche hors survol */
}

.elementor-9 .elementor-element.elementor-element-9d1d854 .en-savoir-plus:hover {
	padding-right: 55px;
	border-color: var(--e-global-color-accent);
	color: var(--e-global-color-accent);
}

.en-savoir-plus:hover .fleche {
	opacity: 1;
	transform: translateX(0);
	position: absolute;
	right: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0840d42 */.elementor-9 .elementor-element.elementor-element-0840d42 {
    position: relative;
}

.elementor-9 .elementor-element.elementor-element-0840d42:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -40px;
    left: auto;
    height: 250px;
    width: 1px;
    background: var(--e-global-color-primary);
    transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
    .elementor-9 .elementor-element.elementor-element-0840d42:before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-572 *//* Bouton En savoir plus personnalisé */
.elementor-9 .elementor-element.elementor-global-572 .en-savoir-plus {
	background: transparent;
	border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 5px 35px;
	border-radius: 40px;

	cursor: pointer;
	position: relative;
	transition: color 0.3s, border-color 0.3s, padding 0.3s, background 0.3s;
	display: inline-flex;
	align-items: center;
	outline: none;
	text-decoration: none;
}

.elementor-9 .elementor-element.elementor-global-572 .en-savoir-plus:hover {
	padding-right: 55px;
	border-color: var(--e-global-color-text);
	color: var(--e-global-color-text);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb50b23 */.elementor-9 .elementor-element.elementor-element-bb50b23 {
    position: relative;
}

.elementor-9 .elementor-element.elementor-element-bb50b23:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -30px;
    left: auto;
    height: 250px;
    width: 1px;
    background: var(--e-global-color-primary);
    transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
    .elementor-9 .elementor-element.elementor-element-bb50b23:before {
        width: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f50998 *//* Bouton En savoir plus personnalisé */
.elementor-9 .elementor-element.elementor-element-0f50998 .en-savoir-plus {
	background: transparent;
	border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 5px 35px;
	border-radius: 40px;
	font-size: 1.1rem;
	cursor: pointer;
	position: relative;
	transition: color 0.3s, border-color 0.3s, padding 0.3s, background 0.3s;
	display: inline-flex;
	align-items: center;
	outline: none;
	text-decoration: none;
}

.elementor-9 .elementor-element.elementor-element-0f50998 .en-savoir-plus:hover {
	padding-right: 55px;
	border-color: var(--e-global-color-secondary);
	color: var(--e-global-color-secondary);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20f9865 */.realisation-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0px auto 15px auto;
}

.realisation-slider-track {
    display: flex;
    width: 100%;
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.realisation-slider-track.is-animating {
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.realisation-slide {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}

.realisation-img-container {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 20px;
    transition: transform 0.8s, height 0.3s;
}

/* Décalage des slides latérales */
.realisation-slide:not(.focus) .realisation-img-container {
    transform: translateY(-20px);
}

.realisation-slide.focus .realisation-img-container {
    height: 420px;
    transform: translateY(0);
}

.realisation-img-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Zoom sur slide central */
.realisation-slide.focus img {
    transform: scale(1.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

/* Overlay full-height */
.realisation-img-container .realisation-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 20px;
    pointer-events: auto;
    z-index: 3;
}

.realisation-img-container:hover .realisation-overlay {
    opacity: 1;
}

.realisation-slider .realisation-slide .realisation-img-container .realisation-overlay .overlay-link {

    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    /* prend le dessus sur Elementor sans !important */
    color: inherit;
    padding: 12px 16px;
}

.realisation-slider .realisation-slide .realisation-img-container .realisation-overlay .overlay-link .ov-cat {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: clamp(14px, calc(1vw + 0.5rem), 22px);
}

.realisation-slider .realisation-slide .realisation-img-container .realisation-overlay .overlay-link .ov-title {
    font-weight: 600;
    font-size: clamp(16px, calc(1.2vw + 1rem), 26px);
}

.realisation-slider .realisation-slide .realisation-img-container .realisation-overlay .overlay-link .ov-lieu {
    margin-top: 6px;
    font-size: clamp(14px, calc(1vw + 0.5rem), 20px);
    font-weight: 400;
}

@media screen and (max-width:1024px) {
    .realisation-slide {
        flex: 0 0 50%;
    }

    .realisation-slide.focus .realisation-img-container {
        height: 300px;
    }

    .realisation-slide.focus img {
        height: 250px;
    }
}

@media screen and (max-width: 768px) {
    
.realisation-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0px auto 0px auto;
}
    .realisation-slide {
        flex: 0 0 100%;
    }

    .realisation-slide img,
    .realisation-slide.focus img {
        width: 100%;
        height: 100%;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b16ab45 *//* Bouton En savoir plus personnalisé */
.elementor-9 .elementor-element.elementor-element-b16ab45 .en-savoir-plus {
	background: transparent;
	border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 5px 35px;
	border-radius: 40px;
	cursor: pointer;
	position: relative;
	transition: color 0.3s, border-color 0.3s, padding 0.3s, background 0.3s;
	display: inline-flex;
	align-items: center;
	outline: none;
	text-decoration: none;
}

.en-savoir-plus .fleche {
	width: 18px;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.3s, transform 0.3s;
	margin-left: 0;
	pointer-events: none;
	position: absolute;
	right: 20px;
	/* On retire la place de la flèche hors survol */
}

.elementor-9 .elementor-element.elementor-element-b16ab45 .en-savoir-plus:hover {
	padding-right: 55px;
}

.en-savoir-plus:hover .fleche {
	opacity: 1;
	transform: translateX(0);
	position: absolute;
	right: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-65ce512 */@media screen and (min-width: 1366px) and (max-width: 1500px) {
    body:not(.rtl) 
        .elementor-9 .elementor-element.elementor-element-65ce512 {
            left: -55%;
        }
        .elementor-9 .elementor-element.elementor-element-65ce512 img{
            width: 60%;
        }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-52edb17 */::placeholder {
    opacity: 1 !important
}

/* Bouton En savoir plus personnalisé */
#btnContact {
	background: transparent;
	border: 1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	padding: 5px 35px;
	border-radius: 40px;
	cursor: pointer;
	position: relative;
	transition: color 0.3s, border-color 0.3s, padding 0.3s, background 0.3s;
	display: inline-flex;
	align-items: center;
	outline: none;
	text-decoration: none;
	    font-size: clamp(16px, 2.5vw, 18px);
}

/* Flèche avant le survol */
#btnContact::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(-10px, -50%);
	width: 18px;    /* taille souhaitée */
	height: 18px;   /* taille souhaitée */
	background: url('https://dg-paysage-piscine.fr/wp-content/uploads/2025/10/fleche-noire-dg-paysage-et-piscine.png') no-repeat center center;
	background-size: contain; /* pour que l’image rentre dans la boîte */
	opacity: 0;
	transition: opacity 0.3s, transform 0.3s;
	pointer-events: none;
}

/* Survol du bouton */
#btnContact:hover {
	padding-right: 55px;
}

/* Animation de la flèche au survol */
#btnContact:hover::before {
	opacity: 1;
	transform: translate(0, -50%);
}

.elementor-form .elementor-button .elementor-button-text {
    white-space: normal;
    color: var(--e-global-color-primary);
}

.elementor-select-wrapper .select-caret-down-wrapper {
    color: var(--e-global-color-accent);
}/* End custom CSS */