.elementor-135 .elementor-element.elementor-element-524c1fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-135 .elementor-element.elementor-element-524c1fb:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-524c1fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #061539 30%, #002C77 100%);}.elementor-135 .elementor-element.elementor-element-ae74135{--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-135 .elementor-element.elementor-element-1c308a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:65px;--margin-right:0px;}.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-135 .elementor-element.elementor-element-eb3e05d > .elementor-widget-container{margin:55px 0px 20px 0px;}.elementor-135 .elementor-element.elementor-element-eb3e05d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.4rem;font-weight:600;text-decoration:underline;color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-1a1a58d > .elementor-widget-container{margin:40px 0px 30px 0px;}.elementor-135 .elementor-element.elementor-element-1a1a58d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.3rem;font-weight:600;text-decoration:underline;color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-c35c5aa{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-4e9f1fc{--display:flex;border-style:solid;--border-style:solid;border-color:#00AFFF;--border-color:#00AFFF;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:0px;--margin-left:-35px;--margin-right:0px;--padding-top:10px;--padding-bottom:-10px;--padding-left:-20px;--padding-right:-20px;}.elementor-135 .elementor-element.elementor-element-4e9f1fc:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-4e9f1fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FA00;}.elementor-135 .elementor-element.elementor-element-2d91b67 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:-25px -25px -25px -25px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-135 .elementor-element.elementor-element-3523920 > .elementor-widget-container{margin:0px 0px 10px 13px;padding:0px 0px 0px 0px;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(23px/2);}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(23px/2);}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(23px/2);}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-23px/2);}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-23px/2);}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-icon i{color:#FFD266;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-icon svg{fill:#FFD266;transition:fill 0.3s;}.elementor-135 .elementor-element.elementor-element-3523920{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:400;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-db6b907{--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:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-135 .elementor-element.elementor-element-2e8b37d{--display:flex;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-9ecb88f{--display:flex;border-style:solid;--border-style:solid;border-color:#00AFFF;--border-color:#00AFFF;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:0px;--margin-left:-35px;--margin-right:0px;--padding-top:10px;--padding-bottom:-20px;--padding-left:-30px;--padding-right:-30px;}.elementor-135 .elementor-element.elementor-element-9ecb88f:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-9ecb88f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FA00;}.elementor-135 .elementor-element.elementor-element-7f1960a > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-135 .elementor-element.elementor-element-7be7373{--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-135 .elementor-element.elementor-element-c90e903 > .elementor-widget-container{margin:60px 0px 10px 0px;}.elementor-135 .elementor-element.elementor-element-c90e903{text-align:center;}.elementor-135 .elementor-element.elementor-element-c90e903 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.5rem;font-weight:600;color:#0B1E56;}.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-135 .elementor-element.elementor-element-a0dc9c5 > .elementor-widget-container{margin:0px 215px -30px 215px;}.elementor-135 .elementor-element.elementor-element-a0dc9c5{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#4A4A4A;}.elementor-135 .elementor-element.elementor-element-0fd5cd2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:35px 35px;--row-gap:35px;--column-gap:35px;--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-0fd5cd2.e-con{--align-self:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-135 .elementor-element.elementor-element-110640f:hover .elementor-widget-container{background-color:#49A5DA00;}.elementor-135 .elementor-element.elementor-element-110640f > .elementor-widget-container{padding:40px 40px 40px 40px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#E6EEF5;border-radius:25px 25px 25px 25px;}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon-box-wrapper{gap:30px;}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon-box-title{margin-block-end:15px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-110640f.elementor-view-stacked .elementor-icon{background-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-110640f.elementor-view-framed .elementor-icon, .elementor-135 .elementor-element.elementor-element-110640f.elementor-view-default .elementor-icon{fill:#FFD266;color:#FFD266;border-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon{font-size:80px;}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon i{transform:rotate(0deg);}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-110640f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:600;}.elementor-135 .elementor-element.elementor-element-110640f:has(:hover) .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-110640f:has(:focus) .elementor-icon-box-title{color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-110640f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:1.3rem;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#5C748E;}.elementor-135 .elementor-element.elementor-element-979ecf1 > .elementor-widget-container{padding:40px 40px 40px 40px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#E6EEF5;border-radius:25px 25px 25px 25px;}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon-box-wrapper{gap:30px;}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon-box-title{margin-block-end:15px;color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-979ecf1.elementor-view-stacked .elementor-icon{background-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-979ecf1.elementor-view-framed .elementor-icon, .elementor-135 .elementor-element.elementor-element-979ecf1.elementor-view-default .elementor-icon{fill:#FFD266;color:#FFD266;border-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon{font-size:80px;}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon i{transform:rotate(0deg);}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:600;}.elementor-135 .elementor-element.elementor-element-979ecf1:has(:hover) .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-979ecf1:has(:focus) .elementor-icon-box-title{color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-979ecf1 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:1.3rem;font-weight:400;color:#5C748E;}.elementor-135 .elementor-element.elementor-element-0829903 > .elementor-widget-container{padding:40px 40px 40px 40px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#E6EEF5;border-radius:25px 25px 25px 25px;}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon-box-wrapper{gap:30px;}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon-box-title{margin-block-end:15px;color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-0829903.elementor-view-stacked .elementor-icon{background-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-0829903.elementor-view-framed .elementor-icon, .elementor-135 .elementor-element.elementor-element-0829903.elementor-view-default .elementor-icon{fill:#FFD266;color:#FFD266;border-color:#FFD266;}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon{font-size:80px;}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon i{transform:rotate(0deg);}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:600;}.elementor-135 .elementor-element.elementor-element-0829903:has(:hover) .elementor-icon-box-title, .elementor-135 .elementor-element.elementor-element-0829903:has(:focus) .elementor-icon-box-title{color:#0B1E56;}.elementor-135 .elementor-element.elementor-element-0829903 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:1.3rem;font-weight:400;color:#5C748E;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-135 .elementor-element.elementor-element-0fd5cd2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-135 .elementor-element.elementor-element-ae74135{--width:60%;}.elementor-135 .elementor-element.elementor-element-db6b907{--width:50%;}.elementor-135 .elementor-element.elementor-element-0fd5cd2{--width:95%;}}@media(max-width:767px){.elementor-135 .elementor-element.elementor-element-1c308a4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-eb3e05d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-135 .elementor-element.elementor-element-eb3e05d{text-align:center;}.elementor-135 .elementor-element.elementor-element-eb3e05d .elementor-heading-title{font-size:2.9rem;}.elementor-135 .elementor-element.elementor-element-1a1a58d > .elementor-widget-container{margin:10px 5px 0px 5px;}.elementor-135 .elementor-element.elementor-element-1a1a58d{text-align:center;}.elementor-135 .elementor-element.elementor-element-1a1a58d .elementor-heading-title{font-size:3rem;}.elementor-135 .elementor-element.elementor-element-c35c5aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-4e9f1fc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-135 .elementor-element.elementor-element-2d91b67 > .elementor-widget-container{padding:-25px -25px -25px -25px;}.elementor-135 .elementor-element.elementor-element-3523920 > .elementor-widget-container{margin:0px 20px 15px 20px;}.elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-3523920 .elementor-icon-list-item > a{font-size:1.45rem;}.elementor-135 .elementor-element.elementor-element-9ecb88f{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-135 .elementor-element.elementor-element-c90e903 > .elementor-widget-container{margin:20px 10px 0px 10px;}.elementor-135 .elementor-element.elementor-element-c90e903 .elementor-heading-title{font-size:2.4rem;}.elementor-135 .elementor-element.elementor-element-a0dc9c5 > .elementor-widget-container{margin:0px 10px -35px 10px;}.elementor-135 .elementor-element.elementor-element-a0dc9c5{font-size:1.5em;}.elementor-135 .elementor-element.elementor-element-0fd5cd2{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-135 .elementor-element.elementor-element-110640f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-135 .elementor-element.elementor-element-979ecf1 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-135 .elementor-element.elementor-element-0829903 > .elementor-widget-container{padding:20px 20px 20px 20px;}}/* Start custom CSS for heading, class: .elementor-element-eb3e05d */.elementor-135 .elementor-element.elementor-element-eb3e05d { position: relative; color: #ffffff; z-index: 1; text-shadow: 0 0 10px rgba(73, 165, 218, 0.50), 0 0 20px rgba(73, 165, 218, 0.35), 0 0 35px rgba(73, 165, 218, 0.25); } .elementor-135 .elementor-element.elementor-element-eb3e05d:hover { text-shadow: 0 0 15px rgba(73, 165, 218, 0.70), 0 0 30px rgba(73, 165, 218, 0.50), 0 0 45px rgba(73, 165, 218, 0.40); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a1a58d */.elementor-135 .elementor-element.elementor-element-1a1a58d { position: relative; color: #ffffff; z-index: 1; text-shadow: 0 0 10px rgba(73, 165, 218, 0.50), 0 0 20px rgba(73, 165, 218, 0.35), 0 0 35px rgba(73, 165, 218, 0.25); } .elementor-135 .elementor-element.elementor-element-1a1a58d:hover { text-shadow: 0 0 15px rgba(73, 165, 218, 0.70), 0 0 30px rgba(73, 165, 218, 0.50), 0 0 45px rgba(73, 165, 218, 0.40); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c35c5aa *//* =========================== WebAmbiance — UM Login (final patch) =========================== */ /* 0) Nettoyage des cadres internes */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-row, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-form-fields, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-field-area{ background: transparent !important; border: none !important; box-shadow: none !important; } /* 1) Champs */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form input[type="text"], .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form input[type="email"], .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form input[type="password"], .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form select, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form textarea{ background:#FFFFFF !important; color:#061539 !important; border:1.6px solid #DAE7F5 !important; border-radius:14px !important; height:56px !important; padding:12px 16px !important; } .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form input:focus, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form select:focus, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form textarea:focus{ outline:none !important; border-color:#49A5DA !important; box-shadow:0 0 0 3px rgba(73,165,218,.18) !important; } /* 2) Libellés + œil dorés */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-label label, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-label span{ color:#F5C044 !important; font-weight:600 !important; } /* Centrage parfait de l'icône "œil" */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-password .um-field-area{ position:relative !important; } .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-password .um-field-area .um-toggle-password, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-password .um-field-area .um-show-hide, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-field-password .um-field-area i{ position:absolute !important; right:16px !important; top:50% !important; transform:translateY(-50%) !important; line-height:1 !important; color:#F5C044 !important; fill:#F5C044 !important; pointer-events:auto !important; } /* 3) Bouton primaire — Se connecter (blanc cassé -> doré + texte blanc au hover) */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-button[type="submit"], .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login input.um-button[type="submit"]{ background:#F7FAFF !important; /* blanc cassé par défaut */ color:#061539 !important; /* texte bleu nuit par défaut */ border:1px solid #E6ECF5 !important; border-radius:12px !important; padding:14px 22px !important; font-weight:600 !important; transition:background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease !important; } .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-button[type="submit"]:hover, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login input.um-button[type="submit"]:hover{ background:linear-gradient(135deg,#F5C044 0%, #E0AE36 100%) !important; /* doré */ color:#FFFFFF !important; /* <<< texte BLANC au hover */ box-shadow:0 12px 34px rgba(245,192,68,.28) !important; transform:translateY(-1px); } /* 4) Bouton secondaire — Créer un compte (outline) -> doré + texte blanc au hover */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login a.um-button{ background:transparent !important; color:#F5C044 !important; border:2px solid #F5C044 !important; border-radius:12px !important; padding:12px 18px !important; font-weight:600 !important; transition:background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important; } .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login a.um-button:hover{ background:linear-gradient(135deg,#F5C044 0%, #E0AE36 100%) !important; color:#FFFFFF !important; /* <<< texte BLANC au hover */ box-shadow:0 10px 28px rgba(245,192,68,.22) !important; transform:translateY(-1px); } /* 5) Checkbox/radios */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login input[type="checkbox"], .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login input[type="radio"]{ accent-color:#061539 !important; } /* 6) Lien "Mot de passe oublié ?" : blanc -> doré au survol */ .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-col-alt a, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-col-alt a, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login a.um-link-alt{ color:#FFFFFF !important; transition:color .2s ease; } .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-col-alt a:hover, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login .um-form .um-col-alt a:hover, .elementor-135 .elementor-element.elementor-element-c35c5aa .um.um-login a.um-link-alt:hover{ color:#F5C044 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e8b37d *//* =========================== WebAmbiance — UM Login (FINAL) =========================== */ /* 0) Nettoyage : fond/cadres internes transparents */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-row, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-form-fields, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-field-area{ background: transparent !important; border: none !important; box-shadow: none !important; } /* 1) Champs (blancs) */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form input[type="text"], .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form input[type="email"], .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form input[type="password"], .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form select, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form textarea{ background:#FFFFFF !important; color:#061539 !important; /* bleu nuit */ border:1.6px solid #DAE7F5 !important; border-radius:14px !important; height:56px !important; padding:12px 16px !important; } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form input:focus, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form select:focus, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form textarea:focus{ outline:none !important; border-color:#49A5DA !important; /* bleu clair d’accent */ box-shadow:0 0 0 3px rgba(73,165,218,.18) !important; } /* 2) Libellés + icône "œil" en doré */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-label label, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-label span{ color:#F5C044 !important; /* or */ font-weight:600 !important; } /* centrage parfait de l’icône œil */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-password .um-field-area{ position:relative !important; } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-password .um-field-area .um-toggle-password, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-password .um-field-area .um-show-hide, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-field-password .um-field-area i{ position:absolute !important; right:16px !important; top:50% !important; transform:translateY(-50%) !important; line-height:1 !important; color:#F5C044 !important; fill:#F5C044 !important; pointer-events:auto !important; } /* 3) Bouton primaire — SE CONNECTER (blanc cassé → doré + texte blanc au hover) */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-button[type="submit"], .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login input.um-button[type="submit"]{ background:#F7FAFF !important; /* blanc cassé par défaut */ color:#061539 !important; /* texte bleu nuit */ border:1px solid #E6ECF5 !important; border-radius:12px !important; padding:14px 22px !important; font-weight:600 !important; transition:background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease !important; } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-button[type="submit"]:hover, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login input.um-button[type="submit"]:hover{ background:linear-gradient(135deg,#F5C044 0%, #E0AE36 100%) !important; color:#FFFFFF !important; /* texte BLANC au hover */ box-shadow:0 12px 34px rgba(245,192,68,.28) !important; transform:translateY(-1px); } /* 4) Bouton secondaire — CRÉER UN COMPTE (outline doré) */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button{ background:transparent !important; color:#F5C044 !important; /* texte or */ border:2px solid #F5C044 !important; /* contour or */ border-radius:12px !important; padding:12px 18px !important; font-weight:600 !important; transition:background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important; /* Contexte d’empilement pour que le texte passe AU-DESSUS des overlays */ position: relative !important; isolation: isolate !important; } /* Hover -> fond doré + texte BLANC (et enfants en blanc) */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:hover, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:focus, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:active{ background: linear-gradient(135deg,#F5C044 0%, #E0AE36 100%) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; box-shadow:0 10px 28px rgba(245,192,68,.22) !important; transform: translateY(-1px); } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:hover *, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:focus *, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:active *{ color:#FFFFFF !important; fill:#FFFFFF !important; stroke:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; mix-blend-mode: normal !important; filter:none !important; } /* S’assure que d’éventuels ::before/::after restent sous le texte */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button::before, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button::after{ z-index:1 !important; } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button > *{ position:relative !important; z-index:2 !important; } /* Focus clavier accessible */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-button:focus{ outline: none !important; color:#FFFFFF !important; } /* 5) Checkbox / radios (bleu nuit) */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login input[type="checkbox"], .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login input[type="radio"]{ accent-color:#061539 !important; } /* 6) Lien "Mot de passe oublié ?" : blanc → doré au hover */ .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-col-alt a, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-col-alt a, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-link-alt{ color:#FFFFFF !important; transition:color .2s ease; } .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-col-alt a:hover, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login .um-form .um-col-alt a:hover, .elementor-135 .elementor-element.elementor-element-2e8b37d .um.um-login a.um-link-alt:hover{ color:#F5C044 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-110640f */.elementor-135 .elementor-element.elementor-element-110640f { position: relative; border-radius: 32px; /* Augmenté pour des coins plus doux */ padding: 2.5rem; /* Légèrement augmenté pour mieux respirer */ background: radial-gradient( circle at center, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.08) 40%, transparent 80% ); transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease; } .elementor-135 .elementor-element.elementor-element-110640f:hover { background: radial-gradient( circle at center, rgba(255, 215, 0, 0.35) 0%, rgba(255, 215, 0, 0.18) 40%, transparent 80% ); transform: translateY(-4px); box-shadow: 0 8px 28px rgba(255, 215, 0, 0.2); z-index: 2; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-979ecf1 */.elementor-135 .elementor-element.elementor-element-979ecf1 { position: relative; border-radius: 32px; /* Augmenté pour des coins plus doux */ padding: 2.5rem; /* Légèrement augmenté pour mieux respirer */ background: radial-gradient( circle at center, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.08) 40%, transparent 80% ); transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease; } .elementor-135 .elementor-element.elementor-element-979ecf1:hover { background: radial-gradient( circle at center, rgba(255, 215, 0, 0.35) 0%, rgba(255, 215, 0, 0.18) 40%, transparent 80% ); transform: translateY(-4px); box-shadow: 0 8px 28px rgba(255, 215, 0, 0.2); z-index: 2; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0829903 */.elementor-135 .elementor-element.elementor-element-0829903 { position: relative; border-radius: 32px; /* Augmenté pour des coins plus doux */ padding: 2.5rem; /* Légèrement augmenté pour mieux respirer */ background: radial-gradient( circle at center, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.08) 40%, transparent 80% ); transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease; } .elementor-135 .elementor-element.elementor-element-0829903:hover { background: radial-gradient( circle at center, rgba(255, 215, 0, 0.35) 0%, rgba(255, 215, 0, 0.18) 40%, transparent 80% ); transform: translateY(-4px); box-shadow: 0 8px 28px rgba(255, 215, 0, 0.2); z-index: 2; }/* End custom CSS */