.elementor-kit-15{--e-global-color-primary:#D3A825;--e-global-color-secondary:#262E5E;--e-global-color-text:#262E5E;--e-global-color-accent:#D3A825;--e-global-color-61c01e98:#404D9E;--e-global-color-69bf31ed:#AFB6DF;--e-global-color-7a1ccbe5:#13172F;--e-global-color-exbldx1:#313A76;--e-global-color-13ed1179:#FFFFFF;--e-global-color-exbt15a:#F3F4FA;--e-global-color-exbt30a:#E7E9F5;--e-global-color-exbt45a:#DBDEEE;--e-global-color-exorfc1:#A5751F;--e-global-color-exorcl1:#E7CC75;--e-global-color-exorpa1:#F6ECCA;--e-global-color-exgr001:#7F7F7F;--e-global-color-exgrfc1:#363636;--e-global-color-exgrmo1:#B4B4B4;--e-global-color-exgrcl1:#DCDCDC;--e-global-color-exrc001:#D38378;--e-global-color-exrcbr1:#9A3E32;--e-global-color-exrcro1:#E0A8A0;--e-global-color-exrcpa1:#F3DCD9;--e-global-typography-primary-font-family:"JAAPOKKI";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"FUTURA BOOK";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1230px;}.e-con{--container-max-width:1230px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}.sc_layouts_title_caption{display:var(--page-title-display);}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* EXSYMOL – Header : menu affiché dès le premier rendu (le thème le masquait jusqu'à son initialisation JS, d'où une apparition en deux temps) */
header .sc_layouts_menu_dir_horizontal:not(.inited){visibility:visible;overflow:visible;max-height:none}
/* EXSYMOL – Header : e-mail sur deux lignes propres (customerservice / @exsymol.com), sans coupure au milieu des mots — tous les headers */
header .elementor-widget-heading:has(a[href^="mailto:"]){flex-shrink:0}
header .elementor-heading-title:has(> a[href^="mailto:"]){overflow-wrap:normal;word-break:normal;white-space:pre-line}
/* EXSYMOL – Menu mobile : la flèche des entrées à sous-menu (ex. Company) pivote vers le bas à l'ouverture, et revient à la fermeture */
.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu::before{display:inline-block;transition:right .3s ease-out,color .3s,opacity .3s,transform .35s ease}
.menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu::before{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu::before{transition:none}}
/* EXSYMOL – Menu : « Contact us » masqué dans le menu du header (le bouton Contact du header le remplace) ; il reste dans le menu mobile */
header .sc_layouts_menu_nav > li.exs-menu-mobile-only{display:none !important}
/* EXSYMOL – Header compact (ordinateurs 1025–1799 px, les 6 entrées du menu tiennent sans bouton « … ») : colonnes logo et contact ajustées à leur contenu, la colonne menu prend la place restante ; au-delà de 1800 px, rien ne change */
@media (min-width:1025px) and (max-width:1799px){
header .e-con:has(> .e-con > .elementor-widget-trx_sc_layouts_menu) > .e-con{--width:auto;width:auto;flex:0 0 auto}
header .e-con:has(> .e-con > .elementor-widget-trx_sc_layouts_menu) > .e-con:has(> .elementor-widget-trx_sc_layouts_menu){flex:1 1 auto;min-width:0}
}
/* … de 1025 à 1439 px : marges entre éléments du header 27 → 16 px, espacement des entrées du menu 36 → 28 px (24 px sous 1366 px) */
@media (min-width:1025px) and (max-width:1439px){
header .e-con:has(> .e-con > .elementor-widget-trx_sc_layouts_menu) > .e-con > .elementor-widget{margin-left:8px;margin-right:8px}
header .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item > a{padding-left:14px;padding-right:14px}
}
@media (min-width:1025px) and (max-width:1365px){
header .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item > a{padding-left:12px;padding-right:12px}
}
/* EXSYMOL – Header : e-mail plus petit (16 → 13 px) */
@media (min-width:1025px){header .elementor-widget-heading:has(a[href^="mailto:"]) .elementor-heading-title{font-size:13px;line-height:16px}}
/* EXSYMOL – Menu du pied de page (7 entrées) : espacement réduit sous 1280 px ; sous 1024 px, passage à la ligne aligné à droite (le bouton « … » du thème est désactivé par le widget « JS – menu footer sans « … » ») */
@media (max-width:1279px){footer .sc_layouts_menu_dir_horizontal .sc_layouts_menu_nav > li.menu-item > a{padding-left:8px;padding-right:8px}}
@media (max-width:1023px){footer .sc_layouts_menu_no_collapse .sc_layouts_menu_nav{display:flex;flex-wrap:wrap;justify-content:flex-end}footer .sc_layouts_menu_no_collapse .sc_layouts_menu_nav > li{float:none}}
/* … le thème supprime la marge droite du dernier élément (prévu pour le bouton « … ») : on la rétablit pour garder l'alignement d'origine sur le filet */
.footer_wrap .sc_layouts_menu_no_collapse > ul > li.menu-item:last-child:not(#exs) > a{padding-right:1em !important}
@media (max-width:1439px){.footer_wrap .sc_layouts_menu_no_collapse > ul > li.menu-item:last-child:not(#exs) > a{padding-right:.8em !important}}
@media (max-width:1279px){.footer_wrap .sc_layouts_menu_no_collapse > ul > li.menu-item:last-child:not(#exs) > a{padding-right:8px !important}}
/* EXSYMOL – Menu mobile plus lisible : sous-menus en Futura Book (au lieu de Light) ; sur téléphone, entrées principales et sous-menus agrandis (tablette inchangée) */
.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > ul > li.menu-item > a{font-family:futura_ptbook,sans-serif}
@media (max-width:767px){.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > a{font-size:30px}.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > ul > li.menu-item > a{font-size:20px}}
@media (max-width:600px){.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > a{font-size:28px}.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > ul > li.menu-item > a{font-size:20px}}
@media (max-width:479px){.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > a{font-size:26px}.menu_mobile .menu_mobile_nav_area > ul > li.menu-item > ul > li.menu-item > a{font-size:19px}}
/* EXSYMOL – TEST bandeau de titre avec image (Monaco de nuit, média 18506) : page Our DNA uniquement. Dégradé bleu venant du haut + fondu long et doux en bas : le bandeau est prolongé sous la section espaceur (padding-bottom + marge négative = hauteur de l'espaceur : 100 / 70 / 54px) */
body.page-id-4027 header.top_panel{--exs-ban-ext:100px;padding-bottom:var(--exs-ban-ext);margin-bottom:calc(-1 * var(--exs-ban-ext));background-color:var(--e-global-color-secondary);background-image:linear-gradient(180deg,rgba(38,46,94,.96) 0%,rgba(38,46,94,.74) 26%,rgba(38,46,94,.42) 52%,rgba(38,46,94,.46) 70%,rgba(38,46,94,.72) 86%,rgba(38,46,94,1) 100%),url("https://staging.exsymol.com/wp-content/uploads/2026/09/innovation-for-well-being-1536x864.webp");background-size:cover;background-position:center 58%;background-repeat:no-repeat}
@media (max-width:1024px){body.page-id-4027 header.top_panel{--exs-ban-ext:70px;background-image:linear-gradient(180deg,rgba(38,46,94,.96) 0%,rgba(38,46,94,.74) 26%,rgba(38,46,94,.42) 52%,rgba(38,46,94,.46) 70%,rgba(38,46,94,.72) 86%,rgba(38,46,94,1) 100%),url("https://staging.exsymol.com/wp-content/uploads/2026/09/innovation-for-well-being-1024x576.webp")}}
@media (max-width:767px){body.page-id-4027 header.top_panel{--exs-ban-ext:54px;background-image:linear-gradient(180deg,rgba(38,46,94,.96) 0%,rgba(38,46,94,.74) 26%,rgba(38,46,94,.42) 52%,rgba(38,46,94,.46) 70%,rgba(38,46,94,.72) 86%,rgba(38,46,94,1) 100%),url("https://staging.exsymol.com/wp-content/uploads/2026/09/innovation-for-well-being-768x432.webp");background-position:center 60%}}
/* … menu collant : redevient transparent quand on revient tout en haut de la page (classe exs-at-top posée par le script du footer) */
body.page-id-4027 header .sc_layouts_row_fixed{transition:background-color .35s ease}
html.exs-at-top body.page-id-4027 header .sc_layouts_row_fixed_on{background-color:transparent !important;box-shadow:none !important}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'JAAPOKKI';
	font-display: auto;
	src: url('https://staging.exsymol.com/wp-content/uploads/2026/09/Jaapokki-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'FUTURA BOOK';
	font-display: auto;
	src: url('https://staging.exsymol.com/wp-content/uploads/2026/09/FuturaCyrillicBook.ttf') format('truetype');
}
/* End Custom Fonts CSS */