.elementor-35557 .elementor-element.elementor-element-69e64e25{--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-35557 .elementor-element.elementor-element-32f42378{--display:flex;--min-height:90vh;--justify-content:center;--overlay-opacity:0.5;--border-radius:0px 0px 0px 100px;--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-35557 .elementor-element.elementor-element-32f42378:not(.elementor-motion-effects-element-type-background), .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rfgimmobilier.ch/wp-content/uploads/2025/11/DSC_1665-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-35557 .elementor-element.elementor-element-32f42378::before, .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-background-video-container::before, .elementor-35557 .elementor-element.elementor-element-32f42378 > .e-con-inner > .elementor-background-video-container::before, .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-background-slideshow::before, .elementor-35557 .elementor-element.elementor-element-32f42378 > .e-con-inner > .elementor-background-slideshow::before, .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #02385000 40%, var( --e-global-color-6a6cf37 ) 100%);}.elementor-35557 .elementor-element.elementor-element-4dbea8d9{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-35557 .elementor-element.elementor-element-58551005{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-35557 .elementor-element.elementor-element-8c744f{text-align:center;}.elementor-35557 .elementor-element.elementor-element-8c744f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-35557 .elementor-element.elementor-element-62fd854e{text-align:justify;font-family:"NormsTT", Sans-serif;font-size:17px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#023850;}.elementor-35557 .elementor-element.elementor-element-05b3f17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:03% 0%;--row-gap:03%;--column-gap:0%;--flex-wrap:wrap;}.elementor-35557 .elementor-element.elementor-element-9ae5eda{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-35557 .elementor-element.elementor-element-a60b3a7{text-align:center;}.elementor-35557 .elementor-element.elementor-element-a60b3a7 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-4be7929{text-align:center;}.elementor-35557 .elementor-element.elementor-element-4be7929 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}.elementor-35557 .elementor-element.elementor-element-c6a43f9{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-35557 .elementor-element.elementor-element-000ebdb{text-align:center;}.elementor-35557 .elementor-element.elementor-element-000ebdb .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-4858789{text-align:center;}.elementor-35557 .elementor-element.elementor-element-4858789 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}.elementor-35557 .elementor-element.elementor-element-54a76a5{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-35557 .elementor-element.elementor-element-d2b02b6{text-align:center;}.elementor-35557 .elementor-element.elementor-element-d2b02b6 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-350173c{text-align:center;}.elementor-35557 .elementor-element.elementor-element-350173c .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:none;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}.elementor-35557 .elementor-element.elementor-element-07d0900{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-35557 .elementor-element.elementor-element-a17de8b{text-align:center;}.elementor-35557 .elementor-element.elementor-element-a17de8b .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-63182f3{text-align:center;}.elementor-35557 .elementor-element.elementor-element-63182f3 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:none;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}.elementor-35557 .elementor-element.elementor-element-7e88fdd{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-35557 .elementor-element.elementor-element-8241106{text-align:center;}.elementor-35557 .elementor-element.elementor-element-8241106 .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-2cd509f{text-align:center;}.elementor-35557 .elementor-element.elementor-element-2cd509f .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}.elementor-35557 .elementor-element.elementor-element-3f40a67{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:1.5%;--margin-right:1.5%;}.elementor-35557 .elementor-element.elementor-element-ee6493c{text-align:center;}.elementor-35557 .elementor-element.elementor-element-ee6493c .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.8px;word-spacing:0.2em;}.elementor-35557 .elementor-element.elementor-element-a5846bf{text-align:center;}.elementor-35557 .elementor-element.elementor-element-a5846bf .elementor-heading-title{font-family:"NormsTT", Sans-serif;font-size:14px;font-weight:700;text-transform:capitalize;font-style:italic;text-decoration:none;line-height:1em;letter-spacing:0.4px;word-spacing:0.2em;color:var( --e-global-color-a942878 );}body.elementor-page-35557:not(.elementor-motion-effects-element-type-background), body.elementor-page-35557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rfgimmobilier.ch/wp-content/uploads/2025/02/AdobeStock_215064273-scaled.jpeg");background-position:center center;background-size:contain;}@media(min-width:768px){.elementor-35557 .elementor-element.elementor-element-32f42378{--width:100%;}.elementor-35557 .elementor-element.elementor-element-58551005{--width:80%;}.elementor-35557 .elementor-element.elementor-element-9ae5eda{--width:30%;}.elementor-35557 .elementor-element.elementor-element-c6a43f9{--width:30%;}.elementor-35557 .elementor-element.elementor-element-54a76a5{--width:30%;}.elementor-35557 .elementor-element.elementor-element-07d0900{--width:30%;}.elementor-35557 .elementor-element.elementor-element-7e88fdd{--width:30%;}.elementor-35557 .elementor-element.elementor-element-3f40a67{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35557 .elementor-element.elementor-element-32f42378{--width:100%;}}@media(max-width:1024px){.elementor-35557 .elementor-element.elementor-element-32f42378{--min-height:8vh;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:15%;}.elementor-35557 .elementor-element.elementor-element-32f42378:not(.elementor-motion-effects-element-type-background), .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-158px 0px;}.elementor-35557 .elementor-element.elementor-element-4dbea8d9{--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-35557 .elementor-element.elementor-element-8c744f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-35557 .elementor-element.elementor-element-a60b3a7 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-4be7929 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-000ebdb .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-4858789 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-d2b02b6 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-350173c .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-a17de8b .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-63182f3 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-8241106 .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-2cd509f .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-ee6493c .elementor-heading-title{font-size:35px;}.elementor-35557 .elementor-element.elementor-element-a5846bf .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-35557 .elementor-element.elementor-element-32f42378{--min-height:35vh;--margin-top:-06%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-35557 .elementor-element.elementor-element-32f42378:not(.elementor-motion-effects-element-type-background), .elementor-35557 .elementor-element.elementor-element-32f42378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-35557 .elementor-element.elementor-element-4dbea8d9{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-35557 .elementor-element.elementor-element-8c744f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-35557 .elementor-element.elementor-element-62fd854e{font-size:15px;line-height:1.6em;}.elementor-35557 .elementor-element.elementor-element-05b3f17{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35557 .elementor-element.elementor-element-9ae5eda{--margin-top:0%;--margin-bottom:0%;--margin-left:05%;--margin-right:05%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-35557 .elementor-element.elementor-element-d8fec43 img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-a60b3a7 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-4be7929 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-c6a43f9{--margin-top:0%;--margin-bottom:0%;--margin-left:05%;--margin-right:05%;}.elementor-35557 .elementor-element.elementor-element-dd203a8 img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-000ebdb .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-4858789 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-54a76a5{--margin-top:0%;--margin-bottom:0%;--margin-left:05%;--margin-right:05%;}.elementor-35557 .elementor-element.elementor-element-657a81c img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-d2b02b6 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-350173c .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-07d0900{--margin-top:0%;--margin-bottom:0%;--margin-left:05%;--margin-right:05%;}.elementor-35557 .elementor-element.elementor-element-a7d83db img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-a17de8b .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-63182f3 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-7e88fdd{--margin-top:0%;--margin-bottom:0%;--margin-left:05%;--margin-right:05%;}.elementor-35557 .elementor-element.elementor-element-e5038c0 img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-8241106 .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-2cd509f .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-3f40a67{--margin-top:0%;--margin-bottom:100%;--margin-left:5%;--margin-right:5%;}.elementor-35557 .elementor-element.elementor-element-bf04d3b img{width:100%;max-width:120px;height:120px;}.elementor-35557 .elementor-element.elementor-element-ee6493c .elementor-heading-title{font-size:30px;}.elementor-35557 .elementor-element.elementor-element-a5846bf .elementor-heading-title{font-size:30px;}}/* Start custom CSS for heading, class: .elementor-element-8c744f *//* Header styles pour le titre */ .casawp-title-style { text-align: center; margin-bottom: 2rem; padding-bottom: 1.5rem; position: relative; } .casawp-title-style { font-size: 2rem; font-weight: 600; color: #2c3e50; margin: 0 0 1rem 0; letter-spacing: -0.5px; } .casawp-title-style::after { content: ""; display: block; width: 80px; height: 3px; background: radial-gradient(#F9AD2F, #c9a96e); margin: 0 auto; border-radius: 2px; } /* Responsive pour le titre */ @media (max-width: 768px) { .elementor-heading-title { font-size: 1.5rem; } .casawp-title-style { margin-bottom: 1rem; } .casawp-title-style::before { width: 50px; height: 50px; font-size: 1.2rem; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-62fd854e *//* Content styles */ .casawp-text-style { line-height: 1.8; color: #4a5568; font-size: 1.1rem; } .casawp-text-style p { margin-bottom: 1.5rem; text-align: justify; } .casawp-text-style h1, .casawp-text-style h2, .casawp-text-style h3, .casawp-text-style h4 { color: #2c3e50; margin: 2rem 0 1rem 0; font-weight: 600; } .casawp-text-style ul, .casawp-text-style ol { margin: 1.5rem 0; padding-left: 2rem; } .casawp-text-style li { margin-bottom: 0.5rem; position: relative; } .casawp-text-style ul li::marker { color: #c9a96e; } .casawp-text-style strong { color: #2c3e50; font-weight: 600; } .casawp-text-style em { color: #666; font-style: italic; } /* Responsive pour le texte */ @media (max-width: 768px) { .casawp-text-style { font-size: 1rem; } .casawp-text-style p:first-child::first-letter { font-size: 2.5em; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58551005 *//* Base styles pour la description */ .casawp-desc-style { background: linear-gradient(145deg, #ffffff 0%, #fefefe 50%, #f9f9f9 100%); border-radius: 20px; padding: 2.5rem 2rem; margin: 2rem 0; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.06); position: relative; overflow: hidden; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .casawp-desc-style::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: radial-gradient(#F9AD2F, #c9a96e); box-shadow: 0 2px 8px rgba(201, 169, 110, 0.3); } /* Responsive */ @media (max-width: 768px) { .casawp-desc-style { padding: 1.5rem; margin: 1rem 0; border-radius: 15px; } } @media (max-width: 480px) { .casawp-desc-style { padding: 1rem; margin: 0.5rem 0; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d8fec43 *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a60b3a7 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4be7929 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-dd203a8 *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-000ebdb *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4858789 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-657a81c *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d2b02b6 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-350173c *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a7d83db *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a17de8b *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-63182f3 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e5038c0 *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8241106 *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2cd509f *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf04d3b *//* Image de l'employé */ .EmployeImg { text-align: center; margin-bottom: 1.5rem; } .EmployeImg img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(201, 169, 110, 0.2); box-shadow: 0 8px 25px rgba(201, 169, 110, 0.2), 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } /* Effet hover sur l'image */ .EmployeImg img:hover { transform: scale(1.05); border-color: #c9a96e; box-shadow: 0 12px 35px rgba(201, 169, 110, 0.3), 0 6px 20px rgba(0, 0, 0, 0.15); } /* Effet de brillance */ .EmployeImg::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .EmployeImg:hover::after { opacity: 1; } /* Responsive */ @media (max-width: 768px) { .EmployeImg img { width: 150px; height: 150px; } .EmployeImg::after { width: 150px; height: 150px; } } @media (max-width: 480px) { .EmployeImg img { width: 120px; height: 120px; } .EmployeImg::after { width: 120px; height: 120px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ee6493c *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a5846bf *//* Contenu textuel de l'employé */ .EmployeDesc .elementor-text-editor { text-align: center; color: #4a5568; font-size: 0.95rem; line-height: 1.6; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Nom de l'employé (premier élément, généralement un h3 ou h4) */ .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { color: #2c3e50; font-weight: 600; margin: 0 0 0.5rem 0; font-size: 1.3rem; letter-spacing: -0.3px; } /* Poste/fonction (généralement en gras) */ .EmployeDesc .elementor-text-editor strong { color: #c9a96e; font-weight: 600; font-size: 1rem; display: block; margin-bottom: 1rem; } /* Description/bio */ .EmployeDesc .elementor-text-editor p { margin: 0.5rem 0; text-align: center; } /* Style pour les informations de contact */ .EmployeDesc .elementor-text-editor em { color: #666; font-style: italic; font-size: 0.9rem; } /* Séparateur visuel optionnel */ .EmployeDesc .elementor-text-editor hr { border: none; height: 2px; background: linear-gradient(135deg, transparent 0%, #c9a96e 50%, transparent 100%); margin: 1rem 0; opacity: 0.3; } /* Responsive */ @media (max-width: 768px) { .EmployeDesc .elementor-text-editor { font-size: 0.9rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.2rem; } } @media (max-width: 480px) { .EmployeDesc .elementor-text-editor { font-size: 0.85rem; } .EmployeDesc .elementor-text-editor h1, .EmployeDesc .elementor-text-editor h2, .EmployeDesc .elementor-text-editor h3, .EmployeDesc .elementor-text-editor h4 { font-size: 1.1rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05b3f17 *//* Conteneur principal de la grille d'employés */ .GridEmploye { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; padding: 2rem 0; margin: 2rem 0; } /* Animation d'apparition progressive pour les cartes */ .GridEmploye .EmployeItem { animation: fadeInUp 0.6s ease-out; animation-fill-mode: both; } .GridEmploye .EmployeItem:nth-child(1) { animation-delay: 0.1s; } .GridEmploye .EmployeItem:nth-child(2) { animation-delay: 0.2s; } .GridEmploye .EmployeItem:nth-child(3) { animation-delay: 0.3s; } .GridEmploye .EmployeItem:nth-child(4) { animation-delay: 0.4s; } .GridEmploye .EmployeItem:nth-child(5) { animation-delay: 0.5s; } .GridEmploye .EmployeItem:nth-child(6) { animation-delay: 0.6s; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Responsive */ @media (max-width: 768px) { .GridEmploye { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; padding: 1rem 0; } } @media (max-width: 480px) { .GridEmploye { grid-template-columns: 1fr; gap: 1rem; } }/* End custom CSS */ /* Start custom CSS *//* Carte individuelle d'employé */ .EmployeItem { background: linear-gradient(145deg, #ffffff 0%, #fefefe 50%, #f9f9f9 100%); border-radius: 20px; padding: 2rem; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.06); position: relative; overflow: hidden; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; transition: all 0.3s ease; } /* Barre dorée en haut */ .EmployeItem::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: radial-gradient(#F9AD2F, #c9a96e); box-shadow: 0 2px 8px rgba(201, 169, 110, 0.3); } /* Effet hover */ .EmployeItem:hover { transform: translateY(-5px); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 10px 30px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9); } .EmployeItem:hover::before { height: 6px; background: radial-gradient(#F9AD2F, #c9a96e); } /* Responsive */ @media (max-width: 768px) { .EmployeItem { padding: 1.5rem; border-radius: 15px; } } @media (max-width: 480px) { .EmployeItem { padding: 1rem; } }/* End custom CSS */