.elementor-20 .elementor-element.elementor-element-9a1e770{--display:flex;--min-height:893px;--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;--overlay-opacity:0.55;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-20 .elementor-element.elementor-element-9a1e770:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9a1e770 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cam-photographie.fr/wp-content/uploads/2026/08/IMG_6877-2-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-9a1e770::before, .elementor-20 .elementor-element.elementor-element-9a1e770 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-9a1e770 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-9a1e770 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-9a1e770 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-9a1e770 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#273349;--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-20 .elementor-element.elementor-element-9a1e772{margin:050px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-9a1e772 .elementor-heading-title{font-size:14px;font-weight:600;letter-spacing:3px;color:#E2C9A3;}.elementor-20 .elementor-element.elementor-element-9a1e773{text-align:center;}.elementor-20 .elementor-element.elementor-element-9a1e773 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:54px;font-weight:500;line-height:1.15em;color:#FFFFFF;}.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-20 .elementor-element.elementor-element-9a1e774{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:17px;line-height:1.6em;color:#F5F0E6;}.elementor-20 .elementor-element.elementor-element-9a1e774.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-9a1e774 p{margin-block-end:9px;}.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-20 .elementor-element.elementor-element-9a1e775 .elementor-button{background-color:transparent;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2C9A3;border-radius:30px 30px 30px 30px;padding:14px 28px 14px 28px;}.elementor-20 .elementor-element.elementor-element-3b0af8c{--display:flex;--min-height:893px;--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;--overlay-opacity:0.55;--margin-top:-15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-20 .elementor-element.elementor-element-3b0af8c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3b0af8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cam-photographie.fr/wp-content/uploads/2026/08/IMG_6877-2-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-3b0af8c::before, .elementor-20 .elementor-element.elementor-element-3b0af8c > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-3b0af8c > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-3b0af8c > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-3b0af8c > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-3b0af8c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#273349;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-c14e0ef{--spacer-size:50px;}.elementor-20 .elementor-element.elementor-element-d554e46{margin:180px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-d554e46 .elementor-heading-title{font-size:14px;font-weight:600;letter-spacing:3px;color:#E2C9A3;}.elementor-20 .elementor-element.elementor-element-fc3a415{text-align:start;}.elementor-20 .elementor-element.elementor-element-fc3a415 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:54px;font-weight:500;line-height:1.15em;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-f3e7e97{width:var( --container-widget-width, 55.668% );max-width:55.668%;--container-widget-width:55.668%;--container-widget-flex-grow:0;text-align:start;font-size:17px;line-height:1.6em;color:#F5F0E6;}.elementor-20 .elementor-element.elementor-element-f3e7e97.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-629735b .elementor-button{background-color:transparent;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2C9A3;border-radius:30px 30px 30px 30px;padding:14px 28px 14px 28px;}.elementor-20 .elementor-element.elementor-element-b2ab001{--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;--flex-wrap:wrap;--padding-top:90px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-b2ab001:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b2ab001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-20 .elementor-element.elementor-element-b2ab002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-b2ab002.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-b2ab003{text-align:start;}.elementor-20 .elementor-element.elementor-element-b2ab003 .elementor-heading-title{font-size:13px;font-weight:700;letter-spacing:3px;color:#769088;}.elementor-20 .elementor-element.elementor-element-b2ab004{text-align:start;}.elementor-20 .elementor-element.elementor-element-b2ab004 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:36px;font-weight:700;line-height:1.25em;color:#273349;}.elementor-20 .elementor-element.elementor-element-b2ab005{text-align:start;font-size:16px;line-height:1.7em;color:#5B6472;}.elementor-20 .elementor-element.elementor-element-b2ab007 .elementor-button{background-color:transparent;fill:#273349;color:#273349;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-b2ab008{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-b2ab008.e-con{--flex-grow:0;--flex-shrink:0;}.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-20 .elementor-element.elementor-element-b2ab009{text-align:end;}.elementor-20 .elementor-element.elementor-element-b2ab00a{width:var( --container-widget-width, 56.545% );max-width:56.545%;--container-widget-width:56.545%;--container-widget-flex-grow:0;text-align:start;}.elementor-20 .elementor-element.elementor-element-b2ab00a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-c3ab001{--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:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c3ab001:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c3ab001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c3ab003{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-c3ab003 .elementor-heading-title{font-size:13px;font-weight:700;letter-spacing:3px;color:#769088;}.elementor-20 .elementor-element.elementor-element-c3ab004{text-align:center;}.elementor-20 .elementor-element.elementor-element-c3ab004 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:30px;font-weight:500;line-height:1.3em;color:#273349;}.elementor-20 .elementor-element.elementor-element-c3ab005{text-align:center;font-size:16px;line-height:1.6em;color:#5B6472;}.elementor-20 .elementor-element.elementor-element-c3ab006{--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;--flex-wrap:wrap;--margin-top:50px;--margin-bottom:050px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-c3ab007{--display:flex;--min-height:0px;}.elementor-20 .elementor-element.elementor-element-c3ab007.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-c3ab009{text-align:start;}.elementor-20 .elementor-element.elementor-element-c3ab009 .elementor-heading-title{font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c3ab00a{--display:flex;--min-height:0px;}.elementor-20 .elementor-element.elementor-element-c3ab00a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-c3ab00c{text-align:start;}.elementor-20 .elementor-element.elementor-element-c3ab00c .elementor-heading-title{font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c3ab00d{--display:flex;}.elementor-20 .elementor-element.elementor-element-c3ab00d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-c3ab00f{text-align:start;}.elementor-20 .elementor-element.elementor-element-c3ab00f .elementor-heading-title{font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c3ab010{--display:flex;}.elementor-20 .elementor-element.elementor-element-c3ab010.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-c3ab012{text-align:start;}.elementor-20 .elementor-element.elementor-element-c3ab012 .elementor-heading-title{font-size:20px;font-weight:700;color:#273349;}.elementor-20 .elementor-element.elementor-element-d4ab001{--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;--overlay-opacity:0.82;--padding-top:55px;--padding-bottom:55px;--padding-left:40px;--padding-right:40px;}.elementor-20 .elementor-element.elementor-element-d4ab001:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-d4ab001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cam-photographie.fr/wp-content/uploads/2026/06/pexels-recepcelikphoto-13397412-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-d4ab001::before, .elementor-20 .elementor-element.elementor-element-d4ab001 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-d4ab001 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-d4ab001 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-d4ab001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-d4ab001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#273349;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-d4ab002{text-align:center;}.elementor-20 .elementor-element.elementor-element-d4ab002 .elementor-heading-title{font-size:14px;font-weight:600;letter-spacing:4px;color:#E2C9A3;}.elementor-20 .elementor-element.elementor-element-d4ab009{text-align:center;}.elementor-20 .elementor-element.elementor-element-d4ab009 .elementor-heading-title{font-size:22px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-d4ab00a{text-align:center;}.elementor-20 .elementor-element.elementor-element-d4ab00a .elementor-heading-title{font-size:22px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-e5ab001{--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;--flex-wrap:wrap;--padding-top:110px;--padding-bottom:110px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-e5ab001:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-e5ab001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-e5ab006{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-e5ab007{text-align:start;}.elementor-20 .elementor-element.elementor-element-e5ab007 .elementor-heading-title{font-size:13px;font-weight:700;letter-spacing:3px;color:#769088;}.elementor-20 .elementor-element.elementor-element-e5ab008{text-align:start;}.elementor-20 .elementor-element.elementor-element-e5ab008 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:34px;font-weight:500;line-height:1.25em;color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab009{text-align:start;font-size:16px;line-height:1.7em;color:#5B6472;}.elementor-20 .elementor-element.elementor-element-e5ab00a{--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;--flex-wrap:wrap;}.elementor-20 .elementor-element.elementor-element-e5ab00b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-e5ab00c .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-e5ab00c.elementor-view-stacked .elementor-icon{background-color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab00c.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-e5ab00c.elementor-view-default .elementor-icon{color:#273349;border-color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab00c.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-e5ab00c.elementor-view-default .elementor-icon svg{fill:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab00c .elementor-icon{font-size:26px;}.elementor-20 .elementor-element.elementor-element-e5ab00c .elementor-icon svg{height:26px;}.elementor-20 .elementor-element.elementor-element-e5ab00d{text-align:start;}.elementor-20 .elementor-element.elementor-element-e5ab00d .elementor-heading-title{font-size:14px;font-weight:700;letter-spacing:1px;color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab00e{text-align:start;font-size:14px;line-height:1.6em;color:#5B6472;}.elementor-20 .elementor-element.elementor-element-e5ab00f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-e5ab010 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-e5ab010.elementor-view-stacked .elementor-icon{background-color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab010.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-e5ab010.elementor-view-default .elementor-icon{color:#273349;border-color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab010.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-e5ab010.elementor-view-default .elementor-icon svg{fill:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab010 .elementor-icon{font-size:26px;}.elementor-20 .elementor-element.elementor-element-e5ab010 .elementor-icon svg{height:26px;}.elementor-20 .elementor-element.elementor-element-e5ab011{text-align:start;}.elementor-20 .elementor-element.elementor-element-e5ab011 .elementor-heading-title{font-size:14px;font-weight:700;letter-spacing:1px;color:#273349;}.elementor-20 .elementor-element.elementor-element-e5ab012{text-align:start;font-size:14px;line-height:1.6em;color:#5B6472;}.elementor-20 .elementor-element.elementor-element-d5b7038{--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;--flex-wrap:wrap;--overlay-opacity:0.78;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-d5b7038:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-d5b7038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cam-photographie.fr/wp-content/uploads/2026/06/pexels-recepcelikphoto-13397412-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-d5b7038::before, .elementor-20 .elementor-element.elementor-element-d5b7038 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-d5b7038 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-d5b7038 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-d5b7038 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-d5b7038 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#273349;--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-b2ab002{--width:45%;}.elementor-20 .elementor-element.elementor-element-b2ab008{--width:50%;}.elementor-20 .elementor-element.elementor-element-c3ab006{--width:100%;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-9a1e770{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-20 .elementor-element.elementor-element-9a1e772{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-9a1e773 .elementor-heading-title{font-size:40px;}.elementor-20 .elementor-element.elementor-element-3b0af8c{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-20 .elementor-element.elementor-element-d554e46{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-fc3a415 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-9a1e770{--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-9a1e772{text-align:center;}.elementor-20 .elementor-element.elementor-element-9a1e773{text-align:center;}.elementor-20 .elementor-element.elementor-element-9a1e773 .elementor-heading-title{font-size:30px;}.elementor-20 .elementor-element.elementor-element-9a1e774{--container-widget-width:599px;--container-widget-flex-grow:0;width:var( --container-widget-width, 599px );max-width:599px;text-align:center;}.elementor-20 .elementor-element.elementor-element-9a1e774 p{margin-block-end:51px;}.elementor-20 .elementor-element.elementor-element-3b0af8c{--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-d554e46{text-align:center;}.elementor-20 .elementor-element.elementor-element-fc3a415{text-align:center;}.elementor-20 .elementor-element.elementor-element-fc3a415 .elementor-heading-title{font-size:30px;}.elementor-20 .elementor-element.elementor-element-f3e7e97{--container-widget-width:599px;--container-widget-flex-grow:0;width:var( --container-widget-width, 599px );max-width:599px;text-align:center;}.elementor-20 .elementor-element.elementor-element-f3e7e97 p{margin-block-end:51px;}.elementor-20 .elementor-element.elementor-element-b2ab001{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-b2ab004 .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-c3ab001{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c3ab004 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-d4ab001{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-e5ab001{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-e5ab008 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-d5b7038{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for heading, class: .elementor-element-9a1e772 */.elementor-20 .elementor-element.elementor-element-9a1e772 .elementor-heading-title {
color: #E2C9A3; /* Beige sable de la charte */
text-transform: uppercase;
letter-spacing: 3px; /* Espacement élégant */
font-size: 13px;
font-weight: 600;
margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a1e773 */.elementor-20 .elementor-element.elementor-element-9a1e773 .elementor-heading-title {
color: #FFFFFF;
font-size: 3.5rem; /* Ajustez selon la police choisie */
font-weight: 700;
line-height: 1.15;
text-shadow: 0px 4px 15px rgba(39, 51, 73, 0.4); /* Ombre douce bleu nuit */
}
/* Version responsive pour mobile */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-9a1e773 .elementor-heading-title {
font-size: 2.2rem;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a1e774 */.elementor-20 .elementor-element.elementor-element-9a1e774 {
color: rgba(255, 255, 255, 0.85); /* Blanc légèrement transparent pour la douceur */
font-size: 17px;
line-height: 1.6;
max-width: 650px; /* Empêche le texte d'être trop large */
margin-top: 20px;
margin-bottom: 35px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a1e775 *//* État normal */
.elementor-20 .elementor-element.elementor-element-9a1e775 .elementor-button {
background-color: transparent !important;
border: 1px solid #E2C9A3 !important;
color: #FFFFFF !important;
border-radius: 40px !important; /* Forme pilule très élégante */
padding: 16px 35px !important;
font-weight: 400 !important;
letter-spacing: 0.5px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
overflow: hidden;
}
/* L'icône de flèche (si vous en ajoutez une) */
.elementor-20 .elementor-element.elementor-element-9a1e775 .elementor-button-icon {
transition: transform 0.3s ease;
}
/* État au survol (Hover) */
.elementor-20 .elementor-element.elementor-element-9a1e775 .elementor-button:hover {
background-color: #E2C9A3 !important;
color: #273349 !important; /* Bleu nuit de la charte */
border-color: #E2C9A3 !important;
transform: translateY(-4px); /* Petit soulèvement élégant */
box-shadow: 0 10px 20px rgba(39, 51, 73, 0.3) !important;
}
/* Animation de la flèche au survol */
.elementor-20 .elementor-element.elementor-element-9a1e775 .elementor-button:hover .elementor-button-icon {
transform: translateX(5px); /* Décale la flèche vers la droite */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a1e770 */.elementor-20 .elementor-element.elementor-element-9a1e770 {
animation: fadeUpReveal 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
opacity: 0;
transform: translateY(30px);
}
@keyframes fadeUpReveal {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d554e46 */.elementor-20 .elementor-element.elementor-element-d554e46 .elementor-heading-title {
color: #E2C9A3; /* Beige sable de la charte */
text-transform: uppercase;
letter-spacing: 3px; /* Espacement élégant */
font-size: 13px;
font-weight: 600;
margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fc3a415 */.elementor-20 .elementor-element.elementor-element-fc3a415 .elementor-heading-title {
color: #FFFFFF;
font-size: 3.5rem; /* Ajustez selon la police choisie */
font-weight: 700;
line-height: 1.15;
text-shadow: 0px 4px 15px rgba(39, 51, 73, 0.4); /* Ombre douce bleu nuit */
}
/* Version responsive pour mobile */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-fc3a415 .elementor-heading-title {
font-size: 2.2rem;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f3e7e97 */.elementor-20 .elementor-element.elementor-element-f3e7e97 {
color: rgba(255, 255, 255, 0.85); /* Blanc légèrement transparent pour la douceur */
font-size: 17px;
line-height: 1.6;
max-width: 650px; /* Empêche le texte d'être trop large */
margin-top: 20px;
margin-bottom: 35px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-629735b *//* État normal */
.elementor-20 .elementor-element.elementor-element-629735b .elementor-button {
background-color: transparent !important;
border: 1px solid #E2C9A3 !important;
color: #FFFFFF !important;
border-radius: 40px !important; /* Forme pilule très élégante */
padding: 16px 35px !important;
font-weight: 400 !important;
letter-spacing: 0.5px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
overflow: hidden;
}
/* L'icône de flèche (si vous en ajoutez une) */
.elementor-20 .elementor-element.elementor-element-629735b .elementor-button-icon {
transition: transform 0.3s ease;
}
/* État au survol (Hover) */
.elementor-20 .elementor-element.elementor-element-629735b .elementor-button:hover {
background-color: #E2C9A3 !important;
color: #273349 !important; /* Bleu nuit de la charte */
border-color: #E2C9A3 !important;
transform: translateY(-4px); /* Petit soulèvement élégant */
box-shadow: 0 10px 20px rgba(39, 51, 73, 0.3) !important;
}
/* Animation de la flèche au survol */
.elementor-20 .elementor-element.elementor-element-629735b .elementor-button:hover .elementor-button-icon {
transform: translateX(5px); /* Décale la flèche vers la droite */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b0af8c */.elementor-20 .elementor-element.elementor-element-3b0af8c {
animation: fadeUpReveal 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
opacity: 0;
transform: translateY(30px);
}
@keyframes fadeUpReveal {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b2ab003 */.elementor-20 .elementor-element.elementor-element-b2ab003 {
color: #769088;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 12px;
font-weight: 700;
margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b2ab004 */.elementor-20 .elementor-element.elementor-element-b2ab004 .elementor-heading-title {
color: #273349;
font-size: 42px;
line-height: 1.2;
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2ab005 */.elementor-element-b2ab005 { max-width: 460px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2ab007 */.elementor-element-b2ab007 { margin-top: 30px; }
.elementor-element-b2ab007 .elementor-button { text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 1px; padding: 0; border-bottom: 1px solid #273349; border-radius: 0; }
.elementor-element-b2ab007 .elementor-button:hover { color: #769088; border-color: #769088; background: transparent; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2ab009 */.elementor-20 .elementor-element.elementor-element-b2ab009 img {
border-radius: 4px;
box-shadow: 20px 20px 60px rgba(39, 51, 73, 0.1);
transition: transform 0.5s ease;
}
.elementor-20 .elementor-element.elementor-element-b2ab009:hover img {
transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2ab00a */.elementor-20 .elementor-element.elementor-element-b2ab00a {
background: #ffffff;
padding: 10px 10px 40px 10px; /* Bordure blanche type Polaroid */
box-shadow: 5px 10px 30px rgba(0,0,0,0.15);
transform: rotate(5deg) translateY(-80px) translateX(-50px); /* Chevauchement */
z-index: 10;
}
/* Effet Morceau de Scotch (Tape) */
.elementor-20 .elementor-element.elementor-element-b2ab00a::before {
content: "";
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 30px;
background-color: rgba(226, 201, 163, 0.5); /* Votre beige avec transparence */
box-shadow: 2px 2px 5px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab003 */.elementor-element-c3ab003 { text-transform: uppercase; margin-bottom: 14px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab004 */.elementor-element-c3ab004 { max-width: 700px; margin: 0 auto 18px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c3ab005 */.elementor-element-c3ab005 { max-width: 560px; margin: 0 auto 50px; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3ab008 */.elementor-element-c3ab008 { position: absolute; inset: 0; z-index: 1; }
.elementor-element-c3ab008 img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.elementor-element-c3ab008::after { content: ''; position: absolute; inset: 0; background: rgba(39,51,73,0.45); z-index: 2; transition: background .3s ease; }
.elementor-element-c3ab007:hover .elementor-element-c3ab008 img { transform: scale(1.06); }
.elementor-element-c3ab007:hover .elementor-element-c3ab008::after { background: rgba(39,51,73,0.6); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab009 */.elementor-element-c3ab009 { position: absolute; left: 20px; bottom: 18px; right: 20px; z-index: 3; margin: 0; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3ab00b */.elementor-element-c3ab00b { position: absolute; inset: 0; z-index: 1; }
.elementor-element-c3ab00b img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.elementor-element-c3ab00b::after { content: ''; position: absolute; inset: 0; background: rgba(118,144,136,0.5); z-index: 2; transition: background .3s ease; }
.elementor-element-c3ab00a:hover .elementor-element-c3ab00b img { transform: scale(1.06); }
.elementor-element-c3ab00a:hover .elementor-element-c3ab00b::after { background: rgba(118,144,136,0.65); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab00c */.elementor-element-c3ab00c { position: absolute; left: 20px; bottom: 18px; right: 20px; z-index: 3; margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ab00a */.elementor-element-c3ab00a { position: relative; overflow: hidden; border-radius: 6px; width: calc(25% - 12px); flex: 0 0 calc(25% - 12px); height: 300px; box-sizing: border-box; }
@media(max-width:767px){ .elementor-element-c3ab00a { width: 100%; flex: 0 0 100%; height: 210px; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3ab00e */.elementor-element-c3ab00e { position: absolute; inset: 0; z-index: 1; }
.elementor-element-c3ab00e img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.elementor-element-c3ab00e::after { content: ''; position: absolute; inset: 0; background: rgba(39,51,73,0.45); z-index: 2; transition: background .3s ease; }
.elementor-element-c3ab00d:hover .elementor-element-c3ab00e img { transform: scale(1.06); }
.elementor-element-c3ab00d:hover .elementor-element-c3ab00e::after { background: rgba(39,51,73,0.6); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab00f */.elementor-element-c3ab00f { position: absolute; left: 20px; bottom: 18px; right: 20px; z-index: 3; margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ab00d */.elementor-element-c3ab00d { position: relative; overflow: hidden; border-radius: 6px; width: calc(25% - 12px); flex: 0 0 calc(25% - 12px); height: 300px; box-sizing: border-box; }
@media(max-width:767px){ .elementor-element-c3ab00d { width: 100%; flex: 0 0 100%; height: 210px; } }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3ab011 */.elementor-element-c3ab011 { position: absolute; inset: 0; z-index: 1; }
.elementor-element-c3ab011 img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.elementor-element-c3ab011::after { content: ''; position: absolute; inset: 0; background: rgba(226,201,163,0.55); z-index: 2; transition: background .3s ease; }
.elementor-element-c3ab010:hover .elementor-element-c3ab011 img { transform: scale(1.06); }
.elementor-element-c3ab010:hover .elementor-element-c3ab011::after { background: rgba(226,201,163,0.7); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c3ab012 */.elementor-element-c3ab012 { position: absolute; left: 20px; bottom: 18px; right: 20px; z-index: 3; margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ab010 */.elementor-element-c3ab010 { position: relative; overflow: hidden; border-radius: 6px; width: calc(25% - 12px); flex: 0 0 calc(25% - 12px); height: 300px; box-sizing: border-box; }
@media(max-width:767px){ .elementor-element-c3ab010 { width: 100%; flex: 0 0 100%; height: 210px; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ab006 *//* -----------------------------------------
0. GESTION DE LA GRILLE
----------------------------------------- */
.elementor-20 .elementor-element.elementor-element-c3ab006 {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px;
}
/* Responsive : 2 cartes sur tablette */
@media (max-width: 1024px) {
.elementor-20 .elementor-element.elementor-element-c3ab006 { grid-template-columns: repeat(2, 1fr) !important; }
}
/* Responsive : 2 cartes sur mobile (Modification effectuée ici) */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-c3ab006 {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px; /* On réduit légèrement l'espace entre les cartes sur mobile */
}
}
/* -----------------------------------------
1. STRUCTURE DES CARTES (Filtre intelligent)
----------------------------------------- */
/* On cible précisément les conteneurs ou widgets, en ignorant les div invisibles */
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-con,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-container,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-column,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-widget {
width: 100% !important;
height: 100% !important;
aspect-ratio: 3 / 4 !important; /* Force le format portrait identique partout */
border-radius: 8px;
overflow: hidden;
position: relative;
transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
cursor: pointer;
background-color: #000;
margin: 0 !important;
}
/* Lévitation au survol */
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-con:hover,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-container:hover,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-column:hover,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-widget:hover {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(39, 51, 73, 0.25);
}
/* -----------------------------------------
2. GESTION DES IMAGES
----------------------------------------- */
/* Oblige Elementor à remplir tout le bloc */
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-image,
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-image .elementor-widget-container {
height: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* Maintient les proportions de l'image */
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.8s ease;
filter: brightness(0.7) saturate(0.4);
}
/* -----------------------------------------
3. GESTION DES TITRES ET ANIMATIONS
----------------------------------------- */
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-heading {
position: absolute !important;
bottom: 15px;
left: 25px;
z-index: 10;
transition: all 0.4s ease;
width: auto !important;
margin: 0 !important;
}
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-heading .elementor-heading-title {
color: #FFFFFF;
font-size: 22px;
font-weight: 500;
letter-spacing: 0.5px;
text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
transition: color 0.3s ease;
margin: 0;
}
/* --- AJUSTEMENTS TEXTE POUR MOBILE (Évite que le texte soit coupé) --- */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-heading {
left: 15px; /* Rapproche le texte du bord sur petit écran */
bottom: 10px;
}
.elementor-20 .elementor-element.elementor-element-c3ab006 .elementor-widget-heading .elementor-heading-title {
font-size: 16px; /* Réduit la taille de la police pour rentrer dans la demi-carte */
}
}
/* --- ANIMATIONS DE SURVOL (Hover) --- */
/* L'image s'éclaire et zoome */
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-con:hover .elementor-widget-image img,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-container:hover .elementor-widget-image img,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-column:hover .elementor-widget-image img,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-widget:hover .elementor-widget-image img {
transform: scale(1.08);
filter: brightness(0.95) saturate(1);
}
/* Le texte monte */
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-con:hover .elementor-widget-heading,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-container:hover .elementor-widget-heading,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-column:hover .elementor-widget-heading,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-widget:hover .elementor-widget-heading {
bottom: 25px;
}
/* Ajustement de l'animation de montée du texte sur mobile */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-c3ab006 > *:hover .elementor-widget-heading {
bottom: 15px;
}
}
/* La couleur du texte change en Or/Beige */
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-con:hover .elementor-heading-title,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .e-container:hover .elementor-heading-title,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-column:hover .elementor-heading-title,
.elementor-20 .elementor-element.elementor-element-c3ab006 > .elementor-widget:hover .elementor-heading-title {
color: #E2C9A3;
letter-spacing: 1px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3ab001 *//* 1. Configuration de la section parent */
.elementor-20 .elementor-element.elementor-element-c3ab001 {
position: relative;
overflow: hidden;
}
/* 2. On protège votre contenu pour qu'il reste cliquable */
.elementor-20 .elementor-element.elementor-element-c3ab001 > .elementor-container,
.elementor-20 .elementor-element.elementor-element-c3ab001 > .e-con,
.elementor-20 .elementor-element.elementor-element-c3ab001 > .e-con-inner {
position: relative;
z-index: 2;
}
/* 3. Le boîtier de l'appareil photo (Dessiné en SVG invisible) */
.elementor-20 .elementor-element.elementor-element-c3ab001::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 800px;
height: 800px;
margin-top: -400px;
margin-left: -400px;
/* Dessin SVG ultra-minimaliste intégré au CSS (Couleur de votre charte) */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
pointer-events: none;
/* Animation de lévitation */
animation: appareil-flotte 8s ease-in-out infinite;
}
/* 4. L'objectif complet (Bague tournante + focus interne) */
.elementor-20 .elementor-element.elementor-element-c3ab001::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 280px; /* Taille parfaitement ajustée au centre du SVG */
height: 280px;
margin-top: -140px;
margin-left: -140px;
border-radius: 50%;
/* La bague pointillée beige */
border: 2px dashed rgba(226, 201, 163, 0.6);
/* L'astuce pour faire un 2ème cercle bleu nuit à l'intérieur */
box-shadow: inset 0 0 0 15px transparent, inset 0 0 0 16px rgba(39, 51, 73, 0.1);
z-index: 0;
pointer-events: none;
/* On combine 3 animations parfaitement synchronisées */
animation:
appareil-flotte 8s ease-in-out infinite, /* Il flotte avec le boîtier */
objectif-tourne 30s linear infinite, /* Il tourne très lentement */
objectif-respire 8s ease-in-out infinite; /* Il s'agrandit légèrement */
}
/* 5. Les moteurs d'animation (Nouvelle syntaxe CSS indépendante) */
@keyframes appareil-flotte {
0%, 100% { translate: 0 0; }
50% { translate: 0 -25px; } /* Monte doucement */
}
@keyframes objectif-tourne {
0% { rotate: 0deg; }
100% { rotate: 360deg; }
}
@keyframes objectif-respire {
0%, 100% { scale: 1; }
50% { scale: 1.05; }
}
/* 6. Ajustements sur Mobile pour garder les proportions */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-c3ab001::before {
width: 400px; height: 400px;
margin-top: -200px; margin-left: -200px;
}
.elementor-20 .elementor-element.elementor-element-c3ab001::after {
width: 140px; height: 140px;
margin-top: -70px; margin-left: -70px;
/* On réduit aussi l'espacement du cercle interne */
box-shadow: inset 0 0 0 8px transparent, inset 0 0 0 9px rgba(39, 51, 73, 0.1);
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4ab002 */.elementor-element-d4ab002 { text-transform: uppercase; margin-bottom: 28px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4ab009 */.elementor-element-d4ab009 { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); opacity: 0.55; z-index: 3; }
@media(max-width:767px){ .elementor-element-d4ab009 { display: none; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4ab00a */.elementor-element-d4ab00a { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0.55; z-index: 3; }
@media(max-width:767px){ .elementor-element-d4ab00a { display: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed5a9d9 *//* Conteneur principal */
.trust-logos-slider {
display: flex;
overflow: hidden;
width: 100%;
padding: 30px 0;
}
/* Pistes de défilement */
.trust-logos-track {
display: flex;
align-items: center;
flex-shrink: 0; /* Essentiel : empêche le conteneur de rétrécir */
animation: scroll-trust-logos 40s linear infinite;
}
/* Styles des images */
.trust-logos-track img {
height: 100px;
width: auto;
max-width: 200px;
object-fit: contain;
margin: 0 40px;
flex-shrink: 0; /* Essentiel : empêche les images de s'écraser sous la pression du conteneur Elementor */
}
/* Animation */
@keyframes scroll-trust-logos {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* Responsive pour mobiles */
@media (max-width: 768px) {
.trust-logos-track img {
height: 50px;
margin: 0 20px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4ab001 */.elementor-element-d4ab001 { position: relative; overflow: hidden; max-width: 1180px; margin-left: auto; margin-right: auto; display: flex !important; flex-direction: column !important; align-items: center !important; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5ab007 */.elementor-20 .elementor-element.elementor-element-e5ab007 .elementor-heading-title {
color: #769088; /* Vert doux */
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5ab008 */.elementor-20 .elementor-element.elementor-element-e5ab008 .elementor-heading-title {
color: #273349; /* Bleu nuit */
font-size: 40px;
line-height: 1.2;
margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e5ab009 */.elementor-element-e5ab009 { max-width: 460px; margin-bottom: 30px; }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ab00c */.elementor-element-e5ab00c { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5ab00d */.elementor-element-e5ab00d { margin-bottom: 8px; padding-top: 8px; border-top: 2px solid #E2C9A3; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5ab00b */.elementor-element-e5ab00b { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); box-sizing: border-box; display: flex !important; flex-direction: column !important; }
@media(max-width:600px){ .elementor-element-e5ab00b { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e5ab010 */.elementor-element-e5ab010 { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5ab011 */.elementor-element-e5ab011 { margin-bottom: 8px; padding-top: 8px; border-top: 2px solid #E2C9A3; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5ab00f */.elementor-element-e5ab00f { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); box-sizing: border-box; display: flex !important; flex-direction: column !important; }
@media(max-width:600px){ .elementor-element-e5ab00f { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5ab00a *//* 1. Zone interactive */
.elementor-20 .elementor-element.elementor-element-e5ab00a {
padding: 20px;
border-radius: 8px;
transition: background-color 0.4s ease;
cursor: pointer;
}
/* Fond très léger au survol de la zone */
.elementor-20 .elementor-element.elementor-element-e5ab00a:hover {
background-color: rgba(226, 201, 163, 0.1); /* Beige ultra transparent */
}
/* 2. Animation de l'icône au survol */
.elementor-20 .elementor-element.elementor-element-e5ab00a .elementor-widget-icon i,
.elementor-20 .elementor-element.elementor-element-e5ab00a .elementor-widget-icon svg {
color: #273349;
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.4s ease;
}
.elementor-20 .elementor-element.elementor-element-e5ab00a:hover .elementor-widget-icon i,
.elementor-20 .elementor-element.elementor-element-e5ab00a:hover .elementor-widget-icon svg {
transform: translateY(-8px) scale(1.1); /* L'icône saute légèrement */
color: #769088; /* Passe au vert au survol */
}
/* 3. L'EFFET DE SURLIGNAGE MAGIQUE SUR LE TITRE */
.elementor-20 .elementor-element.elementor-element-e5ab00a .elementor-widget-heading .elementor-heading-title {
color: #273349;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
display: inline; /* Obligatoire pour que le surlignage suive le texte */
/* On prépare le surligneur avec la couleur Beige de la charte (#E2C9A3) */
background-image: linear-gradient(transparent 60%, rgba(226, 201, 163, 0.7) 60%);
background-repeat: no-repeat;
background-size: 0% 100%; /* Surlignage invisible au départ (0% de largeur) */
background-position-x: left;
transition: background-size 0.5s ease-in-out;
}
/* Déploiement du surligneur au survol de la zone */
.elementor-20 .elementor-element.elementor-element-e5ab00a:hover .elementor-widget-heading .elementor-heading-title {
background-size: 100% 100%; /* Le surlignage couvre 100% de la largeur du mot */
}
/* 4. Le petit trait séparateur (si vous avez utilisé le widget Séparateur) */
.elementor-20 .elementor-element.elementor-element-e5ab00a .elementor-divider-separator {
border-color: #C8C39A; /* Vert clair de la charte */
width: 30px;
transition: width 0.4s ease;
}
/* Le trait s'allonge au survol */
.elementor-20 .elementor-element.elementor-element-e5ab00a:hover .elementor-divider-separator {
width: 60px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5ab006 */.elementor-element-e5ab006 { width: 50%; flex: 0 0 50%; max-width: 50%; box-sizing: border-box; display: flex !important; flex-direction: column !important; }
@media(max-width:767px){ .elementor-element-e5ab006 { width: 100%; flex: 0 0 100%; max-width: 100%; margin-top: 50px; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5ab001 */.elementor-element-e5ab001 { overflow: hidden; max-width: 1180px; margin-left: auto; margin-right: auto; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; }
/* 1. Configuration de la section parent */
.elementor-20 .elementor-element.elementor-element-e5ab001 {
position: relative;
overflow: hidden;
}
/* 2. On protège le contenu pour qu'il reste interactif au-dessus du fond */
.elementor-20 .elementor-element.elementor-element-e5ab001 > .elementor-container,
.elementor-20 .elementor-element.elementor-element-e5ab001 > .e-con,
.elementor-20 .elementor-element.elementor-element-e5ab001 > .e-con-inner {
position: relative;
z-index: 2;
}
/* 3. Le motif floral minimaliste (Dessin SVG intégré) */
.elementor-20 .elementor-element.elementor-element-e5ab001::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: 600px;
margin-top: -300px;
margin-left: -300px;
/* Un rameau de feuilles très fin au trait (Bleu nuit de la charte) */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.25; /* Transparence pour un effet filigrane discret */
z-index: 0;
pointer-events: none;
/* Animation : balancement très doux depuis la base */
transform-origin: bottom center;
animation: rameau-brise 12s ease-in-out infinite alternate;
}
/* 4. L'alliance (Cercle fin beige symbolisant l'union) */
.elementor-20 .elementor-element.elementor-element-e5ab001::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 380px;
height: 380px;
margin-top: -190px;
margin-left: -190px;
border-radius: 50%;
border: 1px solid rgba(226, 201, 163, 0.4); /* Beige de la charte */
z-index: 0;
pointer-events: none;
/* L'alliance lévite indépendamment du rameau */
animation: alliance-flotte 10s ease-in-out infinite alternate;
}
/* 5. Les moteurs d'animation */
@keyframes rameau-brise {
0% { transform: rotate(-4deg) scale(0.95); }
100% { transform: rotate(4deg) scale(1); }
}
@keyframes alliance-flotte {
0% { transform: translateY(15px); }
100% { transform: translateY(-15px); }
}
/* 6. Ajustements sur Mobile (Proportions réduites) */
@media (max-width: 767px) {
.elementor-20 .elementor-element.elementor-element-e5ab001::before {
width: 300px; height: 300px;
margin-top: -150px; margin-left: -150px;
}
.elementor-20 .elementor-element.elementor-element-e5ab001::after {
width: 200px; height: 200px;
margin-top: -100px; margin-left: -100px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5b7038 */.elementor-element-f6ab001 { position: relative; overflow: hidden; max-width: 1180px; margin-left: auto; margin-right: auto; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; }/* End custom CSS */