.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3263 .elementor-element.elementor-element-7da6984{--grid-columns:1;}.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-3263 .elementor-element.elementor-element-6362de8f .elementor-icon-wrapper{text-align:center;}.elementor-3263 .elementor-element.elementor-element-6362de8f .elementor-icon{font-size:20px;}.elementor-3263 .elementor-element.elementor-element-6362de8f .elementor-icon svg{height:20px;}.elementor-3263 .elementor-element.elementor-element-4b424b49 .elementor-icon-wrapper{text-align:center;}.elementor-3263 .elementor-element.elementor-element-4b424b49 .elementor-icon{font-size:20px;}.elementor-3263 .elementor-element.elementor-element-4b424b49 .elementor-icon svg{height:20px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3263 .elementor-element.elementor-element-51ad6ba8{--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:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3263 .elementor-element.elementor-element-380b6742{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3263 .elementor-element.elementor-element-a18d961{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:12px;--n-tabs-gap:17px;--n-tabs-title-border-radius:12px 12px 12px 12px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:16px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:18px;--n-tabs-title-color:var( --e-global-color-a5c53e9 );--n-tabs-icon-size:19px;--n-tabs-icon-gap:8px;--n-tabs-icon-color:var( --e-global-color-a5c53e9 );}.elementor-3263 .elementor-element.elementor-element-a18d961 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-75b9ae8 );}.elementor-3263 .elementor-element.elementor-element-a18d961.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-6851cab );}.elementor-3263 .elementor-element.elementor-element-a18d961.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3263 .elementor-element.elementor-element-a18d961.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-3263 .elementor-element.elementor-element-a18d961 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );--n-tabs-icon-color-hover:var( --e-global-color-primary );}.elementor-3263 .elementor-element.elementor-element-37f867f9 .e-off-canvas__overlay{background-color:#66666642;}.elementor-3263 .elementor-element.elementor-element-37f867f9{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:500px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1s;--e-off-canvas-overlay-opacity:1;}.elementor-3263 .elementor-element.elementor-element-349adee7{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3263 .elementor-element.elementor-element-4f99d79 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3263 .elementor-element.elementor-element-4f99d79 .elementor-icon-box-title{margin-block-end:0px;}.elementor-3263 .elementor-element.elementor-element-4f99d79 .elementor-icon{font-size:38px;}.elementor-3263 .elementor-element.elementor-element-4f99d79 .elementor-icon-box-description{font-family:"Open Sans", Sans-serif;font-size:1.4em;font-weight:600;}.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 );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 );}body.elementor-page-3263:not(.elementor-motion-effects-element-type-background), body.elementor-page-3263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBF8;}:root{--page-title-display:none;}body.elementor-page-3263{margin:0 0 0 0;}@media(max-width:1024px){.elementor-3263 .elementor-element.elementor-element-7da6984{--grid-columns:2;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-3263 .elementor-element.elementor-element-7da6984{--grid-columns:1;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-a1dbabb *//*body.page-id-3263 .employee-logout-form { margin: 0; } body.page-id-3263 .employee-logout-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 22px !important; border: 0 !important; border-radius: 999px !important; outline: none !important; background: #2f3338 !important; background-color: #2f3338 !important; background-image: none !important; color: #ffffff !important; font: inherit; font-size: 16px; font-weight: 600; line-height: 1; box-shadow: none !important; cursor: pointer; appearance: none; transition: background-color .2s ease, color .2s ease; } body.page-id-3263 .employee-logout-button:hover { background: #ffffff !important; background-color: #ffffff !important; color: #2f3338 !important; box-shadow: none !important; } body.page-id-3263 .employee-logout-button:focus, body.page-id-3263 .employee-logout-button:focus-visible, body.page-id-3263 .employee-logout-button:active { outline: none !important; box-shadow: none !important; }*//* End custom CSS */ /* Start custom CSS *//* ========================================================== ESPACE EMPLOYÉS — PAGE 3263 Elementor Full Width ========================================================== */ /* ========================================================== 1. STRUCTURE GÉNÉRALE ========================================================== */ html { min-height: 100%; } body.page-id-3263 { width: 100%; min-height: 100vh; min-height: 100dvh; margin: 0; display: flex !important; flex-direction: column !important; background: #f5f8f3; } /* Header et footer gardent leur hauteur naturelle */ body.page-id-3263 > header, body.page-id-3263 > footer { flex: 0 0 auto; } /* * La carte est directement entre le header et le footer. * Les marges auto absorbent l'espace vertical disponible * et centrent la carte dans la zone restante. */ body.page-id-3263 > .employee-access-card { flex: 0 0 auto; width: calc(100% - 48px); max-width: 500px; box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important; padding: 38px 46px 46px; background: #ffffff; border-radius: 24px; box-shadow: 0 18px 40px rgba(0, 70, 35, 0.08); text-align: center; } /* * Minimum d'espace visuel entre * le header / carte / footer */ body.page-id-3263 > header { margin-bottom: 32px; } body.page-id-3263 > footer { margin-top: 32px; } /* ========================================================== 3. CADENAS ========================================================== */ body.page-id-3263 .employee-access-icon { position: relative !important; width: 50px !important; height: 50px !important; margin: 0 auto 24px !important; padding: 0 !important; display: grid !important; place-items: center !important; background: #c8dc00; border-radius: 13px; line-height: 0 !important; } body.page-id-3263 .employee-access-icon svg { position: absolute !important; top: 50% !important; left: 50% !important; width: 22px !important; height: 22px !important; display: block !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; fill: none; stroke: #08743e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== 4. TITRE + DESCRIPTION ========================================================== */ body.page-id-3263 .employee-access-header { margin: 0 0 30px; } body.page-id-3263 .employee-access-header h1 { margin: 0 0 12px; color: #08743e; font-size: 32px; line-height: 1.15; } body.page-id-3263 .employee-access-header p { max-width: 410px; margin: 0 auto; color: #555555; font-size: 16px; line-height: 1.5; } /* ========================================================== 5. FORMULAIRE ========================================================== */ body.page-id-3263 .employee-password-form { width: 100%; margin: 0; text-align: left; } body.page-id-3263 .employee-password-field { margin: 0 0 18px; } body.page-id-3263 .employee-password-field label { display: block; margin: 0 0 8px; color: #222222; font-size: 15px; font-weight: 600; } /* ========================================================== 6. CHAMP MOT DE PASSE ========================================================== */ body.page-id-3263 .employee-password-field input { display: block; width: 100%; height: 52px; box-sizing: border-box; margin: 0; padding: 0 16px; background: #ffffff; border: 1px solid #d7d7d7; border-radius: 8px; color: #222222; font-family: inherit; font-size: 16px; appearance: none; } body.page-id-3263 .employee-password-field input:focus { outline: none; border-color: #08743e; box-shadow: 0 0 0 3px rgba(8, 116, 62, 0.12); } /* ========================================================== 7. BOUTON ACCÉDER ========================================================== */ body.page-id-3263 .employee-password-form button[type="submit"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 56px !important; min-height: 56px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 24px !important; background: #08743e !important; background-color: #08743e !important; background-image: none !important; border: 0 !important; border-radius: 999px !important; outline: none !important; box-shadow: none !important; color: #ffffff !important; font-family: inherit !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; text-align: center !important; cursor: pointer; appearance: none; transition: background-color 0.2s ease, color 0.2s ease; } body.page-id-3263 .employee-password-form button[type="submit"] span { display: block; margin: 0; padding: 0; line-height: 1; transform: translateY(-1px); } body.page-id-3263 .employee-password-form button[type="submit"]:hover { background: #0a6339 !important; background-color: #0a6339 !important; color: #ffffff !important; } /* ========================================================== 8. MESSAGE D'ERREUR ========================================================== */ body.page-id-3263 .employee-password-error { margin: 0 0 20px; padding: 12px 16px; background: #fff2f2; border-radius: 8px; color: #a12525; font-size: 14px; line-height: 1.4; text-align: left; } /* ========================================================== 9. BOUTON QUITTER L'ESPACE ========================================================== */ body.page-id-3263 .employee-logout-form { margin: 0; } body.page-id-3263 .employee-logout-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 22px !important; background: #2f3338 !important; background-color: #2f3338 !important; background-image: none !important; border: 0 !important; border-radius: 999px !important; outline: none !important; box-shadow: none !important; color: #ffffff !important; font-family: inherit !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer; appearance: none; transition: background-color 0.2s ease, color 0.2s ease; } body.page-id-3263 .employee-logout-button:hover { background: #ffffff !important; background-color: #ffffff !important; color: #2f3338 !important; box-shadow: none !important; } /* ========================================================== 10. MOBILE ========================================================== */ @media (max-width: 767px) { body.page-id-3263 > header { margin-bottom: 24px; } body.page-id-3263 > footer { margin-top: 24px; } body.page-id-3263 > .employee-access-card { width: calc(100% - 40px); padding: 32px 24px 36px; border-radius: 18px; } body.page-id-3263 .employee-access-header h1 { font-size: 28px; } body.page-id-3263 .employee-access-header p { font-size: 15px; } }/* End custom CSS */