:root,html[data-bs-theme=light]{--bs-body-bg: #f7f8f9;--theme-page-bg: var(--bs-body-bg);--bs-body-color: #626568;--bs-heading-color: #000000;--bs-link-color: #000000;--bs-link-hover-color: #3a3b3d;--bs-primary: #0e0e0f;--bs-secondary: #75787d;--bs-success: #10b983;--bs-info: #5577a7;--bs-warning: #f39e0d;--bs-danger: #ec4040;--bs-border-color: #e5e7eb;--bs-border-radius: .5rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .75rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 1.5rem;--bs-box-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.04);--bs-box-shadow: 0 10px 30px rgba(0,0,0,.08);--bs-box-shadow-lg: 0 20px 60px rgba(0,0,0,.12);--theme-surface: #ffffff;--theme-surface-muted: #f7f8f9;--theme-surface-elevated: #ffffff;--theme-surface-text: #000000;--theme-surface-rgb: 255, 255, 255;--theme-muted-rgb: 241, 242, 243;--theme-accent: var(--color-cat-n1, var(--bs-primary));--theme-accent-contrast: #ffffff;--theme-frame-strong: #000000;--theme-module-border-color: #e5e7eb;--theme-surface-soft-contrast: #edeff2;--theme-footer-surface: var(--bs-body-bg);--theme-footer-text: #000000;--theme-footer-heading: #000000;--theme-footer-link: #000000;--theme-footer-link-hover: #0b0b0b;--theme-footer-category-hover: var(--theme-footer-link-hover);--theme-footer-border-color: transparent;--theme-footer-radius: 0;--theme-footer-shadow: none;--theme-footer-surface-bg: transparent;--theme-header-surface-default: var(--bs-body-bg);--theme-header-border-default: transparent;--theme-header-divider-default: transparent;--theme-header-link-default: var(--theme-menu-item-text, #000000);--theme-header-link-hover-default: var(--theme-menu-item-hover-text, #dddddd);--theme-header-link-active-default: var(--theme-menu-item-active-text, #000000);--theme-header-link-bg-default: var(--theme-menu-item-bg, transparent);--theme-header-link-bg-hover-default: var(--theme-menu-item-hover-bg, rgba(0,0,0,.05));--theme-header-link-bg-active-default: var(--theme-menu-item-active-bg, transparent);--theme-header-link-bg-active-strong-default: var(--theme-menu-item-active-bg, transparent);--theme-header-control-border-default: #232b3d;--theme-header-control-color-default: #000000;--theme-header-brand-accent-default: #ffffff;--theme-navbar-bg: var(--bs-body-bg);--theme-navbar-text: var(--bs-primary);--theme-navbar-hover: var(--bs-body-color);--theme-navbar-text-actif: #ee6e47}html[data-bs-theme=dark]{--bs-body-bg: #151616;--theme-page-bg: var(--bs-body-bg);--bs-body-color: #d1d5db;--bs-heading-color: #f3f4f6;--bs-link-color: #f3f4f6;--bs-link-hover-color: #ffffff;--bs-primary: #ffffff;--bs-secondary: #9ca3af;--bs-border-color: #343434;--theme-surface: #222324;--theme-surface-muted: #222324;--theme-surface-elevated: var(--theme-surface);--theme-surface-text: #fff;--theme-surface-rgb: 26, 27, 28;--theme-muted-rgb: 34, 35, 36;--theme-accent: var(--color-cat-n1, var(--bs-primary));--theme-accent-contrast: #111111;--theme-frame-strong: #aba9a9;--theme-module-border-color: #aba9a9;--theme-surface-soft-contrast: var(--theme-surface-elevated);--theme-footer-surface: var(--theme-surface);--theme-footer-text: inherit;--theme-footer-heading: #ffffff;--theme-footer-link: inherit;--theme-footer-link-hover: #ffffff;--theme-footer-category-hover: var(--theme-footer-link-hover);--theme-footer-border-color: var(--theme-frame-strong);--theme-footer-radius: 0;--theme-footer-shadow: none;--theme-footer-surface-bg: transparent;--theme-header-surface-default: #2a2a2a;--theme-header-border-default: var(--bs-border-color);--theme-header-divider-default: var(--bs-border-color);--theme-header-link-default: var(--theme-menu-item-text, #ffffff);--theme-header-link-hover-default: var(--theme-menu-item-hover-text, #f1f1f1);--theme-header-link-active-default: var(--theme-menu-item-active-text, #ffffff);--theme-header-link-bg-default: var(--theme-menu-item-bg, #202020);--theme-header-link-bg-hover-default: var(--theme-menu-item-hover-bg, #1c1c1c);--theme-header-link-bg-active-default: var(--theme-menu-item-active-bg, #2a2a2a);--theme-header-link-bg-active-strong-default: var(--theme-menu-item-active-bg, #2a2a2a);--theme-header-control-border-default: #eeeeee;--theme-header-control-color-default: #bfbcbc;--theme-header-brand-accent-default: #ffffff;--theme-navbar-bg: var(--theme-surface);--theme-navbar-text: var(--bs-primary);--theme-navbar-hover: var(--bs-body-color)}:root,[data-bs-theme=light],[data-bs-theme=dark]{--breadcrumb-color: #626568;--breadcrumb-arrow-color: #999;--theme-category-accent: var(--theme-accent, var(--color-cat-n1, var(--bs-primary)));--breadcrumb-color-hover: var(--theme-category-accent);--comparison-slider-accent: var(--header-accent, var(--theme-category-accent))}.body-bg{background:var(--bs-body-bg)}html[data-bs-theme=light]{--header-surface: var(--theme-header-surface-default);--header-logo-surface: transparent;--header-border: var(--theme-header-border-default);--header-divider: var(--theme-header-divider-default);--header-link: var(--theme-header-link-default);--header-link-hover: var(--theme-header-link-hover-default);--header-link-active: var(--theme-header-link-active-default);--header-link-bg: var(--theme-header-link-bg-default);--header-link-bg-hover: var(--theme-header-link-bg-hover-default);--header-link-bg-active: var(--theme-header-link-bg-active-default);--header-link-bg-active-strong: var(--theme-header-link-bg-active-strong-default);--header-brand-accent: var(--theme-header-brand-accent-default);--bg-light-gris: var(--theme-surface-soft-contrast);--bord-dark: var(--theme-frame-strong);--bg_color_footer: var(--theme-footer-surface);--text_color_footer: var(--theme-footer-text);--color_border_top_footer: var(--theme-footer-top-border-color);--footer_color_link_cat: var(--theme-footer-link-hover)}html[data-bs-theme=dark]{--header-surface: var(--theme-header-surface-default);--header-logo-surface: var(--theme-header-surface-default);--header-border: var(--theme-header-border-default);--header-divider: var(--theme-header-divider-default);--header-link: var(--theme-header-link-default);--header-link-hover: var(--theme-header-link-hover-default);--header-link-active: var(--theme-header-link-active-default);--header-link-bg: var(--theme-header-link-bg-default);--header-link-bg-hover: var(--theme-header-link-bg-hover-default);--header-link-bg-active: var(--theme-header-link-bg-active-default);--header-link-bg-active-strong: var(--theme-header-link-bg-active-strong-default);--header-brand-accent: var(--theme-header-brand-accent-default);--bg-light-gris: var(--theme-surface-soft-contrast);--bord-dark: var(--theme-frame-strong);--bg_color_footer: var(--theme-footer-surface);--text_color_footer: var(--theme-footer-text);--color_border_top_footer: var(--theme-footer-top-border-color);--footer_color_link_cat: var(--theme-footer-link-hover)}html[data-bs-theme=dark] .perso-bg-body{background:#2e2d2d}html[data-bs-theme=dark] .body-bg{background:var(--theme-surface-elevated)}html[data-bs-theme=dark] .btn-outline-dark{background:var(--theme-surface-elevated);color:#dad9d9;border:1px solid #aba9a9}body{color:var(--bs-body-color);background:var(--bs-body-bg);font-family:var(--theme-font-body, var(--bs-font-sans-serif));line-height:var(--theme-body-line-height, 1.5)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--bs-heading-color);font-family:var(--theme-font-heading, var(--theme-font-body, var(--bs-font-sans-serif)));font-weight:var(--theme-heading-weight, 600);line-height:var(--theme-heading-line-height, 1.2);margin-bottom:var(--theme-heading-margin-bottom, .5rem)}.card,.offcanvas,.modal-content,.dropdown-menu{color:var(--bs-body-color);background-color:var(--theme-card-bg, var(--theme-surface-elevated));border:var(--theme-card-border, 1px solid var(--theme-card-border-color, var(--bs-border-color)));border-radius:var(--theme-card-radius, var(--bs-border-radius-lg));box-shadow:var(--theme-card-shadow, var(--bs-box-shadow-sm))}.rounded{border-radius:var(--theme-card-radius, var(--bs-border-radius-lg))!important}.btn{--bs-btn-font-weight: var(--theme-button-font-weight, 700);--bs-btn-border-radius: var(--theme-button-radius, 999px);font-size:var(--theme-button-font-size, inherit);padding:var(--theme-button-padding-y, .75rem) var(--theme-button-padding-x, 1.1rem);box-shadow:var(--theme-button-shadow, none);transition:transform var(--theme-transition-duration-fast, .2s) var(--theme-transition-easing-default, ease),box-shadow var(--theme-transition-duration-fast, .2s) var(--theme-transition-easing-default, ease),background-color var(--theme-transition-duration-fast, .2s) var(--theme-transition-easing-default, ease),border-color var(--theme-transition-duration-fast, .2s) var(--theme-transition-easing-default, ease),color var(--theme-transition-duration-fast, .2s) var(--theme-transition-easing-default, ease)}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.btn-lg{font-size:1.25rem;padding:.5rem 1rem}.btn:hover{transform:translateY(var(--theme-button-lift-distance, -1px));box-shadow:var(--theme-button-shadow-hover, var(--bs-box-shadow-sm))}.btn:active,.btn.active,.btn.show{box-shadow:var(--theme-button-shadow-active, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm)))}.btn-outline-primary:hover{box-shadow:var(--theme-button-outline-primary-hover-shadow, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm)))}.btn-outline-secondary:hover{box-shadow:var(--theme-button-outline-secondary-hover-shadow, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm)))}.btn-primary,.locale-modal .btn-primary{--bs-btn-color: var(--theme-button-primary-color, var(--theme-accent-contrast));--bs-btn-bg: var(--theme-button-primary-bg, var(--theme-accent));--bs-btn-border-color: var(--theme-button-primary-border, transparent);--bs-btn-hover-color: var(--theme-button-primary-hover-color, var(--theme-accent-contrast));--bs-btn-hover-bg: var(--theme-button-primary-hover-bg, color-mix(in srgb, var(--theme-accent) 88%, #000 12%));--bs-btn-hover-border-color: var(--theme-button-primary-hover-border, var(--theme-button-primary-border, transparent));--bs-btn-active-color: var(--theme-button-primary-active-color, var(--theme-button-primary-color, var(--theme-accent-contrast)));--bs-btn-active-bg: var(--theme-button-primary-active-bg, var(--theme-button-primary-hover-bg, color-mix(in srgb, var(--theme-accent) 88%, #000 12%)));--bs-btn-active-border-color: var(--theme-button-primary-active-border, var(--theme-button-primary-hover-border, var(--theme-button-primary-border, transparent)));--bs-btn-active-shadow: var(--theme-button-primary-active-shadow, var(--theme-button-shadow-active, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm))))}.btn-outline-primary{--bs-btn-color: var(--theme-button-outline-primary-color, var(--theme-accent));--bs-btn-bg: var(--theme-button-outline-primary-bg, transparent);--bs-btn-border-color: var(--theme-button-outline-primary-border, var(--theme-accent));--bs-btn-hover-color: var(--theme-button-outline-primary-hover-color, var(--theme-accent-contrast));--bs-btn-hover-bg: var(--theme-button-outline-primary-hover-bg, var(--theme-accent));--bs-btn-hover-border-color: var(--theme-button-outline-primary-hover-border, var(--theme-button-outline-primary-border, var(--theme-accent)));--bs-btn-active-color: var(--theme-button-outline-primary-active-color, var(--theme-button-outline-primary-hover-color, var(--theme-accent-contrast)));--bs-btn-active-bg: var(--theme-button-outline-primary-active-bg, var(--theme-button-outline-primary-hover-bg, var(--theme-accent)));--bs-btn-active-border-color: var(--theme-button-outline-primary-active-border, var(--theme-button-outline-primary-hover-border, var(--theme-button-outline-primary-border, var(--theme-accent))));--bs-btn-active-shadow: var(--theme-button-outline-primary-active-shadow, var(--theme-button-shadow-active, var(--theme-button-outline-primary-hover-shadow, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm)))));box-shadow:var(--theme-button-outline-primary-shadow, var(--theme-button-shadow, none))}.btn-outline-dark,.btn-light,.btn-secondary{--bs-btn-color: var(--theme-button-secondary-color, var(--bs-heading-color));--bs-btn-bg: var(--theme-button-secondary-bg, transparent);--bs-btn-border-color: var(--theme-button-secondary-border, var(--bs-border-color));--bs-btn-hover-color: var(--theme-button-secondary-hover-color, var(--bs-heading-color));--bs-btn-hover-bg: var(--theme-button-secondary-hover-bg, var(--theme-surface-muted));--bs-btn-hover-border-color: var(--theme-button-secondary-hover-border, var(--theme-button-secondary-border, var(--bs-border-color)));--bs-btn-active-color: var(--theme-button-secondary-active-color, var(--theme-button-secondary-color, var(--bs-heading-color)));--bs-btn-active-bg: var(--theme-button-secondary-active-bg, var(--theme-button-secondary-hover-bg, var(--theme-surface-muted)));--bs-btn-active-border-color: var(--theme-button-secondary-active-border, var(--theme-button-secondary-hover-border, var(--theme-button-secondary-border, var(--bs-border-color))); --bs-btn-active-shadow: var(--theme-button-secondary-active-shadow, var(--theme-button-shadow-active, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm)))); } .btn-outline-secondary { --bs-btn-color: var(--theme-button-outline-secondary-color, var(--bs-heading-color)); --bs-btn-bg: var(--theme-button-outline-secondary-bg, transparent); --bs-btn-border-color: var(--theme-button-outline-secondary-border, var(--bs-border-color)); --bs-btn-hover-color: var(--theme-button-outline-secondary-hover-color, var(--bs-heading-color)); --bs-btn-hover-bg: var(--theme-button-outline-secondary-hover-bg, var(--theme-surface-muted)); --bs-btn-hover-border-color: var(--theme-button-outline-secondary-hover-border, var(--theme-button-outline-secondary-border, var(--bs-border-color))); --bs-btn-active-color: var(--theme-button-outline-secondary-active-color, var(--theme-button-outline-secondary-hover-color, var(--bs-heading-color))); --bs-btn-active-bg: var(--theme-button-outline-secondary-active-bg, var(--theme-button-outline-secondary-hover-bg, var(--theme-surface-muted))); --bs-btn-active-border-color: var(--theme-button-outline-secondary-active-border, var(--theme-button-outline-secondary-hover-border, var(--theme-button-outline-secondary-border, var(--bs-border-color)))); --bs-btn-active-shadow: var(--theme-button-outline-secondary-active-shadow, var(--theme-button-shadow-active, var(--theme-button-outline-secondary-hover-shadow, var(--theme-button-shadow-hover, var(--bs-box-shadow-sm))))); box-shadow: var(--theme-button-outline-secondary-shadow, var(--theme-button-shadow, none)); } .form-control, .form-select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) { color: var(--theme-control-color, var(--bs-body-color)); background-color: var(--theme-control-bg, var(--theme-surface-elevated)); border: 1px solid var(--theme-control-border-color, var(--bs-border-color)); border-radius: var(--theme-control-radius, .5rem); box-shadow: var(--theme-control-shadow, none); } .form-control, .form-select { padding: var(--theme-control-padding-y, .75rem) var(--theme-control-padding-x, 1rem); } .form-select { color: var(--theme-select-color, var(--theme-control-color, var(--bs-body-color))); background-color: var(--theme-select-bg, var(--theme-control-bg, var(--theme-surface-elevated))); border-color: var(--theme-select-border-color, var(--theme-control-border-color, var(--bs-border-color))); } .form-label { color: var(--theme-label-color, var(--bs-heading-color)); font-weight: var(--theme-label-font-weight, 600); } .form-text, .form-check-label { color: var(--theme-help-text-color, var(--bs-secondary-color)); } .form-control::placeholder, textarea::placeholder, input::placeholder { color: var(--theme-control-placeholder, color-mix(in srgb, var(--bs-body-color) 58%, transparent)); } .form-control:focus, .form-select:focus, textarea:focus, input:focus { color: var(--theme-control-focus-color, var(--theme-control-color, var(--bs-body-color))); background-color: var(--theme-control-focus-bg, var(--theme-control-bg, var(--theme-surface-elevated))); border-color: var(--theme-control-focus-border-color, var(--bs-primary)); box-shadow: var(--theme-control-focus-shadow, 0 0 0 4px rgba(var(--bs-primary-rgb), .12)); } .form-select:focus { color: var(--theme-control-focus-color, var(--theme-select-color, var(--theme-control-color, var(--bs-body-color)))); background-color: var(--theme-control-focus-bg, var(--theme-select-bg, var(--theme-control-bg, var(--theme-surface-elevated)))); } .form-check-input[type="checkbox"] { accent-color: var(--theme-checkbox-accent, var(--theme-accent, var(--bs-primary))); } .form-check-input[type="radio"] { accent-color: var(--theme-radio-accent, var(--theme-accent, var(--bs-primary))); } html[data-bs-theme="light"] .logo-light, .header-singleline .logo-light { display: block; } html[data-bs-theme="light"] .logo-dark, .header-singleline .logo-dark { display: none; } html[data-bs-theme="dark"] .logo-light { display: none; } html[data-bs-theme="dark"] .logo-dark { display: block; } html[data-bs-theme="light"] .offcanvas { --header-link-bg: transparent; --header-link-bg-hover: rgba(0,0,0,.05); --header-link-bg-active: rgba(0,0,0,.1); --header-link: #000; --header-link-hover: #fff; --header-link-active: #fff; --header-border: var(--bs-border-color); --bord-dark: #000000; } html[data-bs-theme="dark"] .offcanvas { --header-link-bg: #101010; --header-link-bg-hover: #1c1c1c; --header-link-bg-active: #2a2a2a; --header-link: #fff; --header-link-hover: #f1f1f1; --header-link-active: #fff; --header-border: var(--bs-border-color); } i, .fa, .fas, .far, .fab, .fal, .fad, i[class*="fa-"] { -webkit-text-fill-color: inherit; } .menu-toggle, .menu-toggle:focus, .menu-toggle:active { outline: none !important; box-shadow: none !important; } .menu-toggle:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,.15); border-radius: 50%; } [data-bs-theme="dark"] .menu-toggle:focus-visible { box-shadow: 0 0 0 2px rgba(255,255,255,.35); } )}