.elementor-995 .elementor-element.elementor-element-cbfda18{--display:flex;--min-height:90px;--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.63;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-995 .elementor-element.elementor-element-cbfda18:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-cbfda18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-995 .elementor-element.elementor-element-cbfda18::before, .elementor-995 .elementor-element.elementor-element-cbfda18 > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-cbfda18 > .e-con-inner > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-cbfda18 > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-cbfda18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-cbfda18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#503E2E;--background-overlay:'';}.elementor-995 .elementor-element.elementor-element-8659d6d{--display:flex;--min-height:80vh;--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;--justify-content:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-995 .elementor-element.elementor-element-8659d6d:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-8659d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-995 .elementor-element.elementor-element-3bd585f{text-align:center;}.elementor-995 .elementor-element.elementor-element-3bd585f .elementor-heading-title{font-family:"Sabon", Sans-serif;font-weight:600;color:#756455;}.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-995 .elementor-element.elementor-element-64ddb64{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C6B4A69C;--border-color:#C6B4A69C;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-widget-login .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-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-button{background-color:#756455;border-radius:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-button:hover{background-color:#756455B8;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group{margin-bottom:18px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-form-fields-wrapper{margin-bottom:-18px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group > a:hover{color:#C6B4A6;}body .elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group > label{padding-bottom:7px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-form-fields-wrapper label{color:#4B3E32;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#C6B4A6;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#C6B4A6;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-c55e0d4 .elementor-field-group .elementor-select-wrapper::before{color:#C6B4A6;}.elementor-995 .elementor-element.elementor-element-062daff{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C6B4A69C;--border-color:#C6B4A69C;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-995 .elementor-element.elementor-element-60117e6{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:18px;}.elementor-995 .elementor-element.elementor-element-60117e6 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#C6B4A657;}.elementor-995 .elementor-element.elementor-element-60117e6.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:#756455CF;}.elementor-995 .elementor-element.elementor-element-60117e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-995 .elementor-element.elementor-element-60117e6.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:#756455CF;}.elementor-995 .elementor-element.elementor-element-60117e6.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-995 .elementor-element.elementor-element-60117e6.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:"Sabon", Sans-serif;font-weight:500;}.elementor-995 .elementor-element.elementor-element-6f49bb3{--display:flex;--min-height:80vh;--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:80px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-6f49bb3:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-6f49bb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-995 .elementor-element.elementor-element-42138d7{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-995 .elementor-element.elementor-element-d17989f{text-align:center;}.elementor-995 .elementor-element.elementor-element-d17989f .elementor-heading-title{font-family:"Sabon", Sans-serif;font-weight:600;color:var( --e-global-color-97b5db5 );}.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-995 .elementor-element.elementor-element-1886b17{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:080px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-1886b17:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-1886b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gemsflower.ch/wp-content/uploads/2025/04/IMG_70952x.webp");background-position:center center;background-size:cover;}.elementor-995 .elementor-element.elementor-element-1886b17::before, .elementor-995 .elementor-element.elementor-element-1886b17 > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-1886b17 > .e-con-inner > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-1886b17 > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-1886b17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-1886b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-995 .elementor-element.elementor-element-997186f{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;text-align:start;}.elementor-995 .elementor-element.elementor-element-997186f .elementor-heading-title{font-family:"Sabon", Sans-serif;font-size:41px;font-weight:400;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-995 .elementor-element.elementor-element-30c3f32{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2px;}.elementor-995 .elementor-element.elementor-element-30c3f32 > .elementor-widget-container{padding:24px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-30c3f32 .elementor-divider-separator{width:80px;margin:0 auto;margin-left:0;}.elementor-995 .elementor-element.elementor-element-30c3f32 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-995 .elementor-element.elementor-element-7882f2b{width:var( --container-widget-width, 37% );max-width:37%;--container-widget-width:37%;--container-widget-flex-grow:0;text-align:start;color:#FFFFFF;}.elementor-995 .elementor-element.elementor-element-7882f2b > .elementor-widget-container{margin:0px 0px -21px 0px;padding:24px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-7882f2b.elementor-element{--align-self:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-97b5db5 );color:var( --e-global-color-97b5db5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#C3B4A8;border-radius:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button:hover, .elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button:focus{background-color:#756455;color:#FFFFFF;border-color:#C3B4A8;}.elementor-995 .elementor-element.elementor-element-63596c2{width:initial;max-width:initial;}.elementor-995 .elementor-element.elementor-element-63596c2 > .elementor-widget-container{padding:032px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button:hover svg, .elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button:focus svg{fill:#FFFFFF;}body.elementor-page-995:not(.elementor-motion-effects-element-type-background), body.elementor-page-995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F7;}@media(min-width:768px){.elementor-995 .elementor-element.elementor-element-8659d6d{--content-width:552px;}}@media(max-width:1024px){.elementor-995 .elementor-element.elementor-element-cbfda18{--min-height:90px;}.elementor-995 .elementor-element.elementor-element-8659d6d{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-995 .elementor-element.elementor-element-6f49bb3{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-995 .elementor-element.elementor-element-1886b17{--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-995 .elementor-element.elementor-element-997186f{--container-widget-width:425px;--container-widget-flex-grow:0;width:var( --container-widget-width, 425px );max-width:425px;}.elementor-995 .elementor-element.elementor-element-7882f2b{--container-widget-width:373px;--container-widget-flex-grow:0;width:var( --container-widget-width, 373px );max-width:373px;}}@media(max-width:767px){.elementor-995 .elementor-element.elementor-element-cbfda18{--min-height:80px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-995 .elementor-element.elementor-element-8659d6d{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-995 .elementor-element.elementor-element-3bd585f .elementor-heading-title{font-size:32px;}.elementor-995 .elementor-element.elementor-element-64ddb64{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-995 .elementor-element.elementor-element-062daff{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-995 .elementor-element.elementor-element-6f49bb3{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-995 .elementor-element.elementor-element-d17989f .elementor-heading-title{font-size:32px;}.elementor-995 .elementor-element.elementor-element-1886b17{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-995 .elementor-element.elementor-element-997186f{--container-widget-width:83%;--container-widget-flex-grow:0;width:var( --container-widget-width, 83% );max-width:83%;text-align:center;}.elementor-995 .elementor-element.elementor-element-997186f .elementor-heading-title{font-size:32px;}.elementor-995 .elementor-element.elementor-element-30c3f32.elementor-element{--align-self:center;}.elementor-995 .elementor-element.elementor-element-30c3f32 .elementor-divider{text-align:center;}.elementor-995 .elementor-element.elementor-element-30c3f32 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-995 .elementor-element.elementor-element-7882f2b{width:var( --container-widget-width, 285px );max-width:285px;--container-widget-width:285px;--container-widget-flex-grow:0;text-align:center;}.elementor-995 .elementor-element.elementor-element-7882f2b.elementor-element{--align-self:center;}}/* Start custom CSS for wpforms, class: .elementor-element-434daab */div.wpforms-container-full:not(:empty) { margin: 0px; } /* Appliquer le style Sabon Marron à TOUS les titres de champs du formulaire */ #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; color: #4B3E32 !important; font-weight: 400 !important; } .wpforms-field-label { margin-bottom: 8px !important; display: block !important; } /* --- 1. RÉDUIRE L'ESPACE ENTRE LES CHAMPS --- */ /* Réduit la marge sous chaque bloc de champ principal */ #wpforms-1459 .wpforms-field { margin-bottom: 0px !important; /* Valeur standard 20px -> réduite à 15px */ padding-bottom: 0 !important; clear: both !important; } /* Réduit l'espace pour les champs sur plusieurs colonnes (ex: Nom/Prénom, Ville/CP) */ #wpforms-1459 .wpforms-field-row { margin-bottom: 0px !important; } /* --- 2. BORDER RADIUS 0PX (Design Carré) --- */ /* Cible tous les types de champs : Texte, Select, Email, Zone de texte, etc. */ #wpforms-1459 input[type="text"], #wpforms-1459 input[type="email"], #wpforms-1459 input[type="tel"], #wpforms-1459 input[type="password"], #wpforms-1459 input[type="date"], #wpforms-1459 select, #wpforms-1459 textarea { border-radius: 0px !important; -webkit-border-radius: 0px !important; /* Pour Safari/Chrome */ -moz-border-radius: 0px !important; /* Pour Firefox */ } /* Cible spécifique pour la zone d'upload de fichier (Dropzone) */ #wpforms-1459 .wpforms-uploader { border-radius: 0px !important; } /* Cible le Bouton Envoyer */ #wpforms-1459 button.wpforms-submit { border-radius: 0px !important; } /* Cible le champ Téléphone spécifique (avec les drapeaux) */ #wpforms-1459 .iti__country-list { border-radius: 0px !important; } /* --- 1. TYPOGRAPHIE SABON SUR TOUS LES CHAMPS --- */ /* Cible les zones de texte, les listes déroulantes, les emails, etc. */ #wpforms-1459 input, #wpforms-1459 textarea, #wpforms-1459 select, #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; font-size: 16px !important; /* Taille lisible et élégante */ color: #4B3E32 !important; /* Ton texte marron foncé */ } /* Cible le texte à l'intérieur des champs (placeholder) */ #wpforms-1459 ::placeholder { font-family: 'Sabon', serif !important; color: #4B3E32 !important; opacity: 0.7; /* Légèrement plus clair */ } /* --- 2. STYLISATION DU BOUTON ENVOYER --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit { /* ETTAT NORMAL */ background-color: #756455 !important; /* Marron Branding */ color: #FFFFFF !important; /* Texte Blanc */ font-family: 'Sabon', serif !important; /* MAJUSCULES CHIC */ /* Espacement des lettres */ font-size: 15px !important; margin-top: 15px;/* Bouton plus large et confortable */ padding: 0px 20px; border: none !important; border-radius: 0px !important; /* Carré strict */ transition: all 0.3s ease !important; /* Animation fluide */ } /* --- 3. BOUTON AU SURVOL (HOVER) --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit:hover { background-color: #756455B8 !important; /* Marron transparent (effet demandé) */ cursor: pointer !important; }/* End custom CSS */ /* Start custom CSS for wpforms, class: .elementor-element-434daab */div.wpforms-container-full:not(:empty) { margin: 0px; } /* Appliquer le style Sabon Marron à TOUS les titres de champs du formulaire */ #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; color: #4B3E32 !important; font-weight: 400 !important; } .wpforms-field-label { margin-bottom: 8px !important; display: block !important; } /* --- 1. RÉDUIRE L'ESPACE ENTRE LES CHAMPS --- */ /* Réduit la marge sous chaque bloc de champ principal */ #wpforms-1459 .wpforms-field { margin-bottom: 0px !important; /* Valeur standard 20px -> réduite à 15px */ padding-bottom: 0 !important; clear: both !important; } /* Réduit l'espace pour les champs sur plusieurs colonnes (ex: Nom/Prénom, Ville/CP) */ #wpforms-1459 .wpforms-field-row { margin-bottom: 0px !important; } /* --- 2. BORDER RADIUS 0PX (Design Carré) --- */ /* Cible tous les types de champs : Texte, Select, Email, Zone de texte, etc. */ #wpforms-1459 input[type="text"], #wpforms-1459 input[type="email"], #wpforms-1459 input[type="tel"], #wpforms-1459 input[type="password"], #wpforms-1459 input[type="date"], #wpforms-1459 select, #wpforms-1459 textarea { border-radius: 0px !important; -webkit-border-radius: 0px !important; /* Pour Safari/Chrome */ -moz-border-radius: 0px !important; /* Pour Firefox */ } /* Cible spécifique pour la zone d'upload de fichier (Dropzone) */ #wpforms-1459 .wpforms-uploader { border-radius: 0px !important; } /* Cible le Bouton Envoyer */ #wpforms-1459 button.wpforms-submit { border-radius: 0px !important; } /* Cible le champ Téléphone spécifique (avec les drapeaux) */ #wpforms-1459 .iti__country-list { border-radius: 0px !important; } /* --- 1. TYPOGRAPHIE SABON SUR TOUS LES CHAMPS --- */ /* Cible les zones de texte, les listes déroulantes, les emails, etc. */ #wpforms-1459 input, #wpforms-1459 textarea, #wpforms-1459 select, #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; font-size: 16px !important; /* Taille lisible et élégante */ color: #4B3E32 !important; /* Ton texte marron foncé */ } /* Cible le texte à l'intérieur des champs (placeholder) */ #wpforms-1459 ::placeholder { font-family: 'Sabon', serif !important; color: #4B3E32 !important; opacity: 0.7; /* Légèrement plus clair */ } /* --- 2. STYLISATION DU BOUTON ENVOYER --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit { /* ETTAT NORMAL */ background-color: #756455 !important; /* Marron Branding */ color: #FFFFFF !important; /* Texte Blanc */ font-family: 'Sabon', serif !important; /* MAJUSCULES CHIC */ /* Espacement des lettres */ font-size: 15px !important; margin-top: 15px;/* Bouton plus large et confortable */ padding: 0px 20px; border: none !important; border-radius: 0px !important; /* Carré strict */ transition: all 0.3s ease !important; /* Animation fluide */ } /* --- 3. BOUTON AU SURVOL (HOVER) --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit:hover { background-color: #756455B8 !important; /* Marron transparent (effet demandé) */ cursor: pointer !important; }/* End custom CSS */ /* Start custom CSS for wpforms, class: .elementor-element-434daab */div.wpforms-container-full:not(:empty) { margin: 0px; } /* Appliquer le style Sabon Marron à TOUS les titres de champs du formulaire */ #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; color: #4B3E32 !important; font-weight: 400 !important; } .wpforms-field-label { margin-bottom: 8px !important; display: block !important; } /* --- 1. RÉDUIRE L'ESPACE ENTRE LES CHAMPS --- */ /* Réduit la marge sous chaque bloc de champ principal */ #wpforms-1459 .wpforms-field { margin-bottom: 0px !important; /* Valeur standard 20px -> réduite à 15px */ padding-bottom: 0 !important; clear: both !important; } /* Réduit l'espace pour les champs sur plusieurs colonnes (ex: Nom/Prénom, Ville/CP) */ #wpforms-1459 .wpforms-field-row { margin-bottom: 0px !important; } /* --- 2. BORDER RADIUS 0PX (Design Carré) --- */ /* Cible tous les types de champs : Texte, Select, Email, Zone de texte, etc. */ #wpforms-1459 input[type="text"], #wpforms-1459 input[type="email"], #wpforms-1459 input[type="tel"], #wpforms-1459 input[type="password"], #wpforms-1459 input[type="date"], #wpforms-1459 select, #wpforms-1459 textarea { border-radius: 0px !important; -webkit-border-radius: 0px !important; /* Pour Safari/Chrome */ -moz-border-radius: 0px !important; /* Pour Firefox */ } /* Cible spécifique pour la zone d'upload de fichier (Dropzone) */ #wpforms-1459 .wpforms-uploader { border-radius: 0px !important; } /* Cible le Bouton Envoyer */ #wpforms-1459 button.wpforms-submit { border-radius: 0px !important; } /* Cible le champ Téléphone spécifique (avec les drapeaux) */ #wpforms-1459 .iti__country-list { border-radius: 0px !important; } /* --- 1. TYPOGRAPHIE SABON SUR TOUS LES CHAMPS --- */ /* Cible les zones de texte, les listes déroulantes, les emails, etc. */ #wpforms-1459 input, #wpforms-1459 textarea, #wpforms-1459 select, #wpforms-1459 .wpforms-field-label { font-family: 'Sabon', serif !important; font-size: 16px !important; /* Taille lisible et élégante */ color: #4B3E32 !important; /* Ton texte marron foncé */ } /* Cible le texte à l'intérieur des champs (placeholder) */ #wpforms-1459 ::placeholder { font-family: 'Sabon', serif !important; color: #4B3E32 !important; opacity: 0.7; /* Légèrement plus clair */ } /* --- 2. STYLISATION DU BOUTON ENVOYER --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit { /* ETTAT NORMAL */ background-color: #756455 !important; /* Marron Branding */ color: #FFFFFF !important; /* Texte Blanc */ font-family: 'Sabon', serif !important; /* MAJUSCULES CHIC */ /* Espacement des lettres */ font-size: 15px !important; margin-top: 15px;/* Bouton plus large et confortable */ padding: 0px 20px; border: none !important; border-radius: 0px !important; /* Carré strict */ transition: all 0.3s ease !important; /* Animation fluide */ } /* --- 3. BOUTON AU SURVOL (HOVER) --- */ #wpforms-1459 .wpforms-submit-container button.wpforms-submit:hover { background-color: #756455B8 !important; /* Marron transparent (effet demandé) */ cursor: pointer !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-233ceea *//* ============================================================ 2. LE MENU LATÉRAL (Navigation - Style Tabs Pleins) ============================================================ */ .woocommerce-MyAccount-navigation { flex: 0 0 250px; /* Largeur du menu */ width: 250px; /* On enlève la bordure à droite car les boutons font la séparation */ border-right: none !important; } /* Supprime les puces et marges de la liste */ .woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; /* Empile les boutons */ gap: 2px; /* Petit espace blanc entre les boutons */ } /* --- STYLE DES LIENS (Onglets Inactifs) --- */ .woocommerce-MyAccount-navigation ul li a { display: block; /* C'est ce Beige Clair qu'il faut utiliser pour l'état normal */ background-color: #EFE8E2 !important; color: #4B3E32 !important; /* Texte Marron Foncé */ padding: 15px 20px !important; /* Espace interne pour faire un beau bouton */ font-family: 'Sabon', serif !important; font-size: 16px !important; font-weight: 400 !important; text-decoration: none !important; border: none !important; /* Pas de bordure */ border-radius: 0px !important; /* Carré strict */ transition: all 0.3s ease; } /* --- STYLE DE L'ONGLET ACTIF ET AU SURVOL --- */ /* Quand on passe la souris dessus OU quand c'est la page en cours */ .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { /* C'est ce Marron Foncé pour l'état actif/survol */ background-color: #8C7D70 !important; color: #FFFFFF !important; /* Texte Blanc */ font-weight: 400 !important; padding-left: 20px !important; /* On annule le petit décalage d'avant */ } /* ============================================================ 3. LA ZONE DE CONTENU (TEXTES & LIENS) ============================================================ */ .woocommerce-MyAccount-content { flex: 1; font-size: 16px !important; line-height: 1.6 !important; } /* --- LE TEXTE GÉNÉRAL (Paragraphes, Listes, Adresses) --- */ .woocommerce-MyAccount-content, .woocommerce-MyAccount-content p, .woocommerce-MyAccount-content address, .woocommerce-MyAccount-content ul li, .woocommerce-MyAccount-content span { color: #756455 !important; /* Ton Marron Branding */ font-family: 'Sabon', serif !important; } /* --- LES LIENS DANS LE TEXTE (Sauf les boutons) --- */ /* Ex: "Déconnexion", "Adresses récentes", "Mot de passe oublié" */ .woocommerce-MyAccount-content a:not(.button) { color: #C6B4A6 !important; /* Beige demandé */ text-decoration: underline !important; text-underline-offset: 3px; font-weight: 400 !important; transition: color 0.3s ease; } /* Au survol, le lien devient Marron pour qu'on le voie bien */ .woocommerce-MyAccount-content a:not(.button):hover { color: #756455 !important; } /* --- TITRES (Bonjour, Vos Commandes...) --- */ .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content legend { font-family: 'Sabon', serif !important; color: #756455 !important; /* Marron aussi pour les titres */ font-size: 24px !important; font-weight: 400 !important; margin-bottom: 20px !important; text-transform: none !important; border-bottom: 1px solid #EAEAEA; /* Petite ligne fine sous les titres */ padding-bottom: 10px; } .woocommerce-account .woocommerce-MyAccount-content { padding-left: 24px; padding-top: 24px; } /* Mobile */ @media (max-width: 767px) { /* Styles pour mobiles en mode portrait */ .woocommerce-account .woocommerce-MyAccount-content { padding: 24px; } } /* Tablette */ @media (min-width: 768px) { /* Styles pour mobiles en mode paysage */ .woocommerce-account .woocommerce-MyAccount-content { padding: 24px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-63596c2 */.elementor-995 .elementor-element.elementor-element-63596c2 .elementor-button:hover{ transform: scale(102%); transition: all .2s ease-in-out; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Sabon'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.eot'); src: url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.eot?#iefix') format('embedded-opentype'), url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.woff2') format('woff2'), url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.woff') format('woff'), url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.ttf') format('truetype'), url('https://gemsflower.ch/wp-content/uploads/2025/04/Sabon.svg#Sabon') format('svg'); } @font-face { font-family: 'Sabon'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.eot'); src: url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.eot?#iefix') format('embedded-opentype'), url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.woff2') format('woff2'), url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.woff') format('woff'), url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.ttf') format('truetype'), url('https://gemsflower.ch/wp-content/uploads/2025/04/SabonBold.svg#Sabon') format('svg'); } /* End Custom Fonts CSS */