.elementor-522 .elementor-element.elementor-element-mg1a001{--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.58;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-522 .elementor-element.elementor-element-mg1a001:not(.elementor-motion-effects-element-type-background), .elementor-522 .elementor-element.elementor-element-mg1a001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cam-photographie.fr/wp-content/uploads/2026/08/IMG_9293-2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-522 .elementor-element.elementor-element-mg1a001::before, .elementor-522 .elementor-element.elementor-element-mg1a001 > .elementor-background-video-container::before, .elementor-522 .elementor-element.elementor-element-mg1a001 > .e-con-inner > .elementor-background-video-container::before, .elementor-522 .elementor-element.elementor-element-mg1a001 > .elementor-background-slideshow::before, .elementor-522 .elementor-element.elementor-element-mg1a001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-522 .elementor-element.elementor-element-mg1a001 > .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-522 .elementor-element.elementor-element-mg1a002{text-align:center;}.elementor-522 .elementor-element.elementor-element-mg1a002 .elementor-heading-title{font-family:"Allura", Sans-serif;font-size:130px;font-weight:400;color:#F3F1EC;}.elementor-522 .elementor-element.elementor-element-mg1a003{text-align:center;}.elementor-522 .elementor-element.elementor-element-mg1a003 .elementor-heading-title{font-size:13px;font-weight:600;letter-spacing:2px;color:#E2C9A3;}.elementor-522 .elementor-element.elementor-element-mg1a004{text-align:center;}.elementor-522 .elementor-element.elementor-element-mg1a004 .elementor-heading-title{font-size:46px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-4f7c5c7e{--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:50px;--padding-left:20px;--padding-right:20px;}.elementor-522 .elementor-element.elementor-element-4f7c5c7e:not(.elementor-motion-effects-element-type-background), .elementor-522 .elementor-element.elementor-element-4f7c5c7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-522 .elementor-element.elementor-element-3f2d2894{--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-522 .elementor-element.elementor-element-3f2d2894.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-522 .elementor-element.elementor-element-635e643d{text-align:start;}.elementor-522 .elementor-element.elementor-element-635e643d .elementor-heading-title{font-size:13px;font-weight:700;letter-spacing:3px;color:#769088;}.elementor-522 .elementor-element.elementor-element-242204a6{text-align:start;}.elementor-522 .elementor-element.elementor-element-242204a6 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:36px;font-weight:500;line-height:1.25em;color:#273349;}.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-522 .elementor-element.elementor-element-7e1b183d{text-align:start;font-size:16px;line-height:1.7em;color:#5B6472;}.elementor-522 .elementor-element.elementor-element-be7fe52{--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:0px;--padding-bottom:0px;--padding-left:0100px;--padding-right:0px;}.elementor-522 .elementor-element.elementor-element-be7fe52.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-522 .elementor-element.elementor-element-2e0ab96f{text-align:end;}.elementor-522 .elementor-element.elementor-element-32aff357{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-522 .elementor-element.elementor-element-32aff357.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-522 .elementor-element.elementor-element-6b777d4{--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:70px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-522 .elementor-element.elementor-element-6b777d4:not(.elementor-motion-effects-element-type-background), .elementor-522 .elementor-element.elementor-element-6b777d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#273349;}.elementor-522 .elementor-element.elementor-element-245a628{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-522 .elementor-element.elementor-element-7396636{--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-522 .elementor-element.elementor-element-b1ef7ab .elementor-icon-wrapper{text-align:center;}.elementor-522 .elementor-element.elementor-element-b1ef7ab.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-b1ef7ab.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-b1ef7ab.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-b1ef7ab.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-b1ef7ab.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-b1ef7ab .elementor-icon{font-size:30px;}.elementor-522 .elementor-element.elementor-element-b1ef7ab .elementor-icon svg{height:30px;}.elementor-522 .elementor-element.elementor-element-463f1fe{text-align:center;}.elementor-522 .elementor-element.elementor-element-463f1fe .elementor-heading-title{font-size:13px;font-weight:700;line-height:1.4em;letter-spacing:1px;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-e4f1f86{text-align:center;font-size:13px;line-height:1.6em;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-21010d1{--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-522 .elementor-element.elementor-element-e95c0a9 .elementor-icon-wrapper{text-align:center;}.elementor-522 .elementor-element.elementor-element-e95c0a9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-e95c0a9.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-e95c0a9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-e95c0a9.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-e95c0a9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-e95c0a9 .elementor-icon{font-size:30px;}.elementor-522 .elementor-element.elementor-element-e95c0a9 .elementor-icon svg{height:30px;}.elementor-522 .elementor-element.elementor-element-e5a733b{text-align:center;}.elementor-522 .elementor-element.elementor-element-e5a733b .elementor-heading-title{font-size:13px;font-weight:700;line-height:1.4em;letter-spacing:1px;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-a20812c{text-align:center;font-size:13px;line-height:1.6em;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-19777ab{--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-522 .elementor-element.elementor-element-5c88b5d .elementor-icon-wrapper{text-align:center;}.elementor-522 .elementor-element.elementor-element-5c88b5d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-5c88b5d.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-5c88b5d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-5c88b5d.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-5c88b5d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-5c88b5d .elementor-icon{font-size:30px;}.elementor-522 .elementor-element.elementor-element-5c88b5d .elementor-icon svg{height:30px;}.elementor-522 .elementor-element.elementor-element-18eb045{text-align:center;}.elementor-522 .elementor-element.elementor-element-18eb045 .elementor-heading-title{font-size:13px;font-weight:700;line-height:1.4em;letter-spacing:1px;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-0768587{text-align:center;font-size:13px;line-height:1.6em;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-fb8fb5e{--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-522 .elementor-element.elementor-element-fa20b01 .elementor-icon-wrapper{text-align:center;}.elementor-522 .elementor-element.elementor-element-fa20b01.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-fa20b01.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-fa20b01.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-fa20b01.elementor-view-framed .elementor-icon, .elementor-522 .elementor-element.elementor-element-fa20b01.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-fa20b01 .elementor-icon{font-size:30px;}.elementor-522 .elementor-element.elementor-element-fa20b01 .elementor-icon svg{height:30px;}.elementor-522 .elementor-element.elementor-element-951840a{text-align:center;}.elementor-522 .elementor-element.elementor-element-951840a .elementor-heading-title{font-size:13px;font-weight:700;line-height:1.4em;letter-spacing:1px;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-988f120{text-align:center;font-size:13px;line-height:1.6em;color:#FFFFFF;}.elementor-522 .elementor-element.elementor-element-da46d2f{text-align:center;}.elementor-522 .elementor-element.elementor-element-da46d2f .elementor-heading-title{font-size:20px;color:#273349;}.elementor-522 .elementor-element.elementor-element-5586206{text-align:center;}.elementor-522 .elementor-element.elementor-element-5586206 .elementor-heading-title{font-size:20px;color:#273349;}.elementor-522 .elementor-element.elementor-element-7d22e850{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-522 .elementor-element.elementor-element-e102710{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-522 .elementor-element.elementor-element-245a628{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-522 .elementor-element.elementor-element-mg1a004 .elementor-heading-title{font-size:30px;}.elementor-522 .elementor-element.elementor-element-4f7c5c7e{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-522 .elementor-element.elementor-element-242204a6 .elementor-heading-title{font-size:26px;}.elementor-522 .elementor-element.elementor-element-6b777d4{--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-522 .elementor-element.elementor-element-245a628{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-522 .elementor-element.elementor-element-3f2d2894{--width:45%;}.elementor-522 .elementor-element.elementor-element-be7fe52{--width:40%;}}/* Start custom CSS for heading, class: .elementor-element-mg1a002 */.elementor-element-mg1a002 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; opacity: 0.16; line-height: 1; pointer-events: none; white-space: nowrap; }
@media(max-width:767px){ .elementor-element-mg1a002 { font-size: 70px !important; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-mg1a003 */.elementor-element-mg1a003 { position: relative; z-index: 1; text-transform: uppercase; margin-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-mg1a004 */.elementor-element-mg1a004 { position: relative; z-index: 1; margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-mg1a001 */.elementor-element-mg1a001 { position: relative; overflow: hidden; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center; }
.elementor-element-mg1a001 > .elementor-background-overlay { background: linear-gradient(180deg, rgba(39,51,73,0.35) 0%, rgba(39,51,73,0.68) 100%); }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-635e643d */.elementor-522 .elementor-element.elementor-element-635e643d {
    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-242204a6 */.elementor-522 .elementor-element.elementor-element-242204a6 .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-7e1b183d */.elementor-element-b2ab005 { max-width: 460px; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2e0ab96f */.elementor-522 .elementor-element.elementor-element-2e0ab96f img {
    border-radius: 4px;
    box-shadow: 20px 20px 60px rgba(39, 51, 73, 0.1);
    transition: transform 0.5s ease;
}
.elementor-522 .elementor-element.elementor-element-2e0ab96f:hover img {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-32aff357 */.elementor-522 .elementor-element.elementor-element-32aff357 {
    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-522 .elementor-element.elementor-element-32aff357::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 icon, class: .elementor-element-b1ef7ab */.elementor-element-ap3a004 { opacity: 0.6; margin-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-463f1fe */.elementor-element-ap3a005 { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4f1f86 */.elementor-element-ap3a006 { max-width: 220px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7396636 */.elementor-element-ap3a003 { width: calc(25% - 23px); flex: 0 0 calc(25% - 23px); box-sizing: border-box; text-align: center; display: flex !important; flex-direction: column !important; align-items: center !important; }
@media(max-width:767px){ .elementor-element-ap3a003 { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); } }
@media(max-width:480px){ .elementor-element-ap3a003 { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-e95c0a9 */.elementor-element-ap3a008 { opacity: 0.6; margin-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e5a733b */.elementor-element-ap3a009 { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a20812c */.elementor-element-ap3a00a { max-width: 220px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21010d1 */.elementor-element-ap3a007 { width: calc(25% - 23px); flex: 0 0 calc(25% - 23px); box-sizing: border-box; text-align: center; display: flex !important; flex-direction: column !important; align-items: center !important; }
@media(max-width:767px){ .elementor-element-ap3a007 { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); } }
@media(max-width:480px){ .elementor-element-ap3a007 { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-5c88b5d */.elementor-element-ap3a00c { opacity: 0.6; margin-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18eb045 */.elementor-element-ap3a00d { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0768587 */.elementor-element-ap3a00e { max-width: 220px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19777ab */.elementor-element-ap3a00b { width: calc(25% - 23px); flex: 0 0 calc(25% - 23px); box-sizing: border-box; text-align: center; display: flex !important; flex-direction: column !important; align-items: center !important; }
@media(max-width:767px){ .elementor-element-ap3a00b { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); } }
@media(max-width:480px){ .elementor-element-ap3a00b { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fa20b01 */.elementor-element-ap3a010 { opacity: 0.6; margin-bottom: 18px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-951840a */.elementor-element-ap3a011 { margin-bottom: 12px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-988f120 */.elementor-element-ap3a012 { max-width: 220px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb8fb5e */.elementor-element-ap3a00f { width: calc(25% - 23px); flex: 0 0 calc(25% - 23px); box-sizing: border-box; text-align: center; display: flex !important; flex-direction: column !important; align-items: center !important; }
@media(max-width:767px){ .elementor-element-ap3a00f { width: calc(50% - 15px); flex: 0 0 calc(50% - 15px); } }
@media(max-width:480px){ .elementor-element-ap3a00f { width: 100%; flex: 0 0 100%; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-245a628 */.elementor-element-ap3a002 { width: 100%; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; gap: 30px; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-da46d2f */.elementor-element-ap3a013 { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); opacity: 0.4; border: 1px solid #273349; border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; z-index: 3; }
@media(max-width:767px){ .elementor-element-ap3a013 { display: none; } }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5586206 */.elementor-element-ap3a014 { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0.4; border: 1px solid #273349; border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; z-index: 3; }
@media(max-width:767px){ .elementor-element-ap3a014 { display: none; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b777d4 */.elementor-element-ap3a001 { position: relative; overflow: hidden; max-width: 1180px; margin-left: auto; margin-right: auto; display: flex !important; flex-direction: column !important; align-items: center !important; }

/* 1. Target the individual columns/tiles within the section */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-column,
.elementor-522 .elementor-element.elementor-element-6b777d4 .e-con-inner > .e-con /* Supports newer Flexbox containers */ {
    padding: 30px 20px;
    border-radius: 8px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

/* Base state for the Icon */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-widget-icon i,
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-widget-icon svg {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: #ffffff; /* Assuming they are white by default based on the screenshot */
}

/* Base state for the Title to allow the highlight effect */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-widget-heading .elementor-heading-title {
    display: inline; 
    position: relative;
    z-index: 1;
    /* Set up the hidden highlight background (using the beige color #E2C9A3) */
    background-image: linear-gradient(transparent 60%, rgba(226, 201, 163, 0.8) 60%);
    background-repeat: no-repeat;
    background-size: 0% 100%; /* Start at 0 width */
    background-position-x: left;
    transition: background-size 0.5s ease-in-out;
}

/* -------------------------------------- */
/* HOVER EFFECTS                          */
/* -------------------------------------- */

/* Hover state for the entire column */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-column:hover,
.elementor-522 .elementor-element.elementor-element-6b777d4 .e-con-inner > .e-con:hover {
    background-color: rgba(255, 255, 255, 0.05); /* Very subtle lighten effect */
    transform: translateY(-5px); /* Lift the whole box */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* Hover state for the Icon: Jump and color change */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-column:hover .elementor-widget-icon i,
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-column:hover .elementor-widget-icon svg,
.elementor-522 .elementor-element.elementor-element-6b777d4 .e-con-inner > .e-con:hover .elementor-widget-icon i,
.elementor-522 .elementor-element.elementor-element-6b777d4 .e-con-inner > .e-con:hover .elementor-widget-icon svg {
    transform: scale(1.15) translateY(-5px);
    color: #E2C9A3; /* Change to your Beige accent color */
}

/* Hover state for the Title: Animate the highlight */
.elementor-522 .elementor-element.elementor-element-6b777d4 .elementor-column:hover .elementor-widget-heading .elementor-heading-title,
.elementor-522 .elementor-element.elementor-element-6b777d4 .e-con-inner > .e-con:hover .elementor-widget-heading .elementor-heading-title {
    background-size: 100% 100%; /* Expand the highlight to full width */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d22e850 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-522 .elementor-element.elementor-element-7d22e850 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-522 .elementor-element.elementor-element-7d22e850 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-522 .elementor-element.elementor-element-7d22e850 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-522 .elementor-element.elementor-element-7d22e850 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-522 .elementor-element.elementor-element-7d22e850 {
    flex-direction: column !important;
  }
  .elementor-522 .elementor-element.elementor-element-7d22e850 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e102710 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-522 .elementor-element.elementor-element-e102710 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-522 .elementor-element.elementor-element-e102710 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-522 .elementor-element.elementor-element-e102710 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-522 .elementor-element.elementor-element-e102710 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-522 .elementor-element.elementor-element-e102710 {
    flex-direction: column !important;
  }
  .elementor-522 .elementor-element.elementor-element-e102710 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */